﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for
				  the Enterprise/COMMERCE Component
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				COMMERCE FULLBROWSER ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#innerWrap.commerce {margin:0; padding:148px 0 0 185px; background:#f8ecd7;}

#innerWrap.commerce div#displayImg {
	position:absolute;
	top:0;
	right:0;
	_right:-1px;
	z-index:0;
	height:148px;
	overflow:hidden;
}

/* ~~~~~~~~~~~~~~ BROWSE: SEO CONTENT ~~~~~~~~~~~~~ */

.browse #seocontent 			{margin:10px 0 -10px 15px;}
.browse #seocontent h1 			{font-size:1.7em; margin:1em 1em 0 0; padding:2px 0; border-bottom:1px solid #E9C08B;}
.browse #seocontent ul.facts	{margin:1em 1em 1em 0; padding:1em 1em 1em 2em; font-size:1.1em; border:3px solid #E9C08B; background:#fff;}
.browse #seocontent ul.facts li	{margin:.2em 0; }


/* ~~~~~~~~~~~~~~ BROWSE: SORT PRODUCTS ~~~~~~~~~~~~~ */

.browse form#sortForm {
	color:#fff;
	padding:5px;
	border:none;
	background:transparent url('/include/site/multimedia/images/browse-sortBk.jpg') no-repeat;
}

.browse form#sortForm table		{width:100%;}
.browse form#sortForm a			{color:#fff; font-weight:bold;}
.browse form#sortForm a:hover	{color:#f5a177;}
.browse form#sortForm h5		{font-size:.9em; font-weight:normal;}
.browse form#sortForm th,
.browse form#sortForm td		{text-align:center;}

.browse form#sortForm input,
.browse form#sortForm select {font-size:.9em;}


.browse form#sortFormBottom {
	color:#fff;
	margin:0;
	padding:5px;
	border:none;
	background:transparent url('/include/site/multimedia/images/browse-sortBk_Bottom.jpg') no-repeat;
}

.browse form#sortFormBottom table		{width:100%;}
.browse form#sortFormBottom a			{color:#fff; font-weight:bold;}
.browse form#sortFormBottom a:hover	{color:#f5a177;}
.browse form#sortFormBottom h5		{font-size:.9em; font-weight:normal;}
.browse form#sortFormBottom th,
.browse form#sortFormBottom td		{text-align:center;}

.browse form#sortFormBottom input,
.browse form#sortFormBottom select {font-size:.9em;}


/* ~~~~~~~~~~~~~~ BROWSE PRODUCTS ~~~~~~~~~~~~~ */

.browse h1#noProdsAvailable {font-size:1.1em; line-height:1.25; margin:2em 100px 0 50px; padding:5px; border:none;}

.browse div#products {margin:10px 0 0 15px; padding:0 0 15px 0;}

.browse div.prodListing {					/* Styles to each product listing in fb_Browse.asp, fb_Search.asp */
	color:inherit;
	background:transparent;
	width:100px;
	margin:5px 5px;
	padding:10px 5px 5px 5px;
	float:left;
	display:inline;
	height:230px;
	overflow:hidden;
}

