html, body { margin: 0; padding: 0; text-align: center; }
body { background-image: none; background-color: #ffffff; background-repeat: repeat-y; background-position: top center; font: 11px/1.2 "Trebuchet MS" , sans-serif; color: #8d9aa3; }
p { color: #070057; }
p, li { color: #385B81; }
a img { border: 0; }
img { border: 0; margin: 0; padding: 0; }
.clear { display: block; clear: both; }
.printonly { display: none; }
#container { width: 797px; text-align: left; margin: 0 auto; position: relative; }
#header { float: left; display: inline; padding: 0; margin: 0; height: 78px; width: 796px; position: relative; }
#header h1 { width: 200px; float: left; display: inline; margin: 0; padding: 0; font-size: 10px; background: url(../../ui/img/logo.gif) top left no-repeat; }
#header h1 a { margin: 0; padding: 0; width: 200px; height: 78px; display: block; line-height: 0; text-indent: -9999px; }
#header #tagline { margin: 0; padding: 0; font: normal 30px/1 "Trebuchet MS" , sans-serif; color: #CCD5DA; letter-spacing: 0.1em; position: absolute; bottom: 8px; right: 18px; text-transform: uppercase; }
#main_nav { clear: both; background: url(../../ui/img/main_nav_back.gif) top left repeat-x; height: 28px; padding-top: 5px; }
#main_nav ul { margin: 0; display: block; padding: 0 0 0 90px; }
#main_nav ul li { float: left; display: inline; margin: 0 45px 0 0; list-style-type: none; height: 28px; }
#main_nav ul li.current { background: url(../../ui/img/current_li.gif) bottom center no-repeat; }
#main_nav ul li a { font: bold 11px/1 "Trebuchet MS" , sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; }
#main_nav ul li.current a, #main_nav ul li a:hover, #section_nav ul li.current a { color: #10264B; }
#section_nav ul { text-align: center; margin: 0; padding: 10px 0; }
#section_nav li { list-style-type: none; background: url(../../ui/img/default_arrow.gif) center left no-repeat; padding-left: 18px; display: inline; margin: 0 5px; }
#section_nav li a { font: 17px/1 "Trebuchet MS" , sans-serif; color: #8d9aa2; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
#section_nav li a:hover { color: #10264B; }
.green #section_nav li.current { background-image: url(../../ui/img/green_arrow.gif); }
.green #section_nav li.current a { color: #3dab4c; }
.red #section_nav li.current { background-image: url(../../ui/img/red_arrow.gif); }
.red #section_nav li.current a { color: #ce252a; }
.orange #section_nav li.current { background-image: url(../../ui/img/orange_arrow.gif); }
.orange #section_nav li.current a { color: #e5642b; }
.blue #section_nav li.current { background-image: url(../../ui/img/blue_arrow.gif); }
.blue #section_nav li.current a { color: #2783b4; }

#featured_links { padding-top: 10px; }
.featured_link { float: right; height: 10px; padding: 6px 10px 6px 24px; border-top: 1px solid #d0d5d8; border-left: 1px solid #d0d5d8; background: url(../../ui/img/featured_link_back.jpg) top left no-repeat; }
.featured_link a { color: #fff; text-decoration: none; font: bold 10px/1 "Trebuchet MS" , sans-serif; }
.featured_link a:hover { text-decoration: underline; }

/**********************************************************
	LANDING PAGE STYLES
**********************************************************/
#hero { float: left; display: inline; border-top: 1px solid #d1d5d8; border-bottom: 1px solid #d1d5d8; width: 796px; padding: 0; }
#hero table { margin: 0; padding: 0; border-collapse: collapse; }
#hero td { margin: 0; padding: 0; }
#hero img { display: block; margin: 0; padding: 0; }
#hero .main_image { float: left; display: inline; width: 712px; margin: 0; line-height: 0; }
#hero .link_image { float: left; display: inline; border-top: 1px solid #fff; border-left: 1px solid #fff; }
#maincontent { float: left; display: inline; width: 410px; padding: 0px 40px 0px 100px; margin: 30px 0; border-right: 1px solid #d1d5d8; font: 12px/1.3 "Trebuchet MS" , sans-serif; }

.events #maincontent { width: 600px; border: none; }
.events table { width: 100%; border-collapse: collapse; }
.events td { border: 1px solid #fff; background-color: #E3E7EA; color: #0C3E59; padding: 8px; }
.events #hero td { margin: 0; padding: 0; border: 0; }
.events td a { color: #0C3E59; }
a.event_more_info { padding-left: 15px; background: url(../../ui/img/grey_arrow.gif) left center no-repeat; text-decoration: none; }
.events .event_date { white-space: nowrap; }
#sidenavigation { position: absolute; top: 300px; left: 570px; width: 200px; }
#sidenavigation ul { margin: 0; padding: 0; }
#sidenavigation li { list-style-type: none; margin: 0; padding: 0; display: block; border: 1px solid #fff; }
#sidenavigation a { display: block; padding-left: 20px; text-transform: uppercase; text-decoration: none; color: #999; }
#sidenavigation a.current { color: #0F274B; background: url(../../ui/img/sidenav_arrow.gif) left center no-repeat; }
#maincontent p.rep_para { margin-top: 20px; margin-right: 10px; float: left; width: 180px; text-indent: -10px; padding-left: 10px; }
#maincontent p.odd { clear: left; }
p.rep_para strong.country { font-size: 1.1em; }


/**********************************************************
	FOR EVENT TEXT INSIDE DIV#HERO
**********************************************************/
#hero_text { float: right; width: 320px; height: 240px; padding-left: 50px; padding-right: 10px; opacity: .9; }
#hero_text * { color: #FFF; font-weight: normal; }
#hero_text h1 { margin: 0; padding: 50px 0 0 0; font-size: 24px; letter-spacing: -1px; font-style: italic; }
#hero_text h2 { margin: 0; padding: 30px 0 10px 0; text-transform: uppercase; letter-spacing: 1px; }
#hero_text p { padding: 0; margin: 0; font-size: 14px; }
#hero_text p.venue { font-size: 11px; text-transform: uppercase; }
#hero_text p.eventlink { font-size: 12px; padding: 10px 0 0 150px; background: url('ui/img/white_arrow.gif') 135px 12px no-repeat; }
#hero_text p.eventlink a { text-decoration: none; text-transform: uppercase; }
#hero_text p.eventlink a:hover { text-decoration: underline; }

.downloads #maincontent { width: 600px; border: none; }
#filterform { position: relative; clear: both; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 15px 100px 0px; margin-top: 0; }
.filters { position: relative; }
#instructions h3 { font: 21px/21px "Trebuchet MS" , sans-serif; color: #aaa; border-left: 1px solid #aaa; padding-left: 10px; height: 30px; margin-bottom: 0; padding-bottom: 0; }
.step1 { float: left; display: inline; margin-left: 100px; width: 385px; }
.step2 { float: left; display: inline; margin-left: 0; width: 150px; }
.results #search_results_header { font: 20px/1 "Trebuchet MS" , sans-serif; color: #000; }
.results { margin: 0 100px 50px; border-bottom: 6px solid #12254D; }
.filters select { width: 200px; }
.filters label { padding-left: 15px; margin-left: 10px; color: #F03D41; text-transform: uppercase; background: url(../../ui/img/left_red_arrow.gif) left center no-repeat; }
.filters .selectdiv { height: 44px; float: left; display: inline; width: 385px; clear: left; }
.results { clear: both; }
.results table { border-collapse: collapse; width: 100%; }

#maincontent h2 { color: #CCD5DC; font: 32px/1 "Trebuchet MS" , sans-serif; letter-spacing: 0.04em; padding-left: 30px; padding-bottom: 10px; background: url(../../ui/img/grey_downarrow.gif) left 3px no-repeat; border-bottom: 1px solid #CCD5DC; }
#maincontent p { margin-top: 0; margin-bottom: 1em; }
#maincontent .intro { font: 16px/1.2 "Trebuchet MS" , sans-serif; }
#maincontent .zebra ul { margin: 0; padding: 0; }
#maincontent .zebra li { display: block; list-style-type: none; border-bottom: 1px solid #d0d5d9; background-color: #F0F4F5; padding: 5px 24px; margin: 0; }
#maincontent .zebra li a { font: 10px/1 "Trebuchet MS" , sans-serif; color: #12254D; text-decoration: none; }
#maincontent .zebra li.even { /* actually odd rows, since we start counting from 0 */ background-color: #fff; }
#maincontent .zebra li.first { background-color: #12254D; color: #fff; margin-bottom: 5px; height: 20px; }
.downloads .zebra table { border-bottom: 1px solid #D0D4D5; margin-bottom: 5px; }
.downloads .zebra th { background-color: #12254D; color: #fff; text-transform: uppercase; padding-top: 1em; text-align: center; border-bottom: 4px solid #fff; }
.downloads .zebra td { padding-top: 7px; padding-bottom: 7px; text-align: center; color: #000; border-left: 1px solid #D0D4D5; border-top: 1px solid #D0D4D5; }
.downloads .zebra td a, .downloads .zebra td a:visited { color: #12254D; }
.downloads .zebra td.first_cell { text-align: left; padding-left: 20px; border-left: none; }
.downloads .zebra td.product_cell { text-align: left; padding-left: 10px; }
.downloads .zebra tr.odd td { background-color: #F0F4F5; }
.downloads .zebra tr.even td { background-color: #fff; }
/**********************************************************
	PRODUCT CATEGORY PAGE STYLES
**********************************************************/
.productgroups { clear: left; padding-left: 29px; border-top: 1px solid #fff; border-bottom: 2px solid #fff; }
.red .productgroups { background: url(../../ui/img/red_topedge.gif) top left repeat-x; }
.green .productgroups { background: url(../../ui/img/green_topedge.gif) top left repeat-x; }
.orange .productgroups { background: url(../../ui/img/orange_topedge.gif) top left repeat-x; }
.blue .productgroups { background: url(../../ui/img/blue_topedge.gif) top left repeat-x; }
.productgroup { width: 244px; height: 410px; border-left: 1px solid #fff; float: left; display: inline; padding-bottom: 28px; }
.productgroups .productgroup h3 { text-align: center; text-transform: uppercase; color: #fff; margin: 0 0 6px 0; height: 16px; padding: 13px 5px 5px 5px; width: 234px; font: bold 16px/1 "Trebuchet MS" , sans-serif; }
.productgroups .first { border-left: none; }
.productgroup_image { width: 229px; height: 233px; margin: 7px; }
.productgroup p { margin: 7px 7px 14px; font: bold 11px/1.2 "Trebuchet MS" , sans-serif; color: #8d9aa3; }
.red .productgroup.group-over { background: url(../../ui/img/red_productgroup_back.jpg) left 32px repeat-x; }
.green .productgroup.group-over { background: url(../../ui/img/green_productgroup_back.jpg) left 32px repeat-x; }
.orange .productgroup.group-over { background: url(../../ui/img/orange_productgroup_back.jpg) left 32px repeat-x; }
.blue .productgroup.group-over { background: url(../../ui/img/blue_productgroup_back.jpg) left 32px repeat-x; }
.productgroup.group-over h3 { background: url(../../ui/img/green_productgroup_heading.gif) top center no-repeat; }
.productgroup.group-over p { color: #fff; }
.productgroup a.more { text-decoration: none; text-transform: uppercase; color: #fff; font: bold 12px/1 "Trebuchet MS" , sans-serif; float: right; padding-left: 18px; background: url(/ui/img/white_arrow.gif) top left no-repeat; margin-right: 28px; }
/**********************************************************
	PRODUCTS PAGE STYLES
**********************************************************/
#productfamilies { width: 796px; clear: both; background-color: #fff; padding: 20px 0; }
.productfamilygroup { float: left; display: inline; width: 198px; padding: 0; border-left: 1px solid #d2d6d7; /* background: url(../../ui/img/productfamilygroup_back.gif) left 140px repeat-x; */ text-align: center; height: 950px; }
.home .productfamilygroup, .home .productfamilygroup .first, .home .productfamily { width: 199px; border: 0; height: auto; text-align: left; margin: 0; padding: 0; }
.productfamilygroup.red { border-left: none; }
.productfamily { height: 170px; padding: 3px 3px 20px; }
.productfamily img { margin-bottom: 3px; }
.productfamilygroup .first { height: 170px; padding: 0 15px 20px; }
.productfamily h3 { text-transform: uppercase; text-align: left; margin-top: 0; margin-bottom: 3px; }
.home .productfamily h3 { margin: 0; padding: 0; text-transform: none; text-align: center; font: bold 20px/1 "Trebuchet MS" , sans-serif; }
.productfamily h3 a { text-decoration: none; }

.red .productfamily.family-over { background: url(../../ui/img/red_productfamily_back.jpg) top left repeat-x; }
.green .productfamily.family-over { background: url(../../ui/img/green_productfamily_back.jpg) top left repeat-x; }
.orange .productfamily.family-over { background: url(../../ui/img/orange_productfamily_back.jpg) top left repeat-x; }
.blue .productfamily.family-over { background: url(../../ui/img/blue_productfamily_back.jpg) top left repeat-x; }

.green .productfamily a, .green #product_shot a.featured { color: #3dab4c; }
.red .productfamily a, .red #product_shot a.featured { color: #ce252a; }

#product_shot a.featured, .orange .productfamily a, .orange #product_shot a.featured { color: #e5642b; }

.blue .productfamily a, .blue #product_shot a.featured { color: #2783b4; }

.productfamily a.cat_image { display: block; margin: 0; padding: 0; width: 199px; }
.productfamily a.familyname { padding-left: 25px; text-decoration: none; font: 14px/1 "Trebuchet MS" , sans-serif; clear: both; }
.home .productfamily a.familyname { display: block; }
a.familyname { padding: 5px 0; margin: 0; }

#product_shot a.featured { display: inline; font-size: 14px; padding-left: 25px; margin-left: 10px; text-transform: uppercase; text-decoration: none; }

.green .productfamily a.familyname, .green #product_shot a.featured { background: url(../../ui/img/green_arrow.gif) 5px center no-repeat; }

.red .productfamily a.familyname, .red #product_shot a.featured { background: url(../../ui/img/red_arrow.gif) 5px center no-repeat; }

#product_shot a.featured, .orange .productfamily a.familyname, .orange #product_shot a.featured { background: url(../../ui/img/orange_arrow.gif) 5px center no-repeat; }

.blue .productfamily a.familyname, .blue #product_shot a.featured { background: url(../../ui/img/blue_arrow.gif) 5px center no-repeat; }

.home .green .productfamily a.familyname:hover, .home .red .productfamily a.familyname:hover, .home .orange .productfamily a.familyname:hover, .home .blue .productfamily a.familyname:hover { color: #FFF; }
.home .green .productfamily a.familyname:hover { background: #3dab4c url(../../ui/img/white_arrow.gif) 9px 8px no-repeat; }
.home .red .productfamily a.familyname:hover { background: #ce252a url(../../ui/img/white_arrow.gif) 9px 8px no-repeat; }
.home .orange .productfamily a.familyname:hover { background: #e5642b url(../../ui/img/white_arrow.gif) 9px 8px no-repeat; }
.home .blue .productfamily a.familyname:hover { background: #2783b4 url(../../ui/img/white_arrow.gif) 9px 8px no-repeat; }
.productfamily p { margin-top: 0; text-align: left; }
.productfamily p a { text-decoration: none; font-weight: bold; }

/**********************************************************
	PRODUCT FAMILY PAGE STYLES
**********************************************************/
#products { width: 796px; border-top: 1px solid #d1d5d8; clear: both; background-color: #fff; }
.product { float: left; width: 159px; max-height: 210px; padding: 20px; display: inline; height: 216px; }
#products .first { clear: both; float: left; }
/*
.product.first {
	width: 149px;
	padding-left: 30px;
}
.product.last {
	width: 149px;
	padding-right: 30px;
}



/**********************************************************
	PRODUCT DETAIL PAGE STYLES
**********************************************************/

div.cross_sales { border-bottom: 1px solid silver; border-left: 1px solid silver; margin-top: 73px; float: right; width: 122px; }
div.cross_sale { padding: 5px 0; border-top: 1px solid silver; text-align: center; }
div.cross_sale a { display: block; font-size: 9px; text-decoration: none; color: #8d9aa3; }
div.cross_sale * { text-transform: uppercase; }

#main { background: url(../../ui/img/prod_details_back.gif) top left repeat-y; }
#products_list { width: 180px; padding-left: 20px; padding-top: 14px; padding-bottom: 28px; float: left; display: inline; }
#products_list ul { margin: 0; padding: 0; }
#products_list ul ul { margin: 0; padding-top: 8px; padding-left: 15px; }
#products_list ul li { margin: 0; padding: 0; display: block; }
#products_list ul li { list-style-type: none; margin-bottom: 0.7em; }
#products_list ul li a { color: #8D9AA3; padding: 0 0 0 15px; display: block; font: 10px/1 "Trebuchet MS" , san-serif; text-transform: uppercase; text-decoration: none; }
.red #products_list li.current a { color: #ce252a; background: url(../../ui/img/red_smallarrow.gif) center left no-repeat; }
.red #products_list ul li.current li a { color: #8D9AA3; background-image: none; }
.red #products_list li.current li.current a { color: #ce252a; background: url(../../ui/img/red_smallarrow.gif) center left no-repeat; }

.green #products_list li.current a { color: #3dab4c; background: url(../../ui/img/green_smallarrow.gif) center left no-repeat; }
.green #products_list ul li.current li a { color: #8D9AA3; background-image: none; }
.green #products_list li.current li.current a { color: #3dab4c; background: url(../../ui/img/green_smallarrow.gif) center left no-repeat; }

.orange #products_list li.current a { color: #e5642b; background: url(../../ui/img/orange_smallarrow.gif) center left no-repeat; }
.orange #products_list ul li.current li a { color: #8D9AA3; background-image: none; }
.orange #products_list li.current li.current a { color: #e5642b; background: url(../../ui/img/orange_smallarrow.gif) center left no-repeat; }

.blue #products_list li.current a { color: #2783b4; background: url(../../ui/img/blue_smallarrow.gif) center left no-repeat; }
.blue #products_list ul li.current li a { color: #8D9AA3; background-image: none; }
.blue #products_list li.current li.current a { color: #2783b4; background: url(../../ui/img/blue_smallarrow.gif) center left no-repeat; }

.purple #products_list li.current a { color: #540b64; background: url(../../ui/img/purple_smallarrow.gif) center left no-repeat; }
.purple #products_list ul li.current li a { color: #8D9AA3; background-image: none; }
.purple #products_list li.current li.current a { color: #540b64; background: url(../../ui/img/purple_smallarrow.gif) center left no-repeat; }

#product_info { float: left; display: inlne; width: 596px; background: url(../../ui/img/prod_details_back2.gif) top left repeat-y; }
#product_shot { float: left; display: inlne; width: 596px; padding: 0px; background-color: #fff; }
.red #product_shot { border-top: 5px solid #ce252a; }
.green #product_shot { border-top: 5px solid #3dab4c; }
.orange #product_shot { border-top: 5px solid #e5642b; }
.blue #product_shot { border-top: 5px solid #2783b4; }
.purple #product_shot { border-top: 5px solid #540b64; }

.red h2, .red h3, .red .product_name { color: #ce252a; text-transform: uppercase; }
.red h2 { margin-top: 0; }

.green h2, .green h3, .green .product_name { color: #3dab4c; text-transform: uppercase; }
.green h2 { margin-top: 0; }

.orange h2, .orange h3, .orange .product_name { color: #e5642b; text-transform: uppercase; }
.orange h2 { margin-top: 0; }

.blue h2, .blue h3, .blue .product_name { color: #2783b4; text-transform: uppercase; }
.blue h2 { margin-top: 0; }

.purple h2, .purple h3, .purple .product_name { color: #540b64; text-transform: uppercase; }
.purple h2 { margin-top: 0; }

#product_shot .promo_shot { width: 231px; float: right; display: inline; margin-right: 20px; margin-top: 26px; }
#product_shot .greensense { float: right; display: block; clear: both; margin: -35px 0 0 0; }
#product_shot .new_logo { float: right; display: block; clear: both; margin: 20px 40px 0 0; vertical-align: top; }
#product_shot .promo_greensense { float: right; display: block; clear: both; margin-right: 60px; }
#product_shot .promo_description { float: left; display: inline; width: 310px; padding-left: 26px; padding-top: 26px; }
#product_description { border-top: 1px solid #d1d5d8; float: left; display: inline; padding: 22px 30px; width: 320px; clear: left; }
#product_description h2 { font: bold 14px/1.2 "Trebuchet MS" , sans-serif; }
#product_description h4, #product_specs h4 { font: bold 11px/1 "Trebuchet MS" , sans-serif; }
#product_specs { width: 216px; float: left; display: inline; }
#product_specs h3 { margin: 0; padding: 22px 14px 7px; font: bold 10px/1 "Trebuchet MS" , sans-serif; border-top: 1px solid #d1d5d8; border-bottom: 1px solid #d1d5d8; }
#product_specs p { margin: 5px 14px 10px; }
#product_specs h4 { margin: 7px 14px 0; }

/**********************************************************
	GENERAL RIGHT-SIDE NAV
**********************************************************/

ul.rightnav { list-style-type: none; padding: 0; margin: 0; }
ul.rightnav li { padding: 5px 0px 5px 20px; text-transform: uppercase; background: url('ui/img/grey_arrow.gif') 5px 8px no-repeat; }
ul.rightnav a { text-decoration: none; color: #8d9aa3; }
ul.rightnav a:hover { color: #1c4863; }

/**********************************************************
	FOOTER STYLES
**********************************************************/
#footer { width: 796px; height: 68px; clear: both; border-top: 2px solid #e4eff5; background: url(../../ui/img/footer_back.gif) top left repeat-x; text-align: right; }
#footer ul { padding: 0 10px 0 0; margin: 0; display: inline; background: url(../../ui/img/footer_links_back.gif) center left repeat-x; }
#footer ul li { display: inline; text-transform: uppercase; margin-left: 10px; }
#footer ul li a { color: #10264B; font: bold 9px/1 "Trebuchet MS" , sans-serif; text-decoration: none; }
#footer p { text-align: center; }
#footer p a { color: #10264B; font: bold 9px/1 "Trebuchet MS" , sans-serif; text-decoration: none; }




#questions_with_answers .question { background: #fff url(../../ui/img/question_back.gif) 6px center no-repeat; font-weight: bold; color: #263A5B; font-size: 13px; margin: 0; padding: 4px 22px; border-bottom: 1px solid #D0D5D8; cursor: pointer; }
#questions_with_answers .activequestion { background: #FF8601 url(../../ui/img/active_question_back.gif) 6px center no-repeat; color: #fff; }
#questions_with_answers .answer { background-color: #E4E8EB; color: #4b4b4b; margin: 0; padding: 4px 22px; border-bottom: 1px solid #D0D5D8; }

ul.downloads_section { padding: 1em 0 0 16px; margin: 0; }
ul.downloads_section li { list-style-type: none; padding: 0; margin: 0; }
ul.downloads_section li a { display: block; height: 3em; }
