/* Product detail styles */

#productDetails
{
	clear: both;
}

#productDetails #column1
{
	float: left;
	width: 300px;
}

#productDetails #column2
{
	float: right;
	width: 560px;
}

#productDetails #column1,
#productDetails #column2
{
	margin-top: 6px;
	margin-bottom: 15px;
}

#productDetails li
{
	margin-left: 17px;
}

#productDetails #productAnchors,
#productDetails #productAnchors a
{
	color: #E56E19;
	font-size: 12px;
	font-weight: bold;
}

#productDetails #tabs,
#productDetails #tabContent h3,
#productDetails #productAnchors
{
	margin-top: 10px;
}

#productDetails #tabContent
{
	clear: both;
	padding-top: 2px;
}

#productDetails #productAnchors
{
	padding-top: 15px;
	margin-bottom: 3px;
}

#productDetails #productAnchors span
{
	padding-left: 8px;
	padding-right: 5px;
}

#productDetails #productPhoto,
#productDetails #gotoSection
{
	text-align: right;
}

#productDetails #gotoSection
{
	margin-top: 20px;
}

#productDetails #tabLabel1,
#productDetails #tabLabel2,
#productDetails #tabLabel3,
#productDetails #calculatorTopBar,
#productDetails #calculatorBottomBar
{
	color: White;
	height: 25px;
	padding-top: 8px;
	font-weight: bold;
}

#productDetails #tabLabel1,
#productDetails #tabLabel2,
#productDetails #tabLabel3
{
	float: left;
	width: 179px;
	margin-right: 1px;
	text-align: center;
	background-color: #aaa;
}

#productDetails #tabLabel1.twoTabsOnly,
#productDetails #tabLabel3.twoTabsOnly
{
	width: 270px;
}

#productDetails #tabLabel1:hover,
#productDetails #tabLabel2:hover,
#productDetails #tabLabel3:hover,
#productDetails #calculateButton
{
	cursor: pointer;
}

#productDetails #tabHeader div.leftCorner
{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/css/bgd-tab-left-corner-trans.png);
}

#productDetails #tabHeader div.rightCorner
{
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/css/bgd-tab-right-corner-trans.png);
}

#productDetails #colorAccuracyNote
{
	color: #333;
	margin: 14px 25px 8px 8px;
}

#productDetails #coverageCalculator
{
	width: 290px;
	margin-right: 0;
	margin-top: 20px;
	margin-left: auto;
}

#productDetails #coverageCalculator p,
#productDetails #coverageCalculator label
{
	margin-top: 6px;
}

#productDetails #coverageCalculator p
{
	text-align: right;
}

#productDetails #coverageCalculator label
{
	float: left;
	width: 220px;
	display: block;
	margin-right: 10px;
}

#productDetails #coverageCalculator input[type=text]
{
	width: 40px;
	margin-right: 5px;
	margin-top: 8px;
}

#productDetails #calculatorTopBar
{
	margin-top: 10px;
	padding-left: 25px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/css/bgd-white-grad-trans.png);
}

#productDetails #calculatorBottomBarContainer
{
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../img/css/bgd-calculator-left-corner-trans.png);
}

#productDetails #calculatorBottomBar
{
	margin-right: 0;
	margin-left: 27px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../img/css/bgd-calculator-right-corner-trans.png);
}

#productDetails #pdfs a
{
	padding-left: 25px;
	background: transparent url(../img/css/bgd-download-pointer.jpg) no-repeat top left;
}

#productDetails table#specSheets
{
	font-size: 12px;
	margin-top: 10px;
}

#productDetails #versatileProductColumn1
{
	float: left;
	width: 390px;
	
	/*border: 1px solid red;*/	
}

#productDetails #versatileProductColumn2
{
	width: 120px;
	float: right;
	margin-right: 20px;

	/*border: 1px solid red;*/
}

#productDetails #extraProductInfo
{
	margin-top: 50px;
}


/* Product color themes (the names orange, grey, etc. are stored in database per product */

#productDetails #tabLabel1.orange:hover     ,
#productDetails #tabLabel2.orange:hover     ,
#productDetails #tabLabel3.orange:hover     ,
#productDetails #tabLabel1.orange.current   ,
#productDetails #tabLabel2.orange.current   ,
#productDetails #tabLabel3.orange.current   ,
#productDetails #calculatorTopBar.orange    ,
#productDetails #calculatorBottomBar.orange ,
#productDetails #calculatorBottomBarContainer.orange { background-color: #F78934; }

#productDetails #tabLabel1.powder:hover     ,
#productDetails #tabLabel2.powder:hover     ,
#productDetails #tabLabel3.powder:hover     ,
#productDetails #tabLabel1.powder.current   ,
#productDetails #tabLabel2.powder.current   ,
#productDetails #tabLabel3.powder.current   ,
#productDetails #calculatorTopBar.powder    ,
#productDetails #calculatorBottomBar.powder ,
#productDetails #calculatorBottomBarContainer.powder { background-color: #9DACD7; }