.browse div.prodListing:hover {background:#f0d5a7;}

.browse div.prodListing a img	{margin-left:5px; font-size:.75em;}
.browse div.prodListing h1		{font-size:1em; margin:.25em 0;}
.browse div.prodListing h1 a	{text-decoration:none;}
.browse div.prodListing h2		{font-size:.9em; margin:.5em 0 .25em 0; text-align:left; font-weight:normal;}
.browse div.prodListing h3		{font-size:1em; text-align:left;}
.browse div.prodListing h4		{font-size:.9em; font-weight:normal; text-align:left; text-decoration:line-through;}
.browse div.prodListing h5		{}

.browse div.prodListing h3.viewDetails {margin:5px 0;}
.browse div.prodListing h3.viewDetails a {
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	background:#aa5d19;
	text-decoration:none;
	border-top:1px solid #e9c08b;
	border-left:1px solid #e9c08b;
	border-bottom:1px solid #5b2209;
	border-right:1px solid #5b2209;
}

.browse div.prodListing h3.viewDetails a:hover {
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	background:#8a4c15;
	text-decoration:none;
	border-top:1px solid #5b2209;
	border-left:1px solid #5b2209;
	border-bottom:1px solid #e9c08b;
	border-right:1px solid #e9c08b;
}


.browse div.prodListing h3.orderSample {margin:5px 0;}
.browse div.prodListing h3.orderSample a {
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	background:#329832;
	text-decoration:none;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}

.browse div.prodListing h3.orderSample a:hover {
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	background:#267226;
	text-decoration:none;
	border-top:1px solid #0f390f;
	border-left:1px solid #0f390f;
	border-bottom:1px solid #3ab93a;
	border-right:1px solid #3ab93a;
}

.browse div.prodListing h3.buyNow {margin:5px 0;}
.browse div.prodListing h3.buyNow a {
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	background:#329832;
	text-decoration:none;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}

.browse div.prodListing h3.buyNow a:hover {
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	background:#267226;
	text-decoration:none;
	border-top:1px solid #0f390f;
	border-left:1px solid #0f390f;
	border-bottom:1px solid #3ab93a;
	border-right:1px solid #3ab93a;
}



/* ~~~~~~~~~~~~~~ VIEW PRODUCT ~~~~~~~~~~~~~ */

#viewProduct {min-height:600px;}

#viewProduct h1.prodName {
	color:#fff;
	margin:0 0 1em 0;
	padding:5px 10px 6px 10px;
	font-size:1.1em;
	background:url('/include/site/multimedia/images/viewProd-prodNameBk.gif') no-repeat;
}


#viewProduct #seocontent {margin:0px 5px 10px 10px;}
#viewProduct #seocontent h1 {font-weight:normal; font-size:.9em;}

#viewProduct #viewProdColm1 {
	float:left;
	display:inline;
	width:490px;
	margin:0 0 0 10px;
}

#viewProduct.nonFlooring #viewProdColm1 {margin-left:60px;}


