/********************************************************************
	Start: CSS Browser Reset
********************************************************************/
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;} /* font-size:62.5%; = font-size:10px; */
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
sup,sub {vertical-align:0;}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
/*****************************
	End: CSS Browser Reset  
*****************************/

/********************************************************************
	Start: Site-Specific Base Styles
********************************************************************/
body {padding:20px 5px;background: url('../images/body_bg.jpg') #6585AB fixed center top repeat-x;}
a {color:#0e4078; /* @DarkBlue */}
a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6,.actionLink {color:#8dc73f; /* @Green */font-family:Palatino,Palatino Linotype,Book Antiqua,serif;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {margin-bottom:3px;}
h1,.h1 {font-size:2.3em;}
h2,.h2 {font-size:2.1em;}
h3,.h3 {font-size:1.9em;}
h4,.h4 {font-size:1.7em;}
h5,.h5 {font-size:1.5em;}
h6,.h6 {font-size:1.3em;}
p,li,td td,td th,dt,dd {font-size:11px;}
td td,td th {padding:0 3px 3px 0;}
tbody th {text-align:right;}
p  {margin-bottom:7px;}
li {margin-bottom:5px;}
ul.bullets li {list-style-image:url(../images/bullet.gif) !important;}
ul.bullets {margin-left:15px;}
ol.numbers li {list-style:decimal;}
ol.numbers {margin-left:20px;}
dt {font-weight:bold;}
dd,.indent {margin-left:15px;}
sup {vertical-align:15%;font-size:.85em;font-weight:normal;}
sub {vertical-align:-15%;font-size:.85em;font-weight:normal;}
table tr,table td,table th {vertical-align:top;}
button,
input[type=submit] {
	cursor:pointer;
}
input[type=checkbox],
input[type=radio] {
	vertical-align:-15%;
	margin:0 3px;
}
.bottomContentLinks {
	position:relative;
	width:490px;
}
a.orange_button,
.orange_button a {
	padding:.3em 1em .3em 1em;
	font-size:1.2em;
	border:1px solid #0e4078; /* @DarkBlue */
	background: url(../images/button_bg_orange.gif) repeat-x top left #FAB786;
	color:white;
	position:relative;
	top:-14px;
	z-index:50;
}
a.orange_button span {
	display:block;
	width:15px;
	height:10px;
	margin:0 auto;
	position:absolute;
	top:28px;
	left:50%;
	margin-left:-7px;
	background: url(../images/heading_arrow_up.gif) bottom center no-repeat;
}
/* IE6 sucks */
* html a.orange_button span {
	top:22px;
	left:40%;
}
/*****************************
	End: Site-Specific Base Styles
*****************************/

/** @ SITE COLORS
 * DarkBlue	#0e4078
 * Green	#8dc73f
 * Orange	#f0840f
 * MedGrey	#6e6e6e
 * LightGrey#999999
 */
 .darkBlue a,.darkBlue 	{color:#0e4078; /* @DarkBlue */}
 .green a,.green 		{color:#8dc73f; /* @Green */}
 .darkGreen a,.darkGreen 		{color:#558F08; /* @DarkGreen */}
 .orange a,.orange 		{color:#f0840f; /* @Orange */}
 .medGrey a,.medGrey 	{color:#6e6e6e; /* @MedGrey */}
 .lightGrey a,.lightGrey {color:#999999; /* @LightGrey */}

 .greenInput {
 	border:1px solid #8dc73f;
 	padding:3px;
 }
 
/* <> poor IE6 doesn't know how to center things properly */
	* html body {text-align:center;}
	* html #Wrapper {text-align:left;}

#Wrapper {
	width: 993px;
	margin:auto;
	position:relative;
}
#Header {
	height:170px;
	background: url('../images/header_nav_bg.gif') left top no-repeat transparent;
	position:relative;
	z-index:50;
}
#HeaderLogo {
	position:absolute;
	top:55px;
	left:10px;
	z-index:50;
}
	/* <> IE6 needs wrangling
	* html #HeaderLogo {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo-trans.png', sizingMethod='scale');
	}
	*/
#HeaderSocialMedia {position:absolute;right:10px;top:105px;}
#HeaderTagline {
	position:absolute;
	top:75px;
	left:177px;
	font-family:Palatino,Palatino Linotype,Book Antiqua,serif;
	font-size:22px;
	letter-spacing:.04em;
	color:#0E4078;
}
#HeaderNav {
	width:100%;
	position:absolute;
	bottom:0;
	height:37px;
	text-align:right;
	font-size:1.4em;
	color:white;
}
	#HeaderNav p {
		position:relative;
		top:8px;
	}
	#HeaderNav a {
		color:white;
		padding:3px 10px;
		border-left:1px solid white;
		letter-spacing:.05em;
	}
	#HeaderNav a.first {
		border-left:0;
	}
	#HeaderNav a:hover {
		color:#0e4078; /* @DarkBlue */
		text-decoration:none;
	}
	#HeaderNav a.current {
		color:#0e4078; /* @DarkBlue */
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0;
	}
