﻿/*************************************************************************************************************************************************
                          				CSS Document Author: Michael Oleksak - StarsnSites.com for Price Cart and Product Box Styles
                            			    copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS.
*************************************************************************************************************************************************/	
/** Full Details Table **/

#relatedTableDIV	{ width: 200px; float: right; vertical-align: top; clear: both; position: relative; }

.productTable 		{ width: 100%; border: #CCCCCC 1px solid; padding:2px; margin-top: 10px; margin-bottom: 10px; color: #555555; }
.productTableHeading  	{ background-color: #fff; color: #2C467B; text-align: left; padding:4px; border-bottom:#934C0F 0px solid; 
                          text-indent: 2px; letter-spacing: 1px; font-size: 16px; }
.productTableHeading h3	{ font-size: 17px; }						  
.productTableHeading a:link, .productTableHeading a:visited	{ color: #934c0f; text-decoration : none; font-weight: normal; }
.productTableHeading a:hover, .productTableHeading a:active	{ color: #800000; text-decoration : underline; font-weight: normal;}
.productTableContent { background-color: #ffffff;  padding:4px; border:#6CB0CE 0px solid; font-size: 14px; color:#222222; } 

.infoCategoryTable 			{ width: 95%; border: #CCCCCC 0px solid; padding:2px; margin-top: 10px; margin-bottom: 10px; color: #555555; }
.infoCategoryTableHeading  	{ background-color: #999966; color: #2C467B; text-align: left; padding:4px; border-bottom:#cccccc 1px solid; 
                              text-indent: 2px; letter-spacing: 2px; font-size: 14px;}
.infoCategoryTableHeading a:link, .infoCategoryTableHeading a:visited	{ color: #934C0F; text-decoration : none; font-weight: normal; }
.infoCategoryTableHeading a:hover, .infoCategoryTableHeading a:active	{ color: #934C0F; text-decoration : none; font-weight: normal;}
.infoCategoryTableContent { background-color: transparent;  padding:4px; border:#dddddd 0px solid; font-size: 13px;}
 
#container { display: table; width: 680px; }                  

/*******************************************************************************************************************************************************************************************
		Begin Product Image Style settings
*******************************************************************************************************************************************************************************************/
/*.productImageDIV	{ width: 250px; background: #ffffff; text-align: center; vertical-align: middle; float:right; border:#333333 1px solid; font-size: 10px; color: #2C467B; }*/
.productImageDIV	{ width: 300px; height: 340px; position: relative; left: 50px; float:right; text-align: center; border: 0px solid;background-color:transparent ;background-image:url('../images/PhotoStack.png'); background-repeat:no-repeat; background-position:top right; z-index:0}
.actualImage		{ width: 200px; position: relative; left:-63px; top:16px; float:right; background: transparent; text-align: center; border:#333333 0px solid; padding: 0px; margin-top: 0px; color:#990000; font-size:11px;}						
						
 
.productDisplayDIV	{ width: 740px; float: left; padding: 0px; font-size: 14px; color: #111111;
					  margin-bottom:15px;}
.productTitleDIV	{ width: 740px; height:30px; font-size: 15px; background-image:url('../images/productTitleDIV.png'); 
                      background-repeat: no-repeat; background-position: top left; padding-top: 5px; text-indent: 10px;  }
.productTitleDIV a:link, a:visited	{ color: #FFFFFF; text-decoration: underline; }
.productTitleDIV a:hover, a:active	{ color: #595959; text-decoration: none; }

.productDescriptionDIV	{ width: 495px; height:250px; overflow: auto; float: right; font-size: 13px; color: #111111;  font-style: italic; margin-bottom: 5px;}

.productBottomDIV	{ width: 740px; float: left; font-size: 10px; background-image:url('../images/ProductDiv_03.jpg');
                              background-repeat: no-repeat; background-position: bottom center;  }
.priceCartDIV		{ width: 739px;  margin-bottom: 5px; clear: both; }							  
.relatedLabelDiv	{ height: 20px;  vertical-align: middle; text-align: center; font-size: 12px; letter-spacing: 1px; background-color: #999966; color:#fff; padding: 2px;}
	
.relatedProductDiv	{ width: 185px; height: 130px; float: left; text-align: center; font-size: 10px; background-color: transparent; color: #003366; padding: 2px;  }
.relatedProductDiv img {vertical-align:middle;}
.clearDIV	{ width: 740px; float: left; position:relative; clear: both; }
/*******************************************************************************************************************************************************************************************
 											 	Price Cart Tables Stylesheet
*******************************************************************************************************************************************************************************************/
.pricecart     	{ width: 100%; background:transparent; margin-left: 1px; }
	.pricecart a:link, .pricecart a:visited  	{ color: #5C3317; text-decoration : none; font-weight: normal;}
	.pricecart a:active, .pricecart a:hover	{ color: #000000; text-decoration : underline; font-weight: normal;}
#containmentDIV	{ width: 730px; height: 100%; position: relative; z-index: 1; background-image:url('../images/PriceCart_02.png'); clear: both; }
#topDiv			{ width: 730px; height: 100%; position: relative; z-index: 2; background-image:url('../images/PriceCart_01.jpg'); background-position: top center; background-repeat: no-repeat; }
#bottomDIV		{ height: 20px; height: 100%; position: relative; z-index: 3; background-image:url('../images/PriceCart_03.jpg'); background-position: bottom center; background-repeat: no-repeat; }
	/******** Alternating Row Colors ********/
	.pricecart tr.pc0 td { background: transparent; font-size: 11px; color: #000000; border:#cccccc 1px solid; padding:2px;}	             
	.pricecart tr.pc1 td { background: #efefef; font-size: 11px; color: #000000; border:#cccccc 1px solid; padding:2px;}                                
	/******** Alternating Row Colors ********/         
.pricecart th  	{ background:#5C3317; font-size: 10px; color:#fff; height: 22px; padding:2px; text-indent: 5px; vertical-align: middle; border:#efefef 1px solid; }	             
.skuCell	{ width: 70px; }
.priceCell	{ width: 70px; text-align: center; }
.desc	{ width: 510px; }
.orderCell	{ width: 80px; text-align: center; }

.featCart { background-color: #2C467B; font-size: 10px; color:#fff; font-weight: bold; vertical-align: middle; }

#NewcontainmentDIV	{ width: 730px; height: 100%; position: relative; z-index: 1;  background-image:url('../images/PriceCart_02.png'); clear: both; }
.newPriceCart 		{ width: 728px; font-size: 12px; background-color: #fff; color: #111111;  line-height: 22px; margin-top: 15px; margin-bottom: 22px; border: #F67B14 0px solid; } 
.newPriceCart th 	{ font-size: 12px; letter-spacing: 1px; padding: 2px;
                   	  background-color: #F1F1F1; color: #800000; border: #CCCCCC 1px solid; border-bottom: #CCCCCC 0px solid; }
.relatedLabelTop	{ position: relative; height: 24px; vertical-align: middle; text-align: center; font-size: 12px; letter-spacing: 1px; color: #800000; padding: 2px; }
.newPriceCart tr 	{ background-color: #ffffff; }  					               
.newPriceCart td 	{ font-size: 12px; color: #444444;  padding-top: 10px; padding-bottom: 10px; background-color: #F9F9F8; background-image:url('../images/newPriceCart.jpg'); 
					  background-repeat:repeat-x; border: #ffffff 3px solid; } 
.MSRPSpan			{ font-size: 12px; color: #444444; font-weight: bold; font-style: italic;  }  
.priceSpan			{ font-size: 14px; color: #008000; font-weight: bold; }        
	.newPriceCart a:link, .newPriceCart a:visited  	{ color: #800000; text-decoration : none; font-weight: normal;}
	.newPriceCart a:active, .newPriceCart a:hover	{ color: #000000; text-decoration : underline; font-weight: normal;} 
/*******************************************************************************************************************************************************************************************
 											 Small Product List Tables Stylesheet
*******************************************************************************************************************************************************************************************/
.productListContainer		{ background-color: #ffffff; color: #DDD7BA; width: 100%; border:0px solid #CCCCCC; }
.productListContainer td	{ padding: 2px; vertical-align: top; text-align: center; width: 25%; }
                                                    
.productListTable		{ background-color: #ffffff; color: #DDD7BA; width: 100%; border: #CCCCCC 1px solid; }
.productListTable th	{ background-color: #F1F1F1; color: #800000; width: 100%; font-size: 9px;
                          padding: 2px; font-weight: normal;
                          border: #CCCCCC 1px solid; height: 45px; vertical-align: top;
                          } 
.productListTable td	{ background-color: #ffffff; color: #757575; font-size: 9px;
                          padding: 2px; border:0px solid #444444; vertical-align: top; text-align: center;
						  height: 90px; vertical-align: middle;
                          }                                               
.productListTable a:link,
.productListTable a:visited	{ color: #777777; text-decoration : underline; font-size: 9px; }
.productListTable a:hover,
.productListTable a:active		{ color: #800000; text-decoration : none; font-size: 9px; }


.productListTableFEAT		{ background-color: #ffffff; color: #DDD7BA; width: 100%; 
                              border: #800000 1px solid; width: 100%;  
                              }
.productListTableFEAT th	{ background-color: #993333; color: #f1f1f1; width: 100%; font-size: 9px;
                          padding: 2px; font-weight: normal;
                          border: #CCCCCC 1px solid; height: 45px; vertical-align: top;
                          } 
.productListTableFEAT td	{ background-color: #ffffff; background-image:url('../images/FeaturedList.gif'); 
                              background-repeat: no-repeat; background-position: center;
                              color: #757575; font-size: 9px; padding: 2px; border:0px solid #444444; vertical-align: top; text-align: center;
						  	  height: 90px; vertical-align: middle;
                          	  }                                               
.productListTableFEAT a:link,
.productListTableFEAT a:visited	{ color: #efefef; text-decoration : underline; font-size: 9px; }
.productListTableFEAT a:hover,
.productListTableFEAT a:active		{ color: #ffffff; text-decoration : none; font-size: 9px; }
/***************************************************************************************************************************
												End Product Listing Table Styles
***************************************************************************************************************************/
.productDiv	{ background-color: #ffffff; color: #757575; width: 100%; font-size: 9px;
                          padding: 4px; border:0px solid #444444; vertical-align: top; text-align: center;
                          }                                               
.productDiv a:link,
.productDiv a:visited	{ color: #0066CC; text-decoration : none; font-size: 9px; }
.productDiv a:hover,
.productDiv a:active		{ color: #800000; text-decoration : none; font-size: 9px; }

/***************************************************************************************************************************
	Begin SubCategory Description Table Style
***************************************************************************************************************************/
.subCatDetails			{ width: 100%; border:0px solid #dddddd; background: #fff;}
.subCatDetails th		{ background-color: #efefef; padding: 2px; }
.subCatDetails h2		{ font-size: 14px; margin: 0px; letter-spacing: 2px; }
.subCatDetails td		{ vertical-align: top; color: #555555; font-size: 14px; padding: 4px; }

#subCatDetails			{ width: 730px; background: #transparent; float: left; font-size: 14px; color: #333; }
#subCatDetails h2		{ font-size: 14px; margin: 0px; letter-spacing: 2px; }       
/***************************************************************************************************************************
												Begin Product Info Table Style
***************************************************************************************************************************/  
.productinfo 	{ width: 100%; border:#777777 1px solid; text-align:center; font-size: 11px; }	
.productinfo th { background-color: #555555; color: #efefef; font-weight: bold; text-align:center; font-size: 13px; border:1px solid #D4D4D4; padding:3px; }	
.productinfo td { background-color: #E8E8E8; border:#C0C0C0 1px solid; font-size: 12px; color: #555555; padding:3px; text-align:center; }				                
/***************************************************************************************************************************
												Related Products Table Style
***************************************************************************************************************************/
.relatedTable 		{ width: 100%; font-size: 9px; background-color: #ffffff; color: #555F86;  line-height: 15px; margin-top: 10px; margin-bottom: 10px; } 
.relatedTable th 	{ font-size: 12px; letter-spacing: 1px; padding: 2px;
                   	  background-color: #F1F1F1; color: #800000; border: #CCCCCC 1px solid; border-bottom: #CCCCCC 0px solid; }
.relatedLabelTop	{ position: relative; height: 24px; vertical-align: middle; text-align: center; font-size: 12px; letter-spacing: 1px; color: #800000; padding: 2px; }
					               
.relatedTable td 	{ font-size: 9px; color: #555555;  padding: 3px; background-color: #ffffff; border: #dddddd 0px solid; }         
	.relatedTable a:link,	
	.relatedTable a:visited  	{ color: #800000; text-decoration : none; font-weight: normal;}
	.relatedTable a:active,
	.relatedTable a:hover	  	{ color: #000000; text-decoration : underline; font-weight: normal;}                  
/***************************************************************************************************************************
 														End Stylesheet
***************************************************************************************************************************/