﻿
/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/reset.css");
@import url("/css/externalLinks.css");


/* Elements
----------------------------------------*/
body
{
	background-color:#FFFFFF;
}

body, p, td, th, li
{
	font-family:verdana, sans-serif;
	font-size:.9em;
	line-height:1.4em;
	color:#000000;
}
a{text-decoration:none;}
#mainContainer
{
	width:960px;
	margin: 15px auto;
}
a img{border:none;cursor:pointer}
p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#B1DA67;
}

a:hover, a:active
{
	color:#5C8127;
	text-decoration:none;
}

h1
{
	color:#fff;
	margin:-2px;
	line-height:1.05em;
	font-size:2.125em;
}

h2
{
	color:#F16531;
	margin:.825em 0 .5em 0;
	font-size:20px;
}

h3
{
	color:#F16531;
	margin:.825em 0 .5em 0;
	font-size:20px;
}

h4
{
	color:#F16531;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	margin-left:25px;
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

.green-right a { color:white; }
.green-right a:hover { color:#D3D3D3; }

/* Header
----------------------------------------*/
#header
{	background:url(../images/aps-logo.png) no-repeat 32px 2px;
	width:960px;
	height:109px;
}
#banner{background:transparent url(../../images/header.jpg) repeat scroll -1px 0;
height:355px;
width:960px;}


#color-section{width:960px; height:300px;background:url('../images/green-bg.png');}
	#green-section p {color:#fff;margin-top:15px; margin-bottom:0px; margin-right:25px;line-height:16px;}
	#green-section h2 { color:#fff; margin-left:0px; }
	
	
	#content { width:960px; overflow:hidden; line-height:1.2em; background:url('../images/content.gif') repeat-y; }
	
	#content-sub { width:960px; overflow:hidden; line-height:1.2em; }
	
/* Main Content
---------------------------------------- */
#mainContent
{
	overflow:hidden;
	width:960px;
	
}
#green-section { width:960px; overflow:hidden; background: #FF5200 url('../images/bk-banner-gradient.jpg') repeat-x; }
    #green-top { width:960px; height:24px; }
        #green-body { width:960px; overflow:hidden; background:url('../images/bk-green-divider.gif'); }
            .green-margin { display:block; width:60px; height:27px; float: left; }
            .green-left { display:block; width:448px; overflow:hidden; float: left; }
            .green-divider { display:block; width:77px; height:27px; float: left; }
            .green-right { display:block; width:355px; overflow:hidden; float: left; }
        #green-buttons{ width:960px; overflow:hidden; background:url('../images/bk-green-divider.gif'); }
        #green-bottom { width:960px; height:20px; }



.phone{
    color:#F16531;
    font-size:28px;
    font-weight:bold;
    word-spacing:3px;
}
.bold{font-weight:bold; font-size:16px;}
#content-right a{font-size:16px; font-weight:bold;}
#content-right div{margin-left:34px;
margin-top:36px;
width:320px; }
#content-right strong{font-size:16px;}
#content-right p{line-height:14px;}
#content-right h2{font-size:20px;line-height:21px;}
#content-right img{margin-top:21px;margin-bottom:39px;}
.product strong{float:left;font-size:17px;color:#F16531; margin-bottom:4px;}

.product{
    overflow:hidden;
margin-bottom:20px;
width:476px; }

.product p{float:left;clear:left;line-height:14px;
margin-bottom:0;
width:335px;}
.product img{float:right; vertical-align:top;margin-top:-15px;}
#content-left h2{margin-bottom:26px;}

#content-left { margin-left:60px; float:left; margin-top:16px; width:480px; padding-bottom:20px; }

#left-color{width:553px; height:100%; float:left;}
#left-color div{border-right:1px solid #FFFFFF;
height:247px;
margin-left:61px;
margin-top:24px;}
#right-color h2{color:#fff; font-size:18px;}
#right-color div{
height:247px;
margin-left:30px;
margin-top:24px;}
#right-color div p{margin-top:0px;margin-left:5px;margin-bottom:36px; width:285px;}