/* ~~~~~~~~~~~~~~ Product Images on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProdColm1 div#productImages {float:left; display:inline; width:300px;}
#viewProduct #viewProdColm1 div#productImages h2 {
	color:#fff;
	padding:0px 5px 4px 15px;
	font-size:.9em;
	background:url('/include/site/multimedia/images/viewProd-prodImagesBk.gif') no-repeat;
}

#viewProduct #viewProdColm1 div#productImages ul				{margin:7px 0; padding:0; list-style:none;}
#viewProduct #viewProdColm1 div#productImages ul li				{display:inline; margin:0 7px 7px 0;}
#viewProduct #viewProdColm1 div#productImages ul li.last		{margin-right:0;}
#viewProduct #viewProdColm1 div#productImages ul li a img 		{border:1px solid #5b2209;}
#viewProduct #viewProdColm1 div#productImages ul li a.sel img	{border:1px solid #fff;}


/* ~~~~~~~~~~~~~~ Product Details on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProdColm1 #productDetails		{float:right; display:inline; width:180px; background:#fff url('/include/site/multimedia/images/viewProd-prodDetailsBk.jpg') bottom left no-repeat;}

#viewProduct #viewProdColm1 #productDetails .formRow		{height:1.25em;}
#viewProduct #viewProdColm1 #productDetails .formRow .label {text-align:left;}
#viewProduct #viewProdColm1 #productDetails .formRow .field {width:90px; text-align:right;}
#viewProduct #viewProdColm1 #productDetails .formRow.btn	{text-align:right;height:1.5em;}

#viewProduct #viewProdColm1 #productDetails hr {margin:.5em 5px; _margin:.1em 5px; padding:0; border:none; border-top:1px solid #5d2710;}
#viewProduct #viewProdColm1 #productDetails h3 {font-size:.9em; padding:1px 5px 3px 5px;}
#viewProduct #viewProdColm1 #productDetails h4 {font-size:.9em; font-weight:normal; padding:1px 5px 3px 5px;}



#viewProduct #viewProdColm1 #productDetails input {font-size:1em;}
#viewProduct #viewProdColm1 #productDetails input.submitBtn {
	color:#fff;
	font-weight:bold;
	background:#329832;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}
#viewProduct #viewProdColm1 #productDetails input.textBox {
	width:45px;
	text-align:right;
	color:#5b2209;
	padding:1px;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #f5e2c3;
	border-right:1px solid #f5e2c3;
}

#viewProduct #viewProdColm1 #productDetails #ourPrice					{font-weight:normal;}
#viewProduct #viewProdColm1 #productDetails #dealerPrice .field			{width:60px;}
#viewProduct #viewProdColm1 #productDetails #prodPrice .bestPrice		{color:#fff; font-weight:bold; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg') repeat-x;}
#viewProduct #viewProdColm1 #productDetails #retailPrice .field			{text-decoration:line-through;}				
#viewProduct #viewProdColm1 #productDetails #savings					{color:#329832; font-weight:bold;}
#viewProduct #viewProdColm1 #productDetails #prodPrice h5				{font-size:.9em; margin:.5em 0 0 0; padding:0 5px;}
#viewProduct #viewProdColm1 #productDetails #prodPrice h6				{font-weight:normal; font-size:.75em; line-height:1.25; margin:0 0 .5em 0; _margin:0; padding:1px 5px 3px 5px;}
#viewProduct #viewProdColm1 #productDetails #yourSqFt.formRow .label	{margin-top:2px;}
#viewProduct #viewProdColm1 #productDetails #yourSqFt.formRow .field	{width:50px;}
#viewProduct #viewProdColm1 #productDetails #prodBuyOpts h6				{font-weight:normal; font-size:.75em; margin:0 0 1em 0; padding:1px 5px 3px 5px;}
#viewProduct #viewProdColm1 #productDetails #yourCostHd					{margin-bottom:0; padding-bottom:0;}
#viewProduct #viewProdColm1 #productDetails #yourCost.formRow .field	{width:55px;}
#viewProduct #viewProdColm1 #productDetails #addToCart					{margin-top:.25em;}

#viewProduct #viewProdColm1 #productDetails .call4price		{margin:5px; padding:9px 0 3px 0; height:55px; background:#fff url('/include/site/multimedia/images/call4priceBk_3.gif') no-repeat; /*border:1px solid #913710;*/}
#viewProduct #viewProdColm1 #productDetails .call4price h3	{font-size:1em; font-weight:bold; text-align:center; text-transform:uppercase;}

#viewProduct #viewProdColm1 #productDetails #prodAdded h3		{text-align:right; font-weight:normal;}
#viewProduct #viewProdColm1 #productDetails #prodAdded h3 img	{float:left; text-align:left; margin:2px 5px 0 0;}
#viewProduct #viewProdColm1 #productDetails #prodAdded h6		{text-align:right;font-weight:normal; font-size:.75em; margin:0; padding:1px 5px 3px 5px;}

#viewProduct #jdcAd {margin:1.5em 0 1em 20px;}

