/*--------------------------- Global Browser Reset ---------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, 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-size: 100%; } /* @end */ /*--------------------------- HTML, Body ---------------------------*/ body { background: #ffffff url(../images/bg.jpg) repeat-x; font-size: 62.5%; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1; text-align: center; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } * { padding:0; margin:0; } /*h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0px 0; }*/ /* h tags */ h1 { color: #EB464D; font-size: 2.5em; font-weight: normal; margin: 0 0 8px 0; } h2 { color: #EB464D; font-size: 2.4em; font-weight: normal; margin: 5px 0 8px 0; } h3 { color: #367779; font-size: 1.6em; font-weight: normal; margin: 5px 0 5px 0; } h4 { color: #367779; font-size: 1.3em; font-weight: normal; margin: 5px 0 5px 0; } h5 { color: #367779; font-size: 1.2em; font-weight: normal; margin: 5px 0 5px 0; } /*li, dd, blockquote { margin-left: 40px; }*/ fieldset { padding: 10px; } img { border: 0px; } /* @end */ /* links */ a { color: #EB464D; text-decoration: none; } a:hover { color: #B92937; } a:focus { outline:none; } a:visited {} /* Creates a numbered list */ ol {} /* Precedes each list item, and adds a number */ li {} /* Creates a bulleted list */ ul {} /* Creates a definition list */ dl {} /* Precedes each definition term */ dt {} /* Precedes each definition */ dd {} /* Inserts a horizontal rule */ hr { background: url(../images/divider.png); border: 0px; clear: both; color: #FFF; height: 3px; padding: 0; margin: 0; } /* Indents text from both sides */ blockquote {} strong, em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } /* @end */ /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } /* @end */ /*--------------------------- Global For Template ---------------------------*/ /*.bg_image { height: 442px; left: 0; position: absolute; top: 245px; width: 1124px; z-index: 0; }*/ .bg_image {display: none; } #content_wrapper { margin-left: auto; margin-right: auto; position:relative; text-align: left; width: 975px; } /* .content_content { margin: width: 775px; } */ #logo { background: url(../images/logo_bg.png) no-repeat; float: left; height: 235px; text-align: center; width: 198px; } #top_sub_navigation { color: #FFF; float: left; font-size: .95em; height: 30px; padding: 18px 0 0 0; position: relative; text-align: right; width: 777px; z-index: 2000; } #top_sub_navigation a { color: #103247; padding: 0 10px 0 10px; } #top_sub_navigation a:hover { color: #ffffff; } #top_sub_navigation span a { background: url(../images/bg_cart.jpg) no-repeat; padding: 6px 20px 15px 28px; display: block; float: right; margin-top: -8px; width: 79px; } #top_sub_navigation a strong { color: #FFF; font-weight: bold; } .top_links {margin: 0 345px 0 0; } /*Header Search*/ #search_wrapper { /*float: right; margin: -8px 10px 0 5px; padding: 0;*/ position: absolute; top: 10px; right: 135px; } .search_input { background: url(../images/search_bar_bg.jpg) no-repeat; border: none; color: #103247; float: left; font-size: 10px; height: 20px; padding: 3px 0 2px 10px; width: 158px;} .search_input:focus { color: #FFF; } .search_btn { float: left; } /*In Page Search*/ .search_input_in_page { border: 1px solid #B9AFA1; color: #452B04; float: left; font-size: 1.1em; height: 20px; padding: 4px 0 3px 10px; width: 361px;} .search_input_in_page:focus { border: 1px solid #D33161; color: #452B04; } .search_btn_in_page { float: left; } #mailing_list_wrapper { color: #C43C1F; float: right; height: 53px; margin-top: 0px; padding: 16px 0 0 0; width: 437px; } .mailing_list_input { border: 1px solid #B9AFA1; color: #452B04; float: left; font-size: 10px; height: 20px; margin: 0 0 8px 8px; padding: 4px 0 3px 10px; width: 185px;} .mailing_list_input:focus { border: 1px solid #D33161; color: #452B04; } .mailing_list_btn { float: left; } #mailing_list_wrapper p { clear: both; color: #EB464D; font-family: Verdana, "Lucida Grande", sans-serif; font-weight: bold; height: 12px; line-height: 11px; margin: 0 1px 0 0; padding: 0; text-align: right; } #mailing_list_wrapper form { height: 33px; padding: 0; margin: 0; } #helper_nav { float: left; height: 40px; margin-top: 9px; padding: 0 0 0 0; text-align: left; width: 775px; } #helper_nav img { float: left; } #helper_nav .helper_nav_right { color: #009FA7; float: right; width: 550px; } #helper_nav .helper_nav_right a { color: #452B04; float: left; font-size: .95em; padding: 11px 0 0 0; } #helper_nav .helper_nav_right a:hover { color: #D33161; } .helper_nav_right ul { text-align: right; float: right; } .helper_nav_right ul li { display: block; float: left; margin: 0 0 0 5px; } /* Flexible columns */ /* The Page Content id should NOT be used for styling. It's used for the search spider to find out what information is important. #page_content { margin: 30px 80px 50px 30px;} */ #page_content .column { float: left; padding: 15px 0 0 0; } #page_content .column h3 { font-size: 1.3em; font-weight: bold; margin: 0; padding: 0 0 2px 14px; } #page_content .column p { padding: 5px 14px; } #page_content .column_1 { width: 100%; } #page_content .column_2 { width: 50%; } #page_content .column_3 { width: 33%; } #page_content .column_4 { width: 25%; } /* @end */ /*--------------------------- Main Navigation ---------------------------*/ #nav { background: url(../images/bg_nav.jpg) no-repeat; float: left; height: 61px; margin: 0; padding: 11px 0 0 15px; width: 760px; } #nav div { line-height: .8em; } #nav a { color: #452B04; display: block; font-size: 1.2em; text-align: left; } #nav li { background: url(../images/divider_nav.jpg) no-repeat 0px 10px; display: inline; float: left; margin: 0 1px 0 0; } /* dropdown */ #nav li ul { background: #fff url(../images/top_nav_drop_bg.jpg) repeat-y; height: auto; left: -999em; top: 216px; margin: 0 0 0 4px; position: absolute; z-index: 2000; } #nav li li { background: none; display: block; float: none; height: 29px; margin: 0 0 0 10px; padding: 0; width: 178px; } #nav li li a { color: #6A5536; display: block; font-size: 1.2em; padding: 8px 0 8px 5px; width: 188px;} #nav li li a:hover { background-color: #fff; border-bottom: 1px solid #D3CAB8; color: #181512; margin: 0; padding: 8px 0 8px 5px; width: 166px;} #nav li:hover ul, #nav li.over ul { display: block; } #nav li.first { background: none; padding-top: 2px; } #nav li li.last { margin-bottom: 8px; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } ul#nav li div { margin: 0 0 0 4px; padding: 17px 0 10px 0; } ul#nav li div a { text-align: center; } ul#nav .nav1.on, ul#nav .nav2.on, ul#nav .nav3.on, ul#nav .nav4.on, ul#nav .nav5.on { height: 32px; } ul#nav .nav { margin: 0 1px 0 0; padding: 8px 9px 0 9px; } .nav1 { width: 122px ; } .nav2 { width: 150px; } .nav3 { width: 69px; } .nav4 { width: 114px; } .nav5 { width: 77px; } .nav6 { width: 151px; } .nav7 { width: ; } .nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7 { text-align: center; } ul#nav li:hover .nav, ul#nav li.sfhover .nav, ul#nav li.active .nav, ul#nav li:hover .nav1, ul#nav li.sfhover .nav1, ul#nav li.active .nav1, ul#nav li:hover .nav2, ul#nav li.sfhover .nav2, ul#nav li.active .nav2, ul#nav li:hover .nav3, ul#nav li.sfhover .nav3, ul#nav li.active .nav3, ul#nav li:hover .nav4, ul#nav li.sfhover .nav4, ul#nav li.active .nav4, ul#nav li:hover .nav5, ul#nav li.sfhover .nav5, ul#nav li.active .nav5, ul#nav li:hover .nav6, ul#nav li.sfhover .nav6, ul#nav li.active .nav6, ul#nav li:hover .nav7, ul#nav li.sfhover .nav7, ul#nav li.active .nav7 { background: url(../images/bg_nav_repeat.jpg) repeat-x; } ul#nav .nav1.on, ul#nav .nav2.on, ul#nav .nav3.on, ul#nav .nav4.on, ul#nav .nav5.on { background: url(../images/bg_nav_repeat.jpg) repeat-x; height: 32px; } ul#nav .nav6 { padding-left: 5px; } ul#nav .nav7 {padding-left: 10px; } /* @end */ /*ul#nav li.last_nav ul { width: 166px; } ul#nav li.last_nav li a { width: 146px !important; }*/ #nav_new { left: 530px; position: absolute; top: 176px; z-index: 5; } /*--------------------------- Feature ---------------------------*/ #feature { border: 9px solid #ffffff; background: #fff; display: inline; float: left; height: 363px; margin: 7px 0 0 0; position:relative; width: 957px; z-index: 1000;} .feature_left { background: #ffffff; display: inline; float: left; height: 363px; width: 643px; z-index: 50;} .feature_left img { display: inline; float: left; height: 363px; position: absolute; } .feature_right { background: #ffffff; display: inline; float: left; height: 363px; width: 312px; } .feature_right div { position: absolute; width: 312px;} .feature_right img {float: left;} .feature_right img.hover_image { width: 312px; } .feature_tab { background: url(../images/feature_tab.gif) no-repeat; float: left; height: 27px; margin: -37px 0 0 0; padding: 10px 0 0 10px; width: 164px; z-index: 100; position: absolute; margin-top: 326px; } .feature_tab a { padding: 4px 0 5px 7px; float:left; font-size: 1.1em; height: 20px; margin: 0 8px 0 0; width: 13px; } .feature_tab a.one:hover, .feature_tab a.two:hover, .feature_tab a.three:hover, .feature_tab a.four:hover, .feature_tab a.five:hover { background: url(../images/bg_feature_numbers.jpg) no-repeat; color: #ffffff; } .feature_tab a.one { color: #009FA7; } .feature_tab a.one:hover { background-position: 0px 0px; } .feature_tab a.one_active { background: url(../images/bg_feature_numbers.jpg) no-repeat 0px 0px; color: #fff; } .feature_tab a.two { color: #1C76AD} .feature_tab a.two:hover { background-position: -20px 0px; } .feature_tab a.two_active { background: url(../images/bg_feature_numbers.jpg) no-repeat -20px 0px; color: #fff; } .feature_tab a.three { color: #7CB022} .feature_tab a.three:hover { background-position: -40px 0px; } .feature_tab a.three_active { background: url(../images/bg_feature_numbers.jpg) no-repeat -40px 0px; color: #fff; } .feature_tab a.four { color: #7F8BB7} .feature_tab a.four:hover { background-position: -60px 0px; } .feature_tab a.four_active { background: url(../images/bg_feature_numbers.jpg) no-repeat -60px 0px; color: #fff; } .feature_tab a.five { color: #FC7814} .feature_tab a.five:hover { background-position: -80px 0px; } .feature_tab a.five_active { background: url(../images/bg_feature_numbers.jpg) no-repeat -80px 0px; color: #fff; } .feature_links { float: left; height: 27px; position: absolute; margin: 326px 0 0 0; padding: 10px 0 0 8px; width: 302px; z-index: 100; } .feature_links a { background: url(../images/arrow.gif) no-repeat 5px center; color: #6C6255; display: block; font-size: 1.1em; float: left; line-height: 1.8em; margin: 0 5px 0 5px; padding: 0 0 0 15px; } .feature_links a:hover { color: #452B04; } /*.feature_right .feature_links a img { display: inline; float: left; height: 6px; padding: 2px 5px 0 0; width: 3px; position: relative; }*/ #content { background: #ffffff; display: inline; float: left; width: 975px; margin: 7px 0px 15px 0px; position: relative; z-index: 1000; } #content_inner { display: inline; float: left; margin: 20px 9px 0px 9px; } /*.callout { background: url(../images/vertical_divider.jpg) no-repeat top right; float: left; display: inline; height: 175px; padding: 10px 10px 10px 15px; width: 294px; } .call_right { background: none; }*/ .callout { float: left; display: inline; width: 319px; } .home_callout { margin: -10px 0 0 0; } .callout h4 a { color: #82BA6C; font-size: 1.1em; } .callout h4 a span { display: inline; float: none; font-size: 1em; color: #4C87C0; } .callout h3 a { float: left; height: 175px; text-indent: 0; width: 155px; } .callout div { color: #5087BE; float: left; font-size: 1.2em; line-height: 18px; width: 130px; } .callout span a { color: #5BAFB2; float: left; font-size: .9em; padding: 5px 0px 0px 0px;} .callout p a { color: #5087BE; } .callout h2 { background-color: inherit; color:#EB464D; font-size:1.1em; font-weight: normal; line-height: 18px; padding: 3px 0px 5px 0px; } #content_bottom { display: inline; float: left; margin: 20px 9px 15px 9px; width: 957px; height: 317px; } #style_studio { background: url(../images/customer-style-studio-bg.jpg) no-repeat; width: 957px; height: 305px; } /*#style_studio h4 { position: absolute; margin-left: 220px; color: #E53670; padding: 0; margin-top: 15px; font-size: 11px; line-height: 1.3em; width: 190px; } #style_studio h5 { position: absolute; margin-left: 420px; color: #4F6EB1; font-size: 11px; margin-top: 15px; padding: 0; line-height: 1.3em; width: 510px; } #style_studio h5 a { color: #659C42; }*/ #style_studio .container { width: 924px; height: 195px; overflow: hidden; margin-bottom: 10px; position: relative; top: 14px; left: 15px; } #style_studio .container div { width: 100000px; height: 195px; } #style_studio .container div div { width: auto; height: auto; } #style_studio .container div #hover_info { position: absolute; padding-top: 19px; padding-left: 35px; width: 282px; height: 173px; background: url(../images/pop-up-right.jpg); color: #C72137; font-size: 13px; } #style_studio .container div #hover_info.left { background: url(../images/pop-up-left.jpg); padding-left: 25px; width: 292px; } #style_studio .container div #hover_info h3 { display: block; color: #103247; font-size: 12px; font-weight: bold; color: #C72137; margin-bottom: 11px; } #style_studio .container div #hover_info span { display: block; color: #103247; font-size: 10px; margin-bottom: 2px; } #style_studio .container div #hover_info div.float { float: left; margin: 10px 25px 10px 0; width: auto; height: auto; } #style_studio .container div #hover_info a { margin-right: 4px; } #style_studio .container div #hover_info a img { margin-top: 7px; } #style_studio .container div #hover_info img.avatar { float: right; width: 40px; height: 40px; margin-right: 21px; } #style_studio .container div #hover_info.left img.avatar { float: right; width: 40px; height: 40px; margin-right: 32px; } #style_studio .container div #hover_info small { font-size: 10px; } .style_studio_text { margin: 23px 0 0 170px; } .style_studio_text h5 { color: #5087BE; font-size: 15px; font-weight: normal; } .style_studio_text h5 span { display: inline-block; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0 2px 0 0; padding: 0; } .style_studio_text p { color: #5BAFB2; font-size: 12px; float: left; font-weight: normal; line-height: 14px; } .style_studio_text p a { color: #6271A9 !important; } .style_studio_text p a:hover { color: #DA3168 !important; } .style_studio_text p span { display: inline-block; margin: 0 3px; } .style_studio_text p strong span { color: #5BAFB2 !important; font-family: Helvetica, sans-serif; margin: 0 !important; padding: 0 1px 0 1px; word-spacing: -4px; } .style_studio_text p strong { color: #6271A9; display: inline-block; font-family: Helvetica, sans-serif; font-size: 14px; word-spacing: -4px; } /*.style_studio_text p strong { display: inline-block; width: 100px; background: url(../images/style_studio_build_your_own.jpg) no-repeat; overflow: hidden; text-indent: -1000px; }*/ #style_studio .container div ul { list-style-type: none; float: left; } #style_studio .container div ul li { display: block; float: left; width: 225px; } #style_studio .container div ul li img { height: 192px; } #style_studio #style_scroller { margin-top: 22px; margin-left: 15px; width: 896px; height: 18px; background-image: url(../images/horizontal-slider.jpg); padding: 4px 2px 4px 26px; } #style_studio #scroll_left { width: 24px; height: 18px; display: block; float: left; margin-left: -24px; } #style_studio #scroll_right { width: 24px; height: 18px; display: block; float: right; } #style_studio #style_handle { width: 57px; height: 18px; background: url(../images/horizontal-handle.jpg); cursor: pointer; } /*--------------------------- Sub Page ---------------------------*/ #sub_content { background: #ffffff url(../images/bg_column_left.jpg) repeat-y top left; display: inline; float: left; width: 975px; margin: 7px 0px 15px 0px; position: relative; z-index: 1000; } #column_left { float: left; display: inline; width: 198px; } #column_right { float: left; display: inline; margin: 0 0 50px 3px; width: 760px; } #column_right p { color: #452B04; font-size: 1.2em; line-height: 1.4em; } #column_right ul { /*font-size: .8em; line-height: 1.6em;*/ list-style: disc; margin: 0 0 15px 25px; } #column_right ol { /*font-size: .8em; line-height: 1.6em;*/ list-style:decimal; margin: 0 0 15px 25px; } #page_content p { font-size: 12px; line-height: 1.4em; padding: 0 0 10px 0; } #page_content p.blue { color: #00123B; } .callout_sub { margin: 0 9px 20px 9px; width: 170px; } .callout_sub_inside { background: #ffffff url(../images/friends_n_family_repeat.jpg) repeat-y; color: #454C80; font-size: 1.1em; padding: 9px 9px 20px 9px;} .callout_sub_inside p { margin: 5px 0 5px 0; line-height: 15px; } .callout_sub_inside a { color: #454C80; } .callout_image_container { width: 170px; height: 150px; overflow: hidden; position: relative; } .callout_image_container img { position: absolute; } .header { border-bottom: 1px solid #C7D6D4; float: left; display: inline; margin: 10px 12px 0 3px; width: 752px; } .header h3 { background: #ffffff; color: #4F6EB1;float: left;} .row { float: left; display: inline; margin: 10px 12px 0 3px; width: 752px; } .product_column { background: #ffffff url(../images/divider_product_sm.jpg) no-repeat top right; border-bottom: 1px solid #C7D6D4; float: left; display: inline; height: 244px; margin: 15px 0px 0px 10px; padding: 0px 8px 0px 0px; width: 170px; } .product_column a.product_image { background: #cecece; float:left; height: 170px; margin: 0 0 10px 0; width: 166px; } .product_column div.product_image { float:left; height: 170px; margin: 0 0 10px 0; width: 166px; } .product_column a.product_name { color: #4F6EB1; display: block; float: left; font-size: 1.3em; font-weight: normal; height: 32px; line-height: 1.3em; margin: 0 0 5px 0; width: 166px; } .product_column div.product_name { color: #339999; font-size: 1.3em; float: left; font-weight: normal; height: 25px; margin: 0 0 5px 0; width: 166px; } .product_column img.on_sale { position: absolute; margin-left: -60px; margin-top: 160px; } .confirmation_box { width: 145px; margin: 15px; float: left; } .confirmation_box { line-height: 16px; } .left_image_holder { float: left; margin: 0 15px 15px 0; } .left_image_holder .shadow { background: url(../images/image-glow-left-bg.png) bottom left no-repeat; padding: 0px 0px 12px 12px; } .left_image_holder .shadow img { border: 5px solid #FFF; } .left_image_holder span { padding-left: 12px; font-size: 11px; color: #452B04; display: block; margin-top: -6px; } .right_image_holder { float: right; margin: 0 0 15px 15px; } .right_image_holder .shadow { background: url(../images/image-glow-bg.png) bottom left no-repeat; padding: 0px 0px 12px 12px; } .right_image_holder .shadow img { border: 5px solid #FFF; } .right_image_holder span { padding-left: 12px; font-size: 11px; color: #452B04; display: block; margin-top: -6px; } .content_inner { margin: 40px 60px 100px 60px; } .flagship { padding: 0px 0px 200px 0px; float:left;} .flagship p { width: 300px;} .content_content { margin: 30px 60px 100px 40px; } table { font-size: 1.2em; line-height: 1.4em; } .cat_holder { float: left; margin-top: 25px; } .featured_product { background: url(../images/featured-product-bg.jpg) no-repeat; width: 366px; height: 396px; float: right; } .featured_product div { padding-top: 55px; padding-left: 20px; position: absolute; text-align: center; width: 325px; } .featured_product div img { max-width: 325px; max-height: 260px; _height: expression(this.height > 260 ? "260px" : true); } .featured_product div h2 { text-align: left; font-size: 18px; color: #4F6EB1; } .featured_product div span { display: block; text-align: left; } .featured_product div span img { margin-right: 10px; float: left; } .category_image { height: 135px; width: 170px; background: #fff; margin-bottom: 4px; float: left; } .category_image img { height: 135px; width: 170px; } .category_column { background: #ffffff url(../images/divider_product_sm.jpg) no-repeat top right; border-bottom: 1px solid #C7D6D4; float: left; display: inline; height: 182px; margin: 0px 0px 15px 10px; padding: 0px 8px 0px 0px; width: 170px; } .category_column a.category_name { color: #4F6EB1; display: block; float: left; font-size: 1.3em; font-weight: normal; height: 14px; line-height: 1.3em; margin: 0 0 5px 0; width: 166px; } #dealer table { border-collapse: collapse; border-top:1px solid #ECE9E6; border-right:1px solid #ECE9E6; margin:1em auto; width:100%; } #dealer tr.odd td { background:#f4f9fe; } #dealer td { border-bottom: 1px solid #ECE9E6; border-left:1px solid #ECE9E6; color:#678197; padding:.5em 1em 1.5em 1em; text-align:left; width: 33.3%; } #dealer td h3 { color:#4F3611; font-size: 1.2em; line-height: 1.2em; } #dealer th { background: #4F6EB1; border-bottom: 1px solid #ECE9E6; border-left:1px solid #ECE9E6; color: #fff; font-weight:normal; text-align:left; padding:.5em 1em;} #dealer table a { color: #EB464D; text-decoration:none; } #dealer table a:hover { color: #4F6EB1; text-decoration:none; } #dealer p { font-size: 1.1em; } /*--------------------------- Sub Page Navigation ---------------------------*/ .sub_nav { background: #ED585E url(../images/bg_nav_top.png) no-repeat top; float: left; margin: 0 0 20px 0; width: 187px; } .sub_nav div { background: url(../images/bg_nav_bottom.png) no-repeat bottom; height: 12px; width: 187px;} .sub_nav ul { background: url(../images/bg_nav_repeat.png) repeat-y; list-style: none; margin: 12px 0 0 0; padding: 0 9px 0 10px; } .sub_nav li { border-bottom: 1px solid #F1797E; line-height: 1.2em; margin: 0; } .sub_nav li a { color: #fff; display: block; font-size: 1.2em; height: 10px; padding: 12px 0px 12px 10px; } .sub_nav li a:hover { background: url(../images/bg_nav_item_repeat01.png) repeat-x; color: #fff; padding: 12px 0px 12px 10px; width: 94%; } .sub_nav .last { border-bottom: none; } .sub_nav .active a { background: url(../images/bg_nav_item_repeat01.png) repeat-x; color: #fff; padding: 12px 0px 12px 10px; width: 94%; } .sub_nav li ul { background: none; padding: 0px 0px 0px 0px; margin: 0px; width:100%;} .sub_nav li li { background: none; border-bottom: none; color: #D55A0C; margin: 0; text-indent: 5px;} .sub_nav li li li { text-indent: 10px;} .sub_nav li.active li a:hover, .sub_nav li.active li.active a { background: none; color: #fff; } .sub3 { background-color: #4F6EB1; } .sub3 li { border-bottom: 1px solid #728AC0; } .sub4 { background-color: #D92847; } .sub4 li { border-bottom: 1px solid #FF6B7A; } .sub5 { background-color: #666699; } .sub5 li { border-bottom: 1px solid #8C8CB3; } .sub6 { background-color: #339999; } .sub6 li { border-bottom: 1px solid #66B3B3; } .sub7 { background-color: #FC6819; } .sub7 li { border-bottom: 1px solid #FFB340; } .sub8 { background-color: #61BD6A; } .sub8 li { border-bottom: 1px solid #8CD966; } .pc3 h2, .pc3 h3 { color: #4F6EB1; } .pc4 h2, .pc4 h3 { color: #FF3A4E; } .pc5 h2, .pc5 h3 { color: #666699; } .pc6 h2, .pc6 h3 { color: #339999; } .pc7 h2, .pc7 h3 { color: #FF9900; } .pc8 h2, .pc8 h3 { color: #66CC33; } /*--------------------------- Home Page Footer Area ---------------------------*/ #to_top { position: absolute; z-index: 1001; margin-left: 900px; margin-top: -50px; } #footer { background: #fff url(../images/footer_bg.jpg) repeat-x; clear: both; height: 190px; padding: 50px 0 0 0; /*height: 20px; padding: 50px 0px 170px 0px; */} #footer_wrapper { margin-left: auto; margin-right: auto; text-align: left; width: 975px; } #footer_logo { float: left; display: inline; padding: 0px 25px 0px 15px; width: 189px; } ul#footer_nav { font-size: .95em; float: left; display: inline; margin: 2px 0 0 0; } ul#footer_nav li { background: url(../images/divider_footer.jpg) no-repeat top right; display: inline-block; float:left; height: 23px; margin: 0; padding: 5px 13px 0px 8px; } ul#footer_nav li.first { padding: 2px 13px 0 0px} ul#footer_nav li.last { background: none; } ul#footer_nav li a, ul#footer_nav li a:visited { color: #452B04; font-size: 10px; font-weight: bold; } ul#footer_nav li a:hover { color: #D33161; } .helper_nav_footer { color: #009FA7; display: inline; float: left; font-size: 10px; width: 655px; } .helper_nav_footer a { color: #452B04; float: left; padding: 8px 5px 10px 2px;} .helper_nav_footer a:hover { color: #D33161; } .helper_nav_footer img { float: left; } p.contact_address { color: #6A5536; font-size: 11px; margin: 0px 0px 0px 0px; } p.contact_address span { display: inline-block; margin: 0 0 0 10px; } p.copyright { color: #6A5536; font-size: .95em; margin: 6px 0px 0px 0px; } p.copyright a { color: #1B75AD; } .footer_contact_info { float: left; height: 40px; width: 420px; margin: 8px 0 0 0px; } ul.follow_links { display: block; float: left; margin: 6px 0 0 15px; padding: 0; } ul.follow_links li { display: block; float: left; width: 103px; } ul.follow_links li a { color: #452B04; display: block; font-size: 11px; float: left; line-height: 13px; padding: 0 0 0 31px; width: 72px; } ul.follow_links li a:hover { color: #DF044C; } ul.follow_links li a.follow_facebook { background: url(../images/helper_icons/helper_facebook.jpg) no-repeat; } ul.follow_links li a.follow_twitter { background: url(../images/helper_icons/helper_twitter.jpg) no-repeat; } /* Product Details Page */ #product_navigation_header { background: url(../images/details-bg.png) repeat-x; font-size: 1.1em; height: 55px; } #product_navigation_header a { color: #FFF; } #product_navigation_header .back { float: left; margin-left: 15px; margin-top: 18px; } #product_navigation_header .back img { margin-right: 10px; } #product_navigation_header .prev_next { float: right; margin-right: 15px; margin-top: 20px; } #product_navigation_header .prev_next img { margin: 0px 5px; } #product_navigation_header .prev_next .next_link { border-left: 1px solid #FFF; padding-left: 8px; margin-left: 5px; } #product_navigation_header { background: url(../images/details-bg.png) repeat-x; font-size: 1.1em; height: 55px; } #product_body { background: #FFF; padding: 33px 24px 125px 24px; float: left; } #product_body h2 { color: #EB464D; font-size: 20px; } #product_body h3 { color: #43457E; font-size: 14px; } #product_border_wrap { border-bottom: 1px solid #E7E4DF; float: left; margin-bottom: 32px; } #product_big_image { border-bottom: 1px solid #E7E4DF; padding-bottom: 8px; margin-bottom: 10px; } #product_big_image div { margin: 0 0 10px 0; width: 467px; height: 425px; text-align: center; } #product_big_image div img { max-width: 440px; margin-bottom: 10px; margin-left: -8px; } #product_left { float: left; width: 467px; border-right: 1px solid #E7E4DF; padding-bottom: 29px; } #product_left .other_views { display: block; margin: 12px 0 0 10px; } #product_left ul { list-style-type: none; padding: 0px; margin: 10px 0 0 0; } #product_left ul li { display: block; float: left; border: 2px solid #FFF; padding: 0; margin: 0; } #product_left ul li a { padding: 2px; display: block; border: 2px solid #FFF; } #product_left ul li a.active { border: 2px solid #4D6FB1; } #product_left ul li img { max-width: 100px; max-height: 100px; } #product_right { border-left: 1px solid #E7E4DF; margin-left: -1px; float: left; width: 434px; padding-left: 25px; padding-bottom: 23px; } #product_right p { color: #00123B; font-size: 1.3em; line-height: 19px; margin-bottom: 10px; margin-top: 8px; } #product_right span { color: #4F6EB1; font-size: 1.2em; line-height: 16px; display: block; margin-bottom: 18px; } #product_body ul.tabs { float: left; list-style-type: none; margin-top: 20px; position: relative; } #product_body ul.tabs li { display: block; float: left; background: url(../images/tab-bg.jpg) top right; color: #452B04; font-size: 11px; margin: 0px; padding: 11px 14px 10px 14px; cursor: pointer; } #product_body ul.tabs li.spacer { display: none; padding: 0px; width: 1px; height: 32px; margin-left: -1px; } #product_body ul.tabs li.active { background: url(../images/active-tab-bg.jpg) top right no-repeat; border-left: 2px solid #ECECDE; margin-left: -1px; } #product_body .tab_content { border: 2px solid #ECECDE; color: #452B04; float: left; line-height: 16px; margin: -2px 0 0 -1px; padding: 25px 20px; width: 390px; } #product_body .tab_content p { color: #452B04; font-size: 1.1em; line-height: 1.5em; } #product_body .tab_content_large { float: left; width: 875px; padding: 25px 20px; border: 2px solid #ECECDE; color: #452B04; font-size: 12px; line-height: 16px; margin-top: -2px; margin-left: -1px; margin-bottom: 20px; } #product_body .tab_content ul li, #product_body .tab_content_large ul li { list-style-type: disc; margin-left: 15px; } #product_body .tab_content p, #product_body .tab_content_large p { margin: 5px 0 5px 0; } #product_body .related_products { background: url(../images/related-bg.jpg) no-repeat; width: 926px; height: 285px; } #product_border_build_wrap { border-bottom: 1px solid #E7E4DF; float: left; background: url(../images/build-your-own-bg.jpg) repeat-y; } #product_body #other_creations { width: 150px; padding-right: 14px; float: left; } #product_body #other_creations p { color: #43457E; font-size: 11px; margin-top: 4px; padding-left: 2px; margin-bottom: 15px; } #product_body #other_creations #scroll_area { height: 336px; width: 112px; overflow: hidden; margin-left: 18px; } #product_body #other_creations #scroll_area ul { height: 20000px; width: 112px; margin: 0px; padding: 0px; } #product_body #other_creations #scroll_area ul li { display: block; height: 92px; width: 88px; padding: 8px 10px; border: 2px solid #FFF; margin: 0px; } #product_body #other_creations #scroll_area ul li img { height: 92px; width: 88px; margin: 0px; } #product_body #other_creations #scroll_controls { background: url(../images/up-down-bg.png); height: 20px; width: 138px; padding: 6px; margin-bottom: 23px; } #product_body #other_creations #scroll_controls a.move_up { margin-right: 2px; } #product_body #image_preview { width: 515px; padding-right: 1px; text-align: center; float: left; } #product_body #image_preview a#edit_this_piece { margin-right: 6px; } #product_body #image_preview img.large { margin-top: 20px; } #product_body #config_options { padding-left: 14px; width: 220px; float: left; } #product_body #config_options h3 { font-size: 12px; } #product_body .related_products ul { list-style-type: none; margin-left: 25px; padding-top: 55px; } #product_body .related_products li { float: left; display: block; width: 160px; margin-right: 20px; } #product_body .related_products div h3 { color: #B51426; font-size: 13px; } /* #product_right .upholstered_holder { border: 1px solid #E0DDD0; padding: 10px 8px; height: 104px; width: 121px; float: left; background: url(../images/upholstered-bg.jpg); margin-right: 5px; } */ #product_right .upholstered_holder { border: 1px solid #E0DDD0; padding: 10px 7px; height: 75px; width: 121px; float: left; background: url(../images/upholstered-bg.jpg); margin-right: 5px; } #product_right .upholstered_holder img { margin-top: 2px; } #product_right .upholstered_holder img.divider { margin-bottom: 4px; } #product_right .upholstered_holder h3 { color: #4F3610; font-size: 12px; font-weight: normal; height: 35px; margin: 0px; text-align: center; } /* Shopping Cart Drop-Down */ #cart_drop { width: 378px; padding: 5px; border: 1px solid #5AAFB3; position: absolute; background: #FFF; margin-top: 25px; margin-left: 385px; z-index: 200; } #cart_drop a { padding: 0px; } #cart_drop span.count { display: block; float: left; padding-left: 2px; font-size: 10px; color: #452B04; padding-top: 2px; } #cart_drop #close_cart { background: url(../images/close.jpg); display: block; float: right; width: 50px; height: 18px; margin-bottom: 4px; } #cart_drop div.added { color: #DC054B; padding: 5px 2px; margin-top: -9px; text-align: left; } #cart_drop div.holder { border: 1px solid #5AAFB3; padding: 3px; } #cart_drop div.holder div.constraint { width: 352px; height: 126px; overflow: auto; padding: 0px 9px 0px 0px; color: #452B04; font-size: 11px; } #cart_drop .mini_cart_item { float: left; width: 340px; background: url(../images/divider.png) bottom left no-repeat; margin: 4px 0px; padding-bottom: 5px; text-align: left; } #cart_drop .mini_cart_item img { float: left; margin-right: 8px; width: 55px; } #cart_drop .mini_cart_item strong { font-weight: bold; color: #43457E; font-size: 12px; display: block; text-align: left; } #cart_drop strong { display: block; font-weight: bold; color: #452B04; text-align: right; font-size: 11px; padding: 5px 0px; } #cart_drop .checkout { margin-left: 4px; } /* Search Styles */ .search_header { margin: 20px 15px; } #search_results { padding-left: 200px; width: 620px; padding-bottom: 125px; } #search_results h2 { color: #367779; font-size: 16px; margin-top: 45px; margin-bottom: 3px; } #search_results h3 { color: #00123B; font-size: 13px; float: left; margin: 0; font-weight: normal; } #search_results .pages { float: right; color: #43457E; font-size: 12px; margin-bottom: 8px; display: block; } #search_results span.pages { padding-top: 4px; } #search_results ul.pages { margin-left: 10px; list-style-type: none; } #search_results ul.pages li { display: block; float: left; margin: 0px; } #search_results ul.pages li span { padding: 5px 3px 0px 3px; display: block; } #search_results ul.pages li a { display: block; height: 15px; padding: 4px 0; width: 23px; text-align: center; background: url(../images/search-page-inactive.png) no-repeat; color: #4F3611; margin-right: 2px; } #search_results ul.pages li a:hover, #search_results ul.pages li a.active { background: url(../images/search-page-active.png) no-repeat; color: #FFF; } #search_results ul.pages li a.previous { width: 10px; background: url(../images/search-page-left.png) no-repeat; background-position: 2px 6px; } #search_results ul.pages li a.next { width: 10px; background: url(../images/search-page-right.png) no-repeat; background-position: 2px 6px; } #search_results .result { padding: 16px 13px; border: 1px solid #ECE9E5; color: #4F3611; font-size: 12px; background-color: #F9F8F4; background: url(../images/search-item-bg.jpg) repeat-x; } #search_results .result h4 { font-weight: bold; font-size: 14px; margin: 0 0 8px 0; } #search_results .result h4 a { color: #367779; margin: 0; } #search_results .result a { color: #EB464D; display: block; margin-top: 10px; } #search_results .first { border-bottom: 0px; } p.full_content_text { background: url(../images/registration_header_bg.png) no-repeat center bottom; color: #5BAFB2; font-size: 14px; line-height: 18px; margin: 0 10px; padding: 0 0 30px 0; } /* FAQs Styles */ #faqs { padding-top: 9px; margin: 30px 80px 50px 30px; } #faqs h2 { color: #ED585E; font-size: 24px; margin: 0 0 10px 0; } #faqs #questions { background: url(../images/faqs-top-bg.jpg); float: left; padding: 20px 0 12px 0; } #faqs #questions ul { margin: 0 0 0 35px; list-style-type: none; } #faqs #questions ul li { display: block; float: left; margin-bottom: 8px; width: 580px; } #faqs #questions ul li span { background: url(../images/search-page-inactive.png) no-repeat; color: #EB464D; display: block; float: left; height: 21px; line-height: 21px; padding: 1px 0; width: 23px; text-align: center; } #faqs #questions ul li p { display: block; float: left; font-size: 1.2em; line-height: 21px; margin: 0 0 0 12px; padding: 0; } #faqs #questions ul li p a { color: #4E3511; } #faqs .answer { padding: 25px 0 25px 35px; } #faqs .answer span { display: block; float: left; height: 21px; padding: 4px 0 0 0; width: 23px; text-align: center; background: url(../images/search-page-active.png) no-repeat; color: #FFF; font-size: 12px; } #faqs .answer div { display: block; float: left; width: 430px; margin-left: 12px; } #faqs .answer div h3 { color: #EB464D; font-size: 1.4em; line-height: 1.4em; margin: 0; } #faqs .answer div p { color: #452B04; font-size: 1.3em; margin-top: 6px; padding: 0; } #faqs .category_header { color: #ED585E; font-size: 1.4em; line-height: 25px; margin: 10px 0; /*padding: 10px 0;*/ } .category_header a { color: #ED585E; font-size: 0.85em; padding: 3px 5px; } .category_header a.selected { background-color: #ED585E; color: #fff; } /* Fabric Pages Styles */ #content .fabric_navigation_header { background: url(../images/fabric-header.jpg); } #product_right .choose_type { border-bottom: 1px solid #E7E4DF; width: 430px; float: left; } #product_right .choose_type div { float: left; width: 200px; padding-bottom: 15px; } #product_right .choose_type div.border_left { float: left; width: 200px; padding-left: 28px; border-left: 1px solid #E7E4DF; } #product_right .choose_type div span { display: block; float: left; width: 35px; color: #4F3611; padding-right: 10px; font-size: 12px; } #product_right .choose_type div p { float: left; color: #4F3611; margin: 0px; padding: 0px; width: 130px; font-size: 12px; } #product_right .choose_type h4 { color: #4F6EB1; margin-bottom: 6px; } /*Frills and Finials Page Styles */ #frills{ color: #452B04; font-size: 1.2em; width: 660px; } #frills h3 { background-color: #D73F45; color: #FFF; margin: 0 0 12px 0; padding: 8px 0 5px 8px; width: 300px; } #frills table { color: #452B04; font-size: 1.1em; } #frills table img { /*margin: 0 12px 9px -8px;*/ margin: 0 0 9px -8px; } #frills_column_1 { border-right: 1px dashed #DDD8D2; float: left; /*padding: 0 25px 0 0;*/ /*padding: 0 25px 0 0;*/ width: 324px;} #frills_column_2 { clear: none; float: left; margin: 0 0 0 17px; width: 280px;} #frills .caption {font-size: .9em; width: 300px; } /*Woodshop Page Styles */ .bordered_image { background: #fff url(../images/subpages/customer_image_bg.png) no-repeat; float: left; height: 262px; margin: 0 15px 0 0; padding: 14px 0 0 19px; width: 227px; } .bordered_image_right { background: #fff url(../images/subpages/customer_image_bg.png) no-repeat; float: right; height: 262px; margin: 0 0 0 15px; padding: 14px 0 0 19px; width: 227px; } #woodshop h3 {margin: 0 0 20px 0;} .bordered_image_small { background: #fff url(../images/subpages/customer_image_bg_small.png) no-repeat; float: left; height: 214px; margin: 0 15px 0 0; padding: 12px 0 0 13px; width: 159px; } .bordered_image_rsmall { background: #fff url(../images/subpages/customer_image_bg_small.png) no-repeat; float: right; height: 214px; margin: 0 0 0 15px; padding: 12px 0 0 13px; width: 159px; } /* Send To Friend */ #send_to_friend { position: absolute; top: 110px; right: 456px; /*margin: -16px 0 0 -305px;*/ z-index: 1001; width: 281px; height: 358px; background: url(../images/send-to-friend-bg.png); padding: 10px; } #send_to_friend h3 { padding: 3px 5px; color: #CE3D41; font-size: 14px; font-weight: bold; } #send_to_friend input.text { display: block; width: 248px; border: 1px solid #95BC59; color: #452B04; margin: 0 0 8px 0; padding: 6px 8px; font-weight: bold; } #send_to_friend textarea { display: block; width: 248px; border: 1px solid #95BC59; color: #452B04; margin: 0 0 8px 0; padding: 6px 8px; height: 90px; } #send_to_friend a { position: absolute; margin-left: 250px; padding: 0 !important; } /* Easy To Enter */ #easy_to_enter { position: absolute; top: 210px; right: 40px; /*margin: -16px 0 0 -305px;*/ z-index: 1001; width: 277px; height: 341px; background: url(../images/easy-to-enter-bg.png) no-repeat; padding: 10px; } #easy_to_enter .steps_container { background: #FFF; margin: 0 0 12px 0; padding: 13px 10px 5px 10px; width: 247px; } #easy_to_enter ol { color: #DA3168; font-size: 13px; font-weight: bold; line-height: 16px; list-style: decimal; margin: 0 0 0 20px; } #easy_to_enter ol li { margin: 0 0 8px 0; } #easy_to_enter ol span { color: #4F6EB1; font-size: 12px; font-weight: normal; } #easy_to_enter ol span strong { font-weight: bold; } #easy_to_enter h3 { color: #FFF; font-size: 14px; font-weight: bold; padding: 0; } #easy_to_enter a { position: absolute; margin-left: 255px; padding: 0 !important; } /* Media Kit */ #media_kit h3 { font-weight: bold; font-size: 16px; margin: 0 0 10px 0; } #media_kit table { border: 2px solid #ECECDE; width: 695px; margin-bottom: 20px; } #media_kit table tr { background: #F9F9F5; } #media_kit table tr.alt { background: #FFF; } #media_kit table td { padding: 5px; color: #00123B; font-size: 13px; } #media_kit table td img { width: 75px; } #media_kit table td a { color: #E5444A; display: block; background: url(../images/download.jpg) no-repeat; padding-left: 22px; font-size: 12px; } /* Promo Updates */ table.order tr.promos td { background: #FDFDFC; padding: 12px; } table.order tr.promos h5 { color: #43457E; font-size: 11px; font-weight: bold; margin: 0 0 3px 0; } table.order tr.promos p { font-size: 11px; line-height: 14px; margin-bottom: 5px; } table.order tr.promos p strong { color: #43457E; } table.order tr.promos input.code { border: 1px solid #CCCC99; width: 100px; float: left; margin-right: 3px; padding: 3px; }