#right-color{width:407px; height:100%; float:left;}

#content-right{width:409px; overflow:hidden; float:right; padding-bottom:20px; }
	
/* SUB Content
----------------------------------------*/

#green-box { background:#D64812 url(../images/bk-green-box.jpg) no-repeat; overflow:hidden; width:435px; margin-top:25px; }
    #green-box-left { width:20px; height:345px; float: left; }
    #green-box-right { overflow:hidden; width:395px; float: left; }
    #green-box h3 { color:white; font-weight:bold; font-size:19px; margin-bottom:15px; margin-top:20px; }
    #green-box ul { list-style-type:disc; padding-left:1.1em; }
    #green-box li, #green-box ul { color:white; margin-left:0px; margin-top:9px; margin-bottom:9px; line-height:16px; }
    
#green-box-bottom { background: url(../images/green-box-bottom.jpg) no-repeat; height:34px; width:435px; }


#content-sub h2 { color:#F16531; margin-top:20px; font-size:20px; line-height:36px; font-weight:bold !important; }


#content-sub h3 { font-weight:bold; }

#bannerbar { width:960px; height:33px; background:url('../images/bk-sub-bannerbar.jpg') repeat-x; }

#content-left-sub { margin-left:60px; float:left; width:404px; overflow:hidden; padding-bottom:20px; }
#content-right-sub { margin-left:61px; width:404px; overflow:hidden; float:right; padding-bottom:20px; }

#content-left-ab180 { margin-left:60px; float:left; width:464px; overflow:hidden; padding-bottom:20px; }
#content-left-ab180 p { margin-right:20px; }