/* ~~~~~~~~~~~~~~ Product Error on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProductError 	 				{margin:1em 25px; padding:1em; background:#f9d0bd; border:1px solid #f00;}
#viewProduct #viewProductError h1				{color:#f00; font-size:1.3em;}
#viewProduct #viewProductError ul#prodError		{margin:.5em 15px .5em 2em; padding:0;}
#viewProduct #viewProductError ul#prodError li	{}


/* ~~~~~~~~~~~~~~ Product Tabs on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProdColm1 #productTabs								{float:left; display:inline; clear:left; width:490px;}

#viewProduct #viewProdColm1 #productTabs ul#prodTabNav					{color:#fff; list-style:none; font-size:.9em; height:2.75em; margin:.5em 0 0 0; padding:0; background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavBk.gif') bottom left repeat-x;}
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li				{float:left; margin:0 1px; padding:0; background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavRightBk.gif') top right no-repeat;}
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li a				{color:#fff; display:block; padding:11px 8px 2px 8px; text-decoration:none; background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavLeftBk.gif') top left no-repeat;}
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li:hover			{background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavSelRightBk.jpg') top right no-repeat;}	
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li:hover a		{background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavSelLeftBk.jpg') top left no-repeat;}
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li a:hover		{_color:#f5a177;}
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li.sel			{background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavSelRightBk.jpg') top right no-repeat;}	
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li.sel a			{font-weight:bold; background:transparent url('/include/site/multimedia/images/viewProd-prodTabsNavSelLeftBk.jpg') top left no-repeat;}
#viewProduct #viewProdColm1 #productTabs ul#prodTabNav li.sel a:hover	{color:#fff; cursor:default;}

#viewProduct #viewProdColm1 #productTabs div.tab {
	font-size:.9em;
	display:none;
	min-height:260px;
	_height:260px;
	margin:0 0 1em 0;
	padding:.75em;
	background:#fff url('/include/site/multimedia/images/viewProd-prodTabsBk.jpg') bottom left repeat-x;
}


/* ~~~~~~~~~~~~~~ Specific Product Tabs on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProdColm1 #productTabs div#descriptTab {}
#viewProduct #viewProdColm1 #productTabs div#descriptTab div#descriptB {margin:1em 0 0 0;}

#viewProduct #viewProdColm1 #productTabs div#specsTab table				{width:100%; border-collapse:collapse;}
#viewProduct #viewProdColm1 #productTabs div#specsTab table tr th		{text-align:left;}
#viewProduct #viewProdColm1 #productTabs div#specsTab table tr th,
#viewProduct #viewProdColm1 #productTabs div#specsTab table tr td		{padding:1px 3px;}
#viewProduct #viewProdColm1 #productTabs div#specsTab table tr.alt th,
#viewProduct #viewProdColm1 #productTabs div#specsTab table tr.alt td	{background:#f3dab3;}
#viewProduct #viewProdColm1 #productTabs div#specsTab h4				{margin:1em 0 .25em 0; padding:.25em 0 0 0; border-top:1px solid #f3dab3;}

#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing {
	color:inherit;
	background:transparent;
	width:100px;
	margin:5px 6px;
	padding:10px 2px 5px 2px;
	float:left;
	display:inline;
	height:165px;
	overflow:hidden;
}

#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing:hover {background:#f0d5a7;}

#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing a img	{margin-left:5px; font-size:.75em;}
#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing h2		{font-size:1em; margin:.5em 0;}
#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing h2 a	{text-decoration:none;}
#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing h3		{font-size:1em; text-align:left;}
#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing h4		{font-size:.9em; font-weight:normal; text-align:left; text-decoration:line-through;}
#viewProduct #viewProdColm1 #productTabs div.tab div.prodListing h5		{}



/* ~~~~~~~~~~~~~~ Flooring Calculator Tab on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProdColm1 #productTabs div#calcTab ol		{margin:0; padding:0 0 0 1em;}
#viewProduct #viewProdColm1 #productTabs div#calcTab ol li	{
	float:left;
	width:205px;
	_width:195px;
	margin:1em 1em 3em 1em;
	_margin:1em 1em 3em 1em;
	text-indent:-1.25em;
	_text-indent:0;
	font-weight:bold;
	list-style:none;
}

#viewProduct #viewProdColm1 #productTabs div#calcTab ol li ul			{margin:0; padding:0 0 0 1.5em;}
#viewProduct #viewProdColm1 #productTabs div#calcTab ol li ul li		{width:175px; margin:.25em 0; font-weight:normal; text-indent:0; list-style:circle;}
#viewProduct #viewProdColm1 #productTabs div#calcTab ol li ul li input	{width:25px;}

#viewProduct #viewProdColm1 #productTabs div#calcTab input,
#viewProduct #viewProdColm1 #productTabs div#calcTab select {font-size:.9em;}

#viewProduct #viewProdColm1 #productTabs div#calcTab span.dir			{}
#viewProduct #viewProdColm1 #productTabs div#calcTab span.field 		{display:block; margin:.25em; font-weight:normal;}
#viewProduct #viewProdColm1 #productTabs div#calcTab span.submit		{display:block; margin:1em .25em .25em .25em; font-weight:normal; text-align:right;}
#viewProduct #viewProdColm1 #productTabs div#calcTab span.submit img	{margin-bottom:-4px;}

#viewProduct #viewProdColm1 #productTabs div#calcTab input#waste				{width:75px;}
#viewProduct #viewProdColm1 #productTabs div#calcTab span.submit#calcTotals		{text-align:left;}
#viewProduct #viewProdColm1 #productTabs div#calcTab span.submit#calcTotals	img	{margin-left:1em;}

#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals span.dir	{display:block; margin-left:-1.5em; padding:1px 3px 0px 20px; color:#fff; font-weight:bold; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg') repeat-x;}

#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals table		{width:100%;}
#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals table th	{text-align:left; font-weight:normal;}
#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals table td	{text-align:right; font-weight:normal;}

#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals table tr.total th,
#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals table tr.total td	{font-size:1.1em; font-weight:bold; padding:0;}

#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals input.submitBtn {
	color:#fff;
	font-weight:bold;
	background:#329832;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}

#viewProduct #viewProdColm1 #productTabs div#calcTab li#calcedTotals input.submitBtnDisabled {
	color:#aaa;
	font-weight:bold;
	background:#ccc;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

#viewProduct #viewProdColm1 #productTabs div#emailTab {}
#viewProduct #viewProdColm1 #productTabs div#emailTab fieldset		{border:none; margin:1em; padding:0;}
#viewProduct #viewProdColm1 #productTabs div#emailTab label 		{display:block; width:400px; margin:3px 0; padding:3px 0;}
#viewProduct #viewProdColm1 #productTabs div#emailTab label .title	{float:left; width:120px; padding:3px 3px 0 0; text-align:right;}
#viewProduct #viewProdColm1 #productTabs div#emailTab label .field	{float:left; width:270px;}
#viewProduct #viewProdColm1 #productTabs div#emailTab .textBox {
	width:270px;
	color:#5b2209;
	padding:1px;
	font-size:.9em;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #f5e2c3;
	border-right:1px solid #f5e2c3;
}
#viewProduct #viewProdColm1 #productTabs div#emailTab .textArea	{
	width:270px;
	height:120px;
	color:#5b2209;
	padding:1px;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #f5e2c3;
	border-right:1px solid #f5e2c3;
}
#viewProduct #viewProdColm1 #productTabs div#emailTab .submitBtn	{font-size:.9em;}
#viewProduct #viewProdColm1 #productTabs div#emailTab #submit		{text-align:right; margin-top:1em;}
#viewProduct #viewProdColm1 #productTabs div#emailTab label img		{margin-bottom:-3px;}

/* ~~~~~~~~~~~~~~ Swatch View Colm on ViewProduct ~~~~~~~~~~~~~~~~~~~~~~ */