#Wrapper #Header #HeaderSubNav {
	position:absolute;
	right:300px;
	top:188px;
	text-align:right;
	z-index:50;
	line-height:13px;
}
#Wrapper .productLinks {
	clear:both;
}
#Wrapper #Header #HeaderSubNav a,
#Wrapper .productLinks a {
	color:#f0840f; /* @Orange */
	font-weight:bold;
}
#Wrapper .productLinks h4 {
	margin-top:5px;
}
#HeaderCart {
	position:absolute;
	top:70px;
	right:10px;
	text-align:right;
	width:90px;
}
	#HeaderCart img {
		margin-top:-1px;
		margin-right:5px;
		float:left;
	}
	#HeaderCart,
	#HeaderCart a {
		color: #f0840f; /* @Orange */
		white-space:nowrap;
	}
#Content {
	background:white;
	border:0;
	border-style:solid;
	border-color:#6e6e6e; /* @MedGrey */
	border-left-width:1px;
	border-right-width:1px;
	padding-top:20px;
	min-height:300px;
}
	#MainContentTable {
		width:100%;
		margin-bottom:-33px;
		position:relative;
		z-index:10;
	}
		.mainColumn {
			padding:0 0 33px 30px;
		}
		.mainColumn.padded {
			padding:55px 10px 33px 30px;
		}
.subHeading {
	font-weight:bold;
	color:#0e4078; /* @DarkBlue */
	display:block;
	font-size:15px;
	margin-bottom:5px;
	width:100%;
}
.headingBlue {
	background: url(../images/heading_arrow_right.gif) right center no-repeat #0e4078; /* @DarkBlue */
	color:white;
	font-size:15px;
	line-height:1.5em;
	padding:0 15px 0 15px;
}
.headingBlue a {
	font-size:12px;
	color:white;
	margin:0 5px;
}
.headingBlue a.current {
	text-decoration:underline;
}
#Sidebar {
	width:290px;
	border-left:1px solid #6e6e6e; /* @MedGrey */
	border-bottom:1px solid #6e6e6e; /* @MedGrey */
	background:white;
}
	#Sidebar h4.blue,
	#Sidebar h4.grey,
	#Sidebar h4.green {
		color:white;
		height:21px;
		padding:8px 10px 4px 25px ;
		position:relative;
		margin-bottom:10px;
	}
		/* IE6 sucks */
		* html #Sidebar h4.blue,
		* html #Sidebar h4.grey,
		* html #Sidebar h4.green {
			padding-top:6px;
		}
		/* IE6 sucks */
		*+html #Sidebar h4.blue,
		*+html #Sidebar h4.grey,
		*+html #Sidebar h4.green {
			padding-top:4px;
			padding-bottom:8px;
		}
	#Sidebar h4.blue .arrow,
	#Sidebar h4.grey .arrow,
	#Sidebar h4.green .arrow {
		position:absolute;
		top:33px;
		left:20px;
		display:block;
		width:15px;
		height:10px;
	}
	#Sidebar h4.blue {
		background-color:#0e4078; /* @DarkBlue */
	}
		#Sidebar h4.blue .arrow {
			background:url(../images/heading_arrow_down.gif) no-repeat;
		}
	#Sidebar h4.grey {
		background-color:#6e6e6e; /* @MedGrey */
	}
		#Sidebar h4.grey .arrow {
			background:url(../images/heading_arrow_down_grey.gif) no-repeat;
		}
	
	#Sidebar h4.green {
		background-color:#8dc73f; /* @Green */
	}
		#Sidebar h4.green .arrow {
			background:url(../images/heading_arrow_down_green.gif) no-repeat;
		}
	
		#Sidebar div.clear div {
			padding:0 10px 5px 20px;
		}
	#SidebarProductApplications a.current {
		text-decoration:underline;
	}
	#SidebarPlaygroundSafetySurface img.playground {
		float:right;
		margin-top:-10px;
		padding:3px;
	}
	#SidebarPlaygroundSafetySurface ul.bullets {
		margin-left:0;
	}
	#SidebarFeaturedProjectGallery {
		text-align:center;
	}
	#SidebarFeaturedProjectGallery h4 {
		text-align:left;
	}
	#SidebarFeaturedProjectGallery img {
		margin:5px;
		margin-top:-10px;
	}
	#PhotoGallerySidebar a.current {
		text-decoration:underline;
	}
	
#ContentFooter {
	height:35px;
	background:#0e4078; /* @DarkBlue */
	border:0;
	border-left:1px solid #6e6e6e; /* @MedGrey */
	border-right:1px solid #6e6e6e; /* @MedGrey */
}
	#ContentFooter p {
		margin:0;
		color:white;
		font-weight:normal;
		font-size:1.75em;
		padding:10px 0 0 25px;
	}
	/* IE6 & IE7 suck here */
	* html #ContentFooter p {padding-top:5px;}
	*+html #ContentFooter p {padding-top:5px;}
#Footer {
	height:35px;
	background: url(../images/footer_bg.gif) top left no-repeat transparent;
}
	#Footer,
	#Footer a {
		color:white;
	}
	#Footer a {
		margin-right:10px;
	}
	#Footer a:hover,
	#Footer a.current {
		text-decoration:underline;
	}
	#Footer p {
		margin:0;
		padding:10px 10px 0 25px;
	}






#HomePage #HomeMastImage {
	margin-bottom:-19px;
	position:relative;
	z-index:1;
}
#HomePage .content {
	z-index:10;
	position:relative;
}
#HomePage .homeText {
	float:left;
	width:500px;
	margin-top:10px;
}
#HomePage #HomeBenefits {
	width:150px;
	margin-bottom:10px;
	padding:13px 5px 5px 5px;
	border-left:1px solid #6e6e6e; /* @MedGrey */
	border-bottom:1px solid #6e6e6e; /* @MedGrey */
	float:right;
}
	#HomePage #HomeBenefits .heading {
		text-align:center;
		color:#f0840f;
	}

	
#AboutPageProudMemberOf {
	border:1px solid #6e6e6e;
	padding:5px;
	margin-bottom:10px;
}
	#AboutPageProudMemberOf td {
		padding:5px;
		vertical-align:middle;
	}


#OurProductHeadingNav,
#OurProductHeadingNav a {
	color:#8dc73f; /* @Green */
}
#OurProductHeadingNav a:hover {
	text-decoration:none;
}
#OurProductHeadingNav span {
	margin-left:5px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#OurProductHeadingNav span a {
	color:#6E6E6E; /* @MedGrey */
}
#OurProductHeadingNav span a:hover {
	text-decoration:underline;
}
#OurProductHeadingNav span a.current {
	color:#0e4078; /* @DarkBlue */
}

#ProductInfo #ProductTitle {
	margin-bottom:0;
}
#ProductInfo #MainProductPageImage {
	margin-bottom:0; /* Just to make sure there's no space underneath */
}
#ProductInfo #ProductsColors {
	color:#6e6e6e; /* @MedGrey */
}
#ProductInfo .productPricing {
	width:100%;
}
	#ProductInfo .productPricing .price sup {
		font-size:.9em;
	}
	#ProductInfo .productPricing .price {
		font-size:13px;
		color:#558F08;
	}
	#ProductInfo .productPricing .addToCartRow td {
		border:0;
		text-align:center;
	}
	#ProductInfo .productPricing .addToCartRow input,
	#ProductInfo .productPricing .addToCartRow button,
	#ProductInfo .productPricing .addToCart {
		color:#0e4078; /* @DarkBlue */
		font-weight:bold;
		margin:6px 0;
	}
#ProductInfo #ProductDescription {
	margin-top:5px;
}
#ProductInfo .productRecommendedUses {
	width:100%;
}
	#ProductInfo .productRecommendedUses th,
	#ProductInfo .productRecommendedUses td {
		width:50%;
	}
.smarteCaps p span {
	font-size:18px;
	font-weight:bold;
	margin-right:1px;
	color:#0e4078;
}
#BestInstallationSteps p {
	padding:3px 5px;
	margin:0;
	color:#999;
	border: 1px solid transparent;
}
	#BestInstallationSteps p b {
		display:block;
		font-size:13px;
	}
	#BestInstallationSteps p.current {
		background:#DFEEFF;
		color:#0E4078;
		border: 1px solid #0E4078;
	}
	#BestInstallationImage {
		border:1px solid #0E4078;
	}
.colorSwatch {
	width:20px;
	height:20px;
	clear:both;
	float:left;
	display:block;
	margin-right:10px;
}
.testimonialCategories {
	margin:50px 0 10px 0;
}
	.testimonialCategories a {
		font-size:14px;
		text-decoration:underline;
	}
	.testimonialCategories a:hover,
	.testimonialCategories a.current {
		font-weight:bold;
		letter-spacing:-.06em;
	}

#CartTotals,
#CartTotals th,
#CartTotals td {
	text-align:right !important;
	border:0 !important;
}
	#CartTotals th {
		font-weight:bold !important;
		padding-right:5px !important;
	}
	#CartTotals .totalRow th,
	#CartTotals .totalRow td {
		font-size:15px !important;
		color:#558F08;
	}
	#CancelQuoteButton {
		color:#999;
		margin:0 10px;
	}
.gallery {width:100%;background:url(../images/gallery_bg.jpg) top center repeat-x #d4e7ff;margin-bottom:10px;}
.gallery th, .gallery td {padding:5px;vertical-align:top;position:relative;}
.gallery th {font-size:18px;padding-bottom:0;color:#0E4078;text-align:left;}
.gallery td img {border:1px solid #6FA5DF;}
.galleryThumbs {text-align:left;}
.galleryThumbs img {margin:0 5px 3px 0;}
.galleryThumbs .current img {border-color:white;}
#GalleryMainImage {width:307px;text-align:center;vertical-align:top;}
#GalleryMainImage img {margin:auto;}
.galleryDescriptionLinks {
	padding:10px;
	background:#DFEEFF;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	margin:10px 0;
}
.galleryDescriptionLinks a {
	font-size:13px;
	margin:0 5px;
}
/********************************************************************
	Start: Column Styles
********************************************************************/
.columns {
	padding:0;
}
.columns,
.columns .column {
	position:relative;
}
	.columns .section {
		margin-bottom:10px;
	}
	.columns.single .column {
		width: 100%;
	}
	.columns.even .column {
		width: 49%;
	}
	* html .columns.even .column {
		width: 47.75%; /* IE6 Sucks */
	}
	#Wrapper .columns.three .column {
		width: 32%;
		float:left;
	}
	#Wrapper .columns.four .column {
		width: 24.9%;
		float:left;
	}
	* html #Wrapper .columns.four .column {
		width: 24.4% !important; /* IE6 Sucks */
	}
	.columns.uneven .column {
		width: 28%;
		position:relative;
	}
	.columns.uneven .column.main {
		width: 70%;
	}
	.columns .column.left {
		float:left;
	}
	.columns .column.right {
		float:right;
	}
/*****************************
	End: Column Styles
*****************************/




