@charset "utf-8";
/* CSS Document */
html, body { height: 100%; width: 100%; margin:0; padding:0; }
body { font: 13px arial, helvetica, sans-serif; background-color: #e7e7e7; background-image: url(../images/background_gradient.jpg); background-repeat: repeat-x; }
body.site{ text-align: center; behavior:url(csshover.htc);}
#site_container{padding-top:15px;text-align: left;}
#overlay { display: none; width: 100%; min-width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; position: absolute; background-color: #ffffff; -moz-opacity:0.75;opacity:.75;filter:alpha(opacity=75);z-index:10000;font-size:16px;font-weight:bold;}

#FlashMap { display: none; position: fixed; width: 722px; height: 584px; z-index: 10001; }

img{border:none;}

#main_content ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; margin-top: 10px; padding-left: 50px; vertical-align: top; }
#main_content ul li{padding-bottom:8px;}
#main_content_left hr, #main_content_one_col hr { border-top: 1px solid #eae9e9; border-bottom: 0px; border-left: 0px; color: #eae9e9; height: 1px; width: 533px; }
#related { font: 11px arial, helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#related li { }

#main_content p { margin-left: 0px; padding-left: 0px; }
#main_content li { vertical-align: top; *position:relative;*top:-.3em;padding:0;margin:0 0 8px 0;float:none;list-style-type:DISC;text-align:left;width:100%;}

#header_container { margin: 0 auto; text-align: left; width: 920px; height: 105px; background-image: url(../images/header_w_education.png); background-repeat: no-repeat;}
#interior_container { margin: 0 auto; text-align: left; width: 920px; background-image: url(../images/content.png); }
#interior_container a {color:#006599;}
#footer_container { margin: 0 auto; text-align: left;width: 920px; height: 97px; background-image: url(../images/footer.png); }

.right_nav_top_selected, .right_nav_top { background-image: url(../images/right_nav_drop_arrow.gif); width: 195px; height: 14px; padding-left: 10px; padding-top: 2px; cursor: pointer; }
.right_nav_top { background-image: url(../images/right_nav_side_arrow.gif); font-weight: bolder; }
.right_nav_top_selected { display: none; }
.right_nav_top a { color: #005e8e; text-decoration: none; }
.right_nav_top_selected a { font-family: Helvetica, Arial, sans-serif; color: #6d6e71; text-decoration: none; font-weight: bolder; }
.right_nav_top_selected_middle { background-image: url(../images/right_nav_middle_bar.gif); width: 185px; padding-left: 20px; padding-top: 6px; padding-bottom: 8px; background-repeat: repeat-y; display: none; }
.right_nav_top_selected_middle a { font-family: Helvetica, Arial, sans-serif; color: #6d6e71; text-decoration: none; font-weight: normal; }
.right_nav_top_selected a:hover, .right_nav_top_selected_middle a:hover, .right_nav_top a:hover { color: #005e8e; text-decoration: underline; }
.right_nav_drop_bar_bottom { background-image: url(../images/right_nav_bottom_bar.gif); width: 205px; height: 12px; font-size: 1px; }
#right_column { float: right; width: 215px; margin-right: 10px; background-color: white; _margin-right:5px;}

p { margin: 0px; padding: 10px; }
p.error{padding:10px 0 0 0; color:#ff0000;}
code { font-size: 115%; }

#quick_links_top { background-image: url(../images/top_quick_links.gif); width: 195px; padding-top: 12px; padding-left: 10px; height: 23px; font-family: Helvetica, Arial, sans-serif; color: #005e8e; text-decoration: none; font-weight: bolder; }
#quick_links_sidebox { background-image: url(../images/links_side_box.gif); width: 195px; font-family: Helvetica, Arial, sans-serif; padding-left: 10px; background-repeat: repeat-y; }
#quick_link_bar { background-image: url(../images/link_bar-7.jpg); background-repeat: no-repeat; padding-left: 15px; padding-top: 12px; width: 205px; height: 350px; }
.quick_link_header { font-family: Helvetica, Arial, sans-serif; color: #005e8e; text-decoration: none; font-weight: bolder; height: 20px; }
.quick_link_interior { font-family: arial, heletica, sans-serf; font-size: 13px; font-weight: 100; height: 120px; }
.quick_link_interior a { color: #6d6e71; text-decoration: none; }
.quick_link_interior a:hover { color: #006599; text-decoration: underline; }
.quick_construction_header { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; padding-top: 23px; font-size: 12px; height: 20px; }
.quick_construction_white { font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; color: #FFF; height: 68px; }
.quick_bulding_green_header, .quick_bulding_green_calc { font: Helvetica; color: #005e8e; text-decoration: none; font-weight: bolder; font-size: 13px; height: 18px; }
.quick_builder_green { font: Helvetica; color: #6d6e71; text-decoration: none; font-size: 13px; height: 50px; vertical-align: text-top; }
.quick_builder_green a { text-decoration: none; color: #8d7e5e; }
.quick_builder_green a:hover { text-decoration: underline; color: #006599; }

.bottom_banners { margin-left: 10px; _margin-left:5px;width:674px;float:left;}
.bottom_banner_box { width: 337px; height: 93px; background-image: url(../images/bottom_banner_box.gif); float: left; }
.bottom_banner_box_left, .bottom_banner_box_right { width: 208px; height: 83px; padding: 10px 5px 0 120px; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 13px; float: left; }
.bottom_banner_box_left { background-image: url(../images/Map_image.jpg); }
.bottom_banner_box_right { background-image: url(../images/V_home_perforamnce.jpg); }
.bottom_banner_box strong { font-family: Arial, Helvetica, sans-serif; font-strength: stronger; font-size: 13px; color: #005e8e; }

.cleaner { clear: both; }
.clear { clear: both; }

#breadcrumb_top { background-image: url(../images/breadcrumb_top.jpg); height: 37px; width: 654px; padding-left: 20px; padding-top: 25px; font: Arial, Helvetica, sans-serif; font-size: 12px; color: #a0a0a0; }
#breadcrumb_top a { color: #006599; text-decoration: underline; }

#left_2_columns { float: left; margin-left: 10px; _margin-left:5px; z-index:1;}

#top_banner { height: 99px; width: 674px; }

#main_content_bottom { background-image: url(../images/bottom_content_bar.jpg); width: 674px; height: 60px; }

#main_content { background-color: #fDfDfD; width: 664px; margin-left: 10px; color: #6d6e71; }

#main_content_one_col{margin-left:12px;width:642px;font-family:Arial,Helvetica,sans-serif;}

#main_content_left { float: left; margin-left: 12px; _margin-left:5px;width:520px;font-family:Arial,Helvetica,sans-serif;}
h1 { font-size: 23px; color: #006599; margin-bottom: 0px; margin-top: 0px; padding-bottom:5px; }
h2 { font-size: 16px; color: #6d6e71; margin-bottom: 0px; font-style: normal; padding-bottom:5px; font-weight: bold; }
h3, .bold_header { font-size: 13px; color: #006599; font-style: normal; font-weight: bold; margin:0; padding:5px 0; }

.DivForm_freebuilderkit .DivFormRadioItem { margin-bottom: 5px; }

span.required{color:#ff0000;}

#main_content_left a, #main_content_one_col a { color: #006599; }
#main_content_right { float: right; padding-right: 5px; width: 107px; color: #a0a0a0; font: Arial, Helvetica, sans-serif; font-size: 11px; }
#main_content_right h3{color: #a0a0a0; font-size: 18px; padding:0 0 20px 0; margin:0;}
#main_content_right a:hover { color: #006599; text-decoration: underline; }
#main_content_right { padding-top: 06px; _padding-top:08px;}
#main_content_right a { color: #a0a0a0; text-decoration: none; }
#main_content_right_selected, #main_content_right_selected a { color: #006599; font-weight: bold; }
.main-content_right_bar { background-image: url(../images/small_bar_right.gif); height: 5px; width: 88px; font-size: 0px; margin-left: -5px; margin-top: 5px; margin-bottom: 5px; }
#copyright { float: left; margin-left: 35px; _margin-left:20px;margin-top:25px;font-size:9px;color:#d1d3d4;float:left;width:537px;_width:532px;}

#bottom_usepropane { margin-top: 1px; background-image: url(../images/bottom_usepropanebutton.gif); width: 112px; height: 33px; float: left; font-size: 9px; padding-top: 24px; text-align: center; color: #006598; }
#bottom_nav_links { float: left; margin-left: 15px; margin-top: 25px; font-size: 9px; color: #d1d3d4; float: left; width: 192px; }
#bottom_nav_links a { color: #d1d3d4; text-decoration: none; }
#bottom_nav_links a:hover { text-decoration: underline; color: #006599; }

#top_nav_link_container {padding: 30px 10px 0 0;}
.top_nav_link, #top_nav_link_container p { float: right;  text-alignment: right; font-size: 9px; font: Arial, Helvetica, sans-serif; padding: 0px; padding-right: 15px; border-color: black; border: thick; }
.top_nav_link, #top_nav_link_container p a { text-decoration: none; color: #a0a0a0; }
.top_nav_link, #top_nav_link_container p a:hover { color: #006599; text-decoration: underline; }
.top_nav_link a { }

#nav_bar {float:left; width:674px; height:28px; margin-left: 10px; _margin-left:5px; padding:31px 0 0 0; overflow:hidden;}

#nav_right_search {float:left; width:206px; padding:0 30px 0 0; margin-bottom:5px; text-align:right; height: 30px; font-size:10px;font-family:Arial,Helvetica,sans-serif;color:#707070;}
#nav_right_search input { font-size: 10px; width: 120px; color: #707070; }

#nav_img_search { float: right; margin-right: 10px; }

.bottom_banner_box a { text-decoration: none; color: #8d7e5e; }
.bottom_banner_box a:hover { text-decoration: underline; color: #006599; }

.align-right { float: right; margin: 0 10px 7px 14px; }
.align-left { float: left; margin: 0 10px 10px 0; }

.bullet-fix { width: 220px; }

.research-callout { border: #a29374 2px solid; width: 95%; padding-left: 7px; padding-right: 3px; }

input[type=input] { width: 100px; }
input.phone3 { width: 25px; }
input.phone4 { width: 30px; }
.alert { color: #FF0000; }
img.sidebar { padding: 0 0 0 20px; float:right;}

div.DivFormItem div { float: left; }
div.FieldHeading { width: 120px; }
div.DivFormInputItem { width: 120px; }
div.DivFormPhoneItem { width: 160px; }

.DivForm_freebuilderkit2 .DivFormItem { margin-top: 6px; }
div.DivFormItem{padding-top:10px;}

form.product_search_form{height:125px;padding:10px 0; margin:0;}
div.product_search{width:308px; height:105px; padding:10px; background-color:#eef3f9; border:1px solid #eae9e9; margin-right:20px;}
div.product_search div.title{font-size:12px; font-weight:bold;}
div.formRow{padding-top:10px;}
div.formRow, div.formRow *, div.formAdminRow{font-size:11px;}
div.formTitle, div.formInput, div.formMessage, div.formUnit{float:left; line-height:20px;}
div.formTitle{width:100px;}
div.formRow select{width:208px;}
div.formMessage{padding-left:5px;}
div.formAdmin{float:left; margin:0 10px 0 0;}
div.formAdminRow div{}
div.Name{width:100px;}
div.Date{width:150px;}
input.submit{margin:0 auto; color:#055173; font-weight:bold; padding:1px 3px; font-size:11px;}

div.product_manufacturer{width:170px;}

#featured_products{width:597px; height:253px; overflow-x:scroll; overflow-y:hidden; border-right:1px solid #eae9e9; border-left:1px solid #eae9e9; border-top:1px solid #eae9e9; margin-bottom:20px;}
#featured_products_container{overflow-y:hidden;}
div.product{height:221px; width:189px; padding:8px 5px; border-right:1px solid #eae9e9; border-bottom:1px solid #eae9e9; float:left; font-size:10px;}
div.lastFeatured{border-right:none;}
div.img{text-align:center;}
div.row{padding-top:3px;}
div.row div.title, div.row div.desc{float:left;}
div.row div.title{width:91px; font-weight:bold; text-align:right; padding-right:3px;}
div.row div.desc{width:92px; padding-left:3px;}
div.product_desc{height:90px;}
div.row_submit{text-align:center; padding-top:5px;}

div.products{border-left:1px solid #eae9e9; border-top:1px solid #eae9e9; width:600px;}
div.product_row{background-color:#ffffff; width:600px; height:238px;}

#SearchResultsContent{width:642px; color:#6d6e71;}
#SearchResultsContent h3{padding:0 0 5px 0; margin:0;}

div.CategoryDescription{padding:5px 0 10px 0; font-weight:bold;}

#SearchResultsTabs{width:652px; padding:2px 4px 10px 4px; height:28px; background-repeat:no-repeat;}
div.SearchResultsTab1{background-image:url(../images/ProductDirectory/NavOn1.jpg);}
div.SearchResultsTab2{background-image:url(../images/ProductDirectory/NavOn2.jpg);}
div.SearchResultsTab3{background-image:url(../images/ProductDirectory/NavOn3.jpg);}
div.SearchResultsTab4{background-image:url(../images/ProductDirectory/NavOn4.jpg);}
div.SearchResultsTab5{background-image:url(../images/ProductDirectory/NavOn5.jpg);}
#SearchResultsTabs a{display:block; float:left; text-decoration:none; font-size:11px; width:122px; height:28px; line-height:28px; text-align:center;}
#SearchResultsTabs a.on{color:#006599;}
#SearchResultsTabs a.off{color:#898989;}

div.SearchResultsBody{background-image:url(../images/ProductDirectory/BodyBG.jpg); background-repeat:repeat-y; width:602px; padding:0 20px 0 20px; margin:0; min-height:300px;}
div.SearchResultsBody a{text-decoration:none;}
div.SearchResultsBody a:hover, div.SearchResultsBody h2 a{text-decoration:underline;}
div.SearchResultsBody h1{padding:0 0 5px 0; margin:0;}
div.SearchResultsBody h2{padding:0 0 10px 0; margin:0;}
div.SearchResultsBody p{padding:0 0 15px 0; margin:0;}
#SearchResultsTop{padding-bottom:5px; font-size:10px;}
#SearchResultsBottomNav{padding-top:5px; font-size:10px;}
#SearchResultsRange{float:left;}
div.SearchResultsNav{float:right;}

div.SearchCopy{padding:25px;}

#SearchResultsBottom{width:642px; height:19px; background-image:url(../images/ProductDirectory/BottomBG.jpg); background-repeat:no-repeat;}

div.SearchResultsLinks, div.SearchResultsLinks a{font-size:10px;}
div.SearchResultsReturnLink{float:right;}
div.SearchResultsProductLinks{float:left;}

div.SearchResultsProduct {background-color:#ffffff; border:1px solid #eae9e9; font-size:10px; padding:10px 10px 20px 10px; width:579px; min-height:300px;}
div.SearchResultsProduct div.img{padding-bottom:5px; margin:0;}
div.SearchResultsProduct div.row{padding:0;}
div.SearchResultsProduct div.row div.title, div.SearchResultsProduct div.row div.desc{padding-top:2px; padding-bottom:2px; height:12px;}
div.SearchResultsProduct div.row div.title{text-align:right; width:264px; padding-right:12px; border-right:1px solid #eae9e9;}
div.SearchResultsProduct div.row div.desc{text-align:left; width:264px; padding-left:12px;}
div.SearchResultPrevious, div.SearchResultBody, div.SearchResultNext{float:left;}
div.SearchResultPrevious, div.SearchResultNext{width:13px; padding-top:165px;}
div.SearchResultBody{width:553px;}

div.hr { border-top: 1px solid #eae9e9; border-bottom: 0px; border-left: 0px; border-right: 0px; color: #eae9e9; height: 1px; width: 480px; margin:10px 0; }
div.additional_images{width:460px; padding:0 10px;}
div.additional_image{float:left; width:100px; padding:0 7px;}
div.additional_comment{padding-top:10px;}

div.DivTableHR, div.DivTableRow{padding:5px; min-height:10px;}
div.DivTableHR{border-bottom:1px solid #000000;}
div.DivTableHR div, div.DivTableRow div{float:left;}
div.DivTableHR{font-weight:bold; font-size:12px;}
div.Grey{background-color:#cecece;}
div.White{background-color:#ffffff;}
div.Category{width:100px;}
div.Manufacturer{width:100px; overflow:hidden;}
div.Model{width:100px; overflow:hidden;}
div.URL{width:140px; margin-right:5px; overflow:hidden;}
div.GreenLabel{width:100px;}
div.Featured{width:50px; text-align:center;}
div.Hidden{width:50px; text-align:center;}
div.Delete{width:50px; text-align:center;}

#AdminProductList div.formRow{padding:0 0 3px 0;}
form.AddEditProduct div.formRow{padding:10px 0 0 0;}
form.AddEditProduct div.formTitle{width:150px;}
form.AddEditProduct input[type=text]{width:200px;}
form.AddEditProduct textarea{width:250px; height:70px;}

#CategoryList div.DivFormInputItem{width:500px;}
div.DivFormCheckBox{width:160px;}
input.DivFormCheckField{width:25px; float:left;}
label.DivFormCheckLabel{width:135px; display:block; float:left; padding-top:5px;}

div.right_nav_alt_brown{width:207px;background-image:url(../images/bar-alt-gray.jpg);background-repeat:repeat-y;padding-bottom:20px;font-size:10pt;font-family:Arial Narrow, Arial, Helvetica, sans-serif; padding-top:1px;}
div.right_nav_alt_brown h1{width:187px;height:28px;padding-top:4px;margin-top:20px;padding-left:20px;color:#FFFFFF;background-image:url(../images/perc_floating_right_brown_bar.jpg);background-repeat:no-repeat;font-size:10pt;}
div.right_nav_alt_brown p{color:#505050;margin-left:10px;margin-bottom:8px;padding:0px;}
div.right_nav_alt_brown a{text-decoration:none;color:#505050;}
div.right_nav_alt_brown img{margin-right:10px;}
div.perf_landing_map  {background-image:url(../images/perfmap_landingpage.jpg);width:633px;height:625px}
.perf_button, .perf_button_roll { text-align:center; width:160px; height:19px; margin-left:43px; padding-top:2px; font-weight:bolder; font-size:12px;}
.perf_button{background-image:url(../images/map_perf_button.jpg);color:black;}
.perf_button_roll{color:white;background-image:url(../images/map_perf_button_roll.jpg);}
div.pref_outer_box{width:245px;height:200px;float:left;}
div.perf_top_box{height:135px;width:245px;}
div.perf_top_hidden_box{height:135px;width:245px;display:none;}
div.perf_top_content_box_container{height:130px;width:245px;background-color:#005a87;color:white;}
div.perf_top_content_box_text{padding-top:10px;padding-bottom:10px;height:75px;width:225px;margin-left:10px;}
div.perf_top_content_box_container img {margin-right:2px;}
div.perf_content_box_images {background-color:white;height:33px;width:231px;margin-left:2px;padding-left:10px;}
div.perf_content_box_spacer {height:5px;width:245px;}
