/*--------------------------------------------------------------------------- /////////////////// General Style Sheet Rules /////////////////// ----------------------------------------------------------------------------- 1. Layout is done SEPARATELY from styles, and an extra element (usually div) is preferred over combining them. 2. Please assign styles to the proper section of this stylesheet. 3. ID and classname selectors should be semantically named. 4. IE-specific CSS should go in the IE6 (and less) stylesheet or in the IE7 stylesheet. 5. When possible, clear floats by setting the "overflow:auto" property on the parent of the floated element(s). ---------------------------------------------------------------------------- /////////////////// Style Sheet Information /////////////////// ---------------------------------------------------------------------------- Author: Fluid, Inc. Date: 02/18/2010 Contains: => CSS reset => global defaults => layout => font-sizes => other styles ----------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------- => CSS reset ----------------------------------------------------------------------------*/ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /*---------------------------------------------------------------------------- => global defaults ----------------------------------------------------------------------------*/ body {color:#333; font-family:Arial, Helvetica, sans-serif;} body.viztool #rightModules {display:none;} body.viztool #left {display:none;} .clear {clear:both;} .clearNoHeight {clear:both; height:1px; width:1px; overflow:hidden;} .col {float:left; width:464px;} .col2 {margin-left:12px;} .hidden {display:none;} .printOnly {display:none;} /*---------------------------------------------------------------------------- => layout ----------------------------------------------------------------------------*/ * {margin:0;} html, body {height:100%;} html {background-color:#004066;} body {text-align:center;} #all_layout {clear:both; background:url(/d7803af4da145a6/bg_main.png) repeat-y center top; min-height: 100%; margin:0 auto -45px; height: auto !important;} #all_layout.withBottomModules { margin-bottom: -156px;} .com_myproject #all_layout { margin-bottom: -55px; padding-bottom: 10px;} #header_layout {background:url(/d7803af4da145a6/bg_header.png) repeat-x 0 0 transparent; height:77px; position:relative; z-index:9075;} #header_inner {width:998px; margin:0 auto; text-align:left;} /* actual width is 970 (998 - 28 (padding in #main)) */ #main_layout {width:998px; margin:-5px auto 0; text-align:left;} #right_layout {clear:right; margin: 0 20px;} /* generic right_layout margin, more specific pages will overwrite this */ .com_fluid_retail #right_layout, .com_jel_catalog #right_layout {margin: 0 0;} .withLeft #left_layout, .withLeft #right_layout {width:248px; overflow:auto;} .withLeft #right_layout {width:680px; margin:0 0 10px 270px;} .withLeft #left_layout {float: left; clear: left;} .com_find_store .withLeft #right_layout, .com_egresscalculator .withLeft #right_layout, .com_contact_us .withLeft #right_layout {width: 710px; margin-left: 255px;} .half-half #left_layout, .half-half #right_layout, #pdp_modules #left_layout, #pdp_modules #right_layout {/*width:478px;*/ overflow:auto; } .half-half #left_layout, #pdp_modules #left_layout {clear:left; float:left;} .half-half #right_layout, #pdp_modules #right_layout {margin-left:14px;} #pdp_modules {width:972px; margin: 0 auto; text-align:left;} #pdp_modules #right_layout {margin-left: 494px; clear: none;} #middleBottom {clear:both; height:110px; overflow:hidden; background:#eee;} #stickyFooterPush {clear:both; height:45px;} #stickyFooterPush.withBottomModules {height:156px;} .com_viztool #stickyFooterPush.withBottomModules {height:146px; margin-top: 10px;} #footer_layout {height: 45px; overflow: hidden; position:relative; clear:both;} #footer_layout.withBottomModules {height:156px;} #footer_layout.withBottomModules #footer #footer_links {bottom: 0;} #bottomModules {width:970px; margin:0 auto;} #footer_links {height:45px; background-color:#F7F7F7; overflow:hidden; border-top:1px solid #e6e6e6;} #footer_links_inner{width:998px; height:24px; margin:0 auto; padding-top:10px; background:url("/d7803af4da145a6/logo_new_footer.png") no-repeat 791px 4px;} #nav_mainAndSub {background:url('/09bf891f18463a5/top_gradient.png') repeat-x; background-size: 17px 115px; padding-bottom:2px; margin-bottom:4px;} .com_jwfrontpage #nav_mainAndSub {background:url('/09bf891f18463a5/top_gradient.png') repeat-x; background-size: 17px 115px; padding-bottom:0; margin-bottom:0;} #nav_main .nav_level2_layout, #nav_mainAndSub .menu .nav_level2_layout {display:none; position:absolute; z-index:9000; top:0;} #nav_mainAndSub .menu .first .nav_level2_layout{margin-left:5px;} #component_header {border-top: 1px dotted #CCC; height: auto; margin: 0 20px 0;} #component_header h1 {color: #D7A50E; font-weight: bold; margin: 10px 0; text-transform: uppercase; width: 500px;} .com_find_store #component_header {border-top: none;} .com_jw_findstore #component_header {border-top: none;} /*---------------------------------------------------------------------------- => font sizes ----------------------------------------------------------------------------*/ .nav_priceTab li {font-size:10px;} body, #personalNav {font-size:11px;} p.p_style1, #bottomModules_inner p, .nav_priceTab div {font-size:12px;} #nav_mainAndSub {font-size:13px;} h1 {font-size:18px;} h2 {font-size:16px;} h3 {font-size:14px;} /*---------------------------------------------------------------------------- => plugin-related styles ----------------------------------------------------------------------------*/ .tabs {position:relative;} .tabs .tabNavigation {clear:both; overflow:hidden; background:url(/d7803af4da145a6/tab_line_leftAndCenter.png) no-repeat bottom left; padding-left:13px;} .tabs .tabNavigationRight {background:url(/d7803af4da145a6/tab_line_right_v2.png) no-repeat 0 0; width:45px; height:3px; position:absolute; right:0; top:28px; display:none;} .tabs .tabNavigation li {float:left;} .tabs .tabNavigation li a {display:block; height:31px; line-height:35px; outline:none; color:#337fa2; font-size:13px; font-weight:bold; text-decoration:none; padding:0 12px; text-align:left; text-transform:capitalize;} .tabs .tabNavigation li.selectedLi {margin-right:9px; position:relative;} .tabs .tabNavigation li.selectedLi .left {background:url(/d7803af4da145a6/tab_left.png) no-repeat top left; height:31px; width:9px; float:left;} .tabs .tabNavigation li.selectedLi .right {background:url(/d7803af4da145a6/tab_right.png) no-repeat top left; height:31px; width:9px; float:left; position:absolute; right:-9px; top:0;} body .tabs .tabNavigation li.selectedLi a, #component .tabs .tabNavigation li.selectedLi a, #page .tabs .tabNavigation li.selectedLi a {background:url(/d7803af4da145a6/tab_center.png) repeat-x top left; color:#d7a50e; float:left;} .tabs .tabContentBox {padding:10px; overflow:hidden; display:none;} .tabs_fas {position:relative;} .tabs_fas .tabNavigation {clear:both; overflow:hidden; background:url(/d7803af4da145a6/tab_line_leftAndCenter.png) no-repeat bottom left; padding-left:13px;} .tabs_fas .tabNavigationRight {background:url(/d7803af4da145a6/tab_line_right_v2.png) no-repeat 0 0; width:45px; height:3px; position:absolute; right:0; top:28px; display:none;} .tabs_fas .tabNavigation li {float:left;} .tabs_fas .tabNavigation li a {display:block; height:31px; line-height:35px; outline:none; color:#337fa2; font-size:13px; font-weight:bold; text-decoration:none; padding:0 12px; text-align:left; text-transform:capitalize;} .tabs_fas .tabNavigation li.selectedLi {margin-right:9px; position:relative;} .tabs_fas .tabNavigation li.selectedLi .left {background:url(/d7803af4da145a6/tab_left.png) no-repeat top left; height:31px; width:9px; float:left;} .tabs_fas .tabNavigation li.selectedLi .right {background:url(/d7803af4da145a6/tab_right.png) no-repeat top left; height:31px; width:9px; float:left; position:absolute; right:-9px; top:0;} .tabs_fas .tabNavigation li.selectedLi a {background:url(/d7803af4da145a6/tab_center.png) repeat-x top left; color:#d7a50e; float:left;} .tabs_fas .tabContentBox {padding:10px; overflow:hidden; display:none;} /* level 2 */ .tabs .tabs {position:relative;} .tabs .tabs .tabNavigation {clear:both; overflow:hidden; background: none; border-bottom: 1px dotted #999; } .tabs .tabs .tabNavigation li {float:left; white-space:nowrap;} .tabs .tabs .tabNavigation li a { height: 22px; font-size:12px; line-height:25px; border-right: 1px dotted #999; padding:0 20px; margin: 0 0 10px 0; color: #999; } .tabs .tabs .tabNavigation li.last a { border-right: none; } .tabs .tabs .tabNavigation li.selectedLi { margin: 0px; position: relative; } .tabs .tabs .tabNavigation li.selectedLi a {background:none; color:#d7a50e; float:left; } .tabs .tabs .tabContentBox {padding:10px; overflow:hidden; display:none;} /* level 3 */ .tabs .tabs .tabs {position:relative;} .tabs .tabs .tabs .tabNavigation {clear:both; overflow:hidden; background: none; border-bottom: none; } .tabs .tabs .tabs .tabNavigation li {float:left; white-space:nowrap;} .tabs .tabs .tabs .tabNavigation li a { height: 12px; font-size:12px; line-height:12px; border-right: 1px solid; padding:0 5px; margin: 10px 0px; color: #337FA2; text-decoration:underline; font-weight: normal; } .tabs .tabs .tabs .tabNavigation li a:hover { color: #d7a50e;} .tabs .tabs .tabs .tabNavigation li.last a { border-right: none;} .tabs .tabs .tabs .tabNavigation li.selectedLi {margin-right:0px; position:relative; } .tabs .tabs .tabs .tabNavigation li.selectedLi a { background: none; color:#d7a50e; float:left; font-weight: bold; text-decoration:none; } .tabs .tabs .tabs .tabContentBox {padding:10px; overflow:hidden; display:none;} #page ul.tabNavigation li {list-style-image:none; } /*---------------------------------------------------------------------------- => Category styles com_content catalog ----------------------------------------------------------------------------*/ .category-list .category-desc img {display:block; margin-bottom:5px;} .category-list .category-desc {border-bottom:1px dotted #222;} .category-list ul {list-style:none;} .category-list .article-list-wrapper {height: 100%; overflow:auto; } .category-list .article-listing { position: relative; width: 200px; height: auto; float: left; margin-top: 20px; padding:0 10px; overflow:hidden; } .category-list .article-listing img {width: 200px; max-height:180px;} .category-list li .articlesContainer { border: solid 1px #ffffff; /* this causes the container to register a more accurate height */ } .category-list li.row_end { margin-right: 0px; } .category-list .article-listing .document-description { margin: 10px 0;} .category-list .article-listing a { display:block;} .category-list .article-listing a.title-link { color: #337FA2; font-size: 14px; font-weight: bold; margin-top:11px; } #right #component .category-list {margin-right: 12px;} .com_content #right #component #page .item-page {overflow: hidden;} .category-list .cat-list-row, #search-container .cat-list-row {float: left; margin-bottom: 10px;} .articleContainer .document-description {font-size: 10px; padding: 10px 0 10px;} /*---------------------------------------------------------------------------- => reusable "modules" styles ----------------------------------------------------------------------------*/ #utilityNav {float:right; margin:15px 35px 0 0; display:inline-block; position:relative;} #utilityNav p {float:right; line-height:1;} #utilityNav, #utilityNav input, #utilityNav a {color:#82878D;} #utilityNav a:hover, #utilityNav form input:hover {color:#D7A50E;} #utilityNav .custom-phoneNumber {float:right; font-size:105%; margin-top: -1px;} #loginWidget {float:right; display:inline-block; line-height:1; position:relative;} #loginWidget span {display:none;} #utilityNav #loginWidget form {position:static; top:0; right:auto; line-height:1;} /* believe it or not, a Firefox hack, to mitigate against its button line-height bug */ @-moz-document url-prefix() { #utilityNav #loginWidget form { margin-top:-2px; } #utilityNav .custom-phoneNumber {margin-top: -2px;} } #utilityNav #loginWidget form label {background:none; display:inline; height:auto; line-height:1; padding:0; width:auto; padding-left:10px;} #utilityNav ul.menu { float:right;} #utilityNav ul.menu li {border-left:1px solid #82878d; float:left; line-height:1;} #utilityNav ul.menu li a {padding:0 10px; line-height:1;} #utilityNav ul li ul {display: none;} #utilityNav ul#loginWidget.menu li {border: 0; padding: 0 10px;} #utilityNav ul#loginWidget.menu li#loginGreeting {border-right:1px solid #82878d;} #utilityNav ul#loginWidget.menu a {padding-right: 10px;} #utilityNav form {position:absolute; top:21px; right:0;} #utilityNav form label {display:block; background:url(/d7803af4da145a6/fld_search.png) no-repeat -6px -144px transparent; padding:0 37px 0 7px; width:141px; height:22px; line-height:22px;} #utilityNav form label:active {background-position:-6px -144px; cursor:pointer;} #utilityNav form label.active {cursor:pointer;} .moduletable-greenSearchBox form label {display:block; background:url(/d7803af4da145a6/fld_search.png) no-repeat -6px -90px transparent; padding:0 37px 0 7px; width:172px; height:22px; line-height:22px;} .moduletable-greenSearchBox form label:hover {background:url(/d7803af4da145a6/fld_search.png) no-repeat -6px -63px transparent; } #utilityNav form input#q {border: none; background:none; cursor:pointer; padding: 3px 44px 3px 4px; margin-left: -4px;} #utilityNav form input {border: none; background:none; cursor:pointer; padding: 0px;} .moduletable-greenSearchBox form input {border:0; background:none; width:172px; height:22px; line-height:22px;} .moduletable-greenSearchBox h3 {margin-bottom:15px; font-weight:bold; } #q {width:100px;} #nav_mainAndSub {position:relative;} /* #nav_main, #nav_mainAndSub .menu {float:left;} */ #nav_mainAndSub ul.menu { z-index:9050;} /* #catalog_menu and #content_menu ids are defined in the Joomla Admin module manager console in "Menu Tag ID" field*/ #nav_mainAndSub #catalog_menu {float:left; visibility:hidden; height: 40px;} #nav_mainAndSub #content_menu {float:right; visibility:hidden; height: 40px;} #nav_mainAndSub #content_menu a .image-title {text-align: center; display: block;} #nav_mainAndSub .nav_level2 .navAnimation {display:block; text-decoration:none; padding:3px; text-align:center; color:#666;} /* apply in Joomla admin for menu item */ .nav_level1, #nav_mainAndSub .menu .subNavImagesCol li {float:left;} /* used to make submenu images float beside each other e.g. under window->styles */ #nav_mainAndSub .projectsAndSolutionsMenu .subNavImagesColMaxWidth { max-width: 175px;} /* ...but limit images to a max col width e.g. under window->styles */ #nav_mainAndSub .subNavImagesColMaxWidth { max-width: 510px;} /* ...but limit images to a max col width e.g. under window->styles */ /* apply in Joomla admin for menu item */ #nav_mainAndSub .subNavCol, #nav_mainAndSub .subNavGenericCol + li { float: left; } /* use to start a new submenu column */ #nav_mainAndSub .subNavCol.middleCol { border-left: 1px dotted #999; border-right: 1px dotted #999;} /* used to apply dotted border betwen submenu columns */ #nav_mainAndSub .subNavCol.rightCol {border-left: 1px dotted #999;} #nav_mainAndSub .subNavCol.leftColDocs {border-right: 1px dotted #999; height: 222px;} #nav_mainAndSub .subNavCol.leftCol {border-right: 1px dotted #999; min-height: 132px;} #nav_mainAndSub .subNavGenericCol, #nav_mainAndSub .subNavGenericCol + li { width: 150px; padding: 0 10px;} /* used with subNavCol for column of text links */ /* Add new class for this #nav_mainAndSub .subNavCol > a { cursor:default; color: #337FA2; } */ #nav_mainAndSub .menu .subNavCol > a, #nav_mainAndSub .menu .subNavCol.separator span {font-weight:bold; text-decoration:none; padding:0 12px 10px 0; text-align:left; text-transform:uppercase;} #nav_mainAndSub .menu .subNavCol.separator span {color: #666; font-size: 11px; line-height: 1.2; display: block;} #nav_mainAndSub #content_menu > li > span {z-index: 9050; position: relative;} /* clases to be applied to menu items in Joomla Admin as appropriate, some for future use */ #nav_mainAndSub .level2MenuItem { } #nav_mainAndSub .level3MenuItem { } #nav_mainAndSub .level4MenuItem { margin-left: 10px; } #nav_mainAndSub .levelNoneMenuItem {display:none;} /* classes to apply styling to each specific dropdown menu e.g. currently just used to position submenu along horizontal axis*/ /* if size of menu changes (e.g. new column added removed) then you'll have to adjust these settings */ /* this class is and must be applied to each top level menu item in Joomla Admin (if you want the class to be used)*/ #nav_mainAndSub .windowsMenu { } #nav_mainAndSub .exteriorDoorsMenu { left: 14px; } #nav_mainAndSub .interiorDoorsMenu { left: 14px; } #nav_mainAndSub .nav_level2_layout.patioDoorsMenu { left: 14px; } #nav_mainAndSub .nav_level2_layout.proCenterMenu {right: -9px;} #nav_mainAndSub .nav_level2_layout.documentsAndServicesMenu {right: -15px;} /*dos .nav_level1, #nav_mainAndSub .menu li {float:left;} */ /*dos #nav_mainAndSub .menu li li {float:none;} */ /* the following two lines just stop the nav from freaking while the JS is loaded */ #nav_mainAndSub .menu li ul {display:none;} #nav_mainAndSub .menu li .nav_level2 ul {display:block;} /* the 2nd selector is for design pre-JS, the 3rd for after the JS modifies the DOM */ #nav_main > li, #nav_mainAndSub .menu > li {float:left; list-style:none; margin-left:-10px;} #nav_main > li:first-child, #nav_mainAndSub .menu > li:first-child {margin-left:0;} #nav_main a.nav_level1link, #nav_mainAndSub .menu > li > a, #nav_mainAndSub a.nav_level1link, #nav_mainAndSub #content_menu li span.separator {display:block; position:relative; text-decoration:none; text-transform:uppercase; font-size:12px; color:#337FA2; cursor:pointer; font-weight:bold; outline:none; z-index:9050;} #nav_mainAndSub .menu > li a, #nav_mainAndSub #content_menu li > span > span.separator {color:#666;} #nav_mainAndSub #content_menu li > span > span {z-index: 9050;} #nav_main a:hover, #nav_mainAndSub a.nav_level1link:hover, #nav_mainAndSub .active a.nav_level1link, #nav_mainAndSub .hovered a.nav_level1link, #nav_mainAndSub .menu {color:#D7A50E;} /* these first two lines are to apply the styles before JS comes in and cleans them up */ #nav_mainAndSub .menu > li > a > span {background:url(/d7803af4da145a6/nav/nav_sprite.png) repeat-x left top; display:block; float:left; line-height:38px; height:40px; cursor:pointer; padding:0 13px 0 9px; margin:0 4px 0 6px; border-left:2px solid #999;} #nav_mainAndSub .menu > li:first-child > a > span {padding-left:14px;} #nav_main a.nav_level1link span, #nav_mainAndSub a.nav_level1link span, #nav_mainAndSub #content_menu li span > span {background:url(/d7803af4da145a6/nav/nav_sprite.png) repeat-x left top; display:block; float:left; line-height:38px; height:40px; padding:0 7px; cursor:pointer;} #nav_mainAndSub .menu li span.mainNavLvl1_left, #nav_mainAndSub #content_menu li span.mainNavLvl1_left {background:url(/d7803af4da145a6/nav/nav_sprite.png) no-repeat left -80px; width:10px; padding:0; position: relative;} #nav_mainAndSub #content_menu li span.mainNavLvl1_right, #nav_mainAndSub a.nav_level1link span.mainNavLvl1_right {background:url(/d7803af4da145a6/nav/nav_sprite.png) no-repeat right -80px; width:10px; padding:0; position: relative;} #nav_mainAndSub .menu .hovered span, #nav_mainAndSub #content_menu .hovered span {background:none;} #nav_mainAndSub .menu .hovered span.mainNavLvl1_left, #nav_mainAndSub #content_menu .hovered span.mainNavLvl1_left {background:none;} #nav_mainAndSub .hovered a.nav_level1link span.mainNavLvl1_right, #nav_mainAndSub #content_menu .hovered span.mainNavLvl1_right {background:none;} #nav_mainAndSub .active a.nav_level1link span, #nav_mainAndSub #content_menu li.active span.nav_level1_right span.mainNavLvl1_middle {background-position:left -40px;} #nav_mainAndSub .active a.nav_level1link span.mainNavLvl1_left, #nav_mainAndSub #content_menu li.active span.nav_level1_right span.mainNavLvl1_left {background-position:left -120px;} #nav_mainAndSub .active a.nav_level1link span.mainNavLvl1_right, #nav_mainAndSub #content_menu li.active span.nav_level1_right span.mainNavLvl1_right {background-position:right -120px;} #nav_mainAndSub .menu li:first-child .nav_level2_layout {margin-left:14px;} #nav_mainAndSub .nav_level2_bg_right {padding-right:13px; background:url(/d7803af4da145a6/nav/box2ndLevelRight.png) no-repeat bottom right transparent; position:relative; left:-15px;} #nav_mainAndSub .nav_level2_bg_right .nav_level2_bg {padding:48px 2px 15px 15px; background:url(/d7803af4da145a6/nav/box2ndLevel.png) no-repeat bottom left transparent;} #nav_mainAndSub .nav_level2 {overflow:hidden; /*display:inline-block;*/} #nav_mainAndSub .nav_level2_sub1 {float:left; max-width:585px;} #nav_mainAndSub .nav_level2 .tabContentBox li {float:left; margin-right:9px;} #nav_mainAndSub .nav_level2 .tabContentBox li a {display:block; text-decoration:none; padding:3px; text-align:center; color:#999;} #nav_mainAndSub .nav_level2 .tabContentBox li a img {display:block; border:4px solid #fff; padding:2px; margin-bottom:2px;} #nav_mainAndSub .nav_level2 .tabContentBox li a:hover {color:#337FA2;} #nav_mainAndSub .nav_level2 .tabContentBox li a:hover img {display:block; border-color:#337fa2;} #nav_mainAndSub .nav_level2_sub2 {float:left; border-left:1px dotted #999; padding-left:30px; margin-top:50px;} /* this is the nav animation stuff, under the "Type" tab */ #nav_mainAndSub a.navType {width:96px; height:117px; overflow:hidden; display:block;} #nav_mainAndSub a.navType img {width:80px; height:80px; overflow:hidden; margin-bottom:5px; margin-left:4px; border:4px solid #fff;} #nav_mainAndSub a.navType span {display:block; width:80px; height:80px; overflow:hidden; margin-bottom:9px; margin-left:8px; border:2px solid #fff;} #nav_mainAndSub a.navType:hover span {border-color:#D7A50E;} .nav_priceTab {} .nav_priceTab img {display:block; width:445px;} .nav_priceTab div {float:left; width:160px; margin-right:15px;} .nav_priceTab .nav_price_custom {width:150px; margin-right:0; font-weight:normal;} .nav_priceTab a:first-child {display:block; padding:2px 3px;} .nav_level2 .tabContentBox .nav_priceTab li, .nav_level2 .tabContentBox .nav_materials li {float:none; margin:0; background:url(/d7803af4da145a6/bullet_dot_red.gif) no-repeat left 4px; padding-left:10px; color:#999;} .nav_materials {} .nav_materials > div {float:left; width:120px; margin-left:15px;} .nav_materials > div:first-child {margin-left:0;} .nav_materials div img {display:block; margin-bottom:7px;} .nav_materials div a {display:block; margin-bottom:4px; font-weight:normal; font-size:12px;} #nav_mainAndSub .menu li ul a {font-size:11px; color:#337FA2; line-height:1.2; padding:2px 0 4px; display:block;} #nav_mainAndSub .menu li ul li ul li a {color: #666;} #nav_mainAndSub .menu li ul li ul li.active a {color: #D7A50E;} #nav_mainAndSub .menu li ul li ul li a.navBold {font-weight: bold;} #nav_mainAndSub .menu li ul span.separator {display:block; padding: 0 12px 10px 0; line-height:1.2; text-transform: uppercase; font-weight:bold; font-size:11px; color:#666;} /* Promo Modules in Dropdown Navs */ #nav_mainAndSub .promoModuleLeft {clear: left; width: auto !important;} #nav_mainAndSub .promoModuleRight {float: right !important; padding: 0 !important; width: auto !important;} #nav_mainAndSub .promoModuleRightContent {clear: left; position: absolute; top: 136px; z-index: 3000; right: 0;} #nav_mainAndSub .promoModuleRight a, #nav_mainAndSub .promoModuleLeft a {padding-bottom: 0;} #nav_mainAndSub .promoModuleRight img, #nav_mainAndSub .promoModuleLeft img {margin-top: 10px; margin-bottom: -12px;} /* New Accordion left side nav */ /* left side accordion nav for catalog menu */ #accordionNav {display: none; } /* hide by default so won't appear until accordionized */ #accordionNav .navAnimation img {display: none; } /* hide images for left side accordion nav */ #accordionNav > li {padding-left: 0 !important; } /* override padding */ #accordionNav .subNavCol, #right #accordion > li > a { background: url(/d7803af4da145a6/finsstore_header_mid.png) repeat top right; color: #666; display: inline-block; font-size: 12px; font-weight: bold; text-transform: uppercase; width: 95%; padding: 6px; outline: none;} #right #accordion > li > a {width: 96%; padding: 6px 2%; color: #333; text-transform: none; font-size: 14px;} #right #accordion > li > a.ui-state-active {color: #D7A50E;} #right #accordion > li {list-style: none outside none; margin: 0; line-height: 1.2em;} /* left side accordion nav plus minus styling for catalog menu */ #accordionNav .subNavCol > span, #accordion > li > a > span, #right #accordion .ui-accordion-content > p { padding-left: 18px;} #accordionNav .ui-icon, #accordion .ui-icon, .accordion-doors .ui-icon { background: url("/af3fe97ec821513/plus-minus.png") no-repeat left top; width: 10px; height: 10px; overflow: hidden} #accordionNav .ui-icon-minus, #accordion .ui-icon-minus, .accordion-doors .ui-icon-minus { background-position: 0px 0px; } #accordionNav .ui-icon-plus, #accordion .ui-icon-plus, .accordion-doors .ui-icon-plus { background-position: -20px 0px; } #personalNav {float:right; margin:15px 0; padding-right:22px;} #personalNav li {float:left; position:relative;} /*.personalNavLink, #personalNav #myProjectLink .left {color:#666; display:block; height:30px; line-height:30px; text-decoration:none; text-transform:uppercase; outline:none;} #personalNav #waysToBuyLink {background:url(/d7803af4da145a6/nav/nav_personalNavSprite.png) no-repeat left top;} #personalNav #waysToBuyLink .right {background:url(/d7803af4da145a6/nav/nav_personalNavSprite.png) no-repeat right -30px; padding:0 12px;} #personalNav #myLocationLink {background:url(/d7803af4da145a6/nav/nav_personalNavSprite.png) no-repeat right top; padding:0 8px; margin-right:15px;} #personalNav #myProjectLink {background:url(/d7803af4da145a6/nav/nav_personalNavSprite.png) no-repeat right top; padding-right:10px; position:relative;} #personalNav #myProjectLink .left {float:left; position:absolute; left:-11px; top:0; width:11px; background:url(/d7803af4da145a6/nav/nav_personalNavSprite.png) no-repeat left top;} #myLocation {padding-right:4px;} #waysToBuyLink, .personalNavLink span {color:#95ad05;} .personalNavBox {display:none; position:absolute; right:35px; top:32px; z-index:50;} .personalNavBox .top {background:url(/d7803af4da145a6/box_topAndLeft.png) no-repeat left top; padding-top:18px; position:relative;} .personalNavBox .top .corner {background:url(/d7803af4da145a6/box_topRight.png) no-repeat right top; height:18px; display:block; position:absolute; right:-18px; top:0; width:18px;} .personalNavBox .middle {background:url(/d7803af4da145a6/box_left.png) repeat-y left top; padding-left:13px;} .personalNavBox .middleInner {background:url(/d7803af4da145a6/box_right.png) repeat-y right top; margin-right:-18px; padding-right:14px;} .personalNavBox .middleInnerInner {background:#fff; padding:2px 8px;} .personalNavBox .bottom {background:url(/d7803af4da145a6/box_bottomAndLeft.png) no-repeat left bottom; padding-bottom:20px; position:relative;} .personalNavBox .bottom .corner {background:url(/d7803af4da145a6/box_bottomRight.png) no-repeat right bottom; height:20px; display:block; position:absolute; right:-18px; bottom:0; top:auto; width:19px;}*/ .module_706 {padding:2px 10px; background:url(/d7803af4da145a6/bg_module_706.png) repeat-y 0 0;} .module_top {height:8px; background:url(/d7803af4da145a6/bg_module_top_706.png) no-repeat 0 0;} .module_bottom {height:8px; background:url(/d7803af4da145a6/bg_module_bottom_706.png) no-repeat 0 0; margin-bottom:15px;} .customerSupportModuleLeft {overflow:hidden; background:url(/bf18521650df93b/customer_support_216.png) no-repeat left top; width:216px; height:238px; background-size: 216px auto; margin-left: 10px;} .customerSupportModuleLeft div {margin:0px 20px 0 25px; width:180px;} .customerSupportModuleLeft div:first-child {margin-left:70px; margin-top: 20px; height:96px; width: 160px;} .customerSupportModuleLeft div:first-child p:last-child {margin: -7px 0 0 -10px;} .customerSupportModuleLeft p {line-height:1.3; padding-bottom:7px;} .customerSupportModuleLeft li {list-style:none; background:url(/d7803af4da145a6/icon_plus_sm.png) no-repeat left 3px; padding-left:12px;} .customerSupportModuleLeft li a {font-weight:normal; text-transform:uppercase;} #contact_hereToHelpModule {overflow:hidden; width:98%; color:#666;} #contact_hereToHelpModule img {float:left; margin:0 25px 0 10px;} #contact_hereToHelpModule h2 {color:#D1AA2D; font-size:28px; text-transform:uppercase; font-weight:normal; margin:10px 0 -4px;} #contact_hereToHelpModule p {line-height:1.7; font-size:13px;} #contact_hereToHelpModule h3 {margin-top:12px; color:#337FA2; text-transform:uppercase; font-weight:bold;} #contact_hereToHelpModule li {margin-top:7px; list-style-image:url(/d7803af4da145a6/bullet_dot_red.gif); list-style-position:inside;} /*#left .moduletable, */ #left {margin-left: 20px;} /*Steve R - Removed Border/Background now that assets have been implemented*/ #right #component {margin-bottom:14px;} #left .moduletable h3, #left .moduletable-boxless h3, #left .menu h3, #left #mod_live_chat h3 {margin-bottom:7px; font-weight:bold; text-transform:uppercase;} #left .moduletable li, #left .moduletable-boxless li, #left .menu li {padding-bottom:0;} #left .moduletable ul.menu ul, #left .moduletable-boxless ul.menu ul, #left ul.menu ul {padding:7px 0 0;} #left ul.menu ul.ui-accordion-content {padding: 7px 0 7px 0;} #left .moduletable ul.menu li, #left .module-accordian ul.menu li ul li, #left .moduletable-boxless ul.menu li, #left #accordionNav.menu li ul li, #left .menu li ul li {padding: 3px 0 3px 20px;} #right #rightModulesTop {margin-bottom:14px;} #right #rightModulesTop .moduletable {margin-bottom:15px;} #right #component p {padding:7px 0;} .componentheading {color:#666; margin-bottom:14px; text-transform:uppercase;} .pageinfo {font-weight:bold; margin:7px 0; font-size:14px;} .iteminfo {color:#777; overflow:hidden; font-size:11px; margin-bottom:7px;} .iteminfo span {padding:0 10px; border-left:1px solid #ccc; margin-left:-1px;} #left .related_products {overflow:hidden;} #left .moduletable .related_products h3, #left .moduletable-boxless .related_products h3 {margin-bottom:15px;} /*---------------------------------------------------------------------------- => account styles ----------------------------------------------------------------------------*/ #account {overflow:auto;} #account, #account input {color:#666;} #account fieldset p {font-size:12px;} #account legend, #account h2, .com_users .form-validate.form_standard legend { text-transform: uppercase; font-size: 14px; font-weight: bold; color:#666;} .red { color: red; } #account label, .reset-confirm label { width:150px; display:inline-block; font-size:11px;padding-right: 5px;} #account .col {margin-left: 0px; margin-bottom: 20px; float:left;} #account #new-members.col {border-right: 1px #CCC dotted; margin-right: 20px;} .com_users #account #registration-login.col {width: 440px;} #account label.error, .reset-confirm label.error { margin-left: 170px; text-align: left;} #account span.labelPlaceholder{width: 159px;} #right #component #account p#form-login-remember, .com_viztool #account p#form-login-remember {padding-top: 15px;} #account ul.reasons li { margin-left: 15px; list-style:disc outside none; } .com_users .reset #user-registration, .com_users .reset-confirm form, .com_users .reset #request_pw_form {width: 400px; position: relative; margin: 0 auto;} .com_users .reset.box2, .com_users .reset-confirm.box2 {margin: 0 220px; padding-bottom: 20px;} .com_users .reset.box2 .boxBottomRight, .com_users .reset-confirm.box2 .boxBottomRight {margin-bottom: 20px;} .com_users .reset.box2 .form-validate.form_standard label {width: auto;} .com_users .reset.box2 .form-validate.form_standard div {padding: 0;} .com_users .reset.box2 .form-validate.form_standard .btn_aSubmit {margin-left: 170px;} .com_users .reset-confirm.box2 .form-validate.form_standard .btn_aSubmit {float: right; margin-right: 54px;} /* hopup-specific myaccount styling */ .body-hopup #account .form_standard input, .body-hopup .form_standard input {float: left; margin: 10px 0;} .body-hopup #account .form_standard label,.body-hopup .form_standard label {margin: 10px; clear: both;} .body-hopup #account #member-registration.form_standard label {width: 150px;} .body-hopup #account #member-registration .labelPlaceholder {width: 140px;} .body-hopup #account #member-registration p {padding: 0px;} .body-hopup #member-registration.form_standard a.hopup-link {font-size: 12px; padding-top: 8px;} .body-hopup #account .form_standard label.error, .body-hopup form.form_standard label.error { margin:0 0 0 175px; float: left; } .body-hopup #live-chat-form.form_standard label.error {width:auto; clear: none;} .body-hopup #account .form_standard a.btn_aSubmit, .body-hopup .form_standard a.btn_aSubmit {display: block; margin: 0;} .body-hopup .reset .form_standard a.hopup-link {display: inline-block; margin: 10px; font-size: 12px;} .body-hopup #account a.hopup-link {margin: 5px auto; font-size: 13px; display: block;} .body-hopup #account .form_standard a.cancel_link {margin: 10px 0 0 12px; font-size: 12px;} .body-hopup #account .form_standard a.btn_aSubmit span, .body-hopup .form_standard a.btn_aSubmit span {margin-top: 10px;} .body-hopup #account .form_standard span.labelPlaceholder {width: 90px;} .body-hopup .form_standard .hopup-buttons {margin-left: 240px;} .body-hopup .reset .form_standard .hopup-buttons {margin-left: 140px;} .body-hopup #account span.why-zip {display: inline-block; padding-top: 12px;} .body-hopup.jel_omniture #account.box2 {margin: 0;} .body-hopup.jel_omniture #account #new-members.col {border-right: 0;} .body-hopup.jel_omniture #account .col {float: none; margin: 0 auto;} /* request consultation hopup-specific styling */ .body-hopup #form_request_consultation label {margin: 0 10px 0 0; clear: none;} .body-hopup #form_request_consultation input {margin: 5px 0px; float: none;} /*---------------------------------------------------------------------------- => notice/message styles ----------------------------------------------------------------------------*/ #main-messages { width: 962px; } #notices { padding: 15px 0; margin: 20px; clear:both; overflow:hidden; position: relative; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC;} #notices li { display: block; list-style: none; width: 880px; float: left; } .body-hopup #notices li { width: 400px; } #notices .error, #notices .warning, #notices .notice { color: red; font-weight: bold; } /* #notices .notice { color: #337FA2; font-weight: bold; } */ #notices .message { color: #95AD05; font-weight: bold; } #closeNotice { position: absolute; top: 10px; right: 0; background: url(/d7803af4da145a6/close_x_onoff.png) top left no-repeat; width:25px; height:25px; } #closeNotice:hover { background-position: bottom left; } .com_fluid_retail #notices {border: none; margin: 0 0 15px 0;padding: 19px 0 0;} .com_fluid_retail #notices li {float: none;} .com_fluid_retail #notices #closeNotice {top: -10px; right: 15px;} .com_fluid_retail #notices.box .boxRight {background: none;} /* boxes go here! */ .box {background:url(/d7803af4da145a6/box_topAndBottom.png) no-repeat left -23px; padding-top:19px; margin-right:15px; position:relative;} .box .boxTopRight {background:url(/d7803af4da145a6/box_topAndBottom.png) no-repeat bottom right; position:absolute; right:-15px; top:0; width:15px; height:19px;} .box .boxRight {background:url(/d7803af4da145a6/box_middle2.png) repeat-y top right; clear:both; position:relative; right:-15px;} .box .boxContent{background:url(/d7803af4da145a6/box_middle2.png) repeat-y top left; padding-left:15px; position:relative; left:-15px;} .box .boxBottomLeft {background:url(/d7803af4da145a6/box_topAndBottom.png) no-repeat left -2px; height:21px;} .box .boxBottomRight {background:url(/d7803af4da145a6/box_topAndBottom.png) no-repeat right -2px; position:absolute; right:-15px; bottom:0; width:15px; height:21px;} .box2 { background: url(/d7803af4da145a6/box2_topAndBottom.png) no-repeat left -18px; padding-top: 16px; padding-right: 15px; margin: 0 15px 15px 0; position: relative; } .box2 .boxTopRight { background: url(/d7803af4da145a6/box2_topAndBottom.png) no-repeat bottom right; position: absolute; right: 1px; top: 0; width: 15px; height: 16px; } .box2 .boxRight { background: url(/d7803af4da145a6/box2_mid.png) repeat-y top right; clear: both; position: relative; right: -14px; } .box2 .boxContent { background: url(/d7803af4da145a6/box2_mid.png) repeat-y top left; padding-left: 18px; position: relative; left: -14px; } .box2 .boxBottomLeft { background: url(/d7803af4da145a6/box2_topAndBottom.png) no-repeat top left; height: 17px; } .box2 .boxBottomRight { background: url(/d7803af4da145a6/box2_topAndBottom.png) no-repeat top right; position: absolute; right: 1px; bottom: 0; width: 15px; height: 17px; } .box3 {border: 2px solid #e8e8e8; padding-top:19px; margin-right:15px; position:relative;} .searchBox {} .box_crosshatch_inner { background:url('/d7803af4da145a6/bg_crosshatch.png') top left repeat-y; } /*Special styles to shrink white space for Subcat/Pro Center Filters*/ #innerFilterBoxContent {padding-left:7px; } #innerFilterBox2 { margin-right:7px; } /*---------------------------------------------------------------------------- => other styles ----------------------------------------------------------------------------*/ #main {background-color: #FCFCFC; margin:0 14px; border-radius: 0 0 10px 10px;} #header {padding-bottom:10px;} #footer_links, #footer_links a {color:#999; text-decoration:none; font-size:11px; } #footer_links a:hover {color:#D7A50E;} #header h1 {position:relative;} #header h1 a {position:absolute; top:18px; left:16px;} h3 {color:#666;} h3.style_dotted {padding-bottom:12px; margin-bottom:12px; border-bottom:1px dotted #999;} .style_dotted { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #999; } .com_contact_us h3.style_dotted {margin-right: 20px;} a, .nav_priceTab div a, #filterContainer #price li {color:#337FA2; text-decoration:none;} a:hover, #waysToBuyLink:hover, .customerSupportModuleLeft li a:hover, .moduletable-contactus1 a:hover, .moduletable-contactus2 a:hover, .tabContentBox a:hover, .moduletable a:hover, .moduletable-float a:hover,.moduletable-float_first a:hover, .nav_priceTab div a:hover, .active > a, #filterContainer #price li.active, #nav_mainAndSub .menu li ul a:hover, #filterNav li a.active, #articleFilters li a.active {color:#D7A50E;} #accordionNav.menu a.level4MenuItem {font-weight: bold;} p {line-height:1.3;} strong {font-weight:bold;} em {font-style:italic;} form td, form th {padding:10px 5px;} iframe {border:0;} #subcat_header h2, .myproject_header h2 { width: 600px; display: inline-block;} .uppercase {text-transform:uppercase;} .withBottomModules #component {margin-bottom: 10px;} .com_viztool .withBottomModules #component {padding-bottom: 0px; margin-bottom: 20px;} .com_viztool #main {border-radius: 0;} #main.withLeft.half-half #component, #main.half-half #component {margin-bottom: 10px; padding-bottom: 4px;} .com_product_images #main.withLeft.half-half #component {padding: 0;} .com_product_images #left_layout #left {margin-left: 0;} .withLeft #component {margin-bottom: 10px;} #component .login, #component .registration {margin: 0 20px;} #left .moduletable, #left .moduletable-boxless {} #left ul#accordionNav, .item-page #accordion {border: 1px solid #e8e8e8; display: block; margin:0 15px 20px 0; position:relative;} .com_content .fluid-merchandiser, .com_content .fluid-shoppableImageGallery {padding-left:6px;} .com_content #main_layout {padding-bottom: 10px;} .com_content #main_layout .withLeft #right_layout {margin-bottom: 0;} .com_fluid_retail .fluid-merchandiser, .com_fluid_retail .fluid-shoppableImageGallery {background: url(/d7803af4da145a6/bg_fluid_retail.png) no-repeat; padding:15px;margin-left:5px} .com_fluid_retail #nav_mainAndSub {background: none;} .com_fluid_retail #main {background: none;} #fsCoreHtmlApi {position: absolute;} /* Tooltip styling*/ .qtip {width: 300px;} .qtip-title {font-weight:bold;} .qtip p {margin: 5px 0;} .term, .why-zip { color: #337FA2; cursor: pointer; border-bottom: 1px dotted #337FA2;} .tooltip-zip { margin-left: -5px; } .term_img {border-bottom:none;} .term_title {margin-bottom:5px; display:block; color: #000;} .why-zip {z-index: 1000;} #bottomModules {background:url(/d7803af4da145a6/bg_promos_home.png) no-repeat center top transparent; height:111px; overflow:hidden; clear:both; position:relative; margin-bottom: 10px;} #bottomModules_inner {padding:12px 12px 0; overflow:hidden; text-align:left;} #bottomModules_inner > div {float:left;} #bottomModules_inner .moduletable h3 {display:none;} #bottomModules_inner .moduletable .inner h3 {display:block; padding-top:8px; text-transform:uppercase;} #bottomModules_inner img {max-height:80px; max-width:80px; padding:5px 20px 6px 13px; float:left;} #bottomModules_inner p {padding-top:5px; color:#666;} #bottomModules_inner #learnMorePromoLink a {padding-left: 18px; background:url(/d7803af4da145a6/icon_plus.png) no-repeat left center;} #bottomMod_2 #learnMorePromoLink {display:none;} #bottomModules_inner #bottomMod_1 {width:272px; overflow:hidden;} #bottomModules_inner #bottomMod_2 {width:386px; position:relative; overflow:hidden;} #bottomMod_2_inner > a {display:block; position:absolute; top:21px; width:41px; height:41px; background:url(/d7803af4da145a6/scroll_arrows.png) no-repeat left top; text-indent:-9999px; outline:none;} #bottomMod_2_inner > a.scrollLeft {left:19px; background-position:left bottom;} #bottomMod_2_inner > a.scrollRight {right:20px;} #bottomMod_2_inner > div {display:none; overflow:hidden; width:250px; margin-left:68px;} #bottomMod_2_inner > div:first-child {display:block;} #bottomModules_inner #bottomMod_3 {width:266px; margin-left:20px; overflow:hidden;} /*---------------------------------------------------------------------------- => right column overrides ----------------------------------------------------------------------------*/ #right #bottomModules {background:url(/d7803af4da145a6/bg_promos_2.png) no-repeat left top; height:112px; width:auto; margin-bottom:15px;} #right #bottomModules_inner {padding:0; overflow:hidden;} #right #bottomModules_inner #bottomMod_2 {width:341px; height:91px; margin:15px 5px 6px 8px;} #right #bottomMod_2_inner > div {width:250px; margin-left:38px;} #right #bottomMod_2_inner > a.scrollLeft {left:0;} #right #bottomMod_2_inner > a.scrollRight {right:0} #right #bottomModules_inner #bottomMod_3 {width:334px; height:91px; margin:15px 11px 6px 11px;} /* standard form implementation? used on contact us page, currently */ form.col { width: 500px;} .form_standard fieldset {position:relative;} .form_standard label {text-transform:uppercase;} .form_standard > div {padding-bottom:10px; clear:both; overflow:hidden;} .form_standard label, .form_standard .labelPlaceholder {display:block; float:left; text-align:right; position:relative; width:140px; margin-right:10px; vertical-align:top; line-height:22px;} .form_standard label span.red {position:relative; right:-2px; font-weight:bold;} .form_standard label.error, .form_standard .error { color: red; } .form_standard input {background:url(/d7803af4da145a6/fld_input.png) no-repeat -13px -36px; border:0; height:22px; line-height:22px; padding:0 5px; width:187px;} .form_standard .form_select {float:left;} .form_standard input[type=radio], .form_standard input[type=checkbox], .form_standard input[type=submit] {background:none; width:auto; height:auto; line-height:normal; padding:0;} .form_standard input[type=radio], .form_standard input[type=checkbox] {margin:3px 3px 0;} .form_standard .checkbox {text-transform:none;} .form_standard .inlineSpacing {padding-right:20px;} .form_standard .inlineSpacing label, .form_standard .blockSpacing label { float:left; line-height:18px; margin-left:4px; text-transform:none; width:auto; } .form_standard .inlineSpacing label.error, .form_standard .blockSpacing label.error { text-transform:uppercase; } .form_standard .blockSpacing {float:left;} .form_standard .blockSpacing input {float:left;} .form_standard .blockSpacing label {text-align:left; float:left; } .form_standard .blockSpacing li { overflow: hidden; } .form_standard option {padding:2px 2px 0;} .form_standard .btn_aSubmit, .form_standard .btn_aCancel {display:inline-block; margin-left:-8px;} .form_standard .textarea label {float:left;} .form_standard .textarea > div {float:left;} .form_standard textarea {width:475px; height:225px;} .form_standard .textarea_counter {text-align:right;} .form_standard a.cancel_link { display:inline-block; float:left; height:28px; line-height:28px; margin-left: 5px;} .form_standard a.main_link { float:left; } .form_standard .form_field { position: relative; } .form_field .inlineSpacing, .form_field input { float:left; } .form_field div.error { left:350px; margin-top:4px; position: absolute; text-transform: uppercase; } .form_standard .conditional_opt { margin-bottom:10px; overflow:hidden; /* set inline-block with JS */ } #form_contactUs label.error { float: right; text-align: left; width: 285px; } #form_success { margin-bottom:100px; } #request_pw_form label {display: inline-block; padding-right: 5px; font-size: 11px;} #request_pw_form label.error { width: auto; margin-left: 130px; text-align: left;} #setMyLocationValue {width:50px;} #submitForm span img {float:left; margin: 2px 4px 0 0;} .yes-image{width: 13px; height: 15px; background:url('/d7803af4da145a6/yes-no.png') 0 0 no-repeat;} .no-image{width: 13px; height: 15px; background:url('/d7803af4da145a6/yes-no.png') 0 -15px no-repeat;} /*---------------------------------------------------------------------------- => system styles ----------------------------------------------------------------------------*/ #all_layout ~ div#system-debug{ clear: both; margin: 5px; padding: 5px; border: 1px solid black; background: #F7F7F7; } /*---------------------------------------------------------------------------- => Temporary Styles ----------------------------------------------------------------------------*/ h4 {font-weight:bold; border-bottom:2px solid black; margin-bottom:4px; text-transform:uppercase; } .numresults {display:block; float:right;} #header .menu li {display:inline; } #right #component #page .articleinfo {padding-right:20px; display:block;} #right #component #page .buttonheading {float:left;} #right #component #page .iteminfo {clear:both;} #right #component #page .article_author_bio {padding-top:15px; border-top: black dotted 1px; overflow: hidden; font-size:11px;} #right #component #page .article_author_bio img {float:left; margin-right: 15px;} #right #component #page .article_author_bio p {font-size: 10px; margin-left: 0; padding-left: 0; } #component .contentdescription img {margin:0 0 10px 0;} #footer_links .moduletable-country {float:left; border-left:1px solid; padding:0 10px;} #footer_links .moduletable-country strong {font-weight:bold; } #footer_links .moduletable { float:left; margin-left:15px; } #footer_links .moduletable-twitter img {float:left; padding:0 10px;} #footer_links .moduletable_menu {float:left; margin-left:28px; } #footer_links .moduletable_menu li {float:left; border-right:1px solid; padding:0 10px;} .moduletable-contactus2 { background:url(/d7803af4da145a6/bg_contact_us_horizontal.png) no-repeat; height:116px; } .breadcrumbs { float:left; padding:12px 5px 5px 14px; font-size:11px; margin: 10px 6px; width:485px; } .breadcrumbs a.pathway { color: #666666; } .breadcrumbs h2 { margin: 15px 0; color:#D9A716; font-size: 18px; font-weight: bold; text-transform:uppercase; } .breadcrumbs .regular { text-transform:none; } .breadcrumbs h3 { margin-top:-10px; font-style: italic; } #homepageBreadcrumb {float:left; padding:10px 0 0 14px;} #homepageBreadcrumb h2 {font-size:18px; font-weight:normal; text-transform:uppercase; color:#FFF; line-height:1.25;} #homepageBreadcrumb h2.secondLine {font-size:16px; font-weight:bold; color:#FEFE00;} #pdp_links { clear:right; float:right; margin: -35px 20px 0 0; } #my_project_links { clear: both; display: inline; float: right; margin: -30px 0px 5px;} .my_project_links { float: right; margin: 5px 20px 0 5px;} #pdp_links form, #my_project_links form { display: inline;} #pdp_links a, .my_project_links a, .photo_project_links > a { color: #337FA2; font-size: 11px; text-transform:uppercase; padding-left: 4px; } .photo_share { padding-bottom:3px; } #my_project_links a {font-size: 12px;} #pdp_links a:hover, #my_project_links a:hover, .photo_project_links > a:hover, .photo_project_links > a span, .my_project_links > a span { color: #D7A50E; } .photo_project_links > a span {font-size: 12px; font-weight: bold;} #pdp_links ul.share, #my_project_links ul.share, #cboxTitle ul.share {display:none; position: absolute; z-index: 1000; margin-left: 140px; margin-top: 14px; border:1px #337FA2 solid; } #cboxTitle ul.share {margin-top: 0px;} .com_myproject #cboxTitle ul.share {margin-left: 0; } #pdp_links ul.share li, #my_project_links ul.share li, #cboxTitle ul.share li{ border-bottom:1px #337FA2 dashed; padding: 2px 5px; background-color: #fff; color: #337FA2;} #pdp_links ul.share li:hover, #my_project_links ul.share li:hover, #cboxTitle ul.share li:hover { background-color: #c2d9e3; color: #D7A50E; } #pdp_links ul.share li.last-child, #my_project_links ul.share li:last-child, #cboxTitle ul.share li:last-child { border-bottom:0; } #pdp_links ul.share li a, #my_project_links ul.share li a, #cboxTitle ul.share li a { padding-left:0; } #pdp_links ul.share li a.icon, #my_project_links ul.share li a.icon, #cboxTitle ul.share li a.icon { padding-left: 20px; line-height: 16px; } #pdp_links ul.share li a.email, #my_project_links ul.share li a.email, #cboxTitle ul.share li a.email { background: url(/d7803af4da145a6/share-icons.png) no-repeat scroll 0px 0px transparent; } #pdp_links ul.share li a.twitter, #my_project_links ul.share li a.twitter, #cboxTitle ul.share li a.twitter { background: url(/d7803af4da145a6/share-icons.png) no-repeat scroll 0px -18px transparent; } #pdp_links ul.share li a.facebook, #my_project_links ul.share li a.facebook, #cboxTitle ul.share li a.facebook { background: url(/d7803af4da145a6/share-icons.png) no-repeat scroll 0px -34px transparent; } /* next-gen social css: pdp */ .share-links {float: left;} .share-links li {display: inline; float: left; padding: 0 5px;} .share-button img {height: 20px;} /* next-gen social: photo gallery */ #search-container.jel_slideshow {overflow: visible;} .share-project-wrapper, #share-project-hero {display: none;} #share-project-hero { background-color: #e8e8e8; height: 40px; left: 0; position: absolute; top: 315px; width: 324px; z-index: 50; background-image: -webkit-linear-gradient(top, #FFF, #CCC); background-image: -moz-linear-gradient(top, #FFF, #CCC); background-image: -ms-linear-gradient(top, #FFF, #CCC); } #share-project-hero ul > li {display: inline;} #share-project-hero ul > li.pin-it {float: left; padding: 10px 0 0 70px;} #share-project-hero ul > li.my_project_links {margin: 0; padding: 14px 15px;} .share-project-wrapper ul > li a {font-size: 12px; font-weight: bold;} .share-project-wrapper ul > li a:hover {color: #D7A50E;} .share-project-wrapper.standard-thumb { background-color: #f0f0f0; border: 1px solid #ccc; left: -30px; padding-bottom: 10px; position: absolute; top: -20px; z-index: 50; background-image: -moz-radial-gradient(#FFF 40%, #e8e8e8 100%); background-image: -webkit-radial-gradient(#FFF 40%, #e8e8e8 100%); background-image: -ms-radial-gradient(#FFF 40%, #e8e8e8 100%); } .share-project-wrapper.standard-thumb a.document_name > img {height: 200px; padding: 15px 15px 0; } .share-project-wrapper.standard-thumb a > div {color: #D7A50E; font-size: 12px; text-align: center; } .share-project-wrapper.standard-thumb ul > li {margin: 0 auto; padding: 5px 0; position: relative;} .share-project-wrapper.standard-thumb ul > li.pin-it {width: 42px;} .share-project-wrapper.standard-thumb ul > li.my_project_links {float: none; width: 142px;} /* hopup photo gallery social */ .slide_photo_data h3.module_title {float: left;} .slide_photo_data .my_project_links {float: right; margin: 0 auto; position: relative; width: 62%;} .slide_photo_data .my_project_links .share-links {float: left;} .slide_photo_data .my_project_links .photo_project_links {float: right;} .slide_photo_data .photo_gallery_slide_description {clear: both; padding-top: 10px;} ul.configurable_options { width: 400px; } ul.configurable_options li { list-style-type:none; float: left; background: none; width: 72px; line-height:12px; text-align: center; margin-bottom: 15px; height:113px; overflow:hidden; } ul.configurable_options img { margin-bottom:10px; } h2.hopup { margin: 15px 0; color:#D9A716; font-size: 18px; font-weight: bold; text-transform:uppercase;} form.hopup { text-align: left; } #account p { padding:7px 0; } /* configurable options */ .co_header { color:#D9A716; font-size: 18px; font-weight: bold; text-transform:uppercase; text-align: left; padding: 0 0 7px 7px; } .co_content { margin: 0 auto; text-align: center;} .co_content p, { text-align:left; } .co_description { float: left; text-align: left;} .co_500 { width: 50%; } .co_description p { margin-bottom: 10px;} .co_description ul { margin-bottom: 10px; margin-left: 12px; } .co_description ul li { list-style: disc;} .co_content .co_image { float: left; margin-right: 10px; margin-bottom:10px; width: 390px; height: 300px; text-align:center; display:inline-block; } .co_content .sc_menu { margin-top: 20px; margin-bottom: 25px; } .co_content .sc_menu.bottom { margin-top: 0px; margin-bottom: 0px; } /* homepage */ #room { position: relative; display: none; width: 930px; height: 370px; margin-bottom:30px; margin-top:15px; } #room .fluid-merchandiser, #room .fluid-shoppableImageGallery {border:20px #fff solid;} .fluid-hotspot {margin:15px 0 0 7px;} #panel { display: none; width: 930px; height: 330px; position: absolute; left: 0; top: 0; padding: 20px; color: #666; } #panel .info { width: 665px; height: 330px; float: left; color: #666; background: url(/d7803af4da145a6/panel_background.jpg) no-repeat center center; } #panel .info .hero { float: left; text-align: center; padding: 70px 42px; width: 190px; height: 190px; } #panel .info .controls { float: left; height: 25px; padding-top: 10px; padding-right: 10px; text-align: right; width: 380px;} #panel .info .controls a { height: 25px; width: 25px; display: inline-block; background: url(/d7803af4da145a6/close_x_onoff.png) top left no-repeat; } #panel .info .controls a:hover { background-position: bottom left; } #panel .info .data h3, #panel .info .data p, #panel .info .data a { padding: 3px 0; } #panel .info .data { float: left; width: 380px; height:265px; padding-right:10px; } #panel .info .data .title { font-size: 16px; font-weight:bold; } #panel .info .data .subtitle { font-size: 12px; font-weight:bold; text-transform: uppercase; } #panel .info .data .description { font-size: 11px; } #panel .info .data .description ul li { list-style-type:disc; margin-left:13px; } #panel .info .paging { float: left; height: 25px; width: 380px; padding-bottom: 10px; padding-right: 10px; } #panel .info .paging a { margin-right: 20px; } #panel .overlay { width: 265px; height: 330px; float: left; background-color: #fff; opacity:0.6; filter:alpha(opacity=60) } #system-message dt { display: none;} #system-message { padding: 20px; font-weight: bold; font-size: 12px;} #system-message dd.error { color: red; } /* Homepage promo modules */ #homepageModules { margin-left:3px; margin-top: -2px;} .homepage_mod { background: url('/d7803af4da145a6/bg_homepage_module.png') no-repeat; padding:25px; height: 233px; width: 265px; float: left; margin: 0 0 8px 8px; } .homepage_mod h3 {padding-bottom:10px; font-size: 16px;} .homepage_mod h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding-bottom:4px;} .homepage_mod:first-child { margin-left: 0; } .homepage_mod:last-child { margin-right: 0; } .homepage_mod_content{ height: 200px; width: 262px; margin-top:4px; margin-left:2px;} .homepage_mod_content img {max-width:262px; max-height:224px;} .homepage_mod_content_buttonless { height: 224px;} .homepage_mod_left{ float: left; margin-right:10px; height: 200px; margin-left:1px;} .homepage_mod .button_right {float:right;} .homepage_mod .latest_news { width: 264px; height:170px;} .homepage_mod .latest_news .button { margin-left:0; position: absolute; top:766px; } .homepage_mod .latest_news ul li {border-bottom:1px solid #ccc; padding: 5px 0;} .homepage_mod .latest_news ul li:first-child {border-top:1px solid #ccc;} /* my project */ ul.my_project_browse li { float: left; width: 25%; text-align: center; } /* PDP customer support & talk to us - 50/50 layout */ #customerSupport5050 {width:478px; height:116px; background:url(/d7803af4da145a6/bg_contact_us_horizontal.png) no-repeat -1px top;} #customerSupport5050 > div {width:265px; height:116px; float:left; position:relative; background:url(/d7803af4da145a6/icon_phone.png) no-repeat 22px center;} #customerSupport5050 > div:first-child {width:210px; background:none;} #customerSupport5050 > div div {padding:12px 15px 0 80px;} #customerSupport5050 > div:first-child div {padding:15px 12px 0 15px;} #customerSupport5050 h3 {padding-top:8px;} #customerSupport5050 p {font-size:12px;} #customerSupport5050 p a {display:block; position:absolute; bottom:18px; padding-left:10px; background:url(/d7803af4da145a6/icon_plus_sm.png) no-repeat left 5px;text-transform:uppercase;} /* category layout */ .joomlaPagination {overflow:hidden; font-size:12px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #666; text-transform:uppercase; font-weight:bold; color:#777;} .joomlaPaginationBottom {border:0; margin-bottom:0; padding-bottom:0; padding-top:10px;} .joomlaPagination .pageCounter {float:left;} .joomlaPagination .pageLinks {float:right;} .joomlaPagination .pageLinks ul li {display: inline;} .joomlaPagination .pageLinks ul li.pagination-start:before {content: "<< ";} .joomlaPagination .pageLinks ul li.pagination-start:after {content: " < ";} .joomlaPagination .pageLinks ul li.pagination-end:before {content: " > ";} .joomlaPagination .pageLinks ul li.pagination-end:after {content: " >> ";} .joomlaPagination .pageLinks .pagenav {padding:0 2px;} .joomlaPagination .pageLinks a {color:#9AD400;} .joomlaPagination .pageLinks a:hover {color:#D7A50E;} table.category {width:100%; font-size:13px;} table.category tr {} table.category td {padding:15px 5px; border-top:1px dotted #666;} table.category th img {margin-left:3px;} table.category a {font-weight:bold; padding:5px 0;} table.category th a {color:#666;} table.category th a.rssIcon {color:#337FA2; font-size:12px; line-height:21px; white-space:nowrap;} table.category th a:hover {color:#D9A716;} /* click to chat service */ /* simple carosel */ .sc { width: 710px; margin: 0 auto;} .sc .back, .sc .forward { margin-top: 60px; height:38px; width: 37px; float: left;} .sc .back { background:url("/9cea357ce5e3597/new_arrows.png") no-repeat scroll left top transparent; } .sc .back:hover { background-position: left bottom;} .sc .forward { background:url("/9cea357ce5e3597/new_arrows.png") no-repeat scroll right top transparent; } .sc .forward:hover { background-position: right bottom;} .sc_menu { float: left; position: relative; height: 130px; width: 660px; overflow: hidden; margin-left: 10px; } .sc_menu ul { display: block; height: 110px; width: 9999px; list-style: none; } .sc_menu ul li { display: block; float: left; margin-right: 10px; width: 100px; } /* simple carousel - related items on PDP */ .sc.sc_PdpRelatedItems {width:auto; overflow:hidden; float:left;} .sc.sc_PdpRelatedItems .sc_menu {width:411px; height:auto; margin-left:0; position:static;} .sc.sc_PdpRelatedItems .sc_menu ul {height:auto; width:9999px;} .sc.sc_PdpRelatedItems .sc_menu ul li {width:auto; margin:0;} .sc.sc_PdpRelatedItems .sc_menu ul li a {display:block; width:100px; margin:0 18px 0 19px; text-align:center;} .sc.sc_PdpRelatedItems .back, .sc.sc_PdpRelatedItems .forward {margin-top:35px;} /* simple carousel - PDP conf options */ .sc.sc_pdp_conf_options .sc_menu { width: 350px; margin-left: 5px; } .sc.sc_pdp_conf_options .back, .sc.sc_pdp_conf_options .forward {margin-top:24px;} .sc.sc_pdp_conf_options .sc_menu ul { display: block; height: 60px; width: 9999px; list-style: none; } .sc.sc_pdp_conf_options .sc_menu ul li { display: block; float: left; margin-right: 5px; width: 65px; text-align:center; width:65px; line-height: 12px; padding: 0px; } /* scrollable - tab nav */ .scrollable .prev, .scrollable .next { margin-top: 1px; height: 24px; width: 18px; float: left; visibility: hidden;} .scrollable .prev { background:url("/d7803af4da145a6/arrows.png") no-repeat scroll left top transparent; } .scrollable .prev:hover { background-position: left bottom;} .scrollable .next { background:url("/d7803af4da145a6/arrows.png") no-repeat scroll right top transparent; } .scrollable .next:hover { background-position: right bottom;} .scrollable .scrollable_menu { float: left; position: relative; width: 750px; height: auto; overflow: hidden; } .scrollable .scrollable_menu ul { height: 31px; width:9999px;} //.scrollable .scrollable_menu ul li { display: block; width: auto; } /*scrollable - com_product_imags */ .sc.fluidDispScroll { width:350px; margin-left:10px; } .sc.fluidDispScroll .back, .sc.fluidDispScroll .forward { margin-top:0px; } .sc.fluidDispScroll .sc_menu { width:300px; height:auto; } .sc.fluidDispScroll ul { height:auto; } .sc.fluidDispScroll li { width:50px; } /* send_to_friend */ #send_to_friend { width: 525px;} #send_to_friend { text-align: left; margin: 20px; } #send_to_friend label, #send_to_friend .labelPlaceholder { width: 100px; } #send_to_friend legend { text-transform: uppercase; font-size: 14px; color:#666;} #send_to_friend input, #send_to_friend span.error { float: left; padding-right: 5px; } #send_to_friend form p { margin-bottom: 3px; } #send_to_friend .red { float:left; margin:15px 15px 0 -5px; padding:0; } #send_to_friend label.error { display:block; float:left; margin:0 0 0 135px; max-width:170px; padding:0; text-align: left; width:auto; } #send_to_friend .send_to_message label.error { margin-left:0; } #send_to_friend .photo {height: 224px;} #send_to_friend .article {height: auto;} #send_to_friend .pdp {height: 214px;} #send_to_friend .details { float: left; width: 250px; } #send_to_friend .article .details { float: none; width: auto; text-align: center;} #send_to_friend .article .details h2 {font-size: 20px; padding-top: 10px;} #send_to_friend .main_image { height: 200px; padding: 12px; display: table-cell; vertical-align:middle; text-align: center; margin-right:20px; background-color: #f0f0f0; background-image: -moz-radial-gradient(#FFF 40%, #e8e8e8 100%); background-image: -webkit-radial-gradient(#FFF 40%, #e8e8e8 100%); background-image: -ms-radial-gradient(#FFF 40%, #e8e8e8 100%); } #send_to_friend .photo img {height: 200px;} #send_to_friend .article {padding-left: 50px;} #send_to_friend .article img {height: 200px;} #send_to_friend .pdp .details {width: 250px;} #send_to_friend .pdp .main_image {float: left; height: 188px; width: 200px; } #send_to_friend .photo .main_image {float: left; width: 200px; } #send_to_friend .pdp .main_image img {height: 186px;} #send_to_friend .description { margin-top: 10px; } /* ARTICLE STYLES */ /* Clear floats and ensure no floating elements go below the wrapper */ #page { overflow:hidden; } #page h1, #page h2.contentheading {font-size:19px; font-weight:bold; padding:0px 0 3px; color: #666; text-transform: uppercase;} #page .item-page h2 {font-size: 30px; font-weight: normal; text-transform: none; color: #666;} #page h2 {font-size:14px; font-weight:normal; padding:3px 0 7px;} #page h3 {font-size:14px; font-weight:normal; padding:0 0 10px; color:#333;} #page .item-page-header h3 {font-size:16px; color:#666; text-transform: uppercase; margin-top: -5px;} #page h4 {font-size:16px; font-weight:bold; padding:20px 0 10px; margin-bottom:0; text-transform:none; border:0;} #right #component #page .article-info p.createdby, #right #component #page .article-info p.create {font-size: 14px; font-weight: normal; text-transform: none; padding: 0;line-height: 1.2;} #right #component #page .article-info p.createdby span {margin-left: -4px; } #right #component #page .article-info p em {font-style: italic;} #page .item-page .item-page-header {padding-bottom: 10px; margin-bottom: 10px;} #page h5 {font-size:14px; font-weight:normal; border-bottom:1px dotted #999; padding:7px 0 3px; margin-bottom:4px;} #page p {font-size:14px; font-weight:normal; line-height: 1.5;} #page hr {border-bottom:1px dotted #222;} #page ul li {list-style-image:url(/d7803af4da145a6/bullet_dot_red.gif); margin-left:15px; font-size: 14px; line-height: 1.5em;} #page ol li {list-style:outside decimal none; margin-left:18px;} #page ul {margin-left:5px;} #page li {font-size:12px; padding-bottom:0px;} #page .tabs li {padding-bottom:0;} /* #page blockquote {font-size:14px; font-weight:normal; padding:20px; background-color:#fafafa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}*/ #page br {margin-top: 10px;} #page div.img_caption {margin: 0 0 0 30px;} #right #component #page p.img_caption {font-style: italic; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px dotted #222;} #page .author_bio {border-top: 1px dotted #222; padding: 20px 0 30px; margin-top: 50px;} #page .author_bio img {float: left;} #right #component #page .author_bio h4 {padding-top: 0;} #right #component #page .author_bio h4, #right #component #page .author_bio p {margin-left: 100px;} #right #component #page blockquote {float: right; font: italic bold 20px Arial; margin: 10px 30px; width: 300px;} #right #component #page blockquote:before, #right #component #page blockquote:after {content: '\"'; color: #CCC; font: italic 30px/0.5em Arial; } #page ul li {margin: 8px 0 0 20px;} #page ul ul {margin: 0px 0 0 20px;} #page ul ul li {margin: 8px 0 0 20px;} #page ul li a {margin: 0; background: none; padding: 0;} /*---------------------------------------------------------------------------- => Promotion Styles ----------------------------------------------------------------------------*/ #promotion h1 { font-size:19px; } .related-content { float:right; margin-left:20px; width:30%; } .related-container { border:1px solid #000; margin-bottom:20px; } .related-container h3 { font-size:18px; padding:10px 0; text-align:center; text-transform:uppercase; } .related-container .items li { overflow:hidden; } .related-container .items a { border-top:1px dotted #000; display:inline-block; padding:10px; width:100%; } .related-container .items .related-img, .related-container .items .related-text { float:left; width:195px; } .related-container .items .related-img { margin-right:10px; overflow:hidden; text-align:center; width:40px; } .related-container .items .related-text { font-size:14px; } .related-articles img { height:40px; } /*---------------------------------------------------------------------------- => Sticky Footer Styles ----------------------------------------------------------------------------*/ /*html { height: 100%; } body { height: 100%; } #all_layout { min-height: 100%; height: 100%; position: relative; } #all { height: 100%; } #main { margin-bottom: 35px; } * html #nonFooter { height: 100%; } #footer_layout { height: 25px; position: relative; margin-top: -35px; }*/ /*---------------------------------------------------------------------------- => Temporary Styles ----------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------- => Possible 'Global' Styles. Need to review if these will be handled as part of the global style sheet ----------------------------------------------------------------------------*/ .tabs .tabContentBox { background: #fff; padding: 15px 12px; } .tabs .tabContentBox.noHorizPadding {padding-left:0px; padding-right:0;} #page .tabContentBox li{padding-bottom: 7px;} .tabContentBox h4 { border-bottom: 0px; color: #333; font-size: 11px; padding: 10px 0; margin: 0; } .tabContentBox h4:first-child { padding-top: 0; } .moduletable-contactus1,.moduletable-contactus2,.tabContentBox { font-size: 11px; } .moduletable-contactus1 p,.moduletable-contactus2 p { color: #666; } .moduletable-contactus1 strong,.moduletable-contactus2 strong,.tabContentBox strong { font-weight: bold; } .moduletable-contactus1 a,.moduletable-contactus2 a,.tabContentBox a,.moduletable a,.moduletable-float a,.moduletable-float_first a { text-decoration: none; font-weight: bold; } .module-accordian a, #accordionNav a {font-weight: bold;} #page .tabContentBox a { font-weight: normal; } #find_prod a span { display: inline-block; } .pdTech .fileIcon { margin: 0px 5px 0px 0px; padding-left:23px; } .pdf {background: url(/d7803af4da145a6/file_icons.png) 0px 0px no-repeat; height:16px; } .doc {background: url(/d7803af4da145a6/file_icons.png) 0px -16px no-repeat; height:16px;} .dwg {background: url(/d7803af4da145a6/file_icons.png) 0px -32px no-repeat; height:16px;} /*---------------------------------------------------------------------------- => Module specific styles ----------------------------------------------------------------------------*/ #page h3.module_title { text-transform: uppercase; font-weight:bold; } .pdMeta { padding: 10px 14px; color: #666; position: relative; } .pdMeta h3 { text-transform: uppercase; padding-bottom: 10px; } .pdMeta p { padding-bottom: 7px; } .pdMeta div { float: right; position: absolute; top: 21px; right: 14px; text-align: right; } .pdMeta div p { color: #999; padding-bottom: 0; font-size: 11px; } .pdMeta div p a { color: #666; text-decoration: underline; } .pdFeatures { } .pdFeatures h4 { border-bottom: 0px; color: #333; font-size: 11px; } .pdFeatures li { color: #666; line-height: 2; list-style-image: url(/d7803af4da145a6/bullet_dot_red.gif); margin-right:8px; } .pdFeatures ul:first-child li {list-style-image: none;} .pdFeatures .standFeatImg { width:392px; } .tabs .pdFeatures { border: none; overflow: visible; } .pdCare img { margin: 0px 15px 15px 0px; float: left; } .pdCare p { margin-bottom: 10px; } .pdCare h4 { margin: 5px 0; color:#666; } .pdCare li { color: #666; position:relative; clear:left; padding-bottom:10px; padding-left:21px; } .pdCare li a {padding-top:3px;} .pdCare li .fileIcon {display:block; float:left; width:18px; padding-left:0; position:absolute; left:0;} .pdCare li input { margin-right: 5px; } .pdCare #instructions { clear: left; } .pdCare #care { padding-bottom:10px; border-bottom: 1px dotted #949494; } .pdCare p.frameDescription { clear: left; display: none; } .tabs #techDocs { height:470px; overflow:auto; } .pdTech .numDocs { color: #999; margin-top: 40px; } .pdTech .filter { float: left; width: 250px; margin-right: 15px; margin-top: 15px; } .pdTech #filter h4 { margin-bottom: 0px; } .pdTech span { display: block; margin-bottom: 10px; } .pdTech table { clear: left; margin-top: 40px; } .pdTech tr#tableHeader { padding-bottom: 15px; border-bottom: 1px dotted #949494; } .pdTech tr.tableData td { padding-top: 11px; } .pdTech th { color: #666; padding-bottom: 15px; } .pdTech th#series { width: 350px; } .pdTech th#type { width: 120px; } .pdTech th#format { width: 80px; } .pdTech select { width: 250px; } .moduletable-contactus1 { background: url(/d7803af4da145a6/customer_support.png) no-repeat; width: 175px; padding: 0px 0px 22px 70px; } .moduletable-contactus1 div { height: 95px; } .moduletable-contactus1 div#cust_support { padding-top: 20px; } .moduletable-contactus1 div#talk { padding-top: 15px; } .moduletable-contactus1 div#cust_support p { margin-bottom: 30px; } .moduletable-contactus1 div#talk p { margin-bottom: 20px; } .moduletable-contactus1 h3, .moduletable-contactus2 h3 { color: #337FA2; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .moduletable-contactus2 div#cust_support { width: 190px; margin: 20px 0px 0px 15px; float: left; } .moduletable-contactus2 div#talk { width: 240px; margin: 10px 0px 0px 10px; float: left; } .moduletable-contactus2 div#talk img { float: left; margin-right: 10px; } .moduletable-contactus2 div#talk h3 { margin-top: 10px; } .moduletable-contactus2 h3 { margin-bottom: 5px; } .moduletable-contactus2 p { height: 40px; } .moduletable-contactus2 a { background: url(/d7803af4da145a6/icon_plus.png) no-repeat; padding-left: 15px; } /* .div_call { margin-right:0px; } form.schedule .dl_form dd{ width: 460px; } p#priv_pol_statement {width:750px; } #sched_dealer {width:750px; } */ .price_description { display: none; } #document_depot_module {margin-top: 30px;} #document_depot_module .module_title {margin-bottom: 5px;} #document_depot_module a {color:#337fa2; font-weight: bold; text-transform: uppercase; display:block; padding-top:5px;} #document_depot_module a:first-child { padding-top: 0; } #document_depot_module p {padding: 10px 0; border-bottom: 1px dotted #222222; } #document_depot_module p img {float: right; overflow: auto; } #document_depot_module p:last-child { border-bottom: none; padding-bottom: 0; } /*---------------------------------------------------------------------------- => mod_prod_tabs ----------------------------------------------------------------------------*/ #prod_tabs {position:relative; padding-top: 20px;} #prod_tabs .tabNavigation {clear:both; overflow:hidden; background:url(/d7803af4da145a6/tab_line_leftAndCenter.png) no-repeat bottom left; padding-left:13px;} #prod_tabs .tabNavigationRight {background:url(/d7803af4da145a6/tab_line_right_v2.png) no-repeat 0 0; width:45px; height:3px; position:absolute; right:0; top:28px; display:none;} #prod_tabs .tabNavigation li {float:left;} #prod_tabs .tabNavigation li a {display:block; height:31px; line-height:35px; outline:none; color:#337fa2; font-size:13px; font-weight:bold; text-decoration:none; padding:0 30px; text-align:left; text-transform:capitalize;} #prod_tabs .tabNavigation li.selectedLi {margin-right:9px; position:relative;} #prod_tabs .tabNavigation li.selectedLi .left {background:url(/d7803af4da145a6/tab_left.png) no-repeat top left; height:31px; width:9px; float:left;} #prod_tabs .tabNavigation li.selectedLi .right {background:url(/d7803af4da145a6/tab_right.png) no-repeat top left; height:31px; width:9px; float:left; position:absolute; right:-9px; top:0;} #prod_tabs .tabNavigation li.selectedLi a {background:url(/d7803af4da145a6/tab_center.png) repeat-x top left; color:#d7a50e; float:left;} #prod_tabs .tabs li.selectedLi a {color:#d7a50e; font-weight: bold;} #prod_tabs .tabContentBox {padding:10px; overflow:hidden; display:none;} #prod_tabs #tab_options {padding-left: 17px; padding-bottom: 5px;} #prod_tabs #tab_options td {padding-right: 20px; padding-bottom: 20px;} #prod_tabs #prod_tab_content {padding: 40px; width: 899px;} #prod_tabs .ptMeta {margin-bottom: 20px;} #prod_tabs .ptFeatures {margin-bottom: 20px;} #prod_tabs h4 {border: 0px; font-size: 14px; color: #666666; text-transform: uppercase; margin-bottom: 10px;} #prod_tabs h3 {font-weight: bold;} #prod_tabs .prod_tab_features {padding-left:15px;} #prod_tabs .prod_tab_features li {list-style-type: disc;} #prod_tabs #tab_options li {margin-bottom: 5px;} /*#prod_tabs #tab_options td, #prod_tabs #tab_options a {font-weight: bold;}*/ #prod_tabs .pt_childtab {border-bottom:1px dotted #818181; padding-top: 25px; padding-bottom: 60px; overflow: hidden;} #prod_tabs .tabs {border-bottom:1px dotted #C8C8C8; display:table; padding-bottom: 10px; width: 100%; margin-top: 5px;} #prod_tabs .tabs li {float: left; padding-right: 10px; padding-left: 10px; border-left:1px dotted #C8C8C8; } #prod_tabs .tabs a {color: #A9A9A9;} #prod_tabs .tabs a:hover {color: #D7A50E;} #prod_tabs .tabs li.selectedLi a {color:#d7a50e;} #prod_tabs .tabs .last {border-left: 0px; padding-left: 0px;} #prod_tabs .sub_tabs {display:table; padding-top: 10px;} #prod_tabs .sub_tabs li {float:left; padding-right: 10px;} #prod_tabs .sub_tabs li.selectedLi a {color:#d7a50e; font-weight: bold;} #prod_tabs .pt_icons {display:table; float:left;} #prod_tabs .pt_icon {float:left; margin-right: 25px; margin-bottom: 25px;} #prod_tabs .pt_icon .pt_icon_caption {text-align: center;} #prod_tabs .pt_icon_description {float: left; margin-bottom: 50px} #prod_tabs .pt_icon_description h3 {margin-bottom: 20px} #prod_tabs .pt_description h3 {margin-bottom: 20px} #prod_tabs .pt_image {float: left; margin-right: 30px;} #prod_tabs .pt_content {display:table; width: 100%; margin-top: 30px;} #prod_tabs #overview_side {float: right;} #prod_tabs #overview_content {float:left; width: 500px;} #prod_tabs .overview_box {width:300px; background:url(/d7803af4da145a6/bg_crosshatch.png) repeat; margin-bottom: 10px; border: 1px solid #ECECEC; display: table;} #prod_tabs .related_products {display: table; border-top:1px dotted #818181; padding-top: 40px; width: 100%;} #prod_tabs .related_products .module_title {margin-bottom: 40px;} #prod_tabs .sc_menu {width: 800px;} #prod_tabs .tab_content {display: table; margin-bottom: 40px; width: 100%;} #prod_tabs .contact {background: url(/db31fdf2dd53e9e/pdp/contact.png); background-repeat:no-repeat; height: 21px; padding-left: 8px; padding-top: 4px; text-transform:uppercase;} #prod_tabs .contact a {color:#ffffff;} #prod_tabs .contact a:hover {text-decoration: underline;} #prod_tabs .box_left {float:left; width:160px; margin-left: 20px; margin-top: 20px;} #prod_tabs .box_right {float:right; margin-right: 20px; margin-top: 15px; margin-bottom: 20px;} #prod_tabs .box_left h3 {margin-bottom: 10px; text-transform: uppercase; font-weight: bold;} #prod_tabs .box_left .box_desc {margin-bottom: 20px;} #prod_tabs .solution_box .energy {float: left; margin-left: 30px; margin-bottom: 30px;} #prod_tabs .solution_box .voc {float: left; margin-left: 20px;} #prod_tabs .solution_box .sustainability {float: right; margin-right: 10px;} #prod_tabs .solution_box .certified {float: right; margin-right: 10px; margin-top: 30px;} #prod_tabs .solution_box h3 {margin-top: 20px; margin-left: 20px; margin-bottom: 30px; text-transform: uppercase; font-weight: bold;} #prod_tabs .solution_box .box_top {display: table; width: 100%;} #prod_tabs .solution_box .box_bottom {display: table; width: 100%; margin-bottom: 30px;} #prod_tabs .sc_menu li a {width: 120px; margin: 0 50px 0 19px;} #prod_tabs .sc_menu .img_holder {padding-bottom: 15px; display: block; overflow: hidden;} #prod_tabs .sc_menu li a img {height: 260px;} #prod_tabs .sc {width: 100%; margin: 0px;} #prod_tabs .windows .sc.sc_PdpRelatedItems .back, .sc.sc_PdpRelatedItems .forward {margin-top: 85px !important;} #prod_tabs .windows .sc_menu .img_holder {height: 200px;} #prod_tabs .windows .sc_menu li a img {height: auto; max-width: 100%; max-height: 200px;} #prod_tabs .windows .sc_menu li a {width: 200px; margin: 0 50px 0 19px;} #prod_tabs .patio-doors .sc.sc_PdpRelatedItems .back, .sc.sc_PdpRelatedItems .forward {margin-top: 85px !important;} #prod_tabs .patio-doors .sc_menu li a img {height: 200px; max-width: 160px;} #prod_tabs .patio-doors .sc_menu li a {width: 200px; margin: 0 50px 0 19px;} #prod_tabs .co_content {margin-top: 30px;} #prod_tabs #tech_search {display: table; margin-left: -50px; width: 957px; position: relative; background-color: #F9F9F9; height: 80px; margin-bottom: 30px; margin-top: 20px;} #prod_tabs #tech_search .all_docs {position: absolute; bottom: 10px; right: 20px;} #prod_tabs #techDocs table {width: 60%;} #prod_tabs #techDocs table .tableData td {padding-top:20px;} #prod_tabs #techDocs table .pdf, #prod_tabs #techDocs table .doc, #prod_tabs #techDocs table .dwg {display: block; height: 16px; padding-left: 22px;} #prod_tabs .ptTech h4 {margin-bottom: 2px;} #prod_tabs .sc.sc_PdpRelatedItems .back, .sc.sc_PdpRelatedItems .forward {margin-top: 120px;} #prod_tabs .backtotop {background:url("/9cea357ce5e3597/backtotop.png") no-repeat; display: block; height: 26px; width: 92px; color: #ffffff; text-transform: uppercase; line-height: 28px; padding-left: 10px; margin-bottom: 35px;} #prod_tabs .backtotop:hover {color: #ffffff; text-decoration: underline;} #prod_tabs .list {display: table; width: 100%;} #prod_tabs .list li {display: table; width: 100%; padding-bottom: 20px;} #prod_tabs .list a {width: 300px; float: left; padding: 0px 77px 0px 0px;} #prod_tabs .list span, #prod_tabs #techDocs #format {float: left; padding: 0px 20px;} #prod_tabs #techDocs #type {float: left;} #prod_tabs .list .fileIcon {width: 50px;} #prod_tabs .list .fileType {padding-left: 115px; width: 300px;} #prod_tabs #techDocs #format {padding: 0px; width: 180px; margin-right: 35px;} #prod_tabs #techDocs #series {float: left; width: 200px; padding-right: 85px;} #prod_tabs #techDocs #tableHeader {border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 20px; display: table; width: 100%; font-weight: bold;} #prod_tabs #techDocs .search {height: 21px; line-height: 20px; margin-left: 20px; margin-top: 20px; width: 180px; padding-right: 31px; background:url("/9cea357ce5e3597/techsearch.jpg") no-repeat; border: none; padding-left: 10px;} #prod_tabs #techDocs .searches {position: absolute; bottom: 10px; left: 20px;} #prod_tabs #techDocs .paging {float: left; margin-right: 3px;} #prod_tabs #techDocs .paging li {float: left; padding: 0px 5px;} #prod_tabs #techDocs .paging .active {color: #D7A50E;} #prod_tabs #techDocs .page {float: left; color: #333333;} #prod_tabs #techDocs .pages {padding-left: 5px; padding-right: 5px;} #prod_tabs #techDocs .pageNum {float: right; color: #A0A0A0; padding-left: 20px; display: table; margin-right: 10px;} #prod_tabs #techDocs .pageNum .prev_page {float: left; margin-left: 5px;} #prod_tabs #techDocs .pageNum .next_page {float: left;} #prod_tabs #techDocs .pageNum .page_of {float: left;} #prod_tabs #filter_format {margin-left: 5px; width: 80px;} #prod_tabs #filter_type {margin-left: 5px; width: 145px;} #prod_tabs .prod_tab_features .standFeatImg {width: 500px; margin: 20px 0px;} #prod_tabs .prod_tab_features li {margin-bottom: 10px; list-style-image:url(/d7803af4da145a6/bullet_dot_red.gif);} #prod_tabs #care ul a, #prod_tabs #installation-instructions ul a {font-weight: bold; margin-top: 10px; display: block; line-height: 19px;} #prod_tabs #care .fileIcon, #prod_tabs #installation-instructions .fileIcon {width: 16px; display: block; float: left; margin-right: 5px;} #prod_tabs .overview_docs {padding-bottom: 10px;} #prod_tabs .overview_docs li {padding-bottom: 10px; overflow: hidden;} #prod_tabs .overview_docs li a {height: 16px; font-weight: bold; line-height: 16px; display: block; float: left;} #prod_tabs .overview_docs .fileIcon {padding-left: 20px;} /*---------------------------------------------------------------------------- => com_product_images ----------------------------------------------------------------------------*/ #prod_img_main {position:relative; width: 970px} #product_imagery_top { background: url(/d7803af4da145a6/bg_pdp_hero_edges.png); height:14px;} #product_imagery_bottom { background: url(/d7803af4da145a6/bg_pdp_hero_edges.png) 0 -17px no-repeat; height:14px; margin-top: -8px;} #product_imagery { background: url(/d7803af4da145a6/bg_pdp_hero_center.png) repeat-y; } #product_images { float: left; width: 479px; } #fluidDisplayContainer { height:513px; margin: -7px 0 0 5px; } #fluidDisplayTopCorner{ background: url(/d7803af4da145a6/bg_pdp_top_corner.png) no-repeat; width:5px; height:5px; position:absolute;} #fluidDisplayBottomCorner{ background: url(/d7803af4da145a6/bg_pdp_bottom_corner.png) no-repeat; width:5px; height:5px; position:absolute; bottom:0;} #product_images #pdpPlus a { background:url(/d7803af4da145a6/pdp_icon_plus_off.png) no-repeat; } #product_images #pdpStar a { background:url(/d7803af4da145a6/pdp_icon_star_off.png) no-repeat; } #product_images #pdpIns a { background:url(/d7803af4da145a6/pdp_icon_inspirations_off.png) no-repeat; } #product_images #pdpDoor a { background:url(/d7803af4da145a6/pdp_icon_info_off.png) no-repeat; } #product_images #pdpPlus a:hover { background:url(/d7803af4da145a6/pdp_icon_plus_on.png) no-repeat; } #product_images #pdpStar a:hover { background:url(/d7803af4da145a6/pdp_icon_star_on.png) no-repeat; } #product_images #pdpIns a:hover { background:url(/d7803af4da145a6/pdp_icon_inspirations_on.png) no-repeat; } #product_images #pdpDoor a:hover { background:url(/d7803af4da145a6/pdp_icon_info_on.png) no-repeat; } #product_images #icons { margin:20px 0px 11px 23px; } #product_images #icons li { float:left; margin-right:15px; width:60px; } #product_images #icons a { background-position: center top; display:block; width:100%; height:100%; color: #666666; font-weight:bold; } #product_images #icons a:hover, #product_images #icons a.active { color:#D9A716; background-position:center top; } #product_images #icons span { display:block; text-align:center; padding-top:35px; } #optionWrapper { width:490px; float:right; } #optionHeaderWrapper { width:490px; height:25px;} #optionHeader {float:left; width:75px; margin:7px 0px 0px 25px; } #optionContents {float:left; height:400px; width: 487px; overflow-y: auto; overflow-x: hidden;} #moreOptions {float:left; margin: 9px 5px 0 0;} #relPrice {float:right; margin:9px 25px 0px 0px; color:#666666; font-weight:bold; width:150px;} #relPrice span {float:right; display:block;} #relPrice .tooltip_style1 {float:right; } .basic_options, #fdModels { float: left; width: 437px; } .basic_options { padding: 0px 20px 0px 20px; } #fdModels { margin:9px 25px 0px 20px; padding-bottom:14px; } #fdModels .sc.fluidDispScroll { width:365px; display:table-cell; vertical-align:middle; } #fdModels .sc.modelSmall li {height:75px; line-height:73px;} #fdModels .sc_menu { width:280px; } #fdModels a.back, #fdModels a.forward { margin-top:38px; } #fdModels .modelSmall a.back, #fdModels .modelSmall a.forward { margin-top:23px; } #fdModels .arrow {width:25px; height:100%; } .basic_options .option_name, #fdModels .option_name { color: #D9A716; margin-top: 1em; } .basic_options #grilleName, .basic_options #colorName {height:26px;} .basic_options strong, #fdModels strong { font-weight: bold; } .basic_options li, #fdModels li { float: left; width: 50px; margin-right:5px; } /*Testing to vertically align images */ #fdModels li { display:table-cell; text-align:center; vertical-align:middle; width:90px; } #fdModels li img {vertical-align:middle; } .basic_options td.attribIcons { padding-left:35px; } .basic_options tr.color ul { clear: left; } .basic_options table, #fdModels table { margin: 0px 0px 0px 0px; width: 100%; } .basic_options td { padding:14px 0px; } .basic_options td.label, #fdModels td.label { overflow:hidden; padding-right:10px; width: 60px; text-align:right; } .basic_options td.label {width:75px;} .basic_options table p, #fdModels table p { color: #818181; font-weight: bold; } .basic_options tr.attr1 td { border-top: 1px dotted #818181; } .basic_options tr.color td { border-top: 1px dotted #818181; } #pdpErrorMsg { float:left; width:475px; height:475px; } #pdpErrorMsg h3 { margin:225px auto; width:225px; } #ways_to_buy { width:445px; height:45px; border-top:1px dotted #818181; padding:14px 0 10px; margin:0 20px; position:absolute; bottom:0; right:0; } #ways_to_buy h3 { float: left; } #ways_to_buy div#buttons, #ways_to_buy div.button_grp { clear: both; padding-top: 1em; } #ways_to_buy div.button_grp {position:static; margin-left:-6px; padding-top:5px;} #ways_to_buy div#buttons a { float: none; display: inline-block; margin-right: 3px; color: #fff; font-size: 9px; font-weight: bold; height: 18px; text-align: center; padding-top: 5px; } #ways_to_buy a#buying_guide { float: right; } div#product_imagery li img:hover { cursor:pointer; } div#product_imagery table li img.active, div#product_imagery options table li img:hover { border: 2px solid #D7A50E; padding:1px; } div#product_imagery table li img, div#product_imagery options table li img { border: 2px solid #CCCCCC; padding:1px; } #subcat_header h3, .myproject_header h3{ float:left; width:155px; margin-top:5px; text-align:left; } #modelDropdowns {margin: 5px 0 10px 40px;} #modelDropdowns label {margin-left: 5px; color: #818181; font-weight: bold;} #modelDropdowns select {margin-left: 5px; } #modelDropdowns #modelGrpSelect {margin-right: 10px;} div#viztool {float:left; height:55px; margin-left:20px; border-top:1px dotted #818181; padding:14px 0;} div#viztool a {display:block; width:398px; height:40px; padding:11px 0 4px 50px; background:url(/d7803af4da145a6/pdp_viztool_btn.png);} div#viztool a:hover {background:url(/d7803af4da145a6/pdp_viztool_btn.png) 0 -55px;} div#viztool h3 {color:#337FA2; font-weight:bold;} div#viztool p {color:#666; font-size:12px; font-weight:bold; padding-bottom:1px;} /*---------------------------------------------------------------------------- => com_subcategory_list_horiz ----------------------------------------------------------------------------*/ #subcat_product_list .border, .myproject_list .border { border: 2px #d0d0d0 solid; padding: 15px 0px 15px 15px; margin-bottom: 15px; position: relative; } #subcat_product_list .left_prod_list, .myproject_list .left_prod_list { width: 225px; float: left; } #subcat_product_list .left_prod_list .main_image, ul.subcat_product_list_vert li .main_image, .myproject_list .left_prod_list .main_image, .search_results_products .main_image { width: 214px; height: 214px; background: url(/d7803af4da145a6/subcat_image_background.png) no-repeat 0 0; padding: 0; display: table-cell; vertical-align:middle; text-align: center; } #subcat_product_list .right_prod_list, .myproject_list .right_prod_list { width: 420px; float: left; padding-bottom: 20px; } #subcat_product_list .left_prod_list li,#subcat_product_list .right_prod_list li, .myproject_list .left_prod_list li, .myproject_list .right_prod_list li { display: inline; } #subcat_product_list h3, .myproject_list h3 { color: #337FA2; font-size: 14px; font-weight: bold; } .myproject_list h3 { width:460px; } #subcat_product_list h3.aka, .myproject_list h3.aka { font-size: 12px; font-style: italic; color:#666666; } #subcat_product_list p,#subcat_product_list li, .myproject_list p, .myproject_list li { font-size: 11px; margin: 10px 0; } #subcat_product_list .prod_details, .myproject_list .prod_details { width: 195px; margin: 15px 17px 0px 0px; padding-right: 17px; border-right: 1px dotted; float: left; } #subcat_product_list ul.subcat_thumbs, .myproject_list ul.subcat_thumbs { margin: 6px 0; } #subcat_product_list ul.subcat_thumbs li, .myproject_list ul.subcat_thumbs li { margin-right: 6px; width: 34px; height: 34px; line-height: 32px; display: table-cell; vertical-align:middle; float:left; border: 1px solid #B5B5B5; text-align: center; } #subcat_product_list ul.subcat_thumbs li img, .myproject_list ul.subcat_thumbs li img {vertical-align:middle;} #subcat_product_list .key_features, .myproject_list .key_features { width: 190px; float: left; margin-top: 15px; float: left; } #subcat_product_list .key_features span, .myproject_list .key_features span { display:inline-block; } #subcat_product_list .key_features ul li, .myproject_list .key_features ul li { width: 55px; height: 55px; margin: 0 6px 9px 0; display: inline-block; } #subcat_product_list .key_features ul li img, .myproject_list .key_features ul li img { width: 55px; height: 55px; border: 1px solid #b5b5b5; } #right #component #subcat_product_list p, #right #component .myproject_list p { margin-top: 0px; } #right #component #subcat_product_list p.region, #right #component .myproject_list p.region { margin: 0px; padding: 5px 0px; } #subcat_product_list .key_features .title, .myproject_list .key_features .title { text-transform: uppercase; margin: 0px; } #subcat_product_list .right_prod_list, .myproject_list .right_prod_list { margin-bottom: 30px; } #subcat_product_list .right_prod_list .prod_details li, .myproject_list .right_prod_list .prod_details li { /*Repeated code. Should be combined*/ display: block; color: #666; background: url(/d7803af4da145a6/bullet_dot_red.gif) no-repeat left center; margin-bottom: 11px; padding-left: 11px; } #subcat_product_list .price_label, .myproject_list .price_label { position: absolute; left: 250px; bottom: 16px; color: #666666; font-weight: bold; } #subcat_product_list .price_label span, .myproject_list .price_label span { display: block; float: left; } #subcat_product_list .key_features span.hidden, .myproject_list .key_features span.hidden { display:none; } /*---------------------------------------------------------------------------- => com_subcategory_list_vert ----------------------------------------------------------------------------*/ .subcat_product_list_vert { overflow: hidden; } .subcat_product_list_vert ul {list-style:none;} .subcat_product_list_vert li.product, .search_results_products .product { position: relative; width: 210px; height: 550px; float: left; margin-top: 20px; padding:0 8px; border-bottom:1px dotted #222; overflow:hidden; } .subcat_product_list_vert li .productContainer, .search_results_products .productContainer { border: solid 1px #ffffff; /* this causes the container to register a more accurate height */ } .subcat_product_list_vert li.row_end { margin-right: 0px; } .subcat_product_list_vert h3, .search_results_products .productContainer h3 { color: #337FA2; font-size: 14px; font-weight: bold; margin-left: 5px; } .subcat_product_list_vert h3.source, .search_results_products .productContainer h3.source { margin-top: 11px; } /*Most selectors used in multiple places. Can combine*/ .subcat_product_list_vert .aka { font-size: 12px; font-style: italic; } .subcat_product_list_vert p,.subcat_product_list_vert li.product li { font-size: 11px; } #right #component .subcat_product_list_vert p { margin-left: 5px; } /*Extra specificity required to override existing styles)*/ .subcat_product_list_vert p { margin-top: 11px; } .subcat_product_list_vert li.product li { /*Repeated code. Should be combined*/ display: block; color: #666; background: url(/d7803af4da145a6/bullet_dot_red.gif) no-repeat left 4px; margin-bottom: 11px; padding-left: 11px; } .subcat_product_list_vert ul { margin-bottom: 35px; margin-left: 5px; } .button_grp { position: absolute; bottom: 12px; right: 15px; font-size: 10px; } .subcat_product_list_vert .button_grp { bottom: 0; left: 8px; margin-left: -3px; padding:10px 0 20px; background:url(/d7803af4da145a6/bg_whiteFadeToTrans.png) repeat-x left -8px; } /*.button_grp a {display:block; overflow:hidden; } */ #subcat_header, .myproject_header { height: 50px; border-bottom: 1px dotted black; line-height: 35px; text-align: right; } #subcat_header .view_label, .myproject_header .view_label { text-transform: uppercase; color: #82878D; font-size: 11px; position:absolute; right:120px; top: 5px; } #pagination { display: inline-block; float: right; border-right: 1px dotted #222; margin-right: 15px; padding-right: 15px; color: #B4CE27; } #pagination span.black { color: #000; } #pagination span.active { color: #E1C25E; } #view { float: right; display: inline-block; line-height: 35px; } #horiz, .search_results_products .productViewList { display: inline-block; height: 42px; width: 116px; background: url(/3538c0a3cfe3bad/grey_toggle_view.png) 8px -51px no-repeat; } #vert, .search_results_products .productViewGrid { display: inline-block; height: 42px; width: 116px; background: url(/3538c0a3cfe3bad/grey_toggle_view.png) 8px -7px no-repeat; } /*---------------------------------------------------------------------------- => com_jw livechat ----------------------------------------------------------------------------*/ #jeldwen-live-chat .form_standard textarea {height: 100px; width: 190px;} #jeldwen-live-chat h2 {color: #D9A716; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 6px;} #live-chat-button-container {display:block; margin-right:130px;} #chat-form-required {float: left;} /*---------------------------------------------------------------------------- => Custom Box Solution ----------------------------------------------------------------------------*/ .top_box,.box_separator,.bottom_box { height: 9px; margin-right: 10px; } .top_box { background: url(/d7803af4da145a6/box3_topMiddleAndBottom.png) no-repeat left top; } .box_separator { background: url(/d7803af4da145a6/box3_topMiddleAndBottom.png) no-repeat left -11px; } .bottom_box { background: url(/d7803af4da145a6/box3_topMiddleAndBottom.png) no-repeat left -22px; } .top_box_right,.box_separator_right,.bottom_box_right { width: 10px; height: 9px; float: right; } .top_box_right { background: url(/d7803af4da145a6/box3_topMiddleAndBottom.png) no-repeat right top; } .box_separator_right { background: url(/d7803af4da145a6/box3_topMiddleAndBottom.png) no-repeat right -11px; } .bottom_box_right { background: url(/d7803af4da145a6/box3_topMiddleAndBottom.png) no-repeat right -22px; } .box_mid { background: url(/d7803af4da145a6/box3_mid.png) no-repeat left bottom; margin-right: 10px; padding: 0px 10px; } .box_mid_right { background: url(/d7803af4da145a6/box3_mid.png) no-repeat right bottom; } /*---------------------------------------------------------------------------- => General Buttons ----------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------- => Implementation #1 - Using Floats ----------------------------------------------------------------------------*/ span.green_arrow_left { display: inline-block; width: 19px; height: 24px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -1px no-repeat; float: left; cursor:pointer; } a:hover span.green_arrow_left {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -50px no-repeat; cursor:pointer;} span.green_btn_content { display: inline-block; height: 24px; color: #fff; line-height: 25px; text-align: center; text-transform: uppercase; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -150px repeat-x; float: left; cursor:pointer; } a:hover span.green_btn_content {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -200px repeat-x; cursor:pointer;} span.green_arrow_right { display: inline-block; width: 8px; height: 24px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -225px no-repeat; float: left; cursor:pointer; } a:hover span.green_arrow_right {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -276px no-repeat; cursor:pointer;} span.white_arrow_left { display: inline-block; width: 19px; height: 24px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -25px no-repeat; float: left; cursor:pointer; } a:hover span.white_arrow_left {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -1px no-repeat; cursor:pointer;} span.white_btn_content { display: inline-block; height: 24px; color: #b4ce27; line-height: 24px; text-align: center; text-transform: uppercase; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -175px repeat-x; float: left; cursor:pointer; } a:hover span.white_btn_content {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -150px repeat-x; color:#fff; cursor:pointer;} span.white_arrow_right { display: inline-block; width: 8px; height: 24px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -251px no-repeat; float: left; cursor:pointer; } a:hover span.white_arrow_right {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -225px no-repeat; cursor:pointer;} span.blue_arrow_left { display: inline-block; width: 19px; height: 26px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -322px no-repeat; float: left; cursor:pointer; } a:hover span.blue_arrow_left {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -24px no-repeat; cursor:pointer;} span.blue_btn_content { display: inline-block; height: 26px; color: white; line-height: 28px; text-align: center; text-transform: uppercase; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -418px repeat-x; float: left; cursor:pointer; } a:hover span.blue_btn_content {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -174px repeat-x; cursor:pointer;} span.blue_arrow_right { display: inline-block; width: 8px; height: 26px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -467px no-repeat; float: left; cursor:pointer; } a:hover span.blue_arrow_right {background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -250px no-repeat; cursor:pointer;} span.disabled_arrow_left { display: inline-block; width: 19px; height: 24px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 3px -100px no-repeat; float: left; cursor:default; } span.disabled_btn_content { display: inline-block; height: 24px; color: #333; line-height: 24px; text-align: center; text-transform: uppercase; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -175px repeat-x; float: left; cursor:default; } span.disabled_arrow_right { display: inline-block; width: 8px; height: 24px; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -251px no-repeat; float: left; cursor:default; } /*---------------------------------------------------------------------------- => Implementation #2 - Using Absolute Positioning ----------------------------------------------------------------------------*/ .button_grp span.btnLeft { display: block; width: 19px; height: 26px; background: url(/d7803af4da145a6/btn_sprite_all2.png) 3px 1px no-repeat; position: absolute; left: -19px; top: 0px; zoom: 1; } .button_grp a.button { display: inline-block; height: 26px; background: url(/d7803af4da145a6/btn_sprite_all2.png) 0px -160px repeat-x; position: relative; color: #fff; line-height: 28px; margin-left: 19px; text-align: center; text-transform: uppercase; zoom: 1; } .button_grp span.btnRight { display: block; width: 8px; height: 26px; background: url(/d7803af4da145a6/btn_sprite_all2.png) 0px -249px no-repeat; position: absolute; right: -8px; top: 0; zoom: 1; } /*---------------------------------------------------------------------------- => My Project ----------------------------------------------------------------------------*/ /*need to generalize*/ #right #component .myProjectHeading h2 { font-size: 14px; color: #666; font-weight: bold; text-transform: uppercase; } #right #component .myProjectHeading h3 { font-size: 13px; color: #666; } #right #component .myProjectHeading p { font-size: 10px; color: #666; margin-bottom: 0px; } .myProjectHeading {margin-bottom: 10px;} #myProject h2 { font-size: 12px; color: #666; text-transform: uppercase; width: auto; } #myProject h2.heading { font-size: 14px; color: #666; font-weight: bold; text-transform: uppercase; } #allSavedItemsBox h3 {font-size: 12px; color: #666; text-transform: uppercase; font-weight:bold;} #myProject h3.heading { font-size: 11px; color: #666; margin: 10px; } #myProject ul.subcat_thumbs li { display: inline-block; text-align: center; width: 15%; } #myProject ul.subcat_thumbs { margin-top: 10px; width: 100%; } #myProject {overflow:hidden;} #allSavedItemsBox > div > h2 {margin-bottom: 20px; font-weight:bold; border-bottom: 1px dotted #CCC; padding: 20px 0;} #allSavedItemsBox > div { padding: 10px 0 ; border-top: 1px dotted #CCC; } #allSavedItemsBox .column_document_format { display:none; } #allSavedItemsBox .viztool_row img { width: 100px; height: 100px; } #allSavedItemsBox #savedRemovedBox .document_name { font-weight: bold; font-size: 12px; } #savedProductsBox > div h3 { margin-bottom: 15px; } #savedProductsBox .data { border-bottom: 1px dotted #CCC; } #savedProductsBox .data:last-child { border-bottom: none; } .jel-search .jel_slideshow .catalog_row {float: left; overflow: hidden; position: relative; clear: none; z-index: 1;} .catalog_row {clear: both; overflow: hidden;} .search_result {clear: both; overflow: hidden;} /*---------------------------------------------------------------------------- => General Module Styling ----------------------------------------------------------------------------*/ .moduletable h2 { font-weight: bold; margin-bottom: 10px; } /*---------------------------------------------------------------------------- => Filtering Module ----------------------------------------------------------------------------*/ #price { background: url(/d7803af4da145a6/slider_price.png) no-repeat; position: relative; height: 70px; margin-bottom: 25px; clear:left; } #price ul { position: absolute; top: 75px; } #price li { float: left; font-weight:bold; } #price #all { width:24px; } #price #standard { width: 56px; } #price #select { width: 55px; } #price #custom { width: 35px; } .image_thumbs li { display: inline; } #slider { height: 30px; width: 168px; margin-left: 0px; position: absolute; top: 60px; } #price #slider_handle { position: absolute; top: 56px; left: 0px; } .notFilterable a, #filterContainer .notFilterable a:hover { color: #999999; cursor:default; } /*.hidable {display:none;} */ #filterContainer .active a { color: #D9A716; } #filterContainer ul {clear:left; } #filterContainer { padding-left:5px; margin-top:-15px;} #filterContainer #priceHeader { float:left; width:35px; } #filterContainer .section { padding:12px 0px 5px 10px; border-bottom:1px dotted #666666; } #filterContainer .sectBottom {border-bottom:none; } #filterContainer li a {font-weight:bold; } #filterContainer .color a {display:block; width:30px; height:30px; float:left; margin:0px 4px 10px 0px; } #filterContainer #copper a {background:url(/d7803af4da145a6/copper_icon.gif) no-repeat; } #filterContainer #black a {background-color:#08000b; } #filterContainer #white a {background-color:#f3efdf; } #filterContainer #green a {background-color:#004637; } #filterContainer #red a {background-color:#9c1519; } #filterContainer #blue a {background-color:#004a80; } #filterContainer #yellow a {background-color:#e0c384; } #filterContainer #neutral a {background-color:#916e61; } #innerFilterBoxContent a#filterClear {float:right; font-weight:bold; } #innerFilterBoxContent h2, #filterNav h2, .leftModHeader { font-size:14px; font-weight:bold; color:#666666; text-transform:uppercase; } #innerFilterBoxContent h2 {padding-left:8px;} #innerFilterBoxContent h2 {padding-bottom:8px;} #innerFilterBoxContent h3 { font-size:11px; color:#333333; } #priceTooltip {display:none; } h3.priceTooltip {margin-bottom:14px; } ul.priceTooltip {margin-left:14px; } ul.priceTooltip li {margin-bottom:14px; background:url(/d7803af4da145a6/bullet_dot_red.gif) no-repeat left center; padding-left:11px;} /*---------------------------------------------------------------------------- => mod_menu_wrapper ----------------------------------------------------------------------------*/ .secondMenu { padding-top: 10px; } /*---------------------------------------------------------------------------- => mod_menu_wrapper ----------------------------------------------------------------------------*/ #mod_request_consultation { overflow:hidden; } /*---------------------------------------------------------------------------- => Category Page ----------------------------------------------------------------------------*/ .boxCategory { position: relative; width: 923px; left: -6px; } .boxUpperBanner { background: url(/d7803af4da145a6/category_redesign2.png) no-repeat 0 0; height: 80px; width: 100%; position:relative; line-height: 1.5em; z-index:5000; } .boxLowerArea img { margin: -6px 0px 4px 6px; } .boxLowerArea { background: url(/d7803af4da145a6/category_redesign2.png) no-repeat 0 -81px; margin-top: -4px; line-height: 1.75em; position:relative; } .boxCategory.series .boxLowerArea {background:none;} .boxCategory .boxLowerArea h3 { color: #337FA2; } .boxCategory .boxLowerArea div.content { height: 110px; } .boxCategory .boxLowerArea .button { margin-top: 10px; } .boxCategory .boxUpperBanner h2 { color: #337FA2; line-height: 1.25em; font-weight: bold; text-transform: uppercase; font-size: 15px; } .boxCategory .boxUpperBanner ul li,.boxCategory .boxLowerArea ul li { list-style: disc inside; color: #C14F3B; } .boxCategory div.third { float: left; width: 275px; height:56px; margin:12px 0 0 18px; } .boxCategory .third.lastChild { width:301px; margin-right:18px; padding-top:14px; text-align:right; } .boxCategory .boxUpperBanner .third.lastChild div.button { float: right; font-size: 14px; } .boxCategory .boxLowerArea div.price_lower_content { background: url(../../../images/stories/bg_price_category2.png) no-repeat 0 -78px; height: 475px; padding: 18px; } .boxCategory div.halfsies { float: left; width: 434px; height:56px; margin:12px 0 0 18px; } .boxCategory .halfsies.lastChild { width:435px; height:auto; margin-right:18px; padding-top:14px; text-align:right; } .boxCategory .boxUpperBanner .halfsies.lastChild div.button { float: right; font-size: 14px; } .boxCategory .boxLowerArea div.price_lower_content { background: url(../../../images/stories/bg_price_category2.png) no-repeat 0 -78px; height: 475px; padding: 18px; } div#com_jel_catalog li.subcat div.subcat_thumb { width: 80px; height: 80px; border: 1px #E0E0E0 solid; margin:12px 0 7px 7px; } div#com_jel_catalog li.subcat a { display: block; border-top: 1px solid #fff; text-align: center; } div#com_jel_catalog li.subcat_hover { color: #D7A50E; background: url(/d7803af4da145a6/category_rollover_frame_arrow.png) no-repeat center 9px; } div#com_jel_catalog li.subcat div.subcat_hover { width: 78px; height: 78px; border: 2px solid #D7A50E; margin: 11px 0 8px 7px; } #com_jel_catalog li.subcat { float: left; text-align: center; margin: 0 7px 0 0; height:140px; width: 96px; } div#com_jel_catalog li.last-element { margin: 0; } div#com_jel_catalog li.subcat a.subcat_hover { color: #D7A50E; } #catcat{ margin:10px; } #catcat a.title{ text-transform: uppercase; } #catcat>div.tabs>ul>li>a { text-transform: none; } #catcat .tabContentBox a.title{ font-size: 130%; } #catcat > img {position: relative; display: block; margin: 0 auto 20px;} #catcat #extramenu{ float:right; margin: -20px 15px 0 0; } .subcatbox{ float: left; width: 280px; height: 440px; margin: 5px 0px; } .middle{ margin: 5px 39px; } .subcatbox img{ display: block; width: 280px; height: 280px; margin: 2px 2px 18px; } .subcatbox > a.title > img:hover { border: 2px solid #d7a50e; margin: 0 0 16px 0; } .subcatbox p{ margin-bottom:5px; color: #696969; } .subcatbox>a>span.hidden { display: none; } .subcatbox>a>span { display:inline-block; width:280px; margin-bottom: 16px; } .subcatbox>a>span.animated { border: 1px solid #d4d4d4; height: 280px; margin: 1px; } .subcatbox>a>span.animated:hover { border: 2px solid #d7a50e; margin: 0; } .subcatbox + a > img { float: right; margin-top: 8px; } /*---------------------------------------------------------------------------- => Design & Inspiration Section Landing Page Styling ----------------------------------------------------------------------------*/ div#design_inspiration { width: 680px; height: 395px; } div#design_inspiration img { width: 429px; height: 395px; float: left; } div#design_inspiration div.box2 { float: left; margin-left: 17px; margin-right: 15px; } div#design_inspiration_top_right { clear: right; } div#design_inspiration_bottom_right { margin-top: 17px; } div#design_inspiration div.box2 div.boxContent { width: 188px; height: 155px; font-size: 10px; line-height: 150%; } div#design_inspiration div.box2 div.boxContent img { width: 188px; height: 79px; margin:10px 0; } div#design_inspiration h3 { font-weight: bold; padding:0; color:#666; } /*---------------------------------------------------------------------------- => Pro Center: Common CSS for all modules on Pro Center page ----------------------------------------------------------------------------*/ div.flexibox_mod { margin-bottom: 15px; } div.flexibox_mod h3.module_title, div.flexibox_mod li span.separator { text-transform: uppercase; font-weight:bold; } div.flexibox_mod li span.separator { display:block; font-size:14px; margin-left:-19px; padding:4px 0 1px; color:#666; } .com_procenter .tabs .tabContentBox.noHorizPadding {padding-left:7px;} /*---------------------------------------------------------------------------- => Pro Center: Find Product and Document Search Module ----------------------------------------------------------------------------*/ div#find_prod_doc_search { overflow:hidden; } div#find_prod_doc_search h3 {padding-bottom: 8px; } div#find_prod_doc_search div#find_prod li { float: left; padding: 5px 0; margin:0 5px; width: 63px; text-align: center; } div#find_prod_doc_search div#find_prod li img { display: block; margin: 0 auto; } div#find_prod_doc_search div#find_prod ul { padding: 5px 14px 5px 0; } div#find_prod_doc_search div#find_prod { float: left; width: 383px; border-right:1px dotted #333; } div#find_prod_doc_search div#doc_search { float: left; width: 270px; margin-left: 19px; position:relative; } div#find_prod_doc_search span.description { position:absolute; top:67px; left:10px; } /*---------------------------------------------------------------------------- => Search input box styling, used in mod_find_prod and mod_find_store_filters ----------------------------------------------------------------------------*/ /*label.search_input_short { background:url("/d7803af4da145a6/fld_search.png") no-repeat scroll -6px -0px transparent; width: 140px; } .search_input_short.active {background-position:-6px -144px;} label.search_input_short input {width: 140px;} */ label.search_input_medium { background:url("/d7803af4da145a6/fld_search.png") no-repeat scroll -6px -117px transparent; width: 140px; } .search_input_medium.active {background-position:-6px -144px;} label.search_input_medium input {width: 140px;} label.search_input_long { width: 171px; background: url("/d7803af4da145a6/fld_search.png") no-repeat scroll -6px -90px } .search_input_long.active {background-position:-6px -63px;} label.search_input_long input { width: 171px; } label.search_input{ display: block; height: 25px; line-height: 22px; padding: 0px 37px 0px 7px; margin-top:10px; } label.search_input input { background: none repeat scroll 0 0 transparent; border: 0 none; height: 25px; line-height: 22px; } #find_store_input { width:50px; } #com_find_store .loading, #com_find_store #noLocs, #com_find_store #wsFail { color:#D9A716; display:none; font-size:14px; font-weight:bold; margin-top:10px; } #com_find_store ul.windows li, #com_find_store ul.patio_doors li, #com_find_store ul.exterior_doors li, #com_find_store ul.interior_doors li, #com_find_store ul.garage_doors li { line-height:11px; margin-bottom:6px; } #right #component #com_find_store {width: 680px; margin-left: 15px; padding-bottom: 10px;} /* New FAS Rules */ #component #com_jw_findstore {width: 680px; margin-left: 15px; padding-bottom: 10px;} #com_jw_findstore #online_retailers {margin: 0 20px;} #com_jw_findstore #online_retailers p {padding: 7px 0;} #com_jw_findstore table td{ padding: 10px 6px; vertical-align: top; height: 82px; min-height: 82px; } #com_jw_findstore #online_retailers tr.row_border td{padding-bottom: 10px;} #com_jw_findstore #online_retailers tr.row_border{border-bottom: 1px dotted #666;} #com_jw_findstore #online_retailers #location_table_body a img {margin-bottom: 5px;} #com_jw_findstore #online_retailers th img{margin-left: -105px;} #com_jw_findstore table th { text-transform: uppercase; font-size: 11px; padding: 12px; text-align: center; font-weight: 500; } #com_jw_findstore #online_retailers th, #com_jw_findstore #online_retailers td{padding-bottom: 0;} /*---------------------------------------------------------------------------- => Search Results - Documents/Articles ----------------------------------------------------------------------------*/ #fileSearchResults {} #fileSearchResults li , #searchResults li {border-bottom:1px dotted black; padding:11px 0px; } #right #fileSearchResults li p, #right #searchResults li p {line-height:16px; padding:0px 0px 4px 0px; } #fileSearchResults li p.fileDescrip, #searchResults li p.fileDescrip {padding-top:4px;} #fileSearchResults li p .fileType, #searchResults li p .fileType {float:right;} #fileSearchResults li p .fileTitle, #searchResults li p .fileTitle {font-size:14px; font-weight:bold; } #fileSearchResults li p .fileIcon {padding-left:20px; display:inline-block; } #fileSearchResults li p .fileAka { color:#666; font-size:12px; font-style:italic; font-weight:bold; } /*#searchResults .score {color: red; font-weight:bold; } #searchResults li {border-bottom:1px dotted #818181; } */ /*---------------------------------------------------------------------------- => Pro Center: Latest Product News Module ----------------------------------------------------------------------------*/ #right .moduletable {clear:left;} .moduletable-float_half, .moduletable-float_half_first {width:348px; float:left} .moduletable-float_wide, .moduletable-float_wide_first {width:400px; float:left;} .moduletable-float_narrow, .moduletable-float_narrow_first {width:296px; float:left;} .moduletable-float_half .boxContent, .moduletable-float_half_first .boxContent, .moduletable-float_wide .boxContent, .moduletable-float_wide_first .boxContent, .moduletable-float_narrow .boxContent, .moduletable-float_narrow_first .boxContent {height:230px; overflow:hidden;} .moduletable-float_half, .moduletable-float_wide, .moduletable-float_narrow {padding-left:14px;} .latest_news {margin-top:3px; overflow:hidden;} .latest_news li {padding:5px 0 10px;} .latest_news .date {position:absolute; text-align:left; color:#777;} .latest_news .article_link {display:block; margin-left:65px; text-align:left;} .latest_news .article_link_nodate {display:block; text-align:left;} .latest_news .button {clear:both; margin-top: 5px; margin-left: 60px;} .latest_news .button_nodate {clear:both; margin-top: 5px; } .rssIcon {display:block; height:19px; line-height:19px; position:absolute; top:0; right:0; font-weight:bold;} .rssIcon img {float:left; padding-right:5px;} /*---------------------------------------------------------------------------- => Fluid Events module ----------------------------------------------------------------------------*/ li.fluid_events {position:relative; padding-top:3px; padding-bottom:5px; margin-top:10px; margin-bottom:3px;} .fluid_events div.date { text-align: center; width: 30px; position:absolute; left:0; } .fluid_events div.date div.month { font-size: 15px; font-weight: bold; color: #337FA2; } .fluid_events div.date div.day { font-size: 27px; font-weight: 900; line-height: 75%; color: #999999; } .fluid_events .fluid_events_link { margin-bottom: 10px; margin-left: 15px; margin-left: 50px; } .fluid_events .button { margin-left: 45px; } .fluid_events .button, .fluid_events-float .button, .fluid_events-float_narrow .button, .fluid_events-float_wide .button {clear:both; margin-left:44px;} /*---------------------------------------------------------------------------- => Pro Center: Meet the Pros Module ----------------------------------------------------------------------------*/ div#meet_pros { overflow:hidden; padding:0 10px; } div#meet_pros div.picture_button_link_tile { width: 200px; } div#meet_pros div.picture_box img { width: 200px; height: 100px; margin: 5px 0px; } div#meet_pros div.picture_button_link_tile { float: left; } div#meet_pros div.picture_button_link_tile h2 { float: left; font-size: 14px; color: #337FA2; margin-top: 10px; } #meet_pros .dotted_border { margin: 48px 12px 41px 12px; border-left-style: dotted; border-left-width: thin; float: left; height: 86px; } #meet_pros .meet_pros_btn {padding-top:10px; position:relative; left:-5px;} /*---------------------------------------------------------------------------- => Pro Center: Pro Support and Pro Newsletter Module ----------------------------------------------------------------------------*/ div#pro_support_news { height:240px; padding:0 20px; margin-bottom:15px; line-height: 1.3em; background: url("/d7803af4da145a6/bg_contact_us_vertical.png") no-repeat -1px 0; } div#pro_support_news span.info_label { text-transform: uppercase; } div#pro_support_news div#support, div#pro_support_news div#newsletter { height:96px; margin-bottom:20px; } div#pro_support_news div#support h3 {padding-top:24px;} div#pro_support_news div#newsletter h3 {padding-top:20px;} div#pro_support_news form { margin-top: 7px; } /*---------------------------------------------------------------------------- => com_solr (Search): ----------------------------------------------------------------------------*/ #solr_result_none ul, #solr_doc_result_none ul { margin-left: 15px; } #solr_result_none li, #solr_doc_result_none li { text-align: center; float: left; margin-right: 50px; width: 75px; } #solr_result_none h3, #solr_doc_result_none h3 {margin-bottom:14px; } #solr_result_none h3#searchTerm, #solr_doc_result_none h3#searchTerm { font-weight: bold; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dotted black; } #solr_result_none h3#searchTerm, #solr_doc_result_none h3#solrDocNone { color: #CD0E00; } #solr_result_none p, #solr_doc_result_none p { margin-bottom: 50px; } #solr_result_none li img, #solr_doc_result_none img { display: block; margin: 0 auto; } #solr_result_none .clear, #solr_doc_result_none .clear { height: 1%; } /*---------------------------------------------------------------------------- => com_faq Frequently Asked Questions component ----------------------------------------------------------------------------*/ div#com_faq div.tabContentBox li { list-style: decimal; } div#com_faq h3 { text-transform: uppercase; } div#com_faq div.questions_header div.questions_title,div#com_faq div.answers_content div.answers_title { padding-bottom: 15px; margin-bottom: 25px; border-bottom-style: dotted; border-bottom-width: thin; } div#com_faq div.questions_header { margin-bottom: 25px; } div#com_faq li.answer_item { } div#com_faq div.tabContentBox li { list-style: decimal; list-style-position: outside; margin-left: 15px; } div#com_faq li.answer_item a { line-height: 2em; } div#com_faq div.backtop_link { margin-top: 10px; } div#com_faq div.answer_divider { border-bottom-style: dotted; border-bottom-width: thin; margin-bottom: 15px; padding-bottom: 15px; margin-left: -15px; } /*---------------------------------------------------------------------------- => com_events Events component ----------------------------------------------------------------------------*/ div#com_events div.rss { text-align: right; } div#com_events div.date { float: left; clear: left; margin-top: 10px; margin-bottom: 10px; margin-right: 8px; text-align: center; width: 30px; } div#com_events div.date div.month { font-size: 15px; font-weight: bold; color: #337FA2; } div#com_events div.date div.day { font-size: 27px; font-weight: 900; line-height: 75%; color: #999999; } div#com_events div.event_link { float: left; clear: right; margin-top: 10px; margin-bottom: 10px; margin-left: 15px; padding-right: 38px; } div#com_events div.year_header { font-size: 14px; padding: 30px 20px 15px 20px; color: gray; font-weight: bold; } div#com_events div.year_divider { border-bottom-style: dotted; border-bottom-width: thin; margin-left: -17px; margin-right: -14px; } div#com_events div.event_link a { font-size: 11px; font-weight: bold; } div#com_events li.event_listing { height: 50px; padding: 20px; margin-left: 5px; border-bottom-style: dotted; border-bottom-width: thin; } div#com_events div.year_header:FIRST-CHILD { padding: 0px 20px 15px 20px; } /*---------------------------------------------------------------------------- => com_collection Collection ----------------------------------------------------------------------------*/ #com_collection { width: 476px; } #com_collection div.explanation_message { padding-bottom: 15px; border-bottom: thin dotted; } #com_collection div.design_own_banner { padding: 15px 0px; border-bottom: thin dotted; } #com_collection div.design_own_banner h3 { padding-bottom: 5px; } #com_collection div.design_own_banner img.icon { height: 50px; float: left; padding: 7px; } #com_collection div.select_all { border-bottom: thin dotted; padding: 10px 0px; } #com_collection div.listing { padding: 15px 0px 15px 0px; border-bottom: thin dotted; height: 180px; } #com_collection .left_prod_list { width: 150px; float: left; vertical-align: top; margin-right: 15px; height: 180px; } #com_collection .left_prod_list img { width: 120px; height: 120px; } #com_collection .left_prod_list form { margin-right: 13px; float: left; } #com_collection .right_prod_list { float: left; width: 420px; height: 180px; } #com_collection .right_prod_list .prod_details { height: 110px; overflow: hidden; } #com_collection .right_prod_list .button_box { margin-top: 15px; } #com_collection .left_prod_list li,#com_collection .right_prod_list li { display: inline; } #com_collection h3 { color: #337FA2; font-size: 14px; font-weight: bold; } /*Most selectors used in multiple places. Can combine*/ #com_collection h3.aka { font-size: 12px; font-style: italic; } #com_collection p { font-size: 11px; margin: 10px 0px; } #com_collection li { font-size: 11px; margin: 5px 0px; } #com_collection .right_prod_list .prod_details li { /*Repeated code. Should be combined*/ display: block; color: #666; background: url(/d7803af4da145a6/bullet_dot_red.gif) no-repeat left center; padding-left: 11px; } #com_collection .ways_to_buy { height: 55px; padding-top: 15px; } #com_collection .heading { height: 17px; padding-bottom: 10px; } #com_collection .heading h2 { text-transform: uppercase; font-size: 14px; float: left; } #com_collection .heading .buying_guides { float: right; text-transform: uppercase; font-weight: bold; } #com_collection .button_group { height: 35px; } #com_collection .button_group .button { float: left; font-size: 9.5px; font-weight: bold; } a#invite_friend{ float: right; } span#chat{ text-transform:uppercase; font-weight:bold; color:#666666; font-size:14px; line-height: 26px; } /*---------------------------------------------------------------------------- => com_solr: TechDocs results ----------------------------------------------------------------------------*/ div#com_solr_techdocs div.box2 { clear: both; } /*---------------------------------------------------------------------------- => com_designgallery: Design Gallery styles ----------------------------------------------------------------------------*/ div#com_designgallery object.youtube_video{ width: 665px; height: 405px; } div#com_designgallery div.video_info{ float: left; width: 355px; padding-right: 15px; margin: 10px 0px; } div#com_designgallery div.video_info div.description{ padding: 15px 0px; } div#com_designgallery div.links{ text-transform: uppercase; } div#com_designgallery div.links img{ margin:2px; } div#com_designgallery div.links a:FIRST-CHILD{ margin-right:10px; } div#com_designgallery div.in_this_video{ margin: 10px 0px; padding-left: 15px; float: left; width: 280px; height: 140px; border-left-width: thin; border-left-style: dotted; border-left-color: black; } div#com_designgallery div.in_this_video h3{ text-transform: uppercase; } div#com_designgallery a.left_arrow, div#com_designgallery a.right_arrow{ width: 18px; height: 24px; margin: 33px 0px ; float: left; } div#com_designgallery a.left_arrow{ background: url("/d7803af4da145a6/arrows.png") 0 0 ; } div#com_designgallery a.right_arrow{ background: url("/d7803af4da145a6/arrows.png") 18px 0 ; } div#com_designgallery a.left_arrow:HOVER{ background: url("/d7803af4da145a6/arrows.png") 0 24px ; } div#com_designgallery a.right_arrow:HOVER{ background: url("/d7803af4da145a6/arrows.png") 18px 24px ; } div#com_designgallery div.in_video_carousel{ width: 270px; height: 90px; overflow: hidden; float: left; margin: 10px 5px; } div#com_designgallery div.prod_group{ float: left; margin: 0px 10px; width: 212px; } div#com_designgallery div.in_video_carousel img{ margin: 0px 14px; float:left; } div#com_designgallery div.article_listing{ margin-left: 17px; overflow:hidden; } div#com_designgallery .tabs .tabContentBox { background: none repeat scroll 0 0 #FFFFFF; padding: 15px 5px 0px 5px; margin: 0; } #com_designgallery .paginationNav .page_switcher {float:none;} .com_designgallery #cboxTitle { text-align: left; color: #D7A50E; font-weight: bold; font-size: 13px; margin-left:60px; } /*---------------------------------------------------------------------------- => Design Gallery module: mod_video_switcher ----------------------------------------------------------------------------*/ #video_switcher_box { margin-bottom: 12px; } #mod_video_switcher .module_title { border-bottom-style: dotted; border-bottom-color: black; border-bottom-width: thin; padding-bottom: 15px; margin-bottom: 15px; } .designgallery_videos { width: 680px; overflow: hidden; } .designgallery_videos .back, .designgallery_videos .forward { margin-top: 33px; } .designgallery_videos .sc_menu { width: 640px; margin: 0; padding: 0; height: auto; } .designgallery_videos .sc_menu ul { height: auto; } .designgallery_videos .sc_menu li { width: 124px; margin: 0px 17px 0px 17px; font-weight: bold; } .designgallery_videos a.highlighted_video_thumb { color: #D7A50E; } .designgallery_videos .sc_menu li img { border: 1px solid #999999; padding: 1px; margin-bottom: 3px; } .designgallery_videos a.highlighted_video_thumb img { border: 1px solid #D7A50E; background-color: #D7A50E; } /*---------------------------------------------------------------------------- => Listing Header styles ----------------------------------------------------------------------------*/ div.listing_header div.header_item { float: right; height: 25px; margin: 0px 0px 15px 15px ; min-width: 50px; } div.listing_header div.header_item.paginationRange { float: left; margin-left: 0px; min-width: 120px; } div.listing_header h4 { border-bottom:medium none; font-size:13px; margin-bottom: 0; font-weight: 500; } div.listing_header { height: 25px; padding-bottom: 7px; margin-bottom: 15px; border-bottom-style: dotted; border-bottom-width: thin; text-transform: uppercase; } div#listing_header_borderless { border-bottom: none; } div.page_switcher { text-align: right; text-transform:uppercase; } div.page_switcher a { /*color: #9ad400;*/ font-weight: 600; padding: 0px 3px; } div.page_switcher a.highlighted_page_link { color: #d7a50e; } div.footer_item { padding-top: 15px; text-align: right; } /*---------------------------------------------------------------------------- =>Article Listing styles ----------------------------------------------------------------------------*/ div.article_listing div.title_box{ margin-bottom: 5px; } div.article_listing span.title { font-size: 13px; border-bottom: none; font-weight: bold; } div.article_listing span.subtitle { font-size: 12px; border-bottom: none; font-style: italic; } div.article_listing span.type{ float:right; } div.article_listing span.doctype, div.article_listing span.type{ color:black; font-style: italic; } div.article_listing span.doctype:HOVER, div.article_listing span.type:HOVER{ color:black; } div.article_listing h4 { font-size: 13px; border-bottom: none; font-weight: normal; } div.article_listing { padding: 15px 0px; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: black; } div.article_listing:last-child { border-bottom: none; } /*---------------------------------------------------------------------------- =>Photo Listing styles ----------------------------------------------------------------------------*/ div.photo_paginate_content, #request_assets_form {overflow:hidden;} /* div.photo_row{ border-bottom-style: dotted; border-bottom-width: thin; padding: 15px 10px; height: 175px; } div.photo_row_extended{ border-bottom-style: dotted; border-bottom-width: thin; padding: 15px 10px; height: 200px; } div.photo_row:FIRST-CHILD{ padding-top: 0px; } div.photo_row:LAST-CHILD{ border-bottom-style: none; padding-bottom: 0px; }*/ div.photo_tile div.checkbox{ padding-top: 7px; } div.photo_tile { overflow:hidden; float: left; text-align: center; padding: 17px; width: 124px; height: 170px; border-top:1px dotted #333; margin-top:-1px; } div.withCheckbox { height:200px; } /*div.photo_tile:FIRST-CHILD{ padding-left: 0px; } div.photo_tile:LAST-CHILD{ padding-right: 0px; }*/ /* Be careful that this doesn't squish/distort images*/ div.photo_tile img{ max-width: 124px; max-height: 124px; padding-bottom:10px; } /*---------------------------------------------------------------------------- =>com_assetgallery styles ----------------------------------------------------------------------------*/ div#com_assetgallery div.button{ height: 24px; } div#com_assetgallery div.box2{ margin-top: 10px; margin-bottom: 10px; } /*---------------------------------------------------------------------------- =>com_find_store styles ----------------------------------------------------------------------------*/ .com_find_store #main {margin-bottom: 10px;} div#com_find_store #map_box.box{ background:url("/d7803af4da145a6/find_store_mapHeader.png") no-repeat scroll left top transparent; margin-right:15px; /*padding-top:53px;*/ } div#com_find_store #map_box.box #map_header_form_box { float:left; height:24px; padding: 5px 20px 5px 20px; } div#com_find_store #map_box.box .boxTopRight{ background:url("/d7803af4da145a6/find_store_mapHeader.png") no-repeat scroll right bottom transparent; height:53px; position:absolute; right:-15px; width:15px; } div#com_find_store #store_type_form label{ padding: 7px 50px 7px 7px; } div#com_find_store #store_type_form label.last-label{ padding-right: 0px; } div#com_find_store div#table_container div#store_results_header{ margin-top: 10px; } div#com_find_store div#instructions_box{ margin-bottom: 10px; } div#com_find_store #map_box.box .boxContent { padding-left:6px; } div#com_find_store #map_box.box .boxBottomLeft { background:url("/d7803af4da145a6/box_topAndBottom.png") no-repeat scroll left -15px transparent; height:7px; } div#com_find_store #map_box.box .boxBottomRight { background:url("/d7803af4da145a6/box_topAndBottom.png") no-repeat scroll right -15px transparent; height:7px; } div#com_find_store #map_box .boxRight{ width: 665px; } div#com_find_store #map_box .boxContent{ width: 668px; } div#com_find_store #map_canvas{ width: 668px; } div#com_find_store table td{ border:solid thin #D8D8D8; padding: 10px 6px; vertical-align: top; width: 90px; height:82px; min-height:82px; } table#location_table.print{ font-size: 10pt; } div#com_find_store td.storeInfo{ width: 252px; } #com_find_store tr td.storeInfo { text-align: right; } #com_find_store tr.first_store td.storeInfo { text-align:left; } div#com_find_store table th{ border:solid thin #D8D8D8; text-transform: uppercase; font-size: 11px; padding: 12px; text-align: center; background: #E8E8E8; font-weight: 500; } h3.com_title{ font-weight:bold; margin-bottom:7px; text-transform:uppercase; } /* div#com_find_store table th:FIRST-CHILD{ background: url('/d7803af4da145a6/finsstore_header_left.png') left center no-repeat; } div#com_find_store table th:LAST-CHILD{ background: url('/d7803af4da145a6/finsstore_header_right.png') right center no-repeat; } */ div#com_find_store div.icon_tile{ float:left; text-align: center; padding-left: 25px; display:none; /* these will be added back later, but for launch should be disabled - bug 16634 */ } div#com_find_store div.icon_tile:FIRST-CHILD{ float:left; text-align: center; padding-left: 5px; } div#com_find_store div.pin_icon{ float:left; background-image: url("http://chart.apis.google.com/chart?chst=d_map_spin&chld=.75|0|CAD7FC|16|b|"); width: 29px; height: 46px; margin: 0px 5px; color: black; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; padding-top: 5px; } div#com_find_store div.storeInfo{ float: left; padding-left:5px; width: 175px; } div#com_find_store td h4{ border:none; text-transform: none; font-size:12px; font-weight:600; margin-bottom: 0px; } div#com_find_store table.print td h4{ margin: 0px; } div#com_find_store table.print td ul{ padding:0 0 0 7px; margin: 0 0 0 5px; } #right #component div#com_find_store td p{ padding-top: 0px; line-height: 1.75em; } #right #component div#com_find_store td p.details{ line-height: 1.3em; } div#com_find_store tr.even { /*div#com_find_store tr.odd:hover { */ background: #F8F8F8; } /*div#com_find_store tr.even:hover { background:#ffffff; } */ div#com_find_store td.link_bar{ vertical-align: middle; max-height: 41px; height: 41px; min-height: 41px; width: auto; } div#com_find_store tr.link_bar{ height: 50px; } div#com_find_store div.link_tile{ } div#com_find_store div.right_tile{ float:right; padding: 13px 3px; } div#com_find_store table#location_table tr td ul li.highlighted{ background-color: yellow; } div#com_find_store div.print_share_box{ padding-bottom: 15px; height:15px; } div#com_find_store div.print_share_box div.right_side{ float: right; } div#com_find_store div#share_link_box{ float: left; } div#com_find_store div#share_link_box input{ width: 300px; } div#com_find_store div.right_side span.divider{ text-align: center; margin: 0px 10px; } div.directionsHopupContentBox { width: 780px; height: 500px; text-align: left; padding: 0px 10px 10px 10px; } div.directionsHopupContentBox h3{ font-weight:bold; margin-bottom: 2px; text-transform: uppercase; } div.directionsHopupContentBox div#directions_panel,div.directionsHopupContentBox div#map_canvas { width:380px; height:475px; float: left; padding: 5px; } div.directionsHopupContentBox div#directions_panel form span{ width: 30px; } div.directionsHopupContentBox div#directions_panel input{ width:347px; margin: 5px; padding: 3px; } div.directionsHopupContentBox div#directions_panel td{ padding: 10px 5px; } div.directionsHopupContentBox div#directions_panel table#adp-placemark td{ padding: 7px; } div.directionsHopupContentBox div#directions_panel input#get_directions{ width:100px; float: right; } div.directionsHopupContentBox div#direction_results_panel{ overflow-y: auto; overflow-x: auto; width: 374px; height:374px; line-height: 1.5em; } div.directionsHopupContentBox div#error_msg{ color: red; } div.directionsHopupContentBox div#directions_form_box{ height: 102px; padding-bottom: 2px; } .store_info_row { margin-left:10px; } /*---------------------------------------------------------------------------- =>com_find_store (online retailers page) ----------------------------------------------------------------------------*/ div#com_find_store #online_retailers th, div#com_find_store #online_retailers td { background:none; width:180px; border:none; padding-bottom:0px; } div#com_find_store #online_retailers tr.row_border { border-bottom:1px dotted #666666; } div#com_find_store #online_retailers tr.row_border td { padding-bottom:10px; } #online_retailers #header_row { border-bottom:1px dotted #666666; } #online_retailers th#store_name p { color:#666666; font-weight:bold; margin-top:85px; text-align:left; } div#com_find_store #online_retailers th img { margin-left:-105px; text-align:left; } #online_retailers th p { color:#666666; font-weight:bold; text-align:left; } #online_retailers .logo { text-align:center; } #online_retailers td.logo ~ td > a { background:none; display: block; color: #333333; font-size:11px; font-weight:bold; margin-bottom:10px; padding-left:10px; width:170px; } /*---------------------------------------------------------------------------- =>mod_find_store_filters styles ----------------------------------------------------------------------------*/ div#mod_find_store_filters div.image_div{ width: 60px; padding-right:10px; } div#mod_find_store_filters div.image_div img{ width: 63px; height: 75px; } div#mod_find_store_filters div#zip_error_box{ color: red; } div#mod_find_store_filters li.catagory{ border-bottom: dotted thin; float: left; clear: both; width: 180px; padding: 10px 0px; } div#mod_find_store_filters li.window_filters div.image_div{ padding-top: 4px; padding-bottom: 4px; } div#mod_find_store_filters li.ext_door_filters div.image_div{ padding-top: 6px; padding-bottom: 6px; } div#mod_find_store_filters li.int_door_filters div.image_div{ padding-top: 6px; padding-bottom: 6px; } div#mod_find_store_filters li.patio_door_filters div.image_div{ padding-top: 25px; padding-bottom: 25px; } div#mod_find_store_filters li.garage_door_filters div.image_div{ padding-top: 0px; padding-bottom: 0px; } div#mod_find_store_filters li.catagory div.checkboxlist,div#mod_find_store_filters li.catagory div.image_div{ float:left; } div#mod_find_store_filters li.catagory.last-child{ border-bottom: none; } div#mod_find_store_filters li.catagory ul li input{ margin-right: 7px; } #mod_find_store_filters label#search_address{ position:relative; } .search_button{ height: 25px; width: 33px; cursor: pointer; display: block; position: absolute; top:0; right:0; } div#mod_find_store_filters li.catagory p{ margin-bottom: 7px; } div#mod_find_store_filters div.last_box{ clear:both; } div#mod_find_store_filters #address_label{ padding-bottom: 10px; } div#mod_find_store_filters h3#refine_title{ clear:both; margin-top: 40px; } div#mod_find_store_filters h3{ margin-bottom: 10px; } div#mod_find_store_filters a.button span{ float: right; } div#mod_find_store_filters #refine_results{ margin-bottom: 10px; } div#zip_code { margin-bottom:10px; } #fs_canada_link { display:block; margin-top:10px; } /* old mod_find_store_filters styles? #refine_results img { float:left; border:1px solid black; display:block; } #refine_results ul {width:100%; } #refine_results li {clear:left; width:100%; height:100px;} #refine_results ul ul {float:left; width:150px;} #refine_results li li.first {float:left; clear:none; width:90px; } #refine_results li li.second {float:left; clear:none; width:60px; } */ /*---------------------------------------------------------------------------- =>mod_custom Customer Support and Talk to Us styles (used with com_collection) ----------------------------------------------------------------------------*/ div#com_collection_cust_support{ height: 116px; width:467px; background: url("/d7803af4da145a6/bg_contact_us_horizontal.png"); font-size: 12px; } div#com_collection_cust_support div#cust_support{ height: 76px; width:170px; padding:20px; float: left; } div#com_collection_cust_support div#talk_to_us{ height: 76px; width:217px; padding:20px; float: left; } div#com_collection_cust_support img{ padding-right: 15px; float: left; margin-top: -5px; } div#com_collection_cust_support h3{ color: #337FA2; } div#com_collection_cust_support a{ text-transform: uppercase; font-size: 10px; } /*---------------------------------------------------------------------------- =>mod_custom Customer Support and Talk to Us styles (used with com_collection) ----------------------------------------------------------------------------*/ #mod_live_chat{ height: 116px; width:212px; background: url("/e8e64d5bc0d192d/click_to_chat_bg_228.png") no-repeat scroll -8px -8px transparent; font-size: 12px; background-size: 228px auto; } #click-to-chat-unavailable {font-style:italic; color: #666;} #mod_live_chat_contents{padding:10px 0 0 80px; } #mod_live_chat h3 {padding-left: 5px;} #mod_live_chat p {margin-bottom:4px; padding-left: 5px; font-size:11px;} #mod_live_chat a p, #mod_live_chat #smartbutton p#click-to-chat-unavailable {font-size:10px; padding: 0;} #mod_live_chat p span {color:#D7A50E;} /*---------------------------------------------------------------------------- => Send-to-friend Photo styles (used with com_send_to_friend) ----------------------------------------------------------------------------*/ .com_send_to_friend #shared-photo img {display: block; margin: 0 auto;} .com_send_to_friend #shared-photo p {color: #666; font-size: 12px; margin: 15px 0 0; text-align: left; width: 100%;} .com_send_to_friend #shared-photo .share-details {margin: 15px 0 0px 10%; padding-bottom: 15px; width: 80%;} .com_send_to_friend #all_layout {padding-bottom: 10px;} /*---------------------------------------------------------------------------- =>CSS used to add plus icon to a links ----------------------------------------------------------------------------*/ a.small_plus_link{ background: url("/d7803af4da145a6/icon_plus_sm.png") no-repeat scroll left center transparent; padding-left: 10px; } a.plus_link{ background: url("/d7803af4da145a6/icon_plus.png") no-repeat scroll left center transparent; padding-left: 18px; } .tooltip_style1 { background: url("/d7803af4da145a6/icon_questionmark.png") no-repeat 0px -18px transparent; display:block; width:19px; height:19px; margin-top:-2px; float:left; } body.com_product_images .qtip { padding:0px 25px 0px 0px; } /*---------------------------------------------------------------------------- =>Tech Docs Search Module ----------------------------------------------------------------------------*/ #searchExample {margin-top:10px; } #searchExample strong {font-weight:bold; } /*---------------------------------------------------------------------------- => arch-rep-form styles ----------------------------------------------------------------------------*/ #arch-rep-form {margin-top: 10px;} #arch-rep-form label {margin-right: 5px;} #arch-rep-form input {width:60px} #arch-rep-form .btn_aSubmit {float: right; margin-top:-5px;} #arch-rep-form label.error {display:block; color:red; margin-top:6px;} #arch-rep-form #arch-zip {width:200px;} #arch-rep-form #arch-rep-btn-content {height:20px; padding: 2px 0;} #arch-rep-form #arch-rep-btn-content div {float:right; margin-top:-2px;} #jeldwen-arch-rep {text-align: left;} #jeldwen-arch-rep h1 {color:#D7A50E; font-size:18px; font-weight:bold; padding-bottom: 5px; text-align: left; text-transform: uppercase;} #jeldwen-arch-rep #rep-header {margin-bottom:10px; font-size: 14px;} #jeldwen-arch-rep #arch-rep-image {float:left; margin-left:20px;} #arch-rep-content {float:right; text-align: left; margin-right:20px; font-size:10px;} #arch-rep-content p {font-size:14px; font-weight: bold;} /*---------------------------------------------------------------------------- => com_warranty_request component ----------------------------------------------------------------------------*/ .com_warrantyrequest #right #component p#warranty_request_header {text-align: center; margin: 0 20px;} /*---------------------------------------------------------------------------- => com_sched_dealer Request Consultation component ----------------------------------------------------------------------------*/ #request_consultation h1 {color:#D7A50E; font-size:18px; font-weight:bold; padding-bottom: 5px; text-align: left; text-transform: uppercase;} #right #request_consultation h1 {display: none;} #request_consultation .form {width: 600px;} #request_consultation p {padding: 5px 0; text-align: left;} #request_consultation p {text-transform: uppercase;} #request_consultation #disclaimer, .com_contact_us #disclaimer { float:left; width:400px; text-transform: none; } #request_consultation #contact_info, .com_contact_us #contact_info { float:right; text-transform:none; } #request_consultation .service-link{ text-align: right; margin-right: 15px; } #request_consultation .form_standard label, #request_consultation .form_standard .labelPlaceholder {width: 205px;} #request_consultation .form_standard select { height: 22px; line-height: 22px; width: 187px; text-align:left;} #request_consultation .form_standard select, #request_consultation .form_standard input {margin: 0 0 0 10px;} #request_consultation .form_standard input[type="radio"] {margin: 5px; float: left;} #request_consultation .form_standard #phoneDropdown label {margin-left: -16px;} #request_consultation .form_standard label.contact_radio {display:inline; float:left; width: auto; margin-left:10px;} #request_consultation .form_standard label.installation_radio { margin:0 0 0 10px; } #request_consultation .form_standard label.installation {text-align: left; width: auto;} #request_consultation .form_standard #installation {text-align: center;} #request_consultation #commentBox { float:left; margin-left: 10px;} #request_consultation #commentBox textarea { background: none repeat scroll 0 50% transparent; border: 0 none; height: 40px; width: 250px; resize: none; overflow:auto; } #request_consultation form td, #request_consultation label {padding: 2px;} #request_consultation .form_standard #productsInterestedInBox label, #request_consultation .form_standard #additionalSpecialitiesBox label, #request_consultation .form_standard #installation label { width: auto;} #request_consultation .form_standard input[type="checkbox"] { width: 20px; float:left; margin-top: 4px;} #request_consultation .form_standard select, #request_consultation .form_standard input {} #request_consultation .form_standard > div {padding: 10px 0;} #request_consultation label.error {float: right; right: 80px;} #request_consultation input.error {display:inline; } #request_consultation .form_standard #productsInterestedInBox label {margin-right:5px; } /*Overriding default margin*/ #request_consultation .form_standard #productsInterestedInBox select {width:130px; margin-left:0px; } /*Overriding default margin*/ #request_consultation #pi_interested td {width:160px;} #request_consultation #emailList label { float:none; width:400px; display:inline; } #request_consultation #additionalSpecialitiesBox label { float:none; display:inline; margin-right:0px; padding:0px; white-space:nowrap; } #request_consultation .form_standard #additionalSpecialitiesBox input {width: 20px;} #additionalSpecialitiesBox .boxContent { padding-left:0; } #request_consultation .tooltip {margin-left: 10px;} #appointmentResponse h1 { color: #D79200; font-size: 18px; font-weight: bold; padding-bottom: 5px; text-align: left; text-transform: uppercase; } #rac_thankyou_page{ margin: 40px auto; text-align: center;} #rac_thankyou_page h2{ color: #337FA2; font-weight: bold; font-size: 18px; line-height: 40px; } #rac_thankyou_page h3{ color: #337FA2; font-weight: bold; font-size: 14px; line-height: 30px; } #rac_thankyou_page h5{ font-size: 14px; color: #666; font-weight: bold; line-height: 24px; display: inline; padding: 10px 20px; } #rac_thankyou_page img{ margin: 15px auto 30px auto; box-shadow: 0 0 8px 0 #666; border-radius: 5px; } #rac_thankyou_page p{ text-transform: none; } /*---------------------------------------------------------------------------- => mod_proforms_iframe ----------------------------------------------------------------------------*/ .iframe_form { width:100%; } .transparent, .body-iframe-form { background-color: transparent; } .body-iframe-form { text-align:left; } .body-iframe-form p { font-size:12px; margin-bottom: 10px; } .body-iframe-form .box2, .body-iframe-form .box2 .boxTopRight, .body-iframe-form .box2 .boxRight, .body-iframe-form .box2 .boxBottomLeft, .body-iframe-form .box2 .boxBottomRight, .body-iframe-form .box2 .boxContent { background:none; } .body-iframe-form .form_standard textarea { width:445px; } .body-iframe-form #form_success { margin:10px 15px; } /*---------------------------------------------------------------------------- => com_egresscalculator Egress Calculator component ----------------------------------------------------------------------------*/ #com_egresscalculator {overflow: hidden;} #egress_content {border-bottom: black dotted 1px;} #egress_content p {margin: 10px 0 10px 0; } #egress_left{clear: left; float:left; width: 470px;} #egress_left td {padding: 6px 10px 6px 0;} #egress_form_top td:first-child, #egress_form_bottom td, #egress_requirements_met { font-weight: bold;} #egress_left input[type=text] {width: 50px;} #egress_left input[type=checkbox] {margin-right: 6px;} #egress {margin-top: 10px;} #right #component #egress p {font-weight: bold; padding-bottom: 3px;} #egress select {margin-left: 12px; width: 200px;} #egress_form {margin-top: 12px; display:none;} #egress_form h3 {margin-bottom: 4px; text-transform: uppercase; } #egress_form_top {padding-bottom: 20px;} #egress_form table {margin: 6px 0;} #egress_requirements_met {text-align: center; margin-bottom: 10px;height: 20px; margin-left: 120px;} #egress_requirements_met span {margin: 0 auto; float:left; } #egress_requirements_met .yes-image, #egress_requirements_met .no-image {float:left; margin-right:4px; margin-top: -2px;} #egress_form_bottom {padding: 12px 0 20px 0; border-top: black dotted 1px; margin-top: 20px; display:none;} #egress_form_bottom td {width: 70px; padding-right: 20px;} #egress_form_bottom td:first-child {width: 130px;} #egress_form_bottom th {vertical-align: top;} #egress_form_bottom tr:first-child {height: 34px;} #egress_right {float: right; padding: 0 15px 0 0; width: 196px; clear: right;} #egress_right img {margin-left: 4px; margin-bottom: 10px;} #window_leg_height, #width_fraction_box, #height_fraction_box, #leg_height_fraction_box {display: none;} .egress_error {color:red;} #com_egresscalculator label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } #egress_note {text-align: center; margin: 5px 0; color:red;} #egress_left #leg_height_error_box, #egress_left #height_error_box, #egress_left #width_error_box {padding: 2px 3px 0 0;} #egress_left #leg_height_fraction_error_box, #egress_left #height_fraction_error_box, #egress_left #width_fraction_error_box {padding: 2px 3px 2px 0;} #egress_error_box {display:none; font-weight: bold; font-size: 18px; color: #D9A716; } .com_egresscalculator #all_layout #left_layout .custom, .com_content #all_layout #left_layout .custom {margin: 30px 10px 20px 0; overflow: hidden;} .com_content #left_layout .custom-boxless {margin: 30px -12px 20px; overflow: visible;} .com_contact_us #left_layout .custom-boxless {margin: 30px -17px 20px;} .com_content #right_layout .custom-boxless {margin: 0 0 20px; overflow: visible;} .com_content .withLeft #left_layout, .com_contact_us #left_layout {overflow: visible;} /*---------------------------------------------------------------------------- => com_intelliresponse Intelliresponse component ----------------------------------------------------------------------------*/ #com_intelliresponse li {list-style-image:url(/d7803af4da145a6/bullet_dot_red.gif); list-style-position:inside; margin-bottom: 10px;} #com_intelliresponse #question {width: 460px; background: none; border: 1px solid; float: left;} #com_intelliresponse .btn_aSubmit {margin-left: 10px;} #com_intelliresponse form {display: table;} #com_intelliresponse #answersBox {width:300px; float: left; margin-top: 15px; margin-bottom: 20px;} #com_intelliresponse #answersBox .loading {display: none; margin-top: 10px;} #com_intelliresponse #answers h3 {margin-bottom: 10px;} #com_intelliresponse #suggested {display: none; margin-top:40px; clear:both;} #com_intelliresponse #altLinks{display: none; margin-top: 40px; clear: left;} #com_intelliresponse #topQuestionsBox{width: 300px; float: right;} #com_intelliresponse #topQuestions {display: none;} #com_intelliresponse #topQuestions .topQuestion {margin-top: 10px; display: block;} #com_intelliresponse #rate h3 {margin-bottom: 10px;} #com_intelliresponse #ratings {float: left;} #com_intelliresponse #ratings .button {margin-bottom: 5px;} #com_intelliresponse #rate {margin-top: 40px; display:none;} #com_intelliresponse #ratings_submit {width: 300px; padding-top: 5px;} #com_intelliresponse #ratings_submit #suggestion {margin-top: 4px;} #com_intelliresponse #ratings_submit #rate_submit {float: left;} #com_intelliresponse #suggestion {width: 190px; margin-left: 10px;} #com_intelliresponse #suggestions, #com_intelliresponse #selectRelated {max-width: 620px; height: 22px; margin-top: 1px;} #com_intelliresponse #lookupSuggestion, #com_intelliresponse #lookupRelated {float:right;} #com_intelliresponse #related {clear: both; display: none;} #com_intelliresponse #thanks {display: none;} #com_intelliresponse #hideHistory {margin-bottom: 15px;} .com_intelliresponse #topHistory {text-align: left; width: 95%;} .com_intelliresponse #topHistory .topHistoryQuestion {margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #ccc;} .com_intelliresponse #topHistory span {display: block; font-weight: bold; margin-top: 10px;} .com_intelliresponse #printSummary {font-size: 14px;} #com_intelliresponse #summary_submit {float:right; margin-top:5px; margin-right:53px; outline: none;} #com_intelliresponse table {width: 100%;} #com_intelliresponse input[type="submit"] { display: inline-block; height: 24px; color: #fff; line-height: 25px; text-align: center; text-transform: uppercase; background: url(/d7803af4da145a6/20btn_sprite_all3.png) 0px -150px repeat-x; float: left; cursor:pointer; } /*---------------------------------------------------------------------------- =>404 Error page ----------------------------------------------------------------------------*/ #errorPage {padding-top:20px; text-align:center; } #errorPage p { margin: 0 auto; padding-bottom:12px; width: 575px; color:#666; } #errorPage h1, #errorPage h3 { text-transform: uppercase; padding-bottom:8px; } #errorPage img {padding:15px 0 20px;} #errorPage h1, #errorPage h3 {color:#337FA2; font-weight:bold;} #errorPage h3 {font-size:12px;} /* hide wufoo form brandhing */ .wufoo .info{display:none} /* * qTip2 - Pretty powerful tooltips * http://craigsworks.com/projects/qtip2/ * * Version: nightly * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com * * Dual licensed under MIT or GPLv2 licenses * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * * Date: Thu Mar 3 10:10:57 PST 2011 */ .qtip {padding: 5px;} /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; max-width: none !important; min-width: 0px !important; max-height: none !important; min-height: 0px !important; } .ui-tooltip, .qtip, .ui-tooltip-hidden{ position: absolute; left: -31000px; top: -31000px; display: block; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; } .ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border-width: 5px; border-style: solid; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: bold; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus{ } /*! Default tooltip style */ .ui-tooltip-titlebar, .ui-tooltip-content{ border-color: #F1D031; background-color: #FFFFA3; color: #555; } .ui-tooltip-titlebar{ background-color: #FFEF93; } .ui-tooltip-titlebar .ui-tooltip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /*! Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content{ border-color: #E2E2E2; color: #454545; } .ui-tooltip-light .ui-tooltip-content{ background-color: white; } .ui-tooltip-light .ui-tooltip-titlebar{ background-color: #f1f1f1; } /* jQuery UI Autocomplete 1.8.12 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.12 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; } /* * Fluid custom autocomplete styles */ ul.ui-autocomplete { border:2px solid #cde; background:white; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; opacity:.96; text-align:left; z-index:9100 !important; } .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { background:#daeafa; color:inherit; } /********* Article highlight ***********/ .article-highlight {display:block; border-width:1px;} .article-highlight.full-width {width: 100%; overflow: hidden;margin:10px 0; padding: 10px 0; border-top:1px dotted #222; border-bottom: 1px dotted #222;} .article-highlight.partial-width {width: auto; margin-top: 10px;} .article-highlight.partial-width.hleft, .article-highlight .article-media.hleft {float:left; margin-right: 20px;} .article-highlight.partial-width.hright, .article-highlight .article-media.hright {float:right; margin-left: 20px;} #right #page .article-highlight .caption {display:block; text-align:left; font-family: Times; margin-bottom: 10px; margin-right: 0; font-size: 16px;border-bottom: 1px dotted #222; padding: 10px 0px 15px; line-height: 1.2em;} #right #page .article-highlight.full-width .caption {margin-bottom: 0px; border-bottom: none; padding: 10px 0 0px; } #right #page .article-highlight .caption.hleft {float:left; border-bottom: 0; padding: 0;} #right #page .article-highlight .caption.hright {float:right; border-bottom: 0; padding: 0;} #right #page .article-highlight.full-width .caption.hleft {float: none;} #right #page .article-highlight.full-width .caption.hright {float: none;} #article-gallery { margin:5px 0 20px; padding-bottom: 15px; border-bottom: 1px dotted #222; } /*---------------------------------------------------------------------------- => CSS for Solutions Article ----------------------------------------------------------------------------*/ #add_proj_innerbox{ padding: 8px; } #additional_projects a.caption{ display: block; margin-top: 6px; width: 90%; color: #999; font-size: 12px; text-align: left; text-decoration: none; } .add_proj_img a span{ color: #337FA2; } #additional_projects{ clear: both; border: 2px solid #ededed; padding: 8px; } #solutions_template .right_block{ clear: right; float: right; width: 226px; margin-bottom: 10px; padding: 3px; border: 1px solid #EDEDED; border-radius: 2px; } article p.standout{ color: #333; font-size: 13px; } header{ position: relative; } header a{ display: block; text-align: left; } header a.level1{ margin: 6px 0 0 7px; } header a.level2{ margin: 8px 0 0 18px; } header a.level3{ margin: 4px 0 0 53px; } header a.level2, header a.level3{ background: url("/3750b6bd31ab03e/solutions/bullet_dot_red.gif") no-repeat 0 3px; padding-left: 10px; } header img{ float: right; margin: 0px 0 7px 7px; } .hr4{ background: url("/3750b6bd31ab03e/solutions/separater.png") repeat-x; clear: both; height: 7px; } .hr2{ background: url("/3750b6bd31ab03e/solutions/separater.png") repeat-x; clear: both; height: 3px; } #solutions_template nav{ background-color: #fdf8f5; margin: 7px 0; padding: 4px 0; width: 205px; min-height: 226px; } #solutions_template nav h4{ background: url("/3750b6bd31ab03e/solutions/jw_rr_rss.jpg") no-repeat 0 8px; border-bottom: 1px dotted #E7C86C; color: #666666; font-size: 14px; font-weight: normal; height: 24px; margin: 0px 7px 0; padding: 7px 0 0 18px; } .promotion { padding-bottom:20px; } .promotion .item-page-header, .promotion header { border-bottom: 1px dotted #CCC; } .promotion header { margin:20px 0; } .full_width header img { margin:0 0 20px 20px; } #right #component header p { font-size:18px; } .related_products, .related_items { background: #fdfdfd; } .related_items { margin-left:20px; } #solutions_template .related_products h3, #solutions_template .related_items h3 { background: url("/images/solutions/rr_sales_tag.jpg") no-repeat 0 3px; margin: 15px 12px; padding: 0 0 0 24px; font-size: 13px; font-weight: normal; color: #D9A716; } #solutions_template .related_items h3 { background:none; padding:0; text-align:center; } .related_products .wrap, .related_items .wrap { border: 2px solid #dfdfdf; } .related_products article, .related_items article { border: 2px solid #f0f0f0; min-height: 50px; overflow:hidden; } .image_mask { height:40px; overflow:hidden; text-align:center; width:40px; } .related_products article img, .related_items img, .related_items .image_mask, .related_items .related_icon { float: left; margin: 6px 7px 6px 6px; border: 2px solid #eaeaea; } .related_items .image_mask img { border:none; float:none; height:40px; margin:0; } .related_items .related_icon { height:40px; text-indent:-9999em; width:40px; } .related_items .pdf {background:url(/components/com_jel_search/assets/images/icon_pdf.png) 4px 3px no-repeat;} .related_items .doc {background:url(/components/com_jel_search/assets/images/icon_doc.png) 4px 3px no-repeat;} .related_items .dwg {background:url(/components/com_jel_search/assets/images/icon_dwg.png) 4px 3px no-repeat;} /* Content Related Products */ .content_relproducts{ box-sizing: border-box; margin: 0 5px 10px 0; padding: 3px; border: 1px solid #EDEDED; border-radius: 2px; } .content_relproducts h3{ background: url('/images/solutions/rr_sales_tag.jpg') no-repeat 0 3px; margin: 15px 12px; padding: 0 0 0 24px; font-size: 13px; font-weight: normal; color: #D9A716; } .content_relproducts .wrap{ border: 2px solid #DFDFDF; } .content_relproducts article{ border: 2px solid #f0f0f0; min-height: 50px; overflow: hidden; } .content_relproducts img{ float: left; margin: 6px 0 6px 6px; } .content_relproducts article p{ color: #999; font-size: 10px; margin: 6px 4px 8px 52px; padding: 0; } #right #component #solutions_template .related_products article p, #solutions_template .related_items p { color: #999; font-size: 10px; margin: 6px 4px 8px 12px; padding: 0; } #solutions_template .related_items p { float:left; width:140px; } /* Float Page columns */ .promotion .item-page { float:left; margin-right:20px; width:660px } .full_width .item-page { width:auto; } .promotion .additional_promotions { background:#fdf8f5; float:left; padding:10px; width:230px; } #page .additional_promotions h3 { font-size:16px; font-weight:bold; padding:10px 0; text-align:center; text-transform:uppercase; } #page .additional_promotions h4 { font-size:13px; text-transform:uppercase; } .additional_promotions a { display:block; overflow:hidden; } #right #component .additional_promotions p { font-size:12px; line-height: normal; padding:0; } .additional_promotions .image_mask { float:left; margin:0 10px 10px 0; } .additional_promotions .image_mask img { height:40px; } .additional_promotions .featured img { margin-bottom:5px; width:230px; } #right #component .additional_promotions .featured p { font-size:14px; } .additional_promotions strong { display:block; text-decoration:underline; } .additional_promotions .other { margin-bottom:10px; } #solutions_template .wrap{ border: 2px solid #DFDFDF; } #solutions_calltoday_bkgrd{ background-color: #FFFFFF; display: block; height: 45px; opacity: 0.6; position: absolute; right: 0; top: 17px; width: 230px; z-index: 400; } #solutions_calltoday_bkgrd{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } #solutions_calltoday_img{ background-image: url("/3750b6bd31ab03e/solutions/jw_rr_phone.jpg"); display: inline-block; float: left; height: 39px; left: 0; position: absolute; top: 0; width: 42px; } #solutions_calltoday_text{ background-color: #FFF; display: inline-block; height: 100%; position: absolute; right: 0; width: 182px; } #solutions_calltoday_text h6{ color: #B4CE27; display: block; font-size: 12px; font-weight: bold; height: 9px; line-height: 9px; margin: 8px 0 5px 7px; position: relative; text-align: left; } #solutions_calltoday_text a{ display: block; font-size: 11px; letter-spacing: 0.4px; line-height: 8px; margin-left: 7px; position: relative; text-align: left; } #solutions_calltoday_wrap{ display: block; height: 39px; position: absolute; right: 0; top: 20px; width: 227px; z-index: 450; } #solutions_template #additional_projects article{ float: left; height: 162px; width: 204px; margin: 4px 8px; } #solutions_template article h2, #additional_projects h2 { clear: left; color: #B4CE27; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; margin: 12px 250px 0px 0; } #additional_projects h2{ margin-left: 8px; } #solutions_template article h4{ clear: left; color: #333; font-size: 16px; font-weight: normal; margin: 0 250px 10px 0; } #solutions_template article h4#proj1_link, #solutions_template article h4#proj2_link{ font-size: 16px; } #solutions_template article h4{ clear: left; color: #333; font-size: 14px; margin: 10px 250px 5px 0; text-transform: none; } #right #component #solutions_template article .left_img + p{ padding: 0; } #solutions_template article p{ color: #666; font: 12px/1.25; margin-right: 250px; } #solutions_template h1{ color: #B4CE27; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; letter-spacing: 1px; margin: 0 0 15px; text-transform: none; } #solutions_template h4{ font-size: 13px; font-weight: normal; padding: 0; display: block; margin: 0; position: relative; text-align: left; } #solutions_template .left_img{ clear: left; float: left; border: 1px solid #EDEDED; background: #fdfdfd; margin: 0 10px 8px 0; padding: 4px; width: 205px; } #right #component #solutions_template article .left_img p{ color: #999; display: block; font-size: 11px; margin: 0; padding: 5px 0 2px; } /* COPIED HERE BY DENIS for MYPROJECT...DUPS of components Jel search */ .photo_gallery_thumb { border: 0; width: 152px; height: 152px; margin: 0; padding-bottom: 1px; } .photo_gallery_hero { border: 0; width: 324px; height: 345px; margin: 0; padding-bottom: 1px; } .photo_title { font-weight: bold; font-size: 12px; padding: 5px 0 5px 0;} .photo_gallery_column { width: 160px; height: 174px; overflow: hidden; } .photo_gallery_hero_column { width: 332px; height: 363px; overflow: hidden; } .photo_gallery_column_pad {padding: 15px 0 18px; } div.slide_photo_data { position: relative; } div.slide_photo_data h3, div.slide_photo_data p { text-align: left; } .photo_gallery_links_posn {margin: 0 0 0 0; position: absolute; right: 35px; top: 0; } .photo_gallery_slide_description { color: #666666; font-size: 12px; width: 90%; margin-top: 15px; } .photo_gallery_slide_prod_container { text-align: left; margin-top: 15px; } .photo_gallery_slide_prod_prompt { color: #666666; font-weight: bold; font-size: 12px} .jump_to_photoGallery {float: right; font-size: 13px; font-weight: bold;} .view_as_slideshow_link { } #view_as_slideshow_link { float: right; display: none; font-weight: bold; padding-right: 10px; } /* override for my projects, need more width and height to show "remove" link */ #savedPhotos .photo_gallery_column { width: 155px; height: 208px; overflow: hidden; } #savedPhotos .photo_gallery_column .remove_photo { text-align: center; display: block; padding-top: 5px;} /****************************** General ******************************/ .search_results_general .column_document_name { width:455px; padding:10px 30px 10px 4px; } .search_results_general .column_document_name a { font-weight:bold; font-size:12px; } .search_results_general .column_document_name .document_image { display:inline-block; width:100px; margin:10px 10px 10px 0; float:left; border:6px solid #fdfbfc; background:#fff; text-align:center; } .search_results_general .column_document_name .document_description { padding:2px 0; } .search_results_general .column_document_name .document_description a { font-size:11px; } .search_results_general .column_document_format { width:50px; padding:10px 30px 10px 0; } .search_results_general .column_result_type { width:104px; } /*.search_results_general .catalog_row .column_document_format { display:none; } .search_results_general .catalog_row .column_document_name { width:560px; padding:10px 10px 10px 0 }*/ .search_results_general .catalog_row .column_result_type { width:80px; } .search_results_general .catalog_row .document_description { padding:10px; } .search_results_inner .column { float:left; padding:10px 10px 10px 0; } #savedProductsBox .column_result_type { width:200px; margin-top:20px;} #savedProductsBox .column_result_type .remove_catalog_row {float:left; width: 80px;} #savedProductsBox .column_result_type .project_view {float:left; width: 110px; padding-top: 0;} #savedProductsBox .column_result_type div {display:none;}