#viewProduct #viewProdColm2 {
	float:right;
	display:inline;
	position:relative;
	width:115px;
	margin:0 15px 15px 0;
}

#viewProduct #viewProdColm2 #prodSwatchView h2 {
	color:#fff;
	padding:0px 8px 4px 10px;
	font-size:.9em;
	position:relative;
	background:transparent url('/include/site/multimedia/images/viewProd-swatchViewBk.gif') top right no-repeat;	
}

#viewProduct #viewProdColm2 #prodSwatchView h2 a			{color:#fff;}
#viewProduct #viewProdColm2 #prodSwatchView h2 a:hover		{color:#f5a177;}
#viewProduct #viewProdColm2 #prodSwatchView h2 a img		{margin-bottom:-2px;}
#viewProduct #viewProdColm2 #prodSwatchView #prodSwatchImg	{width:115px; height:500px; position:absolute; top:18px; right:0; _right:-1px; background:#fff; overflow:hidden;}




/* ~~~~~~~~~ CHECKOUT PROCESS ~~~~~~~~~~~~ */

#showLogin, #showAssistance, #showRegister, #cart, #showShipping,
#showShippingMethods, #showEditShipping, #showPayment,
#showSummary, #showReceipt, #showOrderHistory {margin:0 20px;}

h1.commerceTitle {
	color:#fff;
	margin:0 -20px 1em -20px;
	padding:5px 10px 6px 10px;
	font-size:1.1em;
	background:url('/include/site/multimedia/images/viewProd-prodNameBk.gif') no-repeat;
}

