html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus {outline: 0;} ul { list-style: none; } ol {list-style-type: decimal;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* whoever thought blue linked image borders were a good idea? */ a img,:link img,:visited img { border:none } /*END CSS RESET */ /* ################ SITE COLOR DATA ####################### box outline: #4F83BC haven blue: #56A1CD; blue box background color: #4F83BC brown box background color and brown text color: #6B5331 blue top nav color: #3E6394 blue logo color: #56A1CD healthy green text: #82AB40 salmon orange text: #EE6C40 purple text: #221A6A light blue background color of rollovers: #E5F0FB grey h4 #464748 */ .green {color: #82AB40;} .brown {color: #6B5331;} .salmon {color: #EE6C40;} .blue {color: #3E6394;} .purple {color: #221A6A;} .black {color: #000;} .white {color: #fff;} html,body {position: relative; background-color: #fff;} h1 {font-size: 32px; font-weight: normal; margin-bottom: 5px; font-family: Times New Roman, Times, serif;} h2 {font-size: 20px; font-weight: normal; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif;} h3 {font-size: 18px; font-weight: normal; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; color:#3E6394;} h4 {font-size: 14px; font-weight:normal; font-style: italic; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; color: #464748;} h5 {font-size: 12px; font-weight: bold; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif;} a_blue:link{color: #ffff00; text-decoration: none;} .bold_blue {margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 17px; color: #3E6394;} .bold_text {font-weight: bold;} .bold_large {font-weight: bold; font-size: 14px; line-height: 18px;} .normal_text {font-weight: normal;} .underline {text-decoration:underline;} P, ol, ul {margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 17px; color: #3E6394;} hr {margin-bottom: 7px; color: #68ABD2; background-color: #68ABD2; } .red {color: red;} li {margin-bottom: 8px;} .italic {font-style: italic;} .centered {text-align: center;} .small_text {font-size: 10px; line-height: 12px;} .small_text_request {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; width: 400px; height: 15px; padding: 10px 0 10px 220px; color:#3E6394; display: block; } a:link {color: #221A6A; text-decoration: none; } a:visited {color: #221A6A; text-decoration: none; } a:hover {color: #3E6394; text-decoration: none; } a:active {color: #221A6A; } img.float_right {float: right; padding: 0 0 10px 10px;} /* #### NAVIGATION POSITION AND STYLE #### */ .here {color: #68ABD2; border-bottom: 2px solid #68ABD2; } a.here2 {color: #000; font-weight: bold;} div.here_box {background-color: #E5F0FB;} #top_nav {position: absolute; top: 15px; right: 20px; width:400px; height: 30px; font-family: Times New Roman, Times, serif; font-size: 14px; text-align: right;} #top_nav img {vertical-align: middle;} #top_nav ul, #top_nav li {display: inline; padding-right: 5px;} #top_nav a:link { text-decoration: none;} #top_nav a:visited {text-decoration: none;} #top_nav a:hover {color: #68ABD2; border-bottom: 2px solid #68ABD2;} #top_nav a:active {text-decoration: none;} #main_nav {position: absolute; top: 111px; right: 0px; width: 800px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0 0 10px 0; text-align: right; } #main_nav ul, #main_nav li {display: inline; padding-right: 5px; } #main_nav a:link { color: #3E6394; text-decoration: none;} #main_nav a:visited {color: #3E6394; text-decoration: none;} #main_nav a:hover {color: #68ABD2; border-bottom: 2px solid #68ABD2; } #main_nav a:active {color: #3E6394; text-decoration: none;} #main_nav ul li a.here {color: #68ABD2; border-bottom: 2px solid #68ABD2; } #footer a:link {color: #000; text-decoration: none;} #footer a:visited {color: #000; text-decoration: none;} #footer a:hover {color: #68ABD2; } #footer a:active {color: #000; text-decoration: none;} /* #### END NAVIGATION POSITION AND STYLE #### */ /* #### ALL OTHER POSITIONING #### */ #container {position: relative; top: 0; left: 0; margin: 0 auto; padding: 0 0 50px 0; width: 990px; } #header {position: relative; top: 0; left:0; width: 990px; height: 150px; margin: 0; padding: 0;} #haven_logo {position: relative; top: 27px; left: 0px; width: 231px; height: 97px; margin: 0; padding:0;} #search_haven {position: absolute; top: 21px; right: 200px; height: 25px; vertical-align: baseline; font-family: Georgia, Georgia, serif; font-size: 12px; text-align: right;} #search_haven input {text-align: center;} input#query {text-align: left;} #banner_left {position: relative; top: 0; left: 0; width: 178px; height: 35px; margin: 0; padding: 18px 0 0 0; background-color: #4F83BC; color: #fff; text-align: center;} #banner_left a:link {color: #fff; text-decoration: none; } #banner_left a:visited {color: #fff; text-decoration: none; } #banner_left a:hover {color: #ccc; text-decoration: none; } #banner_left a:active {color: #fff; } #banner_right {position: absolute; top: 150px; right: 0; width: 787px; height: 43px;margin: 0; padding: 10px 0 0 15px; background-color: #4F83BC; color: #fff; text-align: left;} #banner_right a:link {color: #fff; text-decoration: none; } #banner_right a:visited {color: #fff; text-decoration: none; } #banner_right a:hover {color: #ccc; text-decoration: none; } #banner_right a:active {color: #fff; } #banner_right ul, #banner_right li {display: inline; list-style-type: none;} .banner_h1 {font-size: 32px; font-weight: normal; font-family: Times New Roman, Times, serif; color: #FFFFFF; position: absolute; left: 10px; top: 13px; line-height:34px;} .banner_arrow { position: absolute; left: 410px; top: 7px;} .banner_h2 {font-size: 22px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;; position: absolute; left: 490px; top: 22px;} #footer {position: relative; width: 990px; height: 30px; margin: 0; } #footer ul, #footer li {display: inline; padding-right: 5px; font-family: Times New Roman, Times, serif; font-size: 12px;} #copyright {float: right; font-family: Times New Roman, Times, serif; font-size: 10px; color: #000; width: 250px; text-align:right; margin-top: 3px; } /* #### PARTICULAR TO THE HOME PAGE #### */ #banner_left_hm {position: relative; top: 0; left: 0; width: 290px; height: 43px; margin: 0; padding: 10px 0 0 0; background-color: #4F83BC; color: #fff; text-align: center;} #banner_right_hm {position: absolute; top: 150px; right: 0; width: 676px; height: 43px;margin: 0; padding: 10px 0 0 15px; background-color: #4F83BC; color: #fff; text-align: left;} #home_flash {position: relative; top: 0; left: 0; width: 990px; height: 315px; padding-top: 9px;} #bottom_nav {position: relative; top: 0px; left: 0; width: 990px; height:43px; overflow: hidden; margin: 0; padding: 10px 0 32px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #fff;} div.hbbox a {display: block;} .hbbox_text {position: absolute; top: 13px; left: 75px;} div.hbbox:hover {background-color: #E5F0FB;} * html div.hbbox a:hover {background-color: #E5F0FB; display: block;}/* for ie6 to hover the box */ .hbbox {border: 1px solid #4F83BC; width: 193px; height: 41px;} #hbb1 {position: relative;} #hbb2 {position: absolute; top: 10px; left: 198px;} #hbb3 {position: absolute; top: 10px; left: 397px;} #hbb4 {position: absolute; top: 10px; left: 596px;} #hbb5 {position: absolute; top: 10px; left: 795px;} #subfooter {font-family: tahoma, verdana, san-serif; font-size: 10px; height: 20px; position: relative; left: 380px; top: 10px; vertical-align: baseline; line-height: 12px; width: 300px; } /* ################ FOR THE MAIN TEMPLATE LAYOUT ########### */ #wrapper {position: relative; width: 990px; height: 428px;} #subnav {position: relative; top: 10px; left: 0; background-image: url(../gfx/subnav_bkgr.jpg); background-repeat: repeat-x; width: 178px; height: 184px; max-height: 184px; z-index: 2;} #register {position: absolute; top: 70px; left: 5px; font-family: "Times New Roman", Times, serif; } #register a {font-size: 18px;} .register_small {font-family: "Times New Roman", Times, serif; font-size: 12px;} #boxnav {position: relative; top: 0px; left: 0; width: 178px; height:240px; overflow: hidden; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #fff; z-index: 3;} div.tbox a {display: block;} .tbox_text {position: absolute; top: 13px; left: 75px;} div.tbox:hover {background-color: #E5F0FB;} * html div.tbox a:hover {background-color: #E5F0FB; display: block;} /* for ie6 to hover the box */ .tbox {border: 1px solid #4F83BC; width: 176px; height: 41px;} #tb1 {position: relative; margin-top: 4px;} #tb2 {position: relative; margin-top: 4px;} #tb3 {position: relative; margin-top: 4px;} #tb4 {position: relative; margin-top: 4px;} #tb5 {position: relative; margin-top: 4px;} #content {position: absolute; top: 10px; right: 0; width: 802px; height: 408px; max-height: 408px; overflow: hidden; } #content_long {position: absolute; top: 10px; right: 0; width: 802px; min-height: 900px} #content_text {position: absolute; top: 0px; right: 20px; z-index: 2; width: 335px; height: 370px; background-color: transparent; overflow: hidden;padding: 10px} #content_text_long {position: absolute; top: 0px; right: 20px; z-index: 2; width: 335px; height: 389px; background-color: transparent; overflow: scroll;padding: 10px} #featured_video {position: absolute; top: 0; left: 0px; height: 273px; width: 410px;} #featured_video object {float: left;} #content_text a, #content_text_long a, #content_text_nopic a, #content_text_nopic_forum a, #adblock a {font-weight: bold;} #content_text li, #content_text_long li {color: #3E6394; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin-left: 30px; list-style-type: square; list-style-position: outside; line-height: 14px;} #content_text_long ol li {list-style-type: decimal;} #content_text_long ol li ul li {list-style-type: square;} .logo_links {color: #3E6394; font-size: 11px; font-family:Arial, Helvetica, sans-serif;} .logo_links td {vertical-align: middle; height: 75px; padding-right: 10px;} #green_links {padding-left: 100px;} #green_links li {margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; list-style-image:url(../gfx/leaf_very_sm.gif); } #green_logos {padding: 70px 0 0 10px;width: 380px; overflow: hidden;} #green_logos li {display: inline; padding: 0; margin: 0; width: auto; height: 100px;} td.news_left {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; padding:4px 4px 12px 4px; } td.news_right {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3E6394; padding:4px 4px 12px 4px; } #builders_logo_scroll {position: relative; top: 90px; left: 50px; width: 300px; height: 100px; } #developers_logo_scroll {position: relative; top: 70px; left: 50px; width: 300px; height: 100px; } #architects_logo_scroll {position: relative; top: 20px; left: 50px; width: 300px; height: 100px; } #vendors_logo_scroll {position: relative; top: 320px; left: 50px; width: 730px; height: 100px;} /* ################ styles for forms ############ */ fieldset {font: bold 12px Verdana, Arial, Helvetica, sans-serif; } label { float:left; clear: both; display: block; width:35%; margin-right:0.5em; margin-bottom: 10px; padding: .3em 0; text-align:right; font-weight:normal; font: 11px Tahoma, Verdana, sans-serif; } input, textarea { font: 11px Tahoma, Geneva, sans-serif; text-align: left;} legend {font: bold 12px Tahoma, Geneva, sans-serif; color: #008061; margin-bottom: 15px; } input:focus, textarea:focus, option:focus {background-color: #E5F0FB;} option {font: 12px Tahoma, Verdana, sans-serif; line-height: 16px;} .form_style {font: 12px Tahoma, Verdana, sans-serif; line-height: 16px;} .form_style_bold {font: 12px Tahoma, Verdana, sans-serif; font-weight: bold; line-height: 16px;} .form_line {margin: 0 0 5px 0; clear: both; padding: 0; } input.submit, input.Button1 {text-align: center;} .message {text-transform: uppercase; font-weight: bold;} /*########## SEARCH STYLES ##########*/ /*########### HAVEN COLLECTION TEMPLATE STYLES ##############*/ #h_coll_logo_scroll {position: absolute; top: 320px; left: 150px; width: 500px; height: 100px; } #h_coll_flash {width: 800px; padding-left: 2px;} #collection_text {width: 600px; padding-left: 20px;} #h_coll_banner {position: relative; width: 990px; height: 50px; background-image: url(../gfx/h_coll_ban_bkgr.jpg); background-repeat: repeat-x; color: #fff; z-index: 2;} #h_coll_banner h2 {font-size: 30px; padding: 7px 0 0 20px; } .h_coll_banner_text {float: right; width: 630px; height: 35px; padding: 10px 15px 5px 0; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: right; overflow:hidden; line-height: 17px;} #h_coll_wrapper {position: relative; width: 990px; padding: 10px 0;} #h_coll_column_lf {position: relative; width: 500px; /*height: 640px; min-height: 640px;*/ } /* ############ Text Area for Template ######################################################################################## */ #h_coll_column_lf_text {position: relative; top: -4px; width: 480px; background-image: url(../gfx/h_coll_col_lft_bkgr.jpg); background-repeat: repeat-x; height: 225px; min-height: 225px; padding: 10px } #h_coll_column_lf_text p { font-size: 12px; font-family:Arial, Helvetica, sans-serif;} #h_coll_column_lf_text li {color: #3E6394; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 40px; list-style-type: square; list-style-position: outside; width: 400px; vertical-align: text-top;} #h_coll_column_lf_text_studio {position: relative; top: -4px; width: 480px; background-image: url(../gfx/h_coll_col_lft_bkgr.jpg); background-repeat: repeat-x; height: 320px; min-height: 225px; padding: 10px } #h_coll_column_lf_text_studio p { font-size: 12px; font-family:Arial, Helvetica, sans-serif;} #h_coll_column_lf_text_studio li {color: #3E6394; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 40px; list-style-type: square; list-style-position: outside; width: 400px; vertical-align: text-top;} #h_coll_column_lf_text_work {position: relative; top: -4px; width: 480px; background-image: url(../gfx/h_coll_col_lft_bkgr.jpg); background-repeat: repeat-x; height: 480px; min-height: 225px; padding: 10px } #h_coll_column_lf_text_work p { font-size: 12px; font-family:Arial, Helvetica, sans-serif;} #h_coll_column_lf_text_work li {color: #3E6394; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 40px; list-style-type: square; list-style-position: outside; width: 400px; vertical-align: text-top;} #h_coll_column_lf_bottom {width: 480px; height: 25px; padding: 0px 10px 5px 10px; position: relative; margin-bottom: 20px;} #h_coll_column_lf_bottom p {color: #000; font-size: 10px; line-height: 14px;} /* ############ End Text Area for Template ######################################################################################## */ #h_coll_back_button {position: absolute; top: 5px; left: 2px; background-color: #D4E3F5; width: 110px; color: #000; text-align: center; padding: 2px;font-size: 9px; font-family:Arial, Helvetica, sans-serif; } #h_coll_column_rt {position: absolute; top:10px; right: 0; width: 480px; } #h_coll_column_rt table {} #h_coll_floor_1of2 {float: left; width: 235px; font-size: 10px; font-family:Arial, Helvetica, sans-serif;} #h_coll_floor_2of2 {float: right; width: 235px; font-size: 10px; font-family:Arial, Helvetica, sans-serif;} #h_coll_floor_1of3 {float: left; width: 153px; font-size: 10px; font-family:Arial, Helvetica, sans-serif;} #h_coll_floor_2of3 {float: left; width: 153px; font-size: 10px; font-family:Arial, Helvetica, sans-serif; padding-left: 10px;} #h_coll_floor_3of3 {float: right; width: 153px; font-size: 10px; font-family:Arial, Helvetica, sans-serif;} td.h_coll_dark {background-color: #0065A4; width: 50%; color: #fff; font-style: italic; text-align: center;padding: 5px;} td.h_coll_light {background-color: #D4E3F5; width: 50%; color: #000; text-align: center; padding: 5px;} #h_coll_click {clear: both; float: left; width: 480px; height: 50px; } .h_coll_new_win {width: 200px; height: 50px; padding-top: 10px; float: right; text-align: right; font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; } #h_coll_new_win_left {width: 220px; height: 50px; padding-top: 10px; position: relative; top: 0px; left: 0px; text-align: left; font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; padding: 10px 0 0 20px; display: block; } #h_coll_details {margin-top: 10px; width: 480px; overflow: hidden;} #h_coll_footer {position: relative; width: 990px; height: 50px; background-image: url(../gfx/h_coll_footer_bkgr.jpg); background-repeat: repeat-x; } .h_coll_footer_text {float: right; width: 500px; height: 30px; padding: 15px 15px 5px 0; color: #fff; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: right; overflow:hidden; line-height: 18px;} #hi-res_link {padding-left: 150px; height: 20px; width: 150px; font-size: 12px;} #hi-res_link img {vertical-align: baseline;} #hi-res_link a { font-family: Arial, Helvetica, sans-serif; font-weight: bold;} #hi-res_link a:link {color: #fff;} #hi-res_link a:visited {color: #fff;} #hi-res_link a:hover {color: #dcdcdc;} #hi-res_link a:active {color: #fff;} /* begin css tabs for collection house pages to display back and hi-res pdf links */ ul#tabnav { /* general settings */ position: absolute; top:-10px !important; top: -15px; left: 0px; text-align: left; /* set to left, right or center */ margin: 0px; /* set margins as desired */ font: bold 12px Arial, Helvetica, sans-serif; /* set font as desired */ width: 480px; list-style-type: none; padding: 3px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */ } ul#tabnav li { /* do not change */ display: inline; } ul#tabnav li a { /* settings for all tab links */ padding: 13px 8px 4px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */ background-color: #0065A4; /* set unselected tab background color as desired */ color: #fff; /* set unselected tab link color as desired */ margin-right: 0px;margin-bottom: 45px; /* set additional spacing between tabs as desired */ text-decoration: none; border-top: none; } ul#tabnav a:hover { /* settings for hover effect */ background: #fff; /* set desired hover color */ color: #000; } /* ############### REGIONS WE SERVE US MAP AND STATES ############ */ #me {position: absolute; top: 3px; left: 574px; } #nh {position: absolute; top: 46px; left: 565px; } #vt {position: absolute; top: 52px; left: 548px; z-index: 99; } #ny {position: absolute; top: 58px; left: 477px; } #ma {position: absolute; top: 87px; left: 556px; } #ri {position: absolute; top: 102px; left: 578px; } #cn {position: absolute; top: 104px; left: 557px; } #nj {position: absolute; top: 123px; left: 538px; } #pa {position: absolute; top: 113px; left: 467px; } #oh {position: absolute; top: 123px; left: 414px; } #id {position: absolute; top: 131px; left: 373px; } #il {position: absolute; top: 121px; left: 322px; } #md {position: absolute; top: 151px; left: 485px; } #dl {position: absolute; top: 153px; left: 534px; } #wv {position: absolute; top: 157px; left: 447px;z-index: 98; } #va {position: absolute; top: 164px; left: 441px; z-index: 98; } #kt {position: absolute; top: 177px; left: 357px; } #nc {position: absolute; top: 209px; left: 428px; } #tn {position: absolute; top: 218px; left: 345px; } #sc {position: absolute; top: 243px; left: 443px; z-index: 99; } #ga {position: absolute; top: 249px; left: 410px; } #al {position: absolute; top: 252px; left: 371px; } #ms {position: absolute; top: 253px; left: 325px;z-index: 99; } #la {position: absolute; top: 289px; left: 289px; } #fl {position: absolute; top: 320px; left: 385px; } #regions_text {position:absolute; top:30px; left:210px; width:200px; font-size:11px; line-height:13px; color: #000;} #regions_hint {position: absolute; top: 330px; right: 60px; width: 120px; font-size:11px; line-height:13px; color: #3E6394;} img.icon {padding-right: 20px; height:16px; width: 16px; vertical-align: baseline; } #container_state {width: 780px; margin:0; padding: 10px; position: relative; top: 50px;} #state_info {width: 500px; padding:20px 100px;} #state_banner {position: relative; width: 780px; height: 50px; background-image: url(../gfx/h_coll_ban_bkgr.jpg); background-repeat: repeat-x; color: #fff;} #state_banner h2 {font-size: 30px; padding: 7px 0 0 20px; } #popup_info {width: 700px; padding:20px } #popup_banner {position: relative; width: 780px; height: 50px; background-image: url(../gfx/h_coll_ban_bkgr.jpg); background-repeat: repeat-x; color: #fff;} #popup_banner h2 {font-size: 30px; padding: 7px 0 0 20px; } /* ################# GALLERY CSS ################### */ .galleria{list-style:none;width:600px} .galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:500px} /* MSIE bug */ #gallery_text {position:absolute; top:10px; left:5px; width:145px; font-size:11px; line-height:13px; color: #000; text-align: left;} #slideshownumbers {position:absolute; top:262px; right:678px; width:50px; font-size:11px; line-height:13px; color: #000; text-align: right; font-family: Arial, Helvetica, sans-serif; } /* ############ for long pages with no pic and a long wrapper ########### */ #wrapper_long {position: relative; width: 178px; height: 425px;} #content_text_nopic {position: relative; top: -400px; left: 220px; width: 500px; min-height: 420px; background-color: transparent; padding: 0 0 10px 0; overflow: hidden;} #content_text_slideshow {position: relative; top: -414px; left: 188px; width: 800px; min-height: 420px; background-color: transparent; padding: 0 0 10px 0; overflow: hidden;} #content_text_nopic_forum {position: relative; top: -425px; left: 188px; width: 802px; min-height: 420px; background-color: transparent; padding: 0 0 10px 0; overflow: hidden;} #content_text_search {position: relative; top: -400px; left: 220px; width: 760px; min-height: 420px; background-color: transparent; padding: 0 0 10px 0; overflow: hidden; margin-bottom: 20px;} #footer_long {position: relative; top: -420px; width: 990px; height: 30px; margin: 0; } #footer_long ul, #footer_long li {display: inline; padding-right: 5px; font-family: Times New Roman, Times, serif; font-size: 12px;} #footer_long a:link {color: #000; text-decoration: none;} #footer_long a:visited {color: #000; text-decoration: none;} #footer_long a:hover {color: #68ABD2; } #footer_long a:active {color: #000; text-decoration: none;} /* ########### css flyouts for subnav ########## */ .dropdown {display:block; position: relative; text-align: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; width: 178px; color: #3E6394; margin: 0;} .dropdown dt {width:170px; padding:2px 4px; line-height: 15px; cursor:pointer; background-color: transparent; } .dropdown .upperdd {border-bottom: 1px solid #AEB7C1; margin-bottom: 1px;} .dropdown dt:hover {background-color: #eee;} .dropdown dd {position:absolute; top:0; overflow:hidden; width:178px; display:none; background:none; opacity:0; z-index: 99;} .dropdown ul {width:150px; list-style:none;} .dropdown li {display:inline; width: 150px;} .dropdown a.two_deep, .dropdown a:active.two_deep, .dropdown a:visited.two_deep {display:block; padding:2px 4px; color:#3E6394; text-decoration:none; background:#eee; width:140px; border-top:1px solid #AEB7C1; border-right:1px solid #AEB7C1; border-left:1px solid #AEB7C1; } .dropdown a:hover.two_deep {background:#E5F0FB; color:#000;} .dropdown .underline {border-bottom:1px solid #AEB7C1;} /*###### VENDORS #######*/ #adblock {position: absolute; top: 0; right: 5px; width: 300px; height: 285px; border: 1px solid #000; z-index: 2;} #adblock_links {position: absolute; top: 200px; left: 10px; width: 150px;} #adblock_links li {margin-bottom: 20px;} #adblock_button {position: absolute; top: 130px; right: 10px; width: 121px;} /* VENDOR SECTION */ #kohler_main {position: relative; top: 0; width: 802px; height: 269px; margin: 0; padding: 0;} #kohler_left {position: absolute; top: 273px; left: 0; width: 399px; height: 137px; padding: 0; margin: 0;} #kohler_right {position: absolute; top: 273px; left: 403px; width: 399px; height: 137px; margin: 0; padding: 0;} #kohler_left3 {position: absolute; top: 273px; left: 0; width: 265px; height: 137px; padding: 0; margin: 0;} #kohler_center3 {position: absolute; top: 273px; left: 269px; width: 265px; height: 137px; padding: 0; margin: 0;} #kohler_right3 {position: absolute; top: 273px; left: 537px; width: 265px; height: 137px; margin: 0; padding: 0;} ul#kohler_right_list {position: absolute; top: 48px; left: 30px; } ul#kohler_right_list li {margin-bottom: 5px;} .hidden {visibility: hidden;} /* END VENDOR SECTION */ /*#subnav ul {position: absolute; top: 10px; left: 0px; text-align: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; width: 178px;} #subnav li {margin-bottom: 0px; border-bottom: 1px solid #AEB7C1;} #subnav li a {padding: 2px; display: block;} #subnav a:link { color: #3E6394; text-decoration: none;} #subnav a:visited {color: #3E6394; text-decoration: none;} #subnav a:hover {color: #68ABD2; } #subnav a:active {color: #3E6394; text-decoration: none;}*/ #cover_flash {position: absolute; top:280px; left:40px;}