/*** RESET CODE FROM http://developer.yahoo.com/yui/reset/ ***/ body{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;} 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,sub{line-height:-1px;vertical-align:text-top;} sub{vertical-align:text-bottom;} input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} p {margin-bottom:10px;font-size:12px;line-height:18px;} /* Fix PNG Transparency in IE*/ #tagline, img { behavior: url(/js/iepngfix.htc) } body { background: url(/images/tile-bg.gif) center top repeat-y #000; color:#FFF; padding:0 0 30px; margin:0; font:13px arial, verdana, helvetica, sans-serif normal; text-align:center; } .entry ul li {margin:0 0 10px 25px;list-style-type:disc;} .entry ol li {margin:0 0 10px 25px;list-style-type:decimal;} a:link { color:#848484; text-decoration: underline; } a:visited { color:#848484; text-decoration: underline; } a:active { color:#979797; text-decoration: underline; } a:hover { color:#979797; text-decoration: underline; } h1 { font-size:21px; font-weight:bold; margin-bottom: 15px; margin-top: 15px; } h2 { font-size:17px; font-weight:bold; margin-bottom: 15px; margin-top: 15px; } h3 { font-size:15px; font-weight:bold; margin-bottom: 15px; margin-top: 15px; } h4 { font-size:12px; font-weight:bold; margin-bottom: 15px; margin-top: 15px; } strong { font-weight:bold; } em { font-style:italic; } #container { background:url(/images/gradient-bg.jpg) top center no-repeat; width: 100%; } #subcontainer { background:url(/images/top-bg.gif) top center no-repeat; width:950px; margin-left: auto ; margin-right: auto; } #header { height: 118px; } #logo { float:left; margin-left: 5px; margin-top: 20px; } #tagline { float:right; margin-top: 46px; margin-right: 14px; background:url(/images/tagline.png) no-repeat; width: 363px; height:54px; } #tagline a { text-decoration:none; } #tagline a:hover { text-decoration:underline; } #tagline p { color:#BEBEBE; font-size:11px; text-align:right; margin-top: 32px; margin-right: 10px; } #nav { clear:both; padding-top:4px; margin-left: 25px; height: 12px; } #nav a#home { float:left; width: 42px; height: 12px; margin-right: 30px; } #nav a#gallery { float:left; width: 102px; height: 12px; margin-right: 36px; } #nav a#styles { float:left; width: 88px; height: 12px; margin-right: 36px; } #nav a#finishes { float:left; width: 102px; height: 12px; margin-right: 38px; } #nav a#retailer { float:left; width: 110px; height: 12px; margin-right: 35px; } #nav a#specs { float:left; width: 103px; height: 12px; } #content { clear:both; text-align:left; margin:0px 25px; min-height: 543px; } #bottom-nav { vertical-align:bottom; font-size:10px; color:#383737; margin-bottom: 17px; margin-top: 80px; } #bottom-nav a { color:#5B5B5B; text-decoration:none; margin-right: 2px; margin-left: 2px; } #bottom-nav a:hover { color:#999999; text-decoration:none; } /* --------------------------- */ /* Global Slideshow tab styles */ #tab-container { float:right; margin-top: 18px; margin-right: 4px; } .show { display:block; } .noshow { display:none; } /* -------------------------- */ /* Homepage Slideshow Styles */ #fp-slideshow-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; height: 494px; margin-bottom:10px; } #fp-photo { background-color:#000000; width:894px; height:494px; } #fp-controls .prev { height: 19px; width:66px; position:absolute; top:230px; left:-2px; border:#00FF00 solid 0px; } #fp-controls .next { height: 19px; width:66px; position:absolute; top:230px; left:829px; border:#FFFF00 solid 0px; } #fp-caption { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#848484; background-color:#000; border:#1E1E1E solid 1px; width: 898px; padding: 0px 0px 11px 0px; text-align:center; } /**************************************************/ /* Photo Gallery Styles */ #pg-slideshow-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:4px; } #pg-blackbg { background:#000000; width: 890px; height: 486px; width: 894px; } #pg-photo { background-color:#000000; padding: 00px 0px 00px 0px; } #pg-controls .prev { height: 19px; width:66px; position:absolute; top:230px; left:-2px; border:#00FF00 solid 0px; } #pg-controls .next { height: 19px; width:66px; position:absolute; top:230px; left:829px; border:#FFFF00 solid 0px; } #pg-tabs { width:898px; height:51px; margin-left: -2px; margin-right: -2px; background: url(/images/photo_gallery_trans.gif) top left no-repeat; margin-bottom: 5px; } #tab-kitchen { height: 23px; width: 68px; float: left; margin-right: 2px; } #tab-bath { height: 23px; width: 49px; float: left; margin-right: 2px; } #tab-livingspaces { height: 23px; width: 107px; float: left; margin-right: 2px; } #pg-caption { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#848484; background-color:#000; border:#1E1E1E solid 1px; width: 898px; padding: 0px 0px 11px 0px; text-align:center; margin-bottom: 4px; } /* #pg-caption { padding-bottom: 5px; color:#848484; } */ /**************************************************/ /* Door Styles CSS */ #ds-slideshow-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:10px; } #ds-blackbg { background:#000000; width: 890px; height: 460px; width: 894px; } #ds-photo { background-color:#000000; padding: 0px 0px 0px 0px; } #ds-controls .prev { height: 19px; width:66px; position:absolute; top:200px; left:-2px; border:#00FF00 solid 0px; } #ds-controls .next { height: 19px; width:66px; position:absolute; top:200px; left:829px; border:#FFFF00 solid 0px; } #ds-tabs { width:898px; height:51px; margin-left: -2px; margin-right: -2px; background: url(/images/door_styles_trans.gif) top left no-repeat; } #tab-other { height: 23px; width: 56px; float: left; margin-right: 2px; } #ds-caption { padding-bottom: 0px; color:#848484; } /**************************************************/ /* Door Finishes Styles */ #df-slideshow-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:10px; } #df-blackbg { background:#000000; width: 890px; height: 348px; width: 894px; } #df-photo { background-color:#000000; padding: 20px 0px 10px 0px; } #df-controls .prev { height: 19px; width:66px; position:absolute; top:130px; left:-2px; border:#00FF00 solid 0px; } #df-controls .next { height: 19px; width:66px; position:absolute; top:130px; left:829px; border:#FFFF00 solid 0px; } #df-tabs { width:898px; height:45px; margin-left: -2px; margin-right: -2px; background: url(/images/door_finishes_trans.gif) top left no-repeat; } #tab-cherry { height: 23px; width: 63px; float: left; margin-right: 2px; } #tab-maple { height: 23px; width: 58px; float: left; margin-right: 2px; } #tab-oak { height: 23px; width: 43px; float: left; margin-right: 2px; } #tab-all { height: 23px; width: 35px; float: left; margin-right: 2px; } #subtabs { background-color:#000000; width:100%; height: 20px; clear: both; margin:0px; } #subtabs #subtab-container { float:right; margin-top: 6px; margin-right: 10px; font-size: 10px; font-family:Arial, Helvetica, sans-serif; } #subtabs #subtab-container a { color:#B6B6B6; margin-right: 5px; border:#606060 solid 1px; padding: 1px 5px; text-decoration:none; } #subtabs #subtab-container a:hover { color:#FFF; margin-right: 5px; border:#606060 solid 1px; padding: 1px 5px; text-decoration:none; } #df-caption { padding-bottom: 5px; color:#848484; } /**************************************************/ /* Find a Retailer Styles */ #far-content-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:10px; } #far-blackbg { background:#000000; height: 548px; width: 894px; } #far-header { width:898px; height:45px; margin-left: -2px; margin-right: -2px; background: url(/images/find_a_retailer_trans.gif) top left no-repeat; margin-bottom: 35px; } #map { margin-left: 40px; width: 555px; height: 339px; text-align:center; float:left; border: #FFFF00 solid 0px; } #contact-container { width: 280px; float: left; margin-left: 10px; margin-top: 20px; border:#FF0000 solid 0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#AAAAAA; } #contact { text-align:left; } #states { list-style:none; } #states li { display:none; } #state_header { margin-bottom: 7px; } #state_info { padding-left: 10px; } .hidden { display:none; } .showing { display:block; } .region { font-size:14px; font-weight:bold; margin: 10px 0px;} .address { margin-bottom: 5px; } .pfe { margin-bottom: 5px; } .far-title { color:#666666; font-size:11px; font-weight:normal; } /**************************************************/ /* Cabinet Spec Styles */ #cs-content-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:10px; } #cs-cabcon-blackbg { background:#000000; width: 894px; height: 1050px; } #cs-drawer-blackbg { background:#000000; width: 894px; height: 1120px; } #cs-faceframe-blackbg { background:#000000; width: 894px; height: 900px; } #cs-header { width:898px; height:45px; margin-left: -2px; margin-right: -2px; margin-bottom: 52px; background: url(/images/cabinet_spec2_trans.gif) top left no-repeat; } #tab-cabcon { height: 23px; width: 158px; float: left; margin-right: 2px; } #tab-draweropt { height: 23px; width: 121px; float: left; margin-right: 2px; } #tab-faceframe { height: 23px; width: 235px; float: left; margin-right: 2px; } /* Cabinet Construction Page */ .cab-container { width: 775px; height: 305px; margin-left: 58px; margin-bottom: 5px; clear:both; font-weight:normal; color:#AAAAAA;} .cab-container li { list-style:disc; margin-left: 20px; } .cab-container ul { margin: 5px 0px 15px 0px; } .cabimg { float:left; width: 265px; } .cabdetails { float:left; margin-left: 62px; } .imglabel { margin: 8px 7px; } .intimg { margin: 0px 7px; } /* Drawer Options Page */ .drawer-container { width: 640px; height: 220px; margin-left: 150px; margin-bottom: 35px; border: #FF0000 solid 0px; } .drawerimg { float:left; border: #404040 solid 1px; width: 217px; } .drawerdetails { float:left; border: #00CC00 solid 0px; margin-left: 16px;} .dettext { width: 360px; margin-left: 8px; margin-top: 9px; font-weight:normal; color:#AAAAAA;} /* Face-Frame and Door Construction Page */ #ff-details-container { margin-left: 55px; width: 720px; height: 225px; border:#FF0000 solid 0px; } .frame-img { float: left; border:#0033CC solid 0px; } .frame-details { float: left; margin-left: 34px; border:#009900 solid 0px; } #joinery-details-container { margin-top: 73px; margin-left: 117px; width: 645px; height: 485px; border:#FFFF00 solid 0px; } #figures { float: left; width: 253px; border:#00FFFF solid 0px; } #figures img { margin-bottom: 10px; } #joinery-details { float: left; width: 370px; margin-left: 15px; border:#FF00FF solid 0px; } /**************************************************/ /* Contact Us Styles */ #cu-content-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:10px; color:#999; } #cu-blackbg { background:#000000; height: 508px; width: 894px; } #cu-header { width:898px; height:45px; margin-left: -2px; margin-right: -2px; background: url(/images/contact_us_trans.gif) top left no-repeat; } #contact-info { float: left; width: 230px; margin-left: 25px; margin-top: 10px; border:#003399 solid 0px; padding: 10px 5px 5px 0px; } #contact-form { float: left; margin: 10px; border:#FFFF00 solid 0px; } #contact-form input { margin-bottom: 10px; } #left-fields { float: left; margin: 5px; border:#9933CC solid 0px; } #right-fields { float: left; margin: 5px; border:#CCCC33 solid 0px; } #clear-submit { margin-top: 4px; } #thankyou { font-size: 14px; font-weight:bold; margin: 10px; color:#FFFF00; } #error-message { font-size: 14px; font-weight:bold; margin: 10px; color:#FF0000; } #contact-form input, textarea { background-color:#999999; border:1px solid #ddd; } #message { width: 260px; height: 120px; } .label { margin: 3px 0px; font-size:12px; } /**************************************************/ /* About Us Styles */ #au-content-container { margin-top:6px; padding:2px; clear:both; border:#424242 solid 1px; width: 894px; margin-bottom:10px; } #au-blackbg { background:#000000; width: 894px; padding-bottom: 10px; color:#999999;} #au-header { width:898px; height:45px; margin-left: -2px; margin-right: -2px; background: url(/images/about_us_trans.gif) top left no-repeat; } #au-blackbg h2 { margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight:bold; } #au-blackbg p { font-size: 12px; } #au-blackbg ul { font-size: 12px; margin: 10px 0px; } #au-blackbg li { list-style:disc; margin: 0px 0px 2px 12px; } #environmental-container { float: right; width: 165px; height: 300px; margin-left: 30px; border: #FF00FF solid 0px; } #kcma { width: 162px; height: 153px; } #dcgreenlit { width: 160px; padding: 5px 0px; height: 95px; margin-top: 15px; border:#00FF00 solid 0px; } #dcgimg { padding: 0px 46px; border:#CC6633 solid 0px; margin-bottom: 10px; } #dcglnk { width: 158px; color:#00CC33; border:#66FFCC solid 0px; text-align:left; font-size:12px; } #dcglnk a { color:#999999; text-decoration:none; } #dcglnk a:hover { color:#CCCCCC; text-decoration:underline; } #au-content { margin: 25px; clear:both; } /************************************************************************************************************************************************/ /* GALLERIFIC STYLES */ /* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */ div.content { display: none; /* width:550px; */ clear: both; } div.content a, div.navigation a { text-decoration: none; color: #777; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; } div.ss-controls { float: left; } div.nav-controls { /* float: right; */ } div.loader { /* background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 350px */ } div.slideshow { clear: both; } div.slideshow table { width: 100%; } div.slideshow td.image-wrapper { /* float: left; padding-bottom: 12px; width: 531px; display:table-cell; */ vertical-align:middle; text-align:center; } div.slideshow a.advance-link { padding: 0px; display: inherit; } div.slideshow img { border: none; display: inherit; } div.download { float: right; } div.embox { clear: both; background-color: #000; text-align:center; /* padding: 12px; */ } div.image-title { font-weight: bold; font-size: 1.4em; } div.image-desc { line-height: 1.3em; padding-top: 12px; } div.navigation { /* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */ } /* Disable in Favor of JCarousel Styles */ /* ul.thumbs { clear: both; margin: 0; padding: 0; } ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; } a.thumb { padding: 2px; display: block; border: 1px solid #ccc; } ul.thumbs li.selected a.thumb { background: #000; } a.thumb:focus { outline: none; } ul.thumbs img { border: none; display: block; } */ div.pagination { clear: both; } div.navigation div.top { margin-bottom: 12px; height: 11px; } div.navigation div.bottom { margin-top: 12px; } div.pagination a, div.pagination span.current { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }