/*=======================
	PRODUCT PAGE
========================*/	
#productWrapper{
	/*overflow: hidden;
	min-height: 400px;*/
	}
	#productWrapper h1{
		border-bottom: 1px solid #CAD6E1;
		font-weight: bold;
		margin-bottom: 16px;
		padding-bottom: 8px;
		width: 635px;
	}
	.oneColumn h1{
		width: auto !important;
		margin-bottom: 12px !important;
	}
	#productWrapper h1.fullColumn{
		width: auto !important;
	}
	#utility{
		background: url("../wsimages/fcbShop/utilityBg.jpg") top left no-repeat;
		width: 911px;
		height: 35px;
		margin-top: 20px;
		padding: 12px 0 0 21px;
	}
	#utility select{
		width: 231px;
		border: 1px solid #003366;
		height: 20px;
		color: #000033;
		background: #EDF9FC;
		float: left;
	}
	#utility select.second{
		margin-left: 31px !important;
	}
	#utility a.button{
		margin-left: 20px;
	}
	#utility input#goButton,
	#utility input#goButton1,
	#utility input#goButton2{
		margin: 0 0 0 8px;
		float: left;
	}
	#utility a.buttonGray{
		margin: 0 0 0 8px;
	}
	#utility a.buttonGraySp{
		margin-left: 47px;
		float: left;
		}
		/*-- Safari 3.0 hack --*/
		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			#utility a.buttonGraySp{
				margin-left: 35px;
			}
		}
	#utility a img{
		border: none;
	}
	#utility p#quoteItem{
		padding: 2px 0 0 46px;
		float: left;
		color: #FFF;
		margin: 0;
		font-weight: bold;
		}

		/*-- Safari 3.0 hack --*/
		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			#utility p#quoteItem{
				padding-left: 32px;
			}
		}
		#utility p#quoteItem span{
			color: #B6C3CD;
		}
		#utility p#quoteItem a{
			color: #FFF;
			text-decoration: underline;
			font-weight: bold;
		}
		#utility p#quoteItem a:hover{
			text-decoration: none;
		}
	#utility p#backButton{		
		float: left;
		height: 16px;
		color: #FFF;
		margin: 0;
		}
		#utility p#backButton a{
			background: url("../wsimages/fcbShop/backButton.jpg") top left no-repeat;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
			padding: 0 0 0 23px;
			margin: 2px 0 0 47px;
			display: block;
			height: 16px;
		}

		/*IE7 hack*/
		:first-child + html #utility p#backButton a{
			width: 115px;		
		}		

		/*IE6 hack*/
		* html #utility p#backButton a{
			width: 115px;		
		}	

		/* Utility Bar for home page */
		#utility.home{
			background: url("../wsimages/fcbShop/utilityBgHome.jpg") top left no-repeat;
		}
		#utility.home select{
			width: 217px;
			margin-left: 25px;
		}
		/*-- Safari 3.0 hack --*/
		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			#utility.home select{
				margin-left: 15px;
			}
		}
		#utility.home input#goButton{
			padding-right: 11px;
		}
		#utility.home a.button{
			margin-left: 31px;
			font-size: 12px;	
		}
		#utility h3{
			color: #FFF;
			font-size: 16px;
			margin: 0;
			padding: 0;
			float: left;
		}



/*==========================
	PRODUCT CATEGORY PAGE
===========================*/	

#mainProducts{
	width: 619px;
	float: left;
}
#productWrapper #featureProducts{
	width: 297px;
	height: 314px;
	float: right;
	background: url("../wsimages/fcbShop/featureBg.jpg") top left no-repeat;
	position: relative;
	}
	#featureProducts .featureContainer{
		padding: 18px 17px 0;
	}
	#featureProducts .featureContainer h3{	
		color: #0B4F7F;
		font-size: 14px;
		font-weight: bold;
		padding: 10px 7px 6px;
	}
	#featureProducts .featureContainer p{
		padding: 0 7px;
		margin: 0;
	}		
	#featureProducts .featureContainer img{
		border: 2px solid #3F4447;
	}
	#featureProducts .featureContainer img.view{
		border: none;
		position: absolute;
		left: 19px;
		bottom: 11px;
	}
	
.teaserContainer{
	float: left;
	width: 139px;
	height: 160px;
	padding: 0 16px 8px 0;
	}
	* html .teaserContainer{
		padding-right: 15px;
	}
	.teaserContainer.last{
		padding: 0 0 8px 0 !important;
	}
	.teaserContainer a{
		color: #006699;
		text-decoration: none;
		text-align: center;
		display: block;
		font-size: 11px;
	}
	.teaserContainer a:hover{
		text-decoration: underline;
	}
	.teaserContainer .teaserImg{
		background: url("../wsimages/fcbShop/teaserBg.gif") top left no-repeat;
		width: 143px;
		height: 117px;
		padding-top: 4px;
	}
	.teaserContainer img.productTeaser{
		border: 2px solid #3F4447 !important;
		float: none !important;
		margin: 0 !important;		
	}
	/*=== teaser for normal page --*/
	#lhs .teaserContainer{
		padding-right: 14px;
	}
	* html #lhs .teaserContainer{
		padding-right: 9px;
	}
	
/*=======================
	PRODUCT PAGE
========================*/		

#productWrapper #productLHS{
	float: left;
	width: 634px;
	margin-top: 20px;
	}
	#productWrapper #productLHS.oneColumn{
		width: 100% !important;
	}
	#productLHS p#productDescription{
		padding-bottom: 3px;
	}
	#productLHS table{
		margin-bottom: 15px;
	}
	#productLHS table th{
		background: #0C5A8F;
		text-align: left;
		color: #FFF;
		height: 29px;
	}
	#productLHS table th.firstInRow,
	#productLHS table td.firstInRow{
		padding-left: 10px;
		padding-right: 25px;
	}
	#productLHS table td.firstInRow.added,
	#productLHS table td.added{
		background: #B7DB93;
	}
	#productLHS table td{
		padding: 7px 0;
		border-bottom: 1px solid #0C5A8F;
	}
	#productLHS table td.selectBox{
		padding-left: 12px;
	}
	#productLHS table td select{
		border: 1px solid #000;
		color: #666;
		width: 45px;
	}
	/*-- Safari 3.0 hack --*/
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		#productLHS table td select{
			width: 53px;
		}
	}
	/*IE7 hack*/
	:first-child + html #productLHS table td select{
		width: 48px;
	}	
	/*IE6 hack*/
	* html #productLHS table td select{
		width: 48px;
	}

	#productLHS input#addQuote{
		margin: 0 0 23px 539px;
		display: block;
	}
	#productLHS a.buttonGray{
		margin: 0 0 23px 536px;
		float: none;
		}
		/*-- Safari 3.0 hack --*/
		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			#productLHS a.buttonGray{
				margin-left: 530px;
			}
		}	
	
	#productLHS #productInfo{
		overflow: hidden;
		margin-bottom: 22px;
	}
	#productLHS h3{
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
		padding: 8px;	
		background: #0A497A;			
	}	
	#productLHS #productInfo h3{
		font-size: 16px;
		font-weight: bold;
		color: #0B4F7F;
		background: #E1EBF1;
		border-top: 1px solid #C3D7E3;
		border-bottom: 1px solid #C3D7E3;		
		padding: 7px 8px;
		margin-bottom: 9px;
	}
	#productLHS #productInfo #productInfoLHS{
		width: 290px;
		float: left;
	}
	#productLHS #productInfo #productInfoLHS ul{
		padding: 3px 8px;
		margin: 0;		
		color: #003366;
	}
	#productLHS #productInfo #productInfoLHS li{
		background: url("../wsimages/fcbShop/bullet.gif") 0 8px no-repeat;	
	}
	#productLHS #productInfo #productInfoRHS{
		width: 290px;
		float: right;
		}
		#productLHS #productInfo #productInfoRHS p{
			color: #003366;
			padding: 3px 8px;
			margin: 0;
		}
		#productLHS #productInfo #productInfoRHS em{
			font-weight: bold;
			font-style: normal;
		}
		#productLHS #productInfo #productInfoRHS div{
			color: #003366;
			padding: 3px 8px;
			margin: 0;
			overflow: hidden;
		}
		#productLHS #productInfo #productInfoRHS div em{
			float: left;
			width: 45px;
		}
		#productLHS #productInfo #productInfoRHS ul{
			width: 217px;
			float: right;
			padding-left: 5px;
			position: relative;
			top: -2px;
		}
		#productLHS #productInfo #productInfoRHS li{
			background: none;
			padding: 0;
		}
	#productLHS #complimentaryProducts{
		border: 1px solid #CAD9E1;
		padding: 8px 13px 8px 6px;
		background: #E7F0F5;
	}	
	#productLHS #complimentaryProducts p{
		color: #003366;
		position: relative;
		border-bottom: 1px solid #CAD9E1;
		padding: 5px 0;
		margin: 0;
	}
	#productLHS #complimentaryProducts p#lastItem{
		border: none;
	}
	#productLHS #complimentaryProducts a{
		color: #003366;
		text-decoration: none;
	}
	#productLHS #complimentaryProducts a.viewProduct {	
		position: absolute;
		top: 6px;
		right: 0;
		background: #E7F0F5 url("../wsimages/fcbShop/playIcon.jpg") left 1px no-repeat;
		width: 105px;
		padding-left: 17px;
		
	}	
	* html #productLHS #complimentaryProducts a.viewProduct {
		right: 14px;		
	}
	
	#productLHS #complimentaryProducts a:hover{
		text-decoration: underline;
	}
#productWrapper #productRHS{
	float: right;
	width: 262px;
	margin-top: 67px;	
	}
	#productWrapper #productRHS div{
		border: 1px solid #D1D1D1;
		text-align: center;
		width: 259px;
		margin-bottom: 13px;
		padding: 20px 0;
	}	
	#productWrapper #productRHS #main{
		border: 2px solid #404547;
		padding: 0;
		width: 257px;
		height: 141px;
		}
		/*This removes the extra padding on the bottom of the feature image in IE6*/
		* html #productWrapper #productRHS #main{
			overflow: hidden;
		}
	#productWrapper #productRHS a{
		border: none;
	}
	#productWrapper #productRHS a.buttonCat{
		border: none !important;
		margin-bottom: 13px;
		float: none;
	}

/*=======================
	PRODUCT PAGE
========================*/
#productWrapper #productLHS table td.productTitle{
	color: #0C5A8F;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 0 7px 10px;
	}	
	#productWrapper #productLHS.oneColumn table{
		margin: 0;
	}
	#productLHS h2.step{
		background: #00294E url("../wsimages/fcbShop/quoteStep1.jpg") top left no-repeat;
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
		padding: 8px 0 9px 38px;
		margin: 0;
	}
	#productLHS h2.step.second{
		background: #00294E url("../wsimages/fcbShop/quoteStep2.jpg") top left no-repeat;
		margin-bottom: 22px;
	}
	#productLHS h2.step.third{
		background: #00294E url("../wsimages/fcbShop/quoteStep3.jpg") top left no-repeat;
		margin-bottom: 22px;
	}	
	#productLHS h2.confirm{
		background: #00294E !important;
		padding-left: 10px !important;
	}
	#stepWrapper{
		overflow: hidden;
		margin-top: 31px;
	}
	#stepWrapper form{
		overflow: hidden;
		padding-bottom: 32px;
	}
	#stepWrapper #userInfo{
		float: left;
		width: 431px;
	}
	#stepWrapper #distributorWrapper{
		float: right;
		width: 431px;
	}
	#stepWrapper .fieldWrapper{
		margin-bottom: 9px;
		min-height: 22px;
		float: left;
	}
	#stepWrapper .fieldWrapper div{
		float: left;
		width: 207px;
		margin-right: 18px;
	}
	* html #stepWrapper .fieldWrapper div{
		margin-right: 0;
	}
	#stepWrapper .fieldWrapper div p{
		color: #797979;
		font-size: 11px;
		float: left;
	}
	#stepWrapper .fieldWrapper.extend{
		height: 82px;
	}
	#stepWrapper .fieldWrapper label{
		background: #E4EDF3;
		color: #333;
		padding: 3px 8px 4px;
		display: block;
		width: 191px;
		margin-right: 18px;
		float: left;
		font-weight: bold;
	}	
	#stepWrapper .fieldWrapper input{
		float: right;
		width: 204px;
		border: 1px solid #B9B8B7;
		background: #F5F4F4;
		height: 20px;
	}
	#stepWrapper .fieldWrapper em{
		color: #669900;
		font-style: normal;
	}
	#stepWrapper .fieldWrapper a.helpLink{
		margin-left: 26px;
		}
	html* #stepWrapper .fieldWrapper a.helpLink{
		margin-left: 10px;
	}
		#stepWrapper .fieldWrapper img{
			border: 0;
		}
	#stepWrapper .fieldWrapper select{
		width: 133px;
		border: 1px solid #B9B8B7;
		background: #F5F4F4;
		height: 20px;
		float: left;		
	}	
	#stepWrapper .fieldWrapper textarea{
		height: 82px;
		width: 203px;
		border: 1px solid #B9B8B7;
		background: #F5F4F4;
		float: left;
	}
	#stepWrapper #distributorList{
		background: #E4EDF3;
		border: 1px solid #CCD4DC;	
		width: 318px;
		padding: 14px;
		padding-right: 97px;
	}
	#stepWrapper #distributorList #distributorInfo .distributorDetails{
		min-height: 193px;
	}
	#stepWrapper #distributorList select{
		width: 239px;
		border: 1px solid #B9B8B7;
		background: #F5F4F4;
		height: 20px;	
		margin-bottom: 23px;
	}
	#stepWrapper #distributorList #distributorInfo p{
		color: #00294E;
	}
	#stepWrapper #distributorList #distributorInfo p em{
		display: block;
		width: 60px;
		font-style: normal;
		float: left;
	}
	#stepWrapper #distributorList #distributorInfo a{
		border-bottom: 2px solid #ABBCCA;
		text-decoration: none;
		color: #00294E;
		padding: 0 0 2px;
	}
	#stepWrapper #distributorList #distributorInfo p#mapWrapper{
		margin: 0 0 29px;
		background: #E4EDF3 url("../wsimages/fcbShop/mapPointer.jpg") top left no-repeat;		
	}
	#stepWrapper #distributorList #distributorInfo p.nameLocation{
		margin: 0 0 15px;	
	}
	#stepWrapper #distributorList #distributorInfo p.description{
		border-bottom: 1px solid #C6D4E0;
		padding: 8px 0;
		margin: 0;
	}
	#stepWrapper #distributorList #distributorInfo p.first{
		border-top: 1px solid #C6D4E0;
	}	
	#stepWrapper #distributorList #distributorInfo p.link{
		padding: 15px 0 0;
		margin: 0;
	}
	#stepWrapper #distributorList #distributorInfo a:hover{
		border: none;
	}
	#stepWrapper #submitButton{
		width: 100%;
		clear: both;
		padding-top: 32px;
	}
	#stepWrapper #submitButton input#submitQuote{
		float: right;
	}
	#stepWrapper #submitButton a.buttonGray{
		float: right;
	}
	div#googlelocationmap{
		display: none;
		margin-bottom: 29px;
		width: 300px; 
		height: 193px;
	}
	div#googlelocationmap a{
		border: none !important;
	}
	/*=============================
		VALIDATION ERROR
	==============================*/	
	#stepWrapper .fieldWrapper label.error{
		background: #FFF;			
		color: #7E1613;
		font-weight: bold;	
		padding: 5px 8px 2px;;
		margin: 0;
		width: 415px;
	}
	#stepWrapper .fieldWrapper input.error,
	#stepWrapper select.error{
		border: 1px solid #C09F9D !important;
		background: #EADCDB !important;
		color: #7E1613 !important;
	}
	#stepWrapper #distributorList label.error{
		background: #E4EDF3;
		clear: both;
		color: #7E1613;
		font-weight: bold;	
		display: block;
		padding-bottom: 8px;
	}
	/*=============================
		ADDED PRODUCT NOTIFICATION	
	==============================*/
	#addProductNote{
		margin-bottom: 37px;
		overflow: hidden;
	}
	* html #addProductNote{
		width: 932px;
	}
	#addProductNote.final{
		margin-bottom: 28px;
		height: 45px;
	}
	#addProductNote h3{
		background: #FAF9D5 url("../wsimages/fcbShop/tick.jpg") top left no-repeat;
		padding: 7px 39px 16px 57px;
		color: #003366;
		font-size: 22px;
		font-weight: bold;
		float: left;
		height: 22px;
	}	
	* html #addProductNote h3{
		padding-bottom: 11px !important;
	}
	#addProductNote p{
		float: left;
		color: #00294E;
		padding-top: 16px;
		height: 29px;
		background: #FAF9D5;
		width: 728px;
		margin: 0;
	}
	/*-- Safari 3.0 hack --*/
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		#addProductNote p{
			width: 715px;
		}
	}	
	#addProductNote p em{
		font-weight: bold;
		font-style: normal;
	}
	#addProductNote h4{
		color: #003366;
		font-size: 16px;
		padding: 11px 21px 0 56px;
		float: left;
		margin: 0;
		height: 55px;
	}
	#addProductNote #productSuggestion{
		background: #F5F4B9;
		border-top: 1px solid #C5C47C;
		overflow: hidden;
		clear: both;
		width: 932px;
	}
	#addProductNote #otherProducts{
		width: 592px;
		height: 53px;
		color: #003366;
		float: left;
		padding: 12px 100px 0 0;
	}
	html* #addProductNote #otherProducts{
		width: 575px;
	}
	#addProductNote ul{
	}
	#addProductNote ul li{
		background: #F5F4B9 url("../wsimages/fcbShop/bullet.gif") left 5px no-repeat;
		display: inline;
		padding-left: 9px;
	}
	#addProductNote a{
		color: #003366;
	}
	#addProductNote a:hover{
		text-decoration: none;
	}
	#addProductNote #otherProducts ul li a{
		padding: 0 10px 5px 0;
	}
	
/*================================
		Our Products Page
=================================*/
h1.oneColumn{
	width: 925px !important;
	clear: both;
	}		
#mainProducts.fullRow{
	width: auto;
	}	
		
/*=================================
		HTML BUTTON
==================================*/
a.buttonBlue {
	margin: 0;
	padding: 0;
    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat scroll right -156px;
    color: #dddddd!important;
    display: block;
    float: left;
	font-weight: bold;
    height: 24px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none!important;
	font-size: 12px;
	}
	a.buttonBlue span {
	    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat left -132px;
	    display: block;
	    line-height: 14px;
	    padding: 5px 0 5px 8px;
	}
	
a.buttonGray {
	margin: 0;
	padding: 0;
    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat scroll right -22px;
    color: #dddddd!important;
    display: block;
    float: left;
	font-weight: bold;
    height: 22px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none!important;
	font-size: 12px;
	}
	a.buttonGray span {
	    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat top left;
	    display: block;
	    line-height: 14px;
	    padding: 3px 0 5px 8px;
	}
a.buttonGraySp {
	margin: 0;
	padding: 0;
    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat scroll right -44px;
    color: #dddddd!important;
    display: block;
    float: left;
	font-weight: bold;
    height: 22px;
    margin-right: 6px;
    padding-right: 29px; /* sliding doors padding */
    text-decoration: none!important;
	font-size: 12px;
	}
	a.buttonGraySp span {
	    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat top left;
	    display: block;
	    line-height: 14px;
	    padding: 3px 0 5px 8px;
	}	