form.commerce,
div.commerce {margin:.5em 0; padding:1em; background:#fff url('/include/site/multimedia/images/viewProd-prodTabsBk.jpg') bottom left repeat-x;}

form.commerce h4,
div.commerce h4 {font-size:1em;}

form.commerce label.formRow			{float:left; display:inline; width:100%; margin:.25em 0; text-align:right;}
form.commerce label.formRow .label	{width:150px; text-align:right; margin-top:3px;}
form.commerce label.formRow .field	{width:240px; text-align:left;}
form.commerce label.formRow .error	{color:#f00; font-weight:bold;}
form.commerce img.submitIcon		{margin:0 .25em 2px .25em;}
form.commerce .helpText				{font-size:.8em; padding-bottom:3px;}

form.commerce input,
form.commerce select {font-size:.9em;}

form.commerce .submitBtn {
	color:#5b2209;
	font-weight:bold;
	background:#f8ecd7;
	border-top:1px solid #f7bea2;
	border-left:1px solid #f7bea2;
	border-bottom:1px solid #c97246;
	border-right:1px solid #c97246;
}

form.commerce .textBox {
	color:#5b2209;
	padding:1px;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #f5e2c3;
	border-right:1px solid #f5e2c3;
}

.checkout table					{width:100%}
.checkout table tr th			{color:#fff; font-size:.9em; white-space:nowrap; padding:1px 5px; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg')}
.checkout table tr td			{padding:3px; vertical-align:top;}

.checkout table tr .itemDetails	{text-align:left;}
.checkout table tr .qty			{text-align:center;}
.checkout table tr .totalSF		{text-align:right; font-weight:bold; white-space:nowrap;}
.checkout table tr .sfPrice		{text-align:right; font-weight:bold; white-space:nowrap;}
.checkout table tr .totalPrice	{text-align:right; font-weight:bold;}
.checkout table tr .remove		{text-align:center;}

.checkout table tr .itemDetails img					{float:left; width:50px; margin:0 3px 3px 0;}
.checkout table tr .itemDetails h3					{font-size:1em;}
.checkout table tr .itemDetails h5					{margin:.5em 0 0 0; font-size:.9em; font-weight:normal; clear:both;}
.checkout table tr .itemDetails h5 span.sfPerBox	{float:right; width:50%; text-align:right;}
.checkout table tr .itemDetails h5 span.sku			{float:left; width:50%;}

.checkout table tr td input.qty			{text-align:right; font-weight:bold; width:30px;}
.checkout table tr td span.qtyUnit		{font-size:.8em;}
.checkout table tr td span.sampleTitle	{text-transform:uppercase; color:#fff; background:#329832;}

.checkout table tr.subTotal td			{color:#fff; white-space:nowrap; padding:2px 5px; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg');}
.checkout table tr.subTotal td.qty		{font-weight:bold;}
.checkout table tr.actions td			{padding:1em 3px 3px 3px; white-space:nowrap;}
.checkout table tr.actions td .left		{float:left; width:48%; padding:6px 0;}
.checkout table tr.actions td .right	{float:right; width:49%; text-align:right;}

#cart #lastMinuteBuy {margin:.5em 0; padding:0 0 10px 0; font-size:1em; background:#fff url('/include/site/multimedia/images/viewProd-prodTabsBk.jpg') bottom left repeat-x;}
#cart #lastMinuteBuy h3.commerceTitle {
	margin:0 0px;
	padding:6px 10px 5px 10px;
	font-size:1.1em;
	color:#fff;
	background:transparent url('/include/site/multimedia/images/lastMinBuyTitleBk.jpg') no-repeat;
}
#cart #lastMinuteBuy #products {margin:0; }


.checkout table tr.actions td img.submitIcon	{margin:0 .25em 2px .25em !important;}

.checkout table tr.empty td 		{padding:1em 3px 3px 3px;}
.checkout table tr.empty td h2		{font-size:1.25em;}
.checkout table tr .shipTo h3 		{font-size:1.1em; margin:0;}
.checkout table tr .shipTo p		{font-size:.9em; margin:.5em 0;}

.checkout table tr td input.submitBtn {
	color:#fff;
	font-weight:bold;
	background:#329832;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}

.checkout table tr td input.standardBtn {
	color:#5b2209;
	font-weight:bold;
	background:#f8ecd7;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #5b2209;
	border-right:1px solid #5b2209;
}

.checkout fieldset.infoBox 		{color:inherit; background:transparent; margin-bottom:1em; border:none;}
.checkout label.formRow			{}
.checkout label.formRow .label	{width:100px;}
.checkout label.formRow .field	{float:left; margin-left:10px;}
.checkout input.textBox			{width:220px;}
.checkout input.submitBtn		{margin:.5em 15px .5em 0;}

.checkout legend	{color:#5b2209; font-weight:bold;}
.checkout dl		{margin:0;}
.checkout dl dt		{font-weight:bold;}
.checkout dl dd		{margin:1px 0 1em 2em;}

.checkout input.submitBtn {
	color:#fff;
	font-weight:bold;
	background:#329832;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}

.checkout h2 {font-size:1.25em; margin:.25em 0 .5em 0;}
.checkout h3 {font-size:1em; margin:.25em 0 .5em 0;}
.checkout h5 {font-size:.8em;}

.checkout h2#orderId			{font-size:1.25em; margin:.25em 0 1em 0; border-bottom:1px dashed #c97246;}
.checkout h2 span#orderNumber	{float:left; width:49%;}
.checkout h2 span#orderDate		{float:right; width:49%; text-align:right;}

.checkout #orderTotals {float:right; width:250px;}
.checkout #billingInfo {float:left; width:275px; padding-right:2em; border-right:1px dashed #c97246;}

.checkout #paymentMethod .label {width:75px;}
.checkout #orderTotals .label	{width:120px; margin-top:0px;}
.checkout #orderTotals .field	{font-weight:bold;}
.checkout #billingInfo h3		{margin:0; padding:5px 0 0 0;}
.checkout #orderDetail			{clear:both; margin:1em 0; padding-top:.5em; border-top:1px dashed #c97246;}
.checkout .orderByAddress table	{width:100%; margin:0;}

/* ~~~~~~~~~ CHECKOUT - SHOW PAYMENT SPECIFIC ~~~~~~~~~~~~ */

#showPayment form.checkout legend {font-size:1.25em;}

#showPayment form.checkout #paymentAddress 					{float:left; width:270px; border-right:1px dashed #c97246;}
#showPayment form.checkout #paymentAddress .label			{width:90px;}
#showPayment form.checkout #paymentAddress .field			{width:160px;}
#showPayment form.checkout #paymentAddress .field .textBox	{width:160px;}

#showPayment form.checkout #orderTotals .field 				{width:100px;} 

#showPayment form.checkout #paymentMethod 					{float:right; width:250px;}
#showPayment form.checkout #paymentMethod .field			{width:150px;}
#showPayment form.checkout #paymentMethod .field .textBox	{width:150px;}

/* ~~~~~~~~~ CHECKOUT - SHOW LOGIN SPECIFIC ~~~~~~~~~~~~ */

#showLogin form.commerce 						{width:350px;}
#showLogin form.commerce label.formRow .label	{width:100px;}
#showLogin form.commerce input.textBox			{width:220px;}
#showLogin form.commerce input.submitBtn		{margin:.5em 15px .5em 0;}
#showLogin div.help 							{width:350px; text-align:right; padding:0 0 1em 0;}
#showLogin div.help h4 							{margin:.25em 0;}


/* ~~~~~~~~~ CHECKOUT - SHOW ASSISTANCE SPECIFIC ~~~~~~~~~~~~ */

#showAssistance form.commerce 						{width:350px;}
#showAssistance form.commerce label.formRow .label	{width:100px;}
#showAssistance form.commerce input.textBox			{width:220px;}
#showAssistance form.commerce input.submitBtn		{margin:.5em 15px .5em 0;}


/* ~~~~~~~~~ CHECKOUT - SHOW REGISTER SPECIFIC ~~~~~~~~~~~~ */

#showRegister form.commerce 						{float:left; width:350px;}
#showRegister form.commerce label.formRow .label	{width:100px;}
#showRegister form.commerce input.textBox			{width:220px;}
#showRegister form.commerce input.submitBtn			{margin:.5em 15px .5em 0;}

#showRegister div#contractorInfo					{float:right; width:200px; margin:8px 0;}
#showRegister div#contractorInfo h2					{font-size:1.1em;}
#showRegister div#contractorInfo p					{margin:.5em 0; font-size:.9em;}


/* ~~~~~~~~~ ACCOUNT: ORDER HISTORY ~~~~~~~~~~~~ */

#showOrderHistory table			{width:100%}
#showOrderHistory table tr th	{color:#fff; font-size:.9em; white-space:nowrap; padding:1px 5px; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg')}
#showOrderHistory table tr td	{padding:3px; vertical-align:top;}






/* ~~~~~~~~~ CHECKOUT - CART SPECIFIC ~~~~~~~~~~~~ */
/* ~~~~~~~~~ OLD - DPE - 07/01/07 ~~~~~~~~~~~~~~~~ */
/*
#cart form.commerce {}

#cart table					{width:100%}
#cart table tr th			{color:#fff; font-size:.9em; white-space:nowrap; padding:1px 5px; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg')}
#cart table tr td			{padding:3px; vertical-align:top;}

#cart table tr .itemDetails	{text-align:left;}
#cart table tr .qty			{text-align:center;}
#cart table tr .totalSF		{text-align:right; font-weight:bold;}
#cart table tr .sfPrice		{text-align:right; font-weight:bold;}
#cart table tr .totalPrice	{text-align:right; font-weight:bold;}
#cart table tr .remove		{text-align:center;}

#cart table tr .itemDetails img					{float:left; width:50px; margin:0 3px 3px 0;}
#cart table tr .itemDetails h3					{font-size:1em;}
#cart table tr .itemDetails h5					{margin:.5em 0 0 0; font-size:.9em; font-weight:normal; clear:both;}
#cart table tr .itemDetails h5 span.sfPerBox	{float:right; width:50%; text-align:right;}
#cart table tr .itemDetails h5 span.sku			{float:left; width:50%;}

#cart table tr td input.qty						{text-align:right; font-weight:bold; width:30px;}
#cart table tr td span.qtyUnit					{font-size:.8em;}
#cart table tr td span.sampleTitle 				{text-transform:uppercase; color:#fff; background:#329832;}

#cart table tr.subTotal td		{color:#fff; white-space:nowrap; padding:2px 5px; background:transparent url('/include/site/multimedia/images/viewProd-bestPriceBk.jpg')}
#cart table tr.subTotal td.qty	{font-weight:bold;}
#cart table tr.actions td		{padding:1em 3px 3px 3px; white-space:nowrap;}
#cart table tr.actions td .left	{float:left; width:48%; padding:6px 0;}
#cart table tr.actions td .right{float:right; width:49%; text-align:right;}

#cart table tr.actions td img.submitIcon	{margin:0 .25em 2px .25em !important;}


#cart table tr.empty td 		{padding:1em 3px 3px 3px;}
#cart table tr.empty td h2		{font-size:1.25em;}

#cart table tr td input.submitBtn {
	color:#fff;
	font-weight:bold;
	background:#329832;
	border-top:1px solid #3ab93a;
	border-left:1px solid #3ab93a;
	border-bottom:1px solid #0f390f;
	border-right:1px solid #0f390f;
}

#cart table tr td input.standardBtn {
	color:#5b2209;
	font-weight:bold;
	background:#f8ecd7;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #5b2209;
	border-right:1px solid #5b2209;
}
*/

