@import url(reset.css);

/**STRUCTURE**/
body { background-image: url('/img/structure/bg_body.gif');  color: #888; font: normal 12px Arial, sans-serif; line-height: 1.4; }
#wrapper { width: 900px; background: #ffffff; margin: 0 auto; padding: 0; }
#header { height: 79px; position: relative;}
#header a:focus { outline: 0;}
#logo { position: absolute; bottom:0px; left:0px;}
#container { background: url('/img/structure/bg_container.png') top left repeat-y;}

/**GLOBAL**/
h1 {  font: bold 14px Verdana, Arial, sans-serif; border-bottom: 1px solid #e86a10; text-transform: uppercase;  color: #005288; padding-bottom:10px;}
	h1.noborder { border:0; } 
h2 { font: bold 12px Verdana, Arial, sans-serif;  text-transform: uppercase; }
h3 {  border-bottom: 1px solid #f7f7f0; text-transform: uppercase; }
p { margin-bottom: 15px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.line { position:relative; clear:both; border-bottom:1px solid #e86a10; margin-bottom:20px;  } /*hr, but it show up better in IE*/

/**LOGIN **/
#login { height: 40px; padding: 16px 25px 0 0; color:#c3c3c3;}
.login {float:right; padding-right:5px;cursor: pointer !important;} 
.login a{ color: #e86a10; font-weight: bold; font-size: 10px;  } 
.login_form { float: right; padding-left:5px;} 
#login .box { border: 1px solid #c3c3c3; width: 94px; height: 13px; color: #998b7d; font-size: 10px; padding: 2px;} 
#login .button1 { vertical-align: middle; } 

/**NAV**/
#nav { position: absolute; bottom:20px; right:0;}
#nav ul { float: right; }
#nav li { float: left;}
#nav li a { display: block; height: 34px; text-indent: -9999px; background-image: url('/img/structure/bg_nav.png'); }

#about a { width: 80px; background-position: 0 0; }
#distributors a { width: 106px; background-position: -80px 0; }
#news a { width: 54px; background-position: -186px 0; }
#testimonials a { width: 106px; background-position: -240px 0; }
#support a { width: 107px; background-position: -346px 0; }
#rewards a { width: 118px; background-position: -453px 0; }

#about a:hover,
body.about #about a {
    background-position: 0 -33px;
}
#distributors a:hover,
body.distributors #distributors a {
    background-position: -80px -33px;
}
#news a:hover,
body.news #news a {
    background-position: -186px -33px;
}
#testimonials a:hover,
body.testimonials #testimonials a {
    background-position: -240px -33px;
}
#support a:hover,
body.support #support a {
    background-position: -346px -33px;
}
#rewards a:hover,
body.advantage #rewards a, body.learn-more #rewards a {
    background-position: -453px -33px;
}


/**SUBNAV**/
#subnav {  background: url('/img/structure/bg_subnav.png') top left no-repeat; height: 25px; font-size: 11px;} 
#subnav ul { font-family: "DIN", Verdana, Arial, sans-serif; float: right; margin-right: 4px; margin-top: 5px; width:570px;}
#subnav li { float: left; padding: 0 13px; border-right: 1px solid #f78c29; }
#subnav li.last { border:none; }
#subnav li a { color: #fff; height: 20px; }
#subnav sup { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex;}

/**FOOTER**/
#footernav {	background: #fff url('/img/structure/bg_footer.jpg') no-repeat top left; padding: 10px; width: 880px; height: 28px; color: #dfe1ce; clear:both;
				text-align:center; padding-bottom: 0;   margin: 0 auto;  }
#footernav a { color: #dfe1ce; text-decoration: none; padding: 0 10px;}
#footer { width: 900px; background-color: #fff; height: 65px; padding-top: 20px; text-align:center !important; }
#footer ul { color: #005288; font-family:Helvetica, Verdana, Arial; } 
#footer li { display:inline; background: url('/img/structure/ul_arrow_footer.png') left center no-repeat; padding-left: 20px; margin-right:20px;} 
#footer li.logo { background:none; } 

/** T2 **/
#divider { position:relative; background-image: url('/img/structure/divider.jpg'); height: 27px;  }

#left { float: left; width: 159px; padding:0px 15px 0px 26px; margin:26px 0 0 0px;  color:#fff;  font-family: "Lucida Grande", Arial, sans-serif; font-size:11px;}

	#left a {  color: #e86a10; font-weight:bold;} 
	#left ul li { background: url('/img/structure/ul_disc_white.png') left top no-repeat; padding-left: 10px;} 
	#left h1 { font-size:12px; color: #fff; border:0; margin-bottom:20px;} 
	#left p { padding-top:20px;} 
	ul#section_nav { line-height: 1.5;} 
	ul#section_nav li{ background: url('/img/structure/ul_arrow_rt.png') left center no-repeat; padding-left: 16px; } 
	ul#section_nav li.downarrow{ background: url('/img/structure/ul_arrow_dn.png') left top no-repeat;} 
	ul#section_nav a { color: #fff; text-decoration: none; }
	ul#section_nav ul { margin: 0 0 6px 0px; } 
	ul#section_nav ul li { 	padding-left: 10px; background: url('/img/structure/ul_dash.png') left no-repeat;line-height: 1.3; }
	ul#section_nav ul li a { color:#e86a10; }
	
#main {width:700px; float:right; min-height:400px;}
#content { padding: 30px;  color: #005288; }
	#content a { color:#e86a10; text-decoration:none; }
	#content a:hover { text-decoration:underline; }
	#content .text{ width: 305px;  float: left;  }
	ul#features ul { line-height:1.6; } 
	ul#features li {  background: url('/img/structure/ul_disc_blue.png') left top no-repeat; padding-left: 10px; line-height:1.6;} 

/**PRODUCTS**/
.category_intro { float: left; width: 290px; margin-right:20px; } 
.category_box {border:1px solid #000; float: left; width: 257px;  border: 1px solid #e86a10; margin:0 16px 20px 0; padding: 10px 16px 4px 20px; background: url('/img/structure/bg_product_box.jpg') no-repeat top left; color: #998b7d; font-size: 11px;} 
.category_box h3 { color: #005288; border:none; margin-bottom: 20px; text-transform:uppercase; font: bold 12px Verdana, sans-serif;}
.category_box .description { position: relative; height: 11em; }
.category_box img.more { position: absolute; bottom: 5px;}
.category_box ul { width: 155px; padding: 0; margin:0 0 5px 1px; }
.category_box li { padding-left: 10px; background: url('/img/structure/ul_disc_orange.png') left top no-repeat; }
.category_box li span { color: #998b7d; } 

.product_box { float: left; width: 492px; padding: 10px 60px 12px 23px; margin:20px 0; border: 1px solid #e86a10;  background: url('/img/structure/bg_product_box_md.jpg') no-repeat top left; } 
.product_box h2 { font-size:21px; color: #005288;  margin-bottom: 25px;}
.product_box .description { position: relative; width:295px; border-right: 1px solid #e6e5cd; height:11em; padding-right:10px;}
.product_box img.more { position: absolute; bottom: 5px;}
.product_box ul { margin-bottom:25px; }
.product_box li { padding-left: 10px; background: url('/img/structure/ul_disc_orange.png') left top no-repeat; color: #998b7d; font-size: 11px;}
.product_box li span { color: #998b7d; } 


.product_box_lg { width: 608px;  border: 1px solid #e86a10; padding: 20px 0 0 0; background: url('/img/structure/bg_product_box_lg.jpg') no-repeat top left; color:#988d7b; font-size: 10px;} 
.product_box_lg h2 {width: 598px; color: #005288;  margin:0 0 0 10px; font-size:16px;}
.product_box_lg h3 {width: 598px; color: #005288; border:none; font-size: 11px; font-weight:normal; margin:0 0 15px 10px;}

.prod_container { float: left;  width: 150px;padding-top:15px; } 
.product {  height:16em;  position: relative;} 
.prod_container .model { position: absolute; bottom:10px; } 

.product_box_lg span { color:#005288; font-weight: bold; font-size: 11px; }
.product_box_lg .model { padding:10px 10px 0 10px; text-align: left;} 

.models  { width:265px; font-size: 9px; margin-left: 20px; text-align: left;}
.models th  { background-color:#fff; text-transform:uppercase; font: bold 12px Verdana, sans-serif;}
.models td  { background-color:#447cab; color:#ffffff; padding:4px 6px;}
	 
/** NEWS/EVENTS**/
#content-news { font-family:"Lucida Grande", Arial, sans-serif; color: #998b7d; overflow:hidden;}
#content-news .line {position:relative; clear:both; border-bottom:1px solid #e1ded1; width:635px; margin-bottom:0; padding-bottom:30px;} 
#content-news h2 { height: 27px; border-bottom: 1px solid #e86a10; font-size: 14px; color: #005288;  }
#content-news p{ margin: 0px; padding: 0px; } 
#content-news .intro {float: left; width: 310px;  }
#content-news .headline { color: #e86a10; font-weight: bold; text-transform:uppercase; padding-top: 30px; }
#content-news .date { color: #005288; }
.img_lg { float: right; vertical-align:middle; margin-top: 30px; padding:5px; border: 1px solid #c2bda3; }
#content-news .img_th { float: right; vertical-align:middle; border: 1px solid #c2bda3; padding: 2px; margin-left: 8px;} 
#content-news span { color: #e86a10; } 
#content-news .enlarge { float: right;vertical-align:middle; } 
#content-news .photo_capsule { float: right; width:320px; padding-top:30px;} 

/* SUPPORT */
#content form { float: left; width:310px; display: inline; position: relative; margin: 0 0 0 10px; background: #447CAB;}
#content form div { padding: 10px; margin:0px; }
#content label { display: none; }
#content input,textarea,select,button { font-family: Arial; }

#content input,textarea,select { font-size: 12px; background: #fff; color: #447CAB; width: 280px; padding: 4px;}
#content textarea { height: 160px; overflow: auto;}
#content select { margin:10px; width:287px;}
#content .button { margin:10px 0px 10px 10px; width: 285px;  font-weight:bold;}
#content .button:active { background: #447CAB; }

/* TESTIMONIALS */
.testimonial { margin:0px 0;  } 
.testimonial-left { width:426px; float: left; padding-right:10px;} 
.testimonial img{ padding-top:10px; } 
.testimonials .line {border-bottom:1px solid #e1ded1; padding:10px 0; } 
.testimonials #flash { text-align:center; } 
 
/*DISTRIBUTORS*/
.dist_columns { float:left; padding-right:15px; width:197px;} 
.flashdiv {	height:100%; font-size:11px; }
#map { float:left; }
#map_info {float:left;width:123px; }

/*ABOUT*/
.learn_more { margin:0px 0;  } 
.learn_more_left { width:426px; float: left; padding-right:10px;} 
.learn_more .line {border-bottom:1px solid #e1ded1; padding:10px 0; } 
.learn_more #flash { text-align:center; } 
 
/* SEARCH */
.search_found_message { border-bottom:1px solid #eee }
.search_page_header { text-align:right; }
.search_page_footer { margin-top:20px; border-top:1px solid #ddd; text-align:right }

/*SPEEDPASS*/
.speedpass { color: #998b7d; font: normal 12px Arial, sans-serif; line-height:1.2; }
.speedpass #container { background:none; } 
#ts_left { float:left;  width: 510px; padding:0 35px 10px 72px;  margin-top:10px;} 
#ts_right { float: left; border: 1px solid #e5e5e5; width: 160px; padding:22px 15px; margin:25px 0 35px 0; font-size:11px; } 
.speedpass h1 {color:#f58026; font: bold 16px Arial, sans-serif; border:0; text-transform:none; padding:0;}
.speedpass h2 {color: #005288; font: bold 13px Helvetica, sans-serif; line-height:1.4;}
.speedpass h3 { text-indent: -9999px; height:34px; border:0;margin-bottom:20px;} 

.speedpass #prod_1 { background: url('/img/speedpass/num_1.png') no-repeat;} 
.speedpass #prod_2 { background: url('/img/speedpass/num_2.png') no-repeat;} 
.speedpass #prod_3 { background: url('/img/speedpass/num_3.png') no-repeat;} 
.speedpass #prod_4 { background: url('/img/speedpass/num_4.png') no-repeat;} 
.speedpass #prod_5 { background: url('/img/speedpass/num_5.png') no-repeat;} 
.speedpass #prod_6 { background: url('/img/speedpass/num_6.png') no-repeat;} 
.speedpass #prod_7 { background: url('/img/speedpass/num_7.png') no-repeat;} 
.speedpass #prod_8 { background: url('/img/speedpass/num_8.png') no-repeat;} 
.speedpass #prod_9 { background: url('/img/speedpass/num_9.png') no-repeat;} 

.speedpass .right { margin-top:30px; } 
.speedpass p { margin:15px 0; } 
.speedpass span { color:#f58026; } 
.speedpass a{ color:#f58026; } 
#ts_left li, .speedpass .products ul { line-height: 1.4;} 
#ts_left li, .speedpass .products li { padding-left: 10px; background: url('/img/speedpass/ul_disc.gif') left top no-repeat; }
ul#preview  li { padding-left: 16px; background: url('/img/speedpass/ul_arrow.gif') left top no-repeat;  font-size:14px;}
#ts_right  span { font-size:9px; color: #998b7d;} 
.speedpass .products { width: 700px; height:174px; margin:0 50px 0 70px; border-top: 1px solid #f5f5f5; padding:18px 34px 32px 7px;} 
.speedpass .products ul { margin-left:40px; width:440px;} 

#advantage { text-align: right; }
#advantage img { margin-bottom: 3px; }

#advantage-about { }
#advantage-about ul { margin: 10px 10px; }
#advantage-about ul li { margin: 3px 0px; }

/**HOME OWNER FORM**/
#homeown { border: none; width: 650px; }
#homeown tr td, #homeown tr {
	background: #fff;
	border: #fff;
}
#homeown tr td { padding: 5px; }
#homeown input { width: 20px ; float: none;}
#homeown input.brand { width: 150px; border: 1px solid #999; }
#homeown input.text, #homeown textarea  {
	border: 1px solid #999;
	width: 250px;
	color: #000;
}
#homeown textarea { width: 500px; }
#homeown label { display: block !important; }


p.hhr { height: 1px !important; background: #d0712d; }
.homeownright { 
	width: 277px;
	padding: 0 7px 0 0 !important;
	text-align: right;
	color: #9f9388;
	font-size: 15px;
}
.homeownright h4 { font-size: 18px; margin-top: 25px; }