#Content table.formatted {
	width:100%;
	cellpadding:0px;
	cellspacing:0px;
	margin:8px auto;
	font-size:11px;
	border:1px solid #CFCFCF;
	border:0;
	position:relative;
}
#Content table.formatted textarea {
	width:100%;
}
#Content table.formatted td,
#Content table.formatted th {
	font-size:11px;
	border-bottom:1px solid #CFCFCF;
	text-align:left;
	padding:4px 2px;
}
#Content table.formatted table td,
#Content table.formatted table th {
	border-right:0;
	border-top:0;
}
#Content table.formatted thead th {
	color:white;
	font-weight:normal;
	border-color:#000;
	border-bottom:0;
	border-top:0;
	background-color:#0e4078;
	white-space:nowrap;
}
#Content table.formatted thead th a {
	color:white;
}
#Content table.formatted tbody th {
	text-align:right;
	white-space:nowrap;
	font-weight:normal;
}
#Content table.formatted th {
	margin-left:5px;
}
#Content th.actions,
#Content td.actions {
	white-space:nowrap;
	font-size:10px;
	text-align:center;
}
#Content td.actions form,
#Content td.actions button {
	display:inline;
	border:0;
	background:transparent;
	padding:0;
	margin:0;
	color:#0397D6;
	margin-left:-1px;
}
#Content table.formatted tr.even {background-color:#DFEEFF;}
#Content table.formatted table th,
#Content table.formatted table td {
	background:transparent;
	font-weight:normal;
	border:0 !important;
}
#Content table.formatted table {margin:0;margin-top:-4px;/* Cancel out cell padding on inner tables */}
#Content table.formatted tbody th {padding-left:0;}


#jquery-overlay,#jquery-lightbox,#lightbox-loading,#lightbox-nav{position:absolute}#jquery-overlay,#jquery-lightbox,#lightbox-nav{top:0}#jquery-overlay,#jquery-lightbox,#lightbox-nav,#lightbox-container-image-box > #lightbox-nav,#lightbox-nav-btnPrev{left:0}#jquery-overlay{z-index:90;height:500px}#jquery-overlay,#jquery-lightbox,#lightbox-loading,#lightbox-nav,#lightbox-container-image-data-box{width:100%}#jquery-lightbox{z-index:100}#jquery-lightbox,#lightbox-loading{text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box,#lightbox-container-image-data-box{background:#fff;margin:0 auto}#lightbox-container-image-box{position:relative;width:250px;height:250px}#lightbox-container-image{padding:10px}#lightbox-loading{top:40%;left:0%;height:25%}#lightbox-nav,#lightbox-nav-btnNext,#lightbox-nav-btnPrev{height:100%}#lightbox-nav{z-index:10}#lightbox-nav a{outline:none}#lightbox-nav-btnNext,#lightbox-nav-btnPrev{width:49%;zoom:1}#lightbox-nav-btnNext,#lightbox-nav-btnPrev,#lightbox-image-details-currentNumber{display:block}#lightbox-nav-btnPrev,#lightbox-container-image-data #lightbox-image-details{float:left}#lightbox-nav-btnNext{right:0}#lightbox-nav-btnNext,#lightbox-secNav-btnClose{float:right}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;line-height:1.4em;overflow:auto;padding:0 10px 0}#lightbox-container-image-data{padding:0 5px;color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;padding-bottom:0.7em}
.contact-for-availability {clear:both;color:#6E6E6E;}





.delete, .error {
	color:#9F0400 !important;
}
.aJustify {
	text-align:justify !important;
}
.aLeft {
	text-align:left !important;
}
.aCenter {
	text-align:center !important;
}
.aRight {
	text-align:right !important;
}
.actionLink,.actionLinkSans {font-weight:bold;font-size:1.5em;}
/* Markupless float clearing: put this class on the container of the floats */
.columns:after,
.clear:after {
    content: ".";
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    line-height: 0 !important;
    height: 0 !important;
}
/* IE Fix */
*+html .columns:after,
*+html .clear {
    height: 1% !important;
}
* html .columns:after,
* html .clear {
    height: 1% !important;
}