#productDetails #tabLabel1.grey:hover     ,
#productDetails #tabLabel2.grey:hover     ,
#productDetails #tabLabel3.grey:hover     ,
#productDetails #tabLabel1.grey.current   ,
#productDetails #tabLabel2.grey.current   ,
#productDetails #tabLabel3.grey.current   ,
#productDetails #calculatorTopBar.grey    ,
#productDetails #calculatorBottomBar.grey ,
#productDetails #calculatorBottomBarContainer.grey { background-color: #575F66; }

#productDetails #tabLabel1.beige:hover     ,
#productDetails #tabLabel2.beige:hover     ,
#productDetails #tabLabel3.beige:hover     ,
#productDetails #tabLabel1.beige.current   ,
#productDetails #tabLabel2.beige.current   ,
#productDetails #tabLabel3.beige.current   ,
#productDetails #calculatorTopBar.beige    ,
#productDetails #calculatorBottomBar.beige ,
#productDetails #calculatorBottomBarContainer.beige { background-color: #A08E60; }

#productDetails #tabLabel1.tan:hover     ,
#productDetails #tabLabel2.tan:hover     ,
#productDetails #tabLabel3.tan:hover     ,
#productDetails #tabLabel1.tan.current   ,
#productDetails #tabLabel2.tan.current   ,
#productDetails #tabLabel3.tan.current   ,
#productDetails #calculatorTopBar.tan    ,
#productDetails #calculatorBottomBar.tan ,
#productDetails #calculatorBottomBarContainer.tan { background-color: #BD8B50; }

#productDetails #tabLabel1.cyan:hover     ,
#productDetails #tabLabel2.cyan:hover     ,
#productDetails #tabLabel3.cyan:hover     ,
#productDetails #tabLabel1.cyan.current   ,
#productDetails #tabLabel2.cyan.current   ,
#productDetails #tabLabel3.cyan.current   ,
#productDetails #calculatorTopBar.cyan    ,
#productDetails #calculatorBottomBar.cyan ,
#productDetails #calculatorBottomBarContainer.cyan { background-color: #02AFDA; }

#productDetails #tabLabel1.rust:hover     ,
#productDetails #tabLabel2.rust:hover     ,
#productDetails #tabLabel3.rust:hover     ,
#productDetails #tabLabel1.rust.current   ,
#productDetails #tabLabel2.rust.current   ,
#productDetails #tabLabel3.rust.current   ,
#productDetails #calculatorTopBar.rust    ,
#productDetails #calculatorBottomBar.rust ,
#productDetails #calculatorBottomBarContainer.rust { background-color: #C36025; }

#productDetails #tabLabel1.green:hover     ,
#productDetails #tabLabel2.green:hover     ,
#productDetails #tabLabel3.green:hover     ,
#productDetails #tabLabel1.green.current   ,
#productDetails #tabLabel2.green.current   ,
#productDetails #tabLabel3.green.current   ,
#productDetails #calculatorTopBar.green    ,
#productDetails #calculatorBottomBar.green ,
#productDetails #calculatorBottomBarContainer.green { background-color: #76BB6B; }

#productDetails #tabLabel1.salmon:hover     ,
#productDetails #tabLabel2.salmon:hover     ,
#productDetails #tabLabel3.salmon:hover     ,
#productDetails #tabLabel1.salmon.current   ,
#productDetails #tabLabel2.salmon.current   ,
#productDetails #tabLabel3.salmon.current   ,
#productDetails #calculatorTopBar.salmon    ,
#productDetails #calculatorBottomBar.salmon ,
#productDetails #calculatorBottomBarContainer.salmon { background-color: #F15B42; }

#productDetails #tabLabel1.navy:hover     ,
#productDetails #tabLabel2.navy:hover     ,
#productDetails #tabLabel3.navy:hover     ,
#productDetails #tabLabel1.navy.current   ,
#productDetails #tabLabel2.navy.current   ,
#productDetails #tabLabel3.navy.current   ,
#productDetails #calculatorTopBar.navy    ,
#productDetails #calculatorBottomBar.navy ,
#productDetails #calculatorBottomBarContainer.navy { background-color: #0254A0; }

#productDetails #tabLabel1.cherry:hover     ,
#productDetails #tabLabel2.cherry:hover     ,
#productDetails #tabLabel3.cherry:hover     ,
#productDetails #tabLabel1.cherry.current   ,
#productDetails #tabLabel2.cherry.current   ,
#productDetails #tabLabel3.cherry.current   ,
#productDetails #calculatorTopBar.cherry    ,
#productDetails #calculatorBottomBar.cherry ,
#productDetails #calculatorBottomBarContainer.cherry { background-color: #F21A25; }