@charset "UTF-8";
/* CSS Document */
h2 { color:#333333; font-size:13px; }
h3 { margin-bottom:2px; font-size:13px; }
ul, ol { margin-top:0; }
ul { margin-left:0; padding-left:1em; }
ol { margin-left:1em; padding-left:1em; }
ol p { margin-bottom:0; padding-bottom:4px; padding-right:40px; }
div.cntHeaderContent {
	padding:41px 20px 29px 360px;
	min-height:270px;
	height:auto !important;
	height:270px;
}
div.cntMainLinks p { font-size:11px; margin-bottom:2px; }
div.cntLeftLinks { width:48%; margin-right:2%; float:left; }
div.cntRightLinks { width:48%; float:left; }

div.cntBodyContent { border:1px solid #C0AC99; background-color:#FFFFFF; padding:14px; clear:both; }
div.cntContentGroup { clear:both; padding-bottom:14px; border-bottom:1px dotted #C0AC99; margin-bottom:14px; }

h2.pageSubTitle { height:25px; }
h2#picTitleProductDescription { background-image:url(../images/picTitleContractors_description.gif); }
h2#picTitleProductLineup { background-image:url(../images/picTitleContractors_lineup.gif); }
h2#picTitleColors { background-image:url(../images/picTitleContractors_colors.gif); }
h2#picTitleGG { background-image:url(../images/picTitleContractors_greenguard.gif); }
h2#picTitleApps { background-image:url(../images/picTitleContractors_apps.gif); }

div#cntGrpGG {
	min-height:150px;
	height:auto !important;
	height:150px;
}
div#cntLeftGGContent { width:75%; margin-right:24%; }
div#cntGGLink { float:right; width:150px; text-align:center; }
div#cntGGLink p { font-size:10px; }

div.cntProductType { float:left; width:30%; margin-right:2%; }
div.cntProductType h2 { color:#82AA66; font-size:12px; font-weight:bold; margin-bottom:2px; }
div.cntProductType h3 { font-size:11px; font-weight:bold; margin-bottom:2px; }
div.cntProductType ul { margin-left:1em; margin-top:0; padding:0; }
div.cntProductType li { font-size:11px; }
div.cntSheens { border-top:1px dotted #C0AC99; }
div.cntSheen, div.cntSheenAlternate { margin-top:1px; padding:2px 2px 2px 6px; height:25px; clear:both; }
div.cntSheen { background-color:#EBF4E1; }
div.cntSheenAlternate { background-color:#F4F8EE; }
p.txtSheenTitle { float:left; font-size:11px; font-weight:bold; width:70px; margin:0; margin-right:auto; line-height:18px; }
p.txtLinkSheen { float:left; padding-left:14px; padding-right:8px; background-image:url(../images/bgPaper.gif); background-repeat:no-repeat; line-height:18px; margin:0; }
p.txtLinkSheen a { font-size:10px; }

/* COLORS */
div#cntColors * {
	position:relative;
}
div#cntColors {
	min-height:125px;
	height:auto !important;
	height:125px;
}
div.cntColorCollection { width:49%; float:left; }
div.cntColorCollection h2 { margin:0; }

div#cntAtmosphere { margin-right:8px; }
div#cntBotanical { }
div#cntEarth { margin-right:8px; margin-top:8px; }
div#cntWaterscapes { margin-top:8px; }

div.cntColorSwatches { clear:both; }
div.cntColorSwatches div { float:left; width:35px; height:35px; background-color:#DEDEDE; margin:0 0 1px 1px; border:1px solid #C0AC99; cursor:pointer; }
div.cntColorSwatches div:hover { border:1px solid #004A80; }

div#cntColorDetail { display:none; width:350px; position:absolute; top:40px; left:40px; z-index:500; text-align:left; }
div#cntColorDetails {
	border:4px solid #94897B;
	background-color:#FFFFFF;
	padding:4px;
	min-height:135px;
	height:auto !important;
	height:135px;
}
div#cntColor { position:absolute; top:6px; left:6px; width:127px; height:127px; background-color:#DEDEDE; border:1px solid #C0AC99; padding:4px; }
p#txtColorName { font-size:11px; margin-bottom:0; }
p#txtColorNumber { font-size:10px; }
div#cntColorInfo { margin-left:144px; width:165px; padding-top:14px; }
img#picCollection { }
p#txtCollection { font-size:11px; margin-top:8px; }
div#cntColorArrow { }


div#cntPopup { display:none; width:350px; position:absolute; top:40px; left:40px; z-index:500; text-align:left; }
div#cntPopupDetails {
	border:4px solid #94897B;
	background-color:#FFFFFF;
	padding:4px;
}
img.feature { cursor:pointer; }

/* OVERRIDE THE FOLLOWING STYLES */
div#cntPage {padding:0 45px 50px 45px; } 
div.cntContent { padding-top:150px; background-image:url(../images/bgWashCanvas.jpg); background-repeat:no-repeat; }
div.cntContentBoxInner { background-image:url(../images/bgContractors.jpg); background-repeat:no-repeat; }
