body {
margin: 0px;
padding: 0px;
font-family: Verdana, helvetica, sans-serif;
font-size: 9px;
color: #222;
background: #FFF;
text-align: left;
}
table {
font-family: verdana, helvetica, sans-serif;
font-size: 9px;
text-align: left;
color: #222;cobll
}

A:link {color: #444; text-decoration: none;}
A:visited {color: #444; text-decoration: none;}
A:hover {color: #444;text-decoration: underline;}
A:active {color: #444; text-decoration: underline;}

A.ectlink:link {color: #222; text-decoration: none;}
A.ectlink:visited {color: #222; text-decoration: none;}
A.ectlink:active {color: #BBB; text-decoration: none;}
A.ectlink:hover {color: #FFF; text-decoration: none;}

TD {
	font-size: 11px;
	font-family : Verdana;
}

P {
	font-size: 11px;
	font-family : Verdana;
}

TD.smaller {
	font-size: 9px;
	font-family : Verdana;
	color : #222;
}

P.smaller {
	font-size: 9px;
	font-family : Verdana;
	color : #222;
}

HR {
height: 0;
margin: 8px 0 8px 30px;
border-width: 1px 0 0 0;
border-style: dashed;
border-color: #444;
}

/* M14 added 3/28/08 for minicart*/
.minicart {
width:190px;
} 

TD.mincartHead, TD.mincart {
font-size: 10px;
font-family : Verdana;
text-align:center;
vertical-align:middle;
}

TD.mincartHead{
height:30px;
}

P.mincart {
font-size: 10px;
font-family : Verdana;
vertical-align:middle;
}

/* end of minicart */

/* M14 added 3/28/08 for minicart*/
span.price, .detailprice, .prodprice {
color: #444;
padding-top: 4px;
font-weight:bold;
text-align: center;
}

div.prodcurrency {
font-size: 10px;
font-family : Verdana,Arial,sans-serif;
color: #FFF;
text-align: center;
width: 100%;
}

.prodname,.prodprice,.prodcurrency {
text-align:center;
font-size:10px;
}

td.product {
margin:0px;
padding:0px;
}

.prodimage {
vertical-align : top;
margin:0px;
}

/* --------------------------------------------------------------------------------------------------  

// PRODUCT DETAIL PAGE

div.detailid: The properties of the text "Product ID"
div.detailname: The properties of the product name on the product detail page
div.detaildiscounts: The properties of the discounts text for the product detail page
td.detailimage: The alignment of the product image on the product detail page
img.prodimage: The properties of the product image
div.detaildescription: The properties of the text in the long product description
div.detailoptions: The properties of the product options on the product detail page
div.detailprice: The properties of the price on the product detail page
div.detailcurrency: The properties of the alternative currencies on the product detail page

// PRODUCT PAGE
div.prodid: The properties of the text "Product ID"
div.prodname: The properties of the product name on the product page
div.proddiscounts: The properties of the discounts text for the product page
td.prodimage: The alignment of the product image on the product page
img.prodimage: The properties of the product image
div.proddescription: The properties of the text in the short product description
div.prodoptions: The properties of the product options on the product page
div.prodprice: The properties of the price on the product page
div.prodcurrency: The properties of the alternative currencies on the product page

// REVIEW PAGE
span.review reviewheader (the title of the review)
span.review numreviews (the number of reviews and average rating)
span.review showallreview (the text properties for the "Show all")
hr.review (the horizontal rule)
span.review clickreview (the text properties of the "Click review")
span.review reviewname (the name of the person and date of review)
span.review reviewcomments (the comments left for the review of the product)

// CART IMAGE
img.cartimage {
width: 100px;
border:1px;
}

// PAGE NUMBERS
P.pagenums {
font-size: 12px;
font-family : Verdana;
}

SPAN.currpage {
color: #FF0000;
font-weight: bold;
}

// TOP PRODUCT NAVIGATION
td.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #A0A0A0; 
}

P.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #A0A0A0;
}


// PRODUCT OPTIONS
In version 4.2.0 we added the possibility of changing the format of the product options from the style sheet. All you need to do is add the following to style.css, this example would make the text show as red with Verdana 11px font:

SELECT.prodoption {
font-size: 11px;
font-family : Verdana;
color : #FF0000;
}

If you are using stock management with the product options, introduced in version 4.4.0, it's possible to "grey out" the options which are no longer in stock by adding the following to your main style.css file

OPTION.oostock {
color : #A0A0A0;
}

If you want to edit the text that introduces the product option then you need these classes (Version 5.2.2 required)

SPAN.prodoption {
font-size: 11px;
font-family : Verdana;
color : #FF0000;
}

SPAN.detailoption {
font-size: 11px;
font-family : Verdana;
color : #FF0000;
}

// PRICE COLOR
SPAN.price {
COLOR: #FF0000;
}

MINI CART AND MINI LOGIN
TD.mincart {
font-size: 10px;
font-family : Verdana;
}

P.mincart {
font-size: 10px;
font-family : Verdana;
}

HORIZONTAL RULE
HR {
height: 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #006AC8;
}

*/


/* --- Copy and pasted by M14 3.20.08 from http://www.ecommercetemplates.com/help/css.asp */

P.catname {
text-align: left; 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align: top;
}

P.catdesc { 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align:top;
padding-right: 15px;
}

IMG.catimage { 
border:0px; 
border-thickness: 1px; 
border-color:  #000; 
border-style: solid; 
vertical-align:top; 
}

TD.catimage { 
vertical-align:top; 
}

TD.catname { 
vertical-align:top; 
text-align: left; 
background-color: #497875;
/*background-color: #00FF00;*/
}

TD.catnavigation  { 
vertical-align:middle;
text-align: left; 
}

P.catnavigation {
font-size: 10px;
font-family : Arial, Helvetica, sans-serif;
color : #FFF;
} 

/**/ 

SPAN.price {
COLOR: #F00;
}

.listprice{ text-align:center;}

/**/ 
td.prodnavigation {
font-size: 10px;
font-family : Arial, Helvetica, sans-serif;
color : #FFF; 
}

P.prodnavigation {
font-size: 10px;
font-family : Arial, Helvetica, sans-serif;
color : #222;
}

/**/ 
TABLE.cobtbl{
background-color: #AAA;
} 

TD.cobhl{
background-color: #CCC;
}

TD.cobll{
background-color: #EEE;
color : #bb2026;
}

.cobll p{
color : #bb2026;
}


/**/
P.pagenums {
margin-top: 8px;
font-size: 13px;
font-family : Arial, Helvetica, sans-serif;
color: #FFF;
}

SPAN.currpage {
color: #FFFFFF;
font-weight: bold;
}

/*----M14 For product.php-------http://www.ecommercetemplates.com/help/layouts.asp--------------------------*/
span.price, .detailprice, .prodprice {
color: #FFF;
text-align: center;
}

/*for the alternative currency*/

div.prodcurrency {
font-size: 10px;
font-family : Verdana,Arial,sans-serif;
color: #FFF;
text-align: center;
width: 100%;
}

/*for the border around the product information (in includes.asp  / .php make sure that innertablespacing is set to above zero eg 3)*/

td.product {
background-color: #497875; 
width: 240px;
}

.proddescription {
text-align:center;
padding: 5px;
/*padding-right: 10px;*/
}

td.prodimage {
/* background-color: #FFFF00;*/
background-color: #497875;
margin: 0;
padding: 0;
}


/*-------- PRODUCT DETAILS --------*/
div.detaildescription p{
color:#222;
}

span.price, .detailprice, .prodprice {
color: #FFF;
padding-top: 4px;
font-weight:bold;
text-align: center;
}

/* for the alternative currency */

div.prodcurrency {
font-size: 10px;
font-family : Verdana,Arial,sans-serif;
color: #C20C0B;
text-align: center;
width: 100%;
}

/*to top align the product picture*/

.detailimage {
vertical-align : top;
}

.shirtSize {
font-size: 99px;
font-family : Verdana,Arial,sans-serif;
font-weight:bold;
color: #C20C0B;
text-align: center;
width: 100%;
margin-bottom: 6px;
}

.prodoption {
font-size: 9px;
font-family : Verdana,Arial,sans-serif;
margin-left:10px;
color: #222;
}

.detailoption, .detailoptions {
font-size: 10px;
font-family : Verdana,Arial,sans-serif;
color: #222;
}

.detailoptions{
margin: 0 0 10px 100px;
}

/*
.proddetail_thumb {
float:left;
padding: 0;
margin: 0 3px 3px 0;

}
*/