﻿body,html
{
    margin: 0 auto; padding: 0;
    font-family: Helvetica,Arial;
    font-size: 12px;
    background:url(images/site-bg.jpg) repeat-x #5C5C5C;
    color:#000000;
}

a {color:#000000;}
.linkBold a {font-weight:bold;}
.linkRed a {color:#D52B3D;font-size:11px;}
.linkPinkB a {color:#D36F7A;font-weight:bold;}
.linkRegular a {font-weight:normal;}

.linkRed a {color:#A30000;font-weight:bold;}

.font6 {font-size:6px;}
.font14 {font-size:14px;}

.fontPink {color:#D36F7A;}

img {border:0;}
.inputBox { width: 220px; font-family: Helvetica; font-size: 12px; }
textarea.inputBox { width: 220px; font-family: Helvetica; font-size: 10px; }

/* FCK EDITOR STYLES */
.contentHeaderLight {font-size:14px;color:#B85E26;font-weight:bold;}
.contentHeaderDark {font-size:14px;color:#703D00;font-weight:bold;}


/* TEMPLATE */
.siteWrapper {width:958px;}
.siteHeader {height:152px;background:url(images/header-bg.jpg) no-repeat;overflow:auto;}
.siteHeader .headerLogo {padding-left:7px;float:left;}
.siteHeader .headerNav {width:600px;padding-right:7px;height:152px;float:right;}
.siteHeader .headerNav .topNav{float:right;}
.siteHeader .headerNav .secondaryNav{font-size:0.1em;line-height:0.1em;padding:29px 20px 10px 0 !important;padding:32px 20px 10px 0;float:right;}
*:lang(en) .siteHeader .headerNav .secondaryNav{font-size:0.1em;line-height:0.1em;padding:28px 20px 10px 0 !important;float:right;}
.siteHeader .headerNav .tagline{padding-top:0;padding-right:30px;float:right;}
.siteContent {padding:0 13px 0 13px; background:url(images/content-bg.jpg) repeat-y;}
.siteContent .productSpotlights img a{display: inline;}
.siteContent .productSpotlights {width: 934px; font-size:0.1em;line-height:0.1em;}
.siteContent .paddedContent {margin:20px 0 0 0;padding:0 12px;}
.siteFooter {height:100px;color:#FFFFFF;padding-top:30px;background:url(images/footer-bg.gif) no-repeat;}
.siteFooter a {color:#FFFFFF;text-decoration:none;}
.printPage a {color:#1292F5;}
/* HEADER */



/* HOMEPAGE */
.homeTop {margin-top:8px;width:908px;height:240px;overflow:auto;background:url(images/home-content-tab.gif) bottom no-repeat;}
.homeTop .intro {width:430px; min-height: 120px; margin-top: 8px; overflow:auto;padding:10px;line-height:22px;float:left;
	background: url(images/check_bg.jpg) 0 0 no-repeat; }
.homeTop ul { padding:10px 0 0 0; margin:0; }
.homeTop ul li { 
	list-style: none; background: url(images/check.gif) 0 4px no-repeat;
	padding: 0 0 2px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #0b6dca;
}

.homeTop .intro a {color:#0B6FCD;font-weight:bold;}
.homeTop .flash {width:435px;height:186px;overflow:auto;float:right;}
/*.homeSpan {font-size:12px;width:908px;background:url(images/home-content-span.gif);overflow:auto;}*/
.homeSpan {font-size:12px;width:908px;overflow:auto;}
.homeSpan .leftNav {width:230px;float:left;}
.homeSpan .rightSpotlight {float:left;}
.homeSpan .rightSpotlight .spotlightBG {width:184px;height:155px;line-height:25px;background:url(images/home-spotlight-bg.gif) no-repeat;}
.homeBottom {width:908px;height:12px;font-size:0.1em;line-height:0.1em;background:url(images/home-content-close.gif) bottom no-repeat;}

.topAd { 
	background: url(images/banner_lrg.jpg) 0 0 no-repeat; height:140px; width:908px; text-align:right;
	font-family:Arial, Helvetica, sans-serif; }
.topAd div { 
	padding: 58px 20px 0 0;
	color: #FFFFFF;
	font-size: 13px; }
.topAd div h2 { 
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0; margin:0; }
.topAd a:link, .topAd a:visited, .topAd a:hover, .topAd a:active { color: #FFFFFF; }
.homepageSection{margin-top: 11px;}

.leftFlashSection{display: inline; float: left; padding: 15px 0 0 10px;}

.rightFlashSection{display: inline; float: right;}










































/* LOGIN PAGE */

.loginGraphic { float: right; margin-right: 10px; border: 1px solid black; }

/* PRODUCT VIEW PAGE */

.productTop {margin-top:8px;width:908px;height:32px;background:url(images/content-top.gif) bottom no-repeat;}
.productSpan {font-size:12px;width:908px;background:url(images/home-content-span.gif);overflow:hidden;}
.productSpan .leftNav {width:248px;float:left;}
.productBottom {width:908px;height:12px;font-size:0.1em;line-height:0.1em;background:url(images/home-content-close.gif) bottom no-repeat;}

.productSpan .rightCol { width: 630px; margin: 0 0 10px 0; float:left; }
.productSpan .rightCol .containerTable { width:100%; }
.productSpan .rightCol .photoColumn { border-top:1px solid #CFCFCF; }
.productSpan .rightCol .photo img { border:1px solid #CFCFCF; } 
.productSpan .rightCol .descriptionColumn { border-top: 1px solid #CFCFCF; }
.productSpan .rightCol .descriptionColumn ul { margin-left:0; padding-left:14px; }
.productSpan .rightCol .descriptionColumn .buyButton {border-bottom: 1px solid #cfcfcf; padding-bottom: 20px;}
.productSpan .rightCol .colorOptions { border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; padding-bottom: 10px; margin-bottom:20px; margin-top:20px; overflow:auto; }
.productSpan .rightCol .colorOptionsColumn h3 { padding-top:0; margin-top:0; }
.productSpan .rightCol .colorOptions span { display: block; width: 135px; float:left; padding-bottom: 6px; }
.productSpan .rightCol .main { margin-top: 10px; }

.productSpan .rightCol .header, .contentSpan .rightCol .header { 
	font-size: 18px; font-weight: bold; color: #112A53;
	padding: 10px 0 0 0; margin: 0 0 0 0; }
.productSpan .rightCol .header table td .productName { font-size: 18px; font-weight: bold; color: #112A53; float: left;}
.productSpan .rightCol .aslowas {
	display: inline; float:right; font-size:12px; text-align: right; color: #c20606;}
.productSpan .rightCol .aslowas div {
	height: 20px; width: 185px; padding: 35px 40px 0 0; margin-right:20px;
	background: url(images/starBurst.jpg) bottom right no-repeat; }
.productSpan .rightCol .aslowas h2 {
	font-size: 20px; color: #FFFF00; padding:0 0 0 14px; margin:0; display:inline; }

.rightCol a, .rightCol a font { color:#2e8ad3; }

.productContainer {width:150px;height:180px;margin:12px 12px 0 12px;float:left;}



.ImageView {width:310px;
	text-align:left; float:left; }
/*.MediumPhoto {border: 1px solid #CFCFCF;}*/
.ImageView input { float:left; margin: 0 10px 16px 10px; }
.ImageView .largeImg div img { margin-bottom: 14px; }


/* WIZARD */
.lengthTable {  }
.lengthTable .labelColumn { width: 80px; text-align: right; }
.lengthTable .spacer { width: 20px; }
.lengthTable .inputBox { width: 80px; }

/* CONTENT PAGES */

.contentTop {margin-top:8px;width:908px;height:32px;background:url(images/content-top.gif) bottom no-repeat;}
.contentSpan {font-size:12px;width:908px;background:url(images/home-content-span.gif);overflow:hidden;}

.sub { padding-bottom:5px; }
.contentSpan .leftNav {width:248px;float:left; }
.leftNav .header{
        width:194px;height:20px;margin-top:5px;
        font-family: Arial;
        font-weight:bold;
        font-size: 13px;
        padding:15px 0 0 10px;color:#FFFFFF;
        background:url(images/home-leftnav-header.gif) 0 10px no-repeat;}
.leftNav .category {
    height:17px;margin-top:6px;font-weight:bold;
    padding:4px 0 0 10px;color:#1292F5;font-size:12px; font-family:arial;
    background: url(images/nav-top.gif) 0 0 no-repeat; }
.leftNav .category2 {
    height:33px;margin-top:6px;font-weight:bold;
    padding:4px 0 0 10px;color:#1292F5;font-size:12px; font-family:arial;
    background: url(images/nav-top.gif) 0 0 no-repeat; }
.leftNav .sub { background: url(images/nav-bottom.gif) bottom left no-repeat; padding-bottom:6px; }     
.leftNav .sub a{width:169px;height:16px;margin-left:1px;padding:5px 0 0 35px;Background:url(images/home-leftnav-bg2.gif) 0 0 no-repeat; display:block;}
.leftNav .sub a:hover, .leftNev .sub a:active { color: #1292F5; }

.leftNavContainer {width:234px;margin:15px 10px 0 0;float:left;}
.leftNavContainer .categoryHdr {width:195px;height:30px;padding:20px 20px 0 20px;color:#132d53;font-weight:bold;background:url(images/left-nav-header-bg.png) no-repeat;border-bottom:1px solid #dadada;}
.leftNavContainer .subLinks {width:235px;height:19px; margin:5px 0;background:url(images/leftNavFoot.png) no-repeat;}
.leftNavContainer .subLinks a {color:#2a5b90;display:block;}
.leftNavContainer .spotlight {width:235px;height:204px;padding:24px 0 0 0;text-align:center;background:url(images/left-nav-spotlight-bg.png) no-repeat;}

.leftNavAccordion h3 
{
	margin: 0;
	width:193px;
	height:20px;
	padding:10px 20px 0 20px;
	color:#377316;
	font-weight:bold;
	background:url(images/left-nav-bg.gif) repeat-x;
	border:1px solid #dadada;
	border-top:0;
}
.leftNavAccordion h3 a { padding-right:10px;font-size:12px; text-transform:uppercase;color:#377316;text-decoration:none;background:url(images/left-nav-bullet.gif) no-repeat right;display:block; }
.leftNavAccordion div.area {width:235px;overflow:auto;border:1px solid #dadada;border-top:0;}
.leftNavAccordion .subNav {width:193px;padding:10px 20px;}
.leftNavAccordion .subNav a {color:#2a5b90;display:block;}

.contentSpan .rightCol {width:630px;float:right;}
.contentBottom {width:908px;height:20px;font-size:0.1em;line-height:0.1em;background:url(images/home-content-close.gif) bottom no-repeat;}
.contentSpan .rightCol .main { float: left; margin: 10px 30px 0 0; }
.left{ float:left; width:260px;}
.right{ float:left; width:360px;}

.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }

/* CATEGORY PAGE */

.autoCategoryPage { overflow: auto; }
.autoCategoryPage .item { float: left; text-align: center; width: 150px; }

/* CART PAGE */
.shoppingcartTop {margin-top:8px;width:908px;height:64px;background:url(images/shoppingcart-content-tab.gif) bottom no-repeat;}
.bgcart { background-image: url(images/bgcart.jpg); width: 731px; min-height: 250px; margin: auto; margin-top: 30px; position: relative; }
.cartControl .cartBox { position: absolute; top: 100px; left: 40px; width: 300px; }
.cartControl .cartBox .productName { }
.cartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.cartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.cartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }

.enterDiscount { padding-top: 100px; }
.enterDiscount .discountBox { width: 100px; }

.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */

.or { padding: 5px 100px; text-align: right; clear: both; }
.checkoutArea { padding-top: 20px; background-repeat: no-repeat; width: 348px; overflow: auto; float: left;}
.billing { background-image: url(images/bgbilling.gif);  margin: 0px 20px 0 9px;  }
.shipping { background-image: url(images/bgshipping.gif); }
.checkoutArea .useExisting { margin: 10px; }
.checkoutArea h3 { background-color: Lime; padding: 2px; }
.checkoutArea table { margin: 10px; }
.checkoutArea table td { padding: 5px 0; }
.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }

/* THANK YOU PAGE */
.bgthankyou { background-image: url(images/bgthankyou.jpg); width: 723px; height: 433px; margin: auto; position: relative; }

/* FORMS */
.required { color: #FF0000; }
.length-font td { font-size:11px; }

/* PRODUCT SPOTLIGHT */
.productLandingWrap{padding: 0 7px;}
.productLandingWrap p{margin: 0;}
.productLandingWrap .productSpotlight{width:896px; position: relative; margin-bottom: 20px;}
.productLandingWrap .productSpotlight .residentialTitle, .constructionTitle, .printingTitle, .logosTitle{text-transform: uppercase; position: absolute; top: 17px; display: block; width: 349px; height: 36px; padding: 15px 0 0 18px; font-size: 18px; font-weight: bold; color: #fff;  }
.productLandingWrap .productSpotlight .residentialTitle{background: url(images/product-1-title-bg.gif) no-repeat;}
.productLandingWrap .productSpotlight .constructionTitle{background: url(images/product-2-title-bg.gif) no-repeat;}
.productLandingWrap .productSpotlight .printingTitle{background: url(images/product-3-title-bg.gif) no-repeat;}
.productLandingWrap .productSpotlight .logosTitle{background: url(images/product-4-title-bg.gif) no-repeat;}
.productLandingWrap .productSpotlight .residentialTitle p, .constructionTitle p, .printingTitle p, .logosTitle p{padding: 0; margin: 0;}
.productLandingWrap .productSpotlight .productSpotlightFooter{width: 844px; height: 97px; padding: 10px 25px 0 25px; background-image: url(images/landingFoot.gif); color: #000; font-size: 12px; }
.productLandingWrap .productSpotlight .productSpotlightFooter .colorOptions{height: 20px; padding-bottom: 10px;}
.productLandingWrap .productSpotlight .productSpotlightFooter .prodDesc{padding-top: 15px; height: 35px;}
.productLandingWrap .productSpotlight .productSpotlightFooter .prodDesc ul, li{margin-top: 0; padding-top: 0;}


/*PDF BUTTONS*/
.pdfButton {width: 235px; height: 21px; padding: 6px 0 0 40px; margin-bottom: 3px; background-image: url(images/pdfBg.gif); font-size: 14px; font-weight: bold; color: #fff; }
.pdfButton a{font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; cursor: pointer;}

/* custom logo configuration process */
ul.colorList { list-style-type: none; padding: 0; margin: 0; }

.customLogoAccordion { }
.customLogoAccordion h3 {padding:5px;background:#a75b05;}
.customLogoAccordion h3 a {font-size:14px;text-decoration: none;font-weight:normal;color:#ffffff;}
.customLogoAccordion div.area { }

.customLogoAccordion .label {width:110px;}

.fencebg { width: 485px;height:180px;margin:0 auto;padding:20px 0 0 0;background:url(images/logo-config-step4-img.jpg) no-repeat;}
.fencebg table { height: 149px; width: 100%; }
.fencebg table tr { vertical-align: middle; }
.fencebg table td { text-align: center; }

.fencebg table td .onelogo { margin: 0 auto; }
.fencebg table td .twologo { margin: 0 auto; }
.fencebg table td .threelogo { margin: 0 auto; }

.fencebg table td .onelogo div { width: 130px; text-align: center; margin: 0 10px; display: inline; }
.fencebg table td .twologo div { width: 130px; text-align: center; margin: 0 30px; display: inline; }
.fencebg table td .threelogo div { width: 130px; text-align: center; margin: 0 8px; display: inline; }
.fencebg .colorbg { width: 447px; margin: 0 0 0 18px; }