/********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/ /********************************************************************************************************************/ 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-family:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-weight: normal;text-align:left;} :focus{outline: 0;} ul, ol{list-style:outside;list-style:none;} caption{text-align:left;font-weight:normal;} em{font-style:italic;} strong{font-weight:bold;} sup{font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes:"" "";} /* remove borders from linked images */ a img{border:none;} /* tables still need cellspacing to match in the markup */ table{border-collapse:separate; table-layout:auto; float:left;} th, td{text-align:left;font-weight:normal;vertical-align:top; padding:0 8px 3px 0;} .new_tag {font-size:12px; color:#ee3123; font-weight:bold; font-style:italic; text-transform:uppercase;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/ /********************************************************************************************************************/ body{font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#8b877a; line-height:15px; height:100%;} label{font-size:10px; text-transform:uppercase;} sup{font-size:0.7em; vertical-align:top; position:relative; top:-3px;} p {/*margin:8px 0 12px;*/ margin:0 0 20px; line-height:1.6em; vertical-align:top; font-size:11px;} strong{line-height:1.23em;} input.button {border:1px solid #9b7d6b; text-transform:uppercase; background:#f33; color:#fff; padding:3px 2px; line-height:1em; font-size: 10px; height:25px; font-family:Helvetica} input.submit {border:1px solid #9b7d6b; text-transform:uppercase; background:#f33; color:#fff; padding:3px 2px; line-height:1em; font-size: 12px; font-family:Helvetica} /*input.search_button {border:1px solid #9b7d6b; text-transform:uppercase; background:#e52a2e url(../images/Search_Arrow.gif) center no-repeat; color:#fff; padding:3px 2px; height:25px; font-family:Helvetica; text-indent:-1000000px; width:22px;}*/ input.search_button {border:1px solid #9b7d6b; text-transform:uppercase; background:#f33 url(../images/Search_Arrow.gif) center center no-repeat; color:#fff; padding:3px 0; width:25px; line-height:1em; font-size: 12px; height:25px; font-family:Helvetica} /* ADAM: 7.29.10 : new gallery for "new realism" page; simulates the dna popup links for the smaller gallery images */ .new_gallery {} .new_gallery li {float:left; display:inline; width:104px; height:74px} .new_gallery li a {display:block; width:100px; height:70px;} .new_gallery li a img {width:100px; height:70px;} /* DEFAULT HEADER STYLES ***********************************************************************************************************************/ h1 {font-size:11px; font-weight:bold; color:#eb7d3a; margin:0; text-transform:uppercase;} h2{font-size:11px; font-weight:bold; color:#eb7d3a; margin:0; text-transform:uppercase;} h3{font-size:11px; font-weight:normal; font-style:italic; color:#eb7d3a; padding:0px 0 0;} h4{font-size:11px; font-weight:bold; color:#eb7d3a; margin:0;} h5, h6 {font-size: 1em;} /* DEFAULT LINK STYLES ***********************************************************************************************************************/ a, a:visited, a:active, a:focus {color:#9c978c;text-decoration:none; font-weight:inherit;} a:hover {text-decoration:none; color:#837E70;} /* DEFAULT TEXT STYLES ***********************************************************************************************************************/ .caption{font-size: 1.2em;line-height:1.3em;font-family:Trebuchet MS, Tahoma, sans-serif;color:#666;} .note{font-size:10px;} .small{font-size:.8em;} .big{font-size:1.3em !important;} .bigger{font-size:1.6em !important; /*margin:50px 0 20px 0;*/} .hilight{color:#9C978C; line-height:1.4em; font-weight:normal;} .hilight2 {line-height:1.4em; font-weight:normal; color:#EB7D3A;} .messageText {font-weight:bold;color:#FF0000;padding:0 10px;line-height:25px;} p.sub_title{font-size:16px; font-weight:bold; color:#FFF; margin:0 0 10px 0; float:left; display:inline; width:100%;} p.title{font-size:11px; line-height:15px; font-weight:bold; color:#eb7d3a; margin:0;} .required{font-weight:bold; color:#e52a2e;} .black {color:#000;} .white {color:#fff;} .no_bull li {list-style:none !important; margin-left:0;} /**** BROWN BACKGROUND PAGES ***************************************************************************************************************/ .brown_bg {background:#544e49; color:#b6b1ab;} .brown_bg #content_left {border-right:1px dotted #9f9b95; height: 380px} .brown_bg li a{font-weight:bold; color:#837E70 !important;} .brown_bg a.active {color:#B6B1AB !important;} /* DEFAULT IMAGE/BLOCK STYLES ***************************************************************************************************************/ div.right, img.right {float:right; clear:right;} div.left, img.left {float:left; clear:right;} img.title{margin:15px 0 25px 0;} img.sub_title{margin:30px 0 10px 0;} img.block{display:block;} .page_desc{line-height:1.5em; margin-bottom:40px;} div.clear{clear:both; float:left; height:1px; line-height:1px;} /********************************************************************************************************************/ /***************************************** GLOBAL LAYOUT ELEMENTS ***************************************************/ /********************************************************************************************************************/ #wrapper{width:1070px; margin:0 auto; position:relative;z-index:2;} #header_wrapper{position:relative; z-index:2;} #top_nav{margin:10px 0 0 0; width:100%; position:relative; z-index:3; font-size:10px;} #top_nav li{float:right; display:inline; margin:6px 10px; text-transform:uppercase; position:relative; z-index:1000000;} #top_nav li a {font-size:10px;} #top_nav li.search{margin:0px 0px 10px 10px; text-transform:none;} #top_nav li.searchBtn {margin:0px 0px 10px; text-transform:none;} #top_nav li .search_text{border:1px solid #847d6f; border-right:none; height:19px; width:148px; font-size:12px; margin-right:0; line-height:1em; padding:4px 0 0 4px;} #top_nav li.search a{ display:block; margin-top:7px; text-transform:uppercase; font-size:0.9em;} /*#top_nav li.search input.button {text-indent:-1000000px; background:#e52a2e url(../images/Search_Arrow.gif) center no-repeat; width:22px;}*/ #top_nav li.search input.search_button {border:1px solid #9b7d6b; text-transform:uppercase; background:#f33 url(../images/Search_Arrow.gif) center center no-repeat; color:#fff; padding:3px 0; width:25px; line-height:1em; font-size: 12px; height:25px; font-family:Helvetica; text-indent:-9999px;} #top_nav li #mylightbox_popup{position:absolute; top:15px; right:0; display:none; z-index:1000000; width:156px; text-transform:none; background:url(../images/mylightbox_popup_bg.gif) top left repeat-y;} #top_nav li #mylightbox_popup img{display:block;} #top_nav li #mylightbox_popup p{padding:10px; margin:0;} #top_nav li #mylightbox_popup a{font-weight:bold; text-decoration:none;} #top_nav li #mylightbox_popup a:hover{color:#eb7d3a;} #top_nav li a.active{color:#eb7d3a;} #reference_nav{ position:absolute; right:109px; top:136px; z-index:1011; min-width:40px; max-width:121px; min-height:30px; width:40px; height:30px; background-color:#eb7d3a;} html>body #reference_nav{width:auto; height:auto;} #reference_nav li a.control{position:absolute; top:0; right:0; display:block; width:40px; height:30px; text-indent:-1000000px; background:url(../images/orange_plus.gif) center 8px no-repeat;} #reference_nav li div{display:none; /*padding:14px 0 12px 0;*/ padding:14px 12px 12px;} #reference_nav li div a{display:block; /*text-indent:18px; width:121px;*/ width:95px; color:#f4ba91; padding:3px 0;} #reference_nav li div a:hover{color:#FFF; text-decoration:none;} #content_wrapper{width:961px; position:absolute; top:98px; left:0; z-index:1;} .black_bg{background-color:#000;} #logo {float:left; display:inline; margin-top:-20px; position:relative; z-index:3;} #logo a {display:block; width:75px; height:40px; background:url(../images/formica_anvil_logo.jpg) 0 0 no-repeat;} #logo img {display:block; width:75px; height:40px;} html>body #logo {position:absolute; top:-20px; left:0;margin:0px;} #main_nav{float:right; display:inline; /*width:453px;*/margin:0 0 -1px 0;} html>body #main_nav{margin-bottom:0;} #main_nav li{float:left; display:inline; margin-left:4px; position:relative; z-index:1100;} #main_nav li a{display:block; width:146px; height:14px; padding:8px 0;} #main_nav li a img{display:block;} #main_nav li a:hover {text-decoration:none;} #main_nav li.whats_new a{background:url(../images/nav_whats_new.jpg) top left no-repeat;} #main_nav li.products a{background:url(../images/nav_products.jpg) top left no-repeat;} #main_nav li.project a{background:url(../images/nav_market_segments.jpg) top left no-repeat;} #main_nav li.documents a{background:url(../images/nav_documents.jpg) top left no-repeat;} #main_nav li.sustainability a {background:url(../images/nav_sustainability.jpg) top left no-repeat; width:121px;} #main_nav li ul{display:none; position:absolute; top:30px; width:146px; float:left; background:url(../images/nav_bg.png) top left repeat; margin:0 0 0 0; padding:14px 0 12px 0;} #main_nav li ul li{width:147px; float:left; margin:0;} #main_nav li ul li a{background:none !important; height:auto; width:128px; padding:0 0 2px 18px; line-height:1.5em; text-transform:uppercase;} #main_nav li ul li a:hover{color:#fff; text-decoration:none;} #main_content_wrapper{float:left; display:inline; width:945px; height:510px; overflow:hidden; border:8px solid #C1BEB7; /*position:relative; z-index:1;*/} #slideshow{position:relative; z-index:1; display:block;} #slideshow img{position:absolute; top:0; left:0; display:none; z-index:2;} #slideshow img#slide_0{display:block;} .section_title{float:left; clear:both; margin:8px 0 25px 14px;} .new_realism_subnav {clear:left; float:left; margin-left:15px; margin-top:-20px; margin-bottom:20px;} .new_realism_subnav li {float:left; display:inline; background:url(../images/nav-forward-slash.png) top right no-repeat; padding-right:17px;} .new_realism_subnav li.no_slash {background:none; padding:0;} .new_realism_subnav li a {display:block; height:13px; font-weight:bold;} .new_realism_subnav li a:hover, .new_realism_subnav li a.active {color:#f47d2f;} /*.new_realism_subnav li a.solid_colors {width:96px; background:url(../images/nav-solid-colors.png) 0 0 no-repeat;} .new_realism_subnav li a.woodgrains {width:91px; background:url(../images/nav-woodgrains.png) 0 0 no-repeat;} .new_realism_subnav li a.patterns {width:65px; background:url(../images/nav-patterns.png) 0 0 no-repeat;}*/ .new_realism_subnav li a.swatch_en {background:url(../images/swatches.png) 0 0 no-repeat; width:80px} .new_realism_subnav li a.swatch_fr {background:url(../images/swatches_fr.png) 0 0 no-repeat; width:112px} .new_realism_subnav li a.swatch_sp {background:url(../images/swatches_sp.png) 0 0 no-repeat; width:150px} .new_realism_subnav li a.swatch_en:hover, .new_realism_subnav li a.swatch_fr:hover, .new_realism_subnav li a.swatch_sp:hover, .new_realism_subnav li a.swatch_en.active {background-position:0 -13px;} .new_realism_subnav li a.swatch_fr.active {background-position:0 -13px;} .new_realism_subnav li a.swatch_sp.active {background-position:0 -13px;} .new_realism_subnav li a.gallery_en {background:url(../images/gallery.png) 0 0 no-repeat; width:67px} .new_realism_subnav li a.gallery_fr {background:url(../images/gallery_fr.png) 0 0 no-repeat; width:67px} .new_realism_subnav li a.gallery_sp {background:url(../images/gallery_sp.png) 0 0 no-repeat; width:150px} .new_realism_subnav li a.gallery_en:hover, .new_realism_subnav li a.gallery_fr:hover, .new_realism_subnav li a.gallery_sp:hover, .new_realism_subnav li a.gallery_en.active {background-position:0 -13px;} .new_realism_subnav li a.gallery_fr.active {background-position:0 -13px;} .new_realism_subnav li a.gallery_sp.active {background-position:0 -13px;} #content_left{float:left; display:inline; clear:left; width:243px; height:365px; padding:0 25px 0 15px; margin:15px 0;} #left_nav{text-transform:uppercase; margin:0 0 25px 0;} #left_nav li{padding-bottom:8px;} #left_nav li .active{font-weight:bold; color:#837E70;} #left_nav li a{font-weight:bold; color:#c1beb7;} #left_nav li a:hover{color:#eb7d3a;} #sub_left_nav,#sub_left_nav ul{display:none; margin:0;} #sub_left_nav li{padding-bottom:2px; text-transform:lowercase;} #sub_left_nav li a{color:#837e70; font-weight:bold;} #sub_left_nav li a.active{color:#eb7d3a;} #content_left ul.active{display:block;} #content_left p a {color:#ac8736;} /*#content_right{position:relative; float:left; display:inline; width:601px; height:380px; padding:0 25px 0 35px; margin:15px 0; overflow:auto;}*/ #content_right{position:relative; float:left; display:inline; width:601px; height:380px; padding:0 25px 0 25px; margin:15px 0; /*overflow:auto;*/ overflow-x:hidden; overflow-y:auto;} #content_right ul li {list-style:outside disc; line-height:1.6em;} /*#content_right a {color:#8B877A;}*/ #content_right a {color:#AC8736;} #content_right a.select_all {color:#8B877A; font-size:10px;} #content_right a.reset {color:#8B877A; font-size:10px;} /*#content_right_border{position:relative; float:left; display:inline; width:566px; height:365px; padding:5px 25px 0 5px; margin:15px 0 15px 40px; overflow:auto; border:1px solid #847d6f;overflow-x:hidden;}*/ #content_right_border{position:relative; float:left; display:inline; width:566px; height:355px; padding:5px 25px 0 5px; margin:15px 0 15px 30px; overflow:auto; border:1px solid #847d6f;overflow-x:hidden;} #content_full {position:relative; float:left; display:inline; width:900px; height:380px; margin:0 15px; overflow:auto; overflow-x:hidden;} #content_full ul li {position:relative; float:left; display:inline; margin:0 5px 5px 0;} #content_full a {position:relative; z-index:auto; float:left; display:inline; border:2px solid #C1BEB7; text-decoration:none; z-index:500;} #content_full a:hover {border:2px solid #EB7D3A;} #content_full a img {display:block;} #content_full a span.floating_details {position:absolute; top:0; left:0; width:100%; padding:3px; font-size:1.06em;} #content_full a:hover span.floating_details {background:url(../images/grey_textfield.png) repeat scroll 0 0;} #content_full span.giftBG {background:#666; color:#fff; line-height:28px; font-style:italic; font-weight:bold; opacity:.7; position:absolute; padding:3px; top:auto; bottom:2px; left:2px; display:block; height:20px; z-index:999; width:94px;} #content_full input.giftBtn {border:0 none; float:right; width:18px; height:18px; background:url(../images/swatch_gift.gif) 0 0 no-repeat;} #lower_content_wrapper{} #breadcrumbs{float:left; display:inline; width:650px; margin:19px 0 0 0;} #breadcrumbs li{float:left; display:inline; margin-right:3px; color:#f47D00; margin-right:7px; text-transform:uppercase;} #breadcrumbs li a{color:#f47D00; font-size:0.9em;} .copyright{float:left; display:inline; width:200px; color:#a29d92; font-size:9px; margin:20px 0;} #follow_us{float:right; display:inline; margin-top:10px;/* width:162px;*/ vertical-align:text-bottom;} #follow_us li{float:left; display:inline; margin-left:10px; vertical-align:text-bottom; line-height:3.8em; font-size:9px;} /*#footer_wrapper{ clear:both; width:180px; top:472px; position:absolute; z-index:50; right:-30px;} #footer_wrapper li{float:left; display:inline; clear:left; width:180px; text-align:right; margin-right:10px; color:#ccc; font-size:0.95em; text-transform:uppercase; position:relative;} #footer_wrapper li a{ display:block; width:180px; text-align:right;} .copyright{float:left; width:961px; display:inline; text-align:center;}*/ #footer_wrapper{clear:both; top:462px; position:absolute; z-index:50; /*right:30px;*/} html>body #footer_wrapper{clear:both; top:462px; position:absolute; z-index:50; /*right:30px;*/ left:970px;} #footer_wrapper li{float:left; display:inline; clear:left; color:#ccc; font-size:9px; position:relative;} #footer_wrapper li a{display:block; text-align:left; text-transform:none;} /********************************************************************************************************************/ /****************************************** CHANGING CONTENT FORMATTING *********************************************/ /********************************************************************************************************************/ /******* MAIN SITE LANDING PAGE *****************************************************************************************************/ .landing_wrapper{width:1254px; margin:0 auto; padding-bottom:50px; overflow:hidden;} .landing_logo{margin:32px 0 28px 32px;} .landing_main{margin-bottom:5px;} .landing_branding{float:left; display:inline; padding-left:849px; font-size:0.9em; margin-bottom:30px;} /*.landing_ul_1{float:left; display:inline; width:250px; margin-left:400px; color:#eb7d3a;}*/ .landing_ul_1{float:left; display:inline; color:#eb7d3a; font-size:11px;} .landing_ul_1 li #chkRemember {margin-left:0 !important;} .landing_ul_1 a{color:#eb7d3a;} /*.landing_ul_2{float:left; display:inline; width:160px; margin-left:30px;} .landing_ul_3{float:left; display:inline; width:120px; margin-left:30px;} .landing_ul_4{float:left; display:inline; width:220px; margin-left:30px;}*/ .landing_ul_2{float:left; display:inline; width:160px; margin-left:50px;} .landing_ul_3{float:left; display:inline; width:160px;} .landing_ul_4{float:left; display:inline; width:160px;} .landing_ul_1 .title {font-size:11px; font-weight:bold; color:#eb7d3a; margin:0; text-transform:uppercase; font-size:11px;} .landing_ul_2 .title,.landing_ul_3 .title,.landing_ul_4 .title{font-size:11px; font-weight:bold; margin:0; text-transform:uppercase; font-size:11px;} /*.landing_ul_1 li, .landing_ul_2 li, .landing_ul_3 li, .landing_ul_4 li {padding:2px 0;}*/ .landing_ul_1 a, .landing_ul_2 a, .landing_ul_3 a, .landing_ul_4 a {font-size:11px;} #fletcher_link {display:block; width:149px; height:20px; background:url(../images/a-fletcher-company.png) 0 0 no-repeat;} #fletcher_link:hover {background-position:0 -20px;} /******* SEARCH *****************************************************************************************************/ #main_content_wrapper div.search{border-right:1px dotted #847e70; height:380px; } #main_content_wrapper div.search_right{} html>body #main_content_wrapper div.search_right {} div.search input.search_text{border:1px solid #847d6f; border-right:none; height:19px; display:inline; padding:4px 0 0 4px; float:left; margin-top:0; width:190px;} .advanced{margin-top:40px;} .advanced a.active{text-transform:uppercase; color:#eb7d3a;} .result_text_wrapper, .result_gallery_wrapper, .result_products_wrapper{float:left; display:inline; width:570px; padding-bottom:5px; margin-bottom:25px; border-bottom:1px dotted #847d6f;} /*results normal*/ .result_products_wrapper{border-bottom:none; margin-bottom:0px;} .result_text_wrapper div, .result_gallery_wrapper div, .result_products_wrapper div{float:left; display:none;} /*results normal*/ .result_products_wrapper ul {overflow:hidden; position:absolute;} .result_products_wrapper ul li {float:left; display:inline; width:109px; position:relative; overflow:hidden;} .result_products_wrapper ul li .product_line {float:left; display:inline;} .result_gallery_wrapper img{float:left; display:inline; /*margin:2px 2px 0 0;*/} .slider_wrapper {width:545px; height:130px; position:relative;} #left_arrow {position:absolute; top:40px; left:-20px;} #right_arrow {position:absolute; top:40px; right:-20px;} .slider {overflow:hidden; width:545px; height:130px; position:relative; } a.more_link{float:left; width:100%; border: 0px; display:inline; text-align:right; color:#e52a2e !important; white-space:nowrap;} .result_gallery_wrapper a.swatch, .result_products_wrapper a.swatch {position:relative; z-index:auto; float:left; display:inline; border:2px solid #C1BEB7; margin:0 5px 5px 0; text-decoration:none;} .result_gallery_wrapper a.swatch:hover, .result_products_wrapper a.swatch:hover {border:2px solid #EB7D3A;} .result_products_wrapper a.swatch img {display:block;} .result_products_wrapper a.swatch span.floating_details {position:absolute; top:0; left:0; width:100%; padding:3px;} .result_products_wrapper a.swatch:hover span.floating_details {background:url(../images/grey_textfield.png) repeat scroll 0 0;} /******* ADVANCED SEARCH ********************************************************************************************/ #content_right .left_col{float:left; display:inline;width:275px; clear:left;} #content_right .right_col{float:left; display:inline;width:275px; margin-left:15px;} #content_right .group{float:left; width:275px; text-transform:uppercase; margin-left:-15px;} #content_right .full{float:left; display:inline; width:560px; text-transform:uppercase; margin-top:5px; margin-left:-15px;} #content_right .full div.options{float:left; display:inline; width:555px; margin-left:15px; margin-bottom:18px; margin-top:-2px; border:1px solid #847d6f; font-size:0.9em} #content_right .group div.options{float:left; display:inline; width:260px; margin-left:15px; margin-bottom:18px; margin-top:-2px; border:1px solid #847d6f; font-size:0.9em} div.options ul{float:left; display:inline; margin:5px 3px; width:124px;} div.options ul li{float:left; display:inline; width:100%;clear:left;} div.options ul input{float:left; margin-top:3px;} div.options ul label{float:left; display:inline; margin:3px 3px; width:95px; margin-left:0;} .full div.options ul{width:105px;} .full div.options ul label{width:75px; margin-left:0;} #content_right .group p, #content_right .full p{float:left; display:inline; margin:5px 20px 0 15px;} #content_right .group h4, #content_right .full h4{color:#847d6f; float:left; display:inline; width:95%; padding-left:1px; font-size:12px} #content_right h4 span{color:#e52a2e; padding-bottom:2px; font-weight:bold;} /******* IMAGE GALLERY *********************************************************************************************/ #gallery_wrapper{position:relative; float:left; display:inline; width:100px; margin-right:5px; height:330px; overflow:hidden;} ul#gallery{position:absolute; top:0; left:0; margin:0;} ul#gallery li{float:left; display:inline; margin-bottom:5px; padding:0; line-height:0em;} ul#gallery li img{cursor:pointer; display:block; width:100px; height:70px; margin:0px; padding:0;} #gallery_lrg_img{ width:488px; height:358px; display:inline;} #gallery_up{float:left; display:inline; width:100px; margin-bottom:5px; cursor:pointer;} #gallery_down{float:left; display:inline; clear:left; width:100px; margin-top:5px; cursor:pointer;} /******* SHARE THE LOVE *******************************************************************************************/ div.reference{font-size:1.2em;} div.reference #content_left{border-right:1px dotted #847e70; height:480px;} div.reference #content_left .reference_title{margin-bottom:40px;} div.reference .small_column{width:255px !important; margin-top:119px !important;} /******* ORDER SAMPLES *******************************************************************************************/ #main_content_wrapper div.samples{margin-top:8px; margin-left:20px; height:385px; width:611px; position:relative; border:none; overflow:hidden;} div.samples #scrolling{float:left; display:inline; height:356px; width:100%; overflow:auto; padding-left:5px;} .order_sample{width:120px; float:left; display:inline; margin:0 15px 15px 0; position:relative;} .order_sample_first{width:120px; float:left; display:inline; margin:0 15px 15px 0; clear:left; position:relative;} .order_sample_first p, .order_sample p{height:40px; padding:58px 0 5px 0; margin:0;} .order_sample_first select, .order_sample select{width:105px; margin:5px 0;} .order_sample_first input, .order_sample input{border:1px solid #888; color:#847D6F; font-size:10px; height:13px; padding:5px; font-family:Helvetica;} .sample_image_wrapper{position:absolute; top:4px; left:0px; border:1px solid #847c6e; /*margin-left:-3px;*/ cursor:pointer;} .order_btn{float:left; display:inline;} .delete_sample{cursor:pointer; position:absolute; top:0; right:0; border-left:5px solid #ee3123; border-bottom:5px solid #ee3123;} .clicked{border:5px solid #eb7d3a; top:0px; left:0px;} /******* SHIPPING INFORMATION ***********************************************************************************/ #main_content_wrapper div.right_low{} #shipping_col_1{float:left; display:inline; width:215px; position:relative; padding-left:0px} #shipping_col_1 table, #shipping_col_2 table{width:100%;} #shipping_col_1 table th, #shipping_col_2 table th{padding-top:4px;} #shipping_col_1 label, #shipping_col_2 label{text-transform:uppercase; padding:0; position:relative;} #shipping_col_1 label span, #shipping_col_2 label span{position:absolute; left:-10px;} #shipping_col_1 input.text, #shipping_col_2 input.text{border:1px solid #888; width:100%; height:13px; padding:5px; color:#8b877a; text-transform:uppercase;} #shipping_col_1 input.text, #shipping_col_2 input.text{border:1px solid #888; margin-bottom:10px; width:95%;} #shipping_col_2{float:left; display:inline; width:40%; margin-left:10%;} #ship_city{width:160px !important;} #ship_zip{width:80px !important;} #ship_phone1{width:40px !important;} #ship_phone2{width:40px !important;} #ship_phone3{width:40px !important;} #ship_phone_ext{width:40px !important;} /*#ship_evening_phone{width:160px !important;}*/ /*#ship_fax{width:160px !important;}*/ /********* PRODUCTS LANDING ************************************************************************************/ #content_right_border ul li {position:relative; float:left; display:inline; margin:0 5px 5px 0;} #content_right_border a {position:relative; z-index:auto; float:left; display:inline; border:2px solid #C1BEB7; text-decoration:none; z-index:500;} #content_right_border a:hover {border:2px solid #EB7D3A;} #content_right_border a img {display:block;} #content_right_border a span.floating_details {position:absolute; top:0; left:0; width:100%; padding:3px; font-size:1.06em;} #content_right_border a:hover span.floating_details {background:url(../images/grey_textfield.png) repeat scroll 0 0;} #content_right_border span.giftBG {background:#666; color:#fff; line-height:28px; font-style:italic; font-weight:bold; opacity:.7; position:absolute; padding:3px; top:auto; bottom:2px; left:2px; display:block; height:20px; z-index:999; width:94px;} #content_right_border input.giftBtn {border:0 none; float:right; width:18px; height:18px; background:url(../images/swatch_gift.gif) 0 0 no-repeat;} /*#content_right_border input.giftBtn:hover {background-position:0 -18px;}*/ /********* LAMINATES LANDING ***********************************************************************************/ ul.images {width:600px; overflow:hidden;} ul.images li {float:left; display:inline; position:relative; padding:0;} ul.images li a {display:block; margin:0 5px 5px 0; width:145px; height:115px; text-decoration:none;} ul.images li a img {display:block;} ul.images li a span.bottom_detail {position:absolute; z-index:2; top:auto; left:0; bottom:5px; width:135px; background:url(../images/grey_textfield.png) 0 0 repeat; font-weight:bold; color:#fff; line-height:12px; padding:5px;} ul.images li a:hover span.bottom_detail {background:url(../images/orange_textfield.png) 0 0 repeat;} ul.images li span.mag {position:absolute; z-index:5; width:15px; height:15px; top: 11px; right:12px;} ul.images li span.mag a {display:block; width:15px; height:15px !important; background:url(../imcon_trade.png) 0 0 no-repeat;} ul.images li span.mag a:hover {background:url(../images/mag_glass_icon_trade_ON.png) 0 0 no-repeat;} table.press_releases{width:100%;font-size:11px;} table.press_releases th{width:130px; padding-right:20px; padding:2px 0;} table.press_releases td{padding:2px 0;} table.press_releases td a{color:#ac8736;} #content_right .group p.select_label{width:100%; margin:15px 0 2px 15px;} #content_right .group select{margin:0 0 10px 15px; float:left;display:inline;} #content_right .group .selecttext{margin:0 0 10px 15px; float:left;display:inline; width:254px} /********* DEALER LISTING **************************************************************************************/ /*.dealer_listing p.title {padding:10px 0 2px;}*/ .dealer_listing ul li {padding:1px 0;} /********* LOGIN PAGE ******************************************************************************************/ #content_left_login {float:left; display:inline; clear:left; width:425px; height:365px; padding:0 25px 0 15px; margin:15px 0;} #content_right_login {float:left; display:inline; width:300px; height:365px; margin:15px 0;} p.lost_password {padding:10px 0; font-size:.9em; clear:left;} p.lost_password a {color:#AC8736; font-style:italic;} /******* GALLERY IMAGE POPUP ***************************************************************************************/ #dna_wrapper_galleryimage {width:600px; float:left; display:inline; margin:25px 0 0 25px; position:relative;} /******* DNA POPUP *************************************************************************************************/ #dna_wrapper{width:745px; float:left; display:inline; margin:25px 0 0 20px; position:relative;} #dna_wrapper a {color:#AC8736;} #title_wrapper{width:745px; float:left; display:inline; border-bottom:1px dotted #847d6f; margin:10px 0;} #title_wrapper p.title {float:left; display:inline; color:#000; font-size:22px; line-height:25px; margin-top:4px; font-weight:normal;} /*#title_wrapper div {float:left; display:block; color:#FF0000; font-size:1em; padding-left: 10px; margin-top:13px}*/ #title_wrapper div {float:left;} #title_wrapper ul{float:right; display:inline;} #title_wrapper ul li{float:left; display:inline; margin-left:5px;} #left_column{float:left; display:inline; width:320px; margin-right:13px;} #right_column{float:left; display:inline; width:410px; height:495px; overflow:auto; position:relative;} .section{width:390px; float:left; border-bottom:1px dotted #847d6f; margin-bottom:8px; padding-bottom:5px;} .section a.title{font-size:12px; font-weight:bold; text-transform:uppercase; display:block; color:#9C978C !important;} .section a.title span{color:#e52a2e; font-weight:bold;} .section div{display:none; width:auto; float:left;} .section div table{width:100%; float:left;} /********* DNA ************************************************************************************************/ .menu .section div {margin-left:12px;} .menu .section h4 {font-size:.8em; color:#000;} .menu .section ul {margin-bottom:10px;} .menu .section li {color:#ad883e; padding:2px 0;} .menu .section ul.images {width:auto;} .menu .section ul.images li {float:left; display:inline; margin:0 2px 2px 0; line-height:2em;} .menu .section ul.images li a {width:auto; height:auto; margin:0; padding:0; border:2px solid #fff;} .menu .section ul.images li a:hover {border:2px solid #eb7d3a;} #photo_overlay {position:absolute; top:50px; left:0; width:745px; height:465px; background:#fff; padding:20px 0; overflow:hidden; display:none;} /* #photo_overlay #main img {width:745px;} #photo_overlay #back {float:right; display:inline; width:47px; margin-top:10px;} #photo_overlay #back img {width:47px;}*/ .subAccordianHilight {float:left; display:inline; width:390px; color:#EB7D3A; line-height:1.6em !important; font-style:italic;} .subAccordianHilight strong {line-height:1.6em !important;} /********* EMAIL LIGHTBOX ************************************************************************************************/ #email_left_column{float:left; display:inline; width:365px; margin-right:13px;} #email_left_column p,#email_right_column p{text-transform:uppercase; margin:5px 0 0 0; padding:0;} #email_left_column p.recipient_controls a{float:left; display:inline; margin-right:20px; margin-top:5px;} #email_left_column input.emailtext, #email_left_column textarea.emailtext, #email_right_column textarea.emailtext, #email_right_column input.emailtext{width:320px; border:1px solid #8b877a;} #email_left_column textarea.emailtext, #email_right_column textarea.emailtext {padding:3px;} #email_right_column{float:left; display:inline; width:365px;} #email_right_column .btn_go{float:right; display:inline; margin-right:45px;background-color:#F00; color:#fff; border:1px solid #8b877a; margin-top:10px;} /********** GALLERY *******************************************************************************************/ #top_details {position:absolute; top:115px; left:425px; width:495px; vertical-align:bottom; z-index:1000;} #top_details span.left {float:left; display:inline; width:360px; line-height:45px;} #top_details span.right {float:right; display:inline; width:115px; text-align:right;} #top_details span.right ul {float:right; display:inline;} #top_details span.right ul li {float:left; display:inline; margin-left:5px;} #gallery_lrg_img_border{float:right; display:inline; border:1px solid #8B877A; width:490px; height:360px;} /** ADAM'S STYLES **/ .separate {padding:25px 0 15px 2px; margin:0; float:left; display:inline; font-size:10px;} /*input.text {text-transform:uppercase; height:16px; border:1px solid #847D6F; color:#8B877A; padding:1px 3px; font-family:Helvetica;}*/ input.text {text-transform:uppercase; height:17px; border:1px solid #847D6F; color:#8B877A; padding:3px; font-family:Helvetica; font-size:10px} textarea.text {text-transform:uppercase; border:1px solid #847D6F; color:#8B877A;font-family:Helvetica;font-size:10px} input.submit {width:27px; height:25px; background:url(../images/btn_go.gif) 0 0 no-repeat; border:none;} input.submit_small {width:27px; height:20px; background:url(../images/btn_go_small.jpg) 0 0 no-repeat; border:none;} /*** POPUP BUBBLES ***********/ .popupWrapper {position:relative; float:left; top:1px; left:0;} .trigger {/*position:absolute;*/} .popup {position:absolute; display:none; z-index:500; width:156px; text-transform:none; color:#8B877A; left:-140px;} .popup div{margin-top:0 !important;} .popup .top-down {float:left; display:inline; width:156px; height:14px; background:url(../images/mylightbox_orange_popup_top.gif) 0 0 no-repeat;} .popup .bottom-down {float:left; display:inline; width:156px; height:2px; line-height:2px; background:url(../images/mylightbox_orange_popup_bottom.gif) 0 0 no-repeat; font-size:0;} .popup .content {float:left; display:inline; width:136px; padding:0 10px; background:url(../images/mylightbox_orange_popup_bg.gif) 0 0 repeat-y; position:relative;} .popup .content p {font-size:11px; color:#FFF; margin:10px 0;} .popup .content a {color:#FFF;} .popup .top-up {float:left; display:inline; width:156px; height:2px !important; line-height:0; background:url(../images/mylightbox_popup_top-up.gif) 0 0 no-repeat; padding:0; font-size:0;} .popup .bottom-up {float:left; display:inline; width:156px; height:14px; background:url(../images/mylightbox_popup_bottom-up.gif) 0 0 no-repeat;} #top_nav .popup {position:absolute; display:none; z-index:50; width:156px; text-transform:none; color:#8B877A; left:-140px;} #top_nav .popup div{margin-top:0 !important;} #top_nav .popup .top-down {float:left; display:inline; width:156px; height:14px; background:url(../images/mylightbox_popup_top.gif) 0 0 no-repeat;} #top_nav .popup .bottom-down {float:left; display:inline; width:156px; height:2px; line-height:2px; background:url(../images/mylightbox_popup_bottom.gif) 0 0 no-repeat; font-size:0;} #top_nav .popup .content {float:left; display:inline; width:136px; padding:0 10px; background:url(../images/mylightbox_popup_bg.gif) 0 0 repeat-y; position:relative;} #top_nav .popup .content p {font-size:11px; color:#9C978C; margin:10px 0;} #top_nav .popup .content a {color:#9C978C;} #top_nav .popup .content a:hover {color:#eb7d3a;} #top_nav .popup .top-up {float:left; display:inline; width:156px; height:2px !important; line-height:0; background:url(../images/mylightbox_popup_top-up.gif) 0 0 no-repeat; padding:0; font-size:0;} #top_nav .popup .bottom-up {float:left; display:inline; width:156px; height:14px; background:url(../images/mylightbox_popup_bottom-up.gif) 0 0 no-repeat;} /*SALES REPRESENTATIVE */ .sales_rep{float:left; display:inline; width:275px; margin:0 15px 20px 0;} .sales_rep img{float:left; display:inline; margin-right:15px;} /** SEAN'S STYLES **/ .bottom_detail {text-transform:uppercase} .uppercase {text-transform:uppercase} .textbox_label {padding-left:0px; text-transform:uppercase;} .cms_content ul li { font-size:11px; } .cms_content div { font-size: 11px !important; line-height: 1.6em;} .cms_content table { float:none !important; margin-top: 3px !important ; margin-bottom: 13px !important; font-size:11px;} .tech_data_link { margin-top: 3px; } .tech_data_link a { font-size: 11px; } .cboxelement { min-width:100px; } .video_border {border:1px solid #8b877a;} .email_control_text {text-transform:none;width:287px;height:194px;} /* jQuery autocomplete plugin css */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #FF0000; color: white; } .iframe{overflow:hidden;} .iframe span.floating_details{position:absolute; top:0; left:0; width:100%; padding:3px;} /** CHANGE COUNTY PAGE : SLIDESHOW **/ #country_slideshow {float:left; display:inline; width:885px; height:250px; position:relative; margin-bottom:5px} #country_slideshow img {position:absolute; top:0; left:0; z-index:1;} #country_slideshow #caption {position:absolute; bottom:0; left:0; background:#687e30; z-index:10; color:#fff; width:590px;} #country_slideshow #caption p {padding:5px 8px; margin:0 !important; font-size:10px; line-height:15px;}