a.buttonCat {
	margin: 0;
	padding: 0;
    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat scroll right -99px;
    color: #365470!important;
    display: block;
    float: left;
	font-weight: bold;
    height: 28px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none!important;
	font-size: 12px;
	font-family: arial;
	}
	a.buttonCat span {
	    background: transparent url('/wsimages/fcbShop/buttonsBg.gif') no-repeat left -66px;
	    display: block;
	    line-height: 14px;
	    padding: 9px 0 10px 46px;
	}
	/*-- Safari 3.0 hack --*/
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		a.buttonCat{
			font-size: 11px;
		}
	}
/*===========================
	DISTRIBUTOR TEASER
==============================*/
.distributorItem{
	overflow: hidden;
	margin-top: 10px;
	}
	.distributorItem a{
		float: left;
	}
	.distributorItem img{
		border: none !important;
	}
.disInfo{
	float: right !important;
	width: 468px !important;
	margin-top: 0 !important;
	background: transparent url("../wsimages/distributorBg.gif") top left no-repeat !important;
	padding: 0 20px !important;
	}		
	.disInfo span{
		display: block;
		clear: both;
	}	

.distributorLogo{
	float: left;
	}
	.distributorLogo img{
		text-align: center;
	}
#distributorList.template{
	padding: 14px 40px 14px 14px !important; 
	width: 390px !important;
}
.template #distributorInfo{
	overflow: hidden;
	}
	.template .distributorDetails{
		float: left;
		padding-left: 14px;
		width: 295px;
	}
.template p.link{
	padding: 15px 0 5px !important;
	}	

/*===========================
	fcbProductOrder template
==============================*/	
#customerDetails{
	background: #FBFAD5;
	margin-top: 23px;
	padding: 14px 20px 23px 10px;
	overflow: hidden;
	width: 902px;
	}
	#customerDetails h3{
		font-size: 16px;
		color: #003366;
		background: none;
		border-bottom: 1px solid #DAD9A3;
		padding: 0 0 10px;

	}
	#customerDetails #custLeft{
		float: left;
		width: 455px;
		border-right: 1px solid #DAD9A3;
		margin-top: 10px;
	}		
	#customerDetails #custRight{
		float: right;
		width: 414px;
		margin-top: 10px;
		padding-left: 27px;
	}
	#customerDetails p{
		padding: 0 0 6px;
		margin: 0;
	}
	#customerDetails #custLeft p{
		clear: both;
		float: left;
		width: 100%;
	}
	#customerDetails #custLeft p strong{
		width: 165px;
		font-weight: bold;
		display: block;
		float: left;
	}	
	#customerDetails #custRight strong{
		display: block;
		float: left;
		width: 88px;
	}
	#customerDetails #custRight span{
		display: block;
		float: left;
		width: 300px;
	}
	
/*===========================
	dmFacts style
============================*/
p.author{
	margin: 5px 0 5px 15px;
	font-style: italic;
	color: gray;
	}		
h4 a{
	color: #5A97BA;
	text-decoration: none;
	}	
	h4 a:hover{
		text-decoration: underline;
	}