#content-right-ab180 { width:383px; overflow:hidden; float:right; padding-bottom:20px; }
	#fasprint_image { width:382px; overflow:hidden; }
	
	#content-right-features { width:382px; overflow:hidden; border-left:1px solid #FFB89D; }
	
		#content-right-right { width:320px; overflow:hidden; float:right; }
	#content-right-features-none { width:382px; overflow:hidden; }
		#content-right-right-none  { width:320px; overflow:hidden; float:right; }
			.right-box { display:block; margin-top:15px; width:320px; overflow:hidden; }
				#content-right-right img { float: left; margin-top:2px; }
				#content-right-right p { float: right; width: 200px; color: #333; margin-top:0px; padding-top:0px; line-height: 14px; }
				#content-right-right ul { list-style-type:disc; padding-left:1.1em; margin-top:0px; margin-bottom:0px; margin-left:0px; }
				#content-right-right li { margin-left:0px; margin-top:10px; margin-bottom:0px; line-height:14px; }
			.left-box { display:block; margin-top:15px; width:464px; overflow:hidden; }
				.left-box img { float: right; margin-top:2px; }
				.left-box h3 { margin-top:0px; }
				.left-box p { float: left; width:280px; color:#333; margin-top:5px; padding-top:0px; line-height: 14px; }


/* important */

#backlink { float: right; width: 229px; overflow: hidden; font-size: 16px; color: #666; margin-bottom: 294px; }
#backlink-wide { float: right; width: 364px; overflow: hidden; font-size: 16px; color: #666; margin-bottom: 294px; }

#top-margin { width:60px; overflow:hidden; float:left; }
#backlink-floater { text-align:right; width:560px; overflow:hidden; margin-top:15px; float:left; }
#backlink-floater a { font-size:15px; color:#666; line-height:26px; margin-left:9px; word-spacing:-3px; letter-spacing:0px; }
#backlink-floater a:hover { text-decoration:underline !important; }
#title { width:340px; overflow:hidden; color:#666; float:left; }
.backlink-table { width:560px; }
.backlink-table td { text-align:right; }
#backlink-links a { display:block; overflow:hidden; height:22px; float:right; }

#backlink-wider { float: right; width: 404px; overflow: hidden; font-size: 16px; color: #666; margin-bottom: 294px; }
#backlink a, #backlink-wide a, #backlink-wider a { font-size: 16px; color: #666; text-decoration: none; word-spacing: -2px; }
#backlink a:hover, #backlink-wide a:hover, #backlink-wider a:hover {  }

/* important */



.large {
    margin-top:46px;
    color:#000; 
	font-size:.9em;
	line-height:1.4em;
}

#form-left-top { width:464px; overflow:hidden; margin-bottom:20px; }

#form-left-holder { width:404px; overflow:hidden; margin-bottom:26px; }

#content-left-sub ul { margin-top:20px !important; padding:0 !important; }
#content-left-sub ul ul { margin:0 !important; padding:0 !important; }
#content-left-sub li { margin-bottom:7px !important; }
#content-left-sub li a { color:black !important; }
#content-left-sub li a:hover { text-decoration:underline !important; }
#sitemap { float:right; margin-right:160px; margin-top:22px; }
#sitemap a { color:black !important; font-size:10px; font-weight:bold; }
#sitemap a:hover { text-decoration:underline !important; }


/* 'robbed' form styling
----------------------------------------*/

.submit-button {
	background-color: #FFF;
	font-size: 100%;
	border: 1px #333 solid;
	padding: 3px 4px;
	margin:0 1em 0 0;
	color: #000;
}
.info-icon {
	float:left;
	width:20px;
	padding: 1px 0 0 5px;
	height: 20px;
	margin: 0;
}
.input-box, .input-box-sm, .input-box-sm2, .input-box-lg, .input-box-vlg {
	color: #000;
	border: #999 solid 1px;
	background-color: #FFF;
	float: left;
	padding: 0.3em 0;
	}
.input-box {
	width: 175px; /*was 210px - reduced for more label space + padding adj.*/
	padding: 3px 2px 3px 3px;
	font-size: 0.8em;
}
.input-box-sm {
	width: 50px;
	margin-right: 10px;
}
.input-box-sm2 {
	width: 148px;
}
.input-box-lg {
	width: 345px;
	margin-bottom: 1em;
	clear: left;
}
.input-box-vlg {
	width: 357px;
	margin-bottom: 1em;
	clear: left;
}


.drop-box-sm {
	color: #000;
	border: #999 solid 1px;
	background-color: #ddd;
	width: 100px;
	font-size: 90%;
	float: left;
}
.drop-box {
	color: #000;
	border: #999 solid 1px;
	background-color: #ddd;
	width: 182px; /*was 212px - reduced for more label space */
	font-size: 90%;
	float: left;
	height: 22px;
}

.formLabel
{
	float:left;
	font-weight: bold;
	width:172px; /*increased by 30px for longer text labels */
	font-size: 0.9em;
	padding: 0.3em 5px 0.3em 0;
}

.formLabel span
{
	padding: 0 3px 0 3px;
}

.formElementContainer {
	margin: 0 0 0.5em;
	width: 385px;
	float: left;
}

.formnotes {
	width:385px;
	float: left;
	display: block;
	clear: left;
}


.formButtonFooter {
	margin: 0;
}

/* Footer
----------------------------------------*/
#footer
{
	width:960px;
	overflow:hidden;
	background:url('../images/footer_gradientX.jpg') repeat-x bottom;
	border-top:solid 1px #FFB69D;
}
#footer-bottom
{
	width: 960px;
	height: 50px;
	background: url('../../images/footer-bottom.gif');
}

.footer-links { margin-left: 60px; width: 184px; overflow: hidden; line-height: 12px; font-size: 10px; color: #999; float: left; padding-top: 24px; padding-bottom: 18px;}

#footer p 
{
	font-size:.625em;
}



.spectable { width:433px; }
.celltop { border-top:#bcbcbc solid 2px; }
.celltop p { color:#333; padding:0; margin:0; padding-top:5px; padding-bottom:5px; }
.cell { background-color:#D8DDDD; border:#fff solid 1px; text-align:center; }
.spectext { font-size:10px; color:#333; text-align:center; }




 
