/*************************************************************************
' Function : CSS defintions for the store.
' Product  : CandyPress Store Frontend
' Version  : 2.5
' Modified : February 2004
' Copyright: Copyright (C) 2004 CandyPress.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@candypress.com
'**************************************************************************/

/* General Tag specifications */
td	
	{
	vertical-align: top;
	}

body, table, input, textarea, p, ul, li, ol, small
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #663333;
	text-decoration: none;
	line-height: 14px;
	text-align: left;
	}

a, a:active, a:visited, a:link
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #663333;
	text-decoration: underline;
	line-height: 14px;
	text-align: left;
	}
	

a:hover
	{
	color: #663333;
	}
	


h1
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #666333;
	font-weight: bold;
	text-decoration: none;
	line-height: 19px;
	text-align: left;
	}
	

.subhead
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FC8C21;
	line-height: 11px;
	}
	
#chart
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #663333;
	}

#tinyText
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #663333;
	text-decoration: none;
	line-height: 14px;
	}
	

#tinyText a, #tinyText a:link, #tinyText a:visited, #tinyText a:active
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #663333;
	text-decoration: underline;
	}
	

/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #663333}
.CPbox1 A:link     {COLOR: #663333; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox1 A:visited  {COLOR: #663333; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox1 A:hover    {COLOR: #663333; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}

/* Shopping Cart ( H = Heading cell ; SH = Sub-Head cell ; B = Body cell ) */
.CPbox2H            {COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase;}
.CPbox2H A:link     {COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox2H A:visited  {COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox2H A:hover    {COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox2B		    {COLOR: #663333; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase;}
.CPbox2B B			{COLOR: #663333; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase;}
.CPbox2B A:link     {COLOR: #663333; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox2B A:visited  {COLOR: #663333; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPbox2B A:hover    {COLOR: #663333; FONT-SIZE: 10px; TEXT-DECORATION: underline; TEXT-TRANSFORM: uppercase;}

/* Box - Page Headings */
.CPpageHead 			{COLOR: #663333; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPpageHead A:link		{COLOR: #663333; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.CPpageHead A:visited	{COLOR: #663333; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;;}
.CPpageHead A:hover		{COLOR: #663333; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}

/* Box - Page Body */
.CPpageBody 			{COLOR: #333333; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.CPpageBody A:link		{COLOR: #FF9933; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPpageBody A:visited	{COLOR: #FF9933; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPpageBody A:hover		{COLOR: #FF9933; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
.CPpageBody UL			{LIST-STYLE: url(../UserMods/bullet.gif);}
.CPpageBody H1			{COLOR: #663333; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-STYLE: normal; TEXT-DECORATION: none; PADDING-TOP: 10px;}
.CPpageBody H2			{COLOR: #663333; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-STYLE: normal; TEXT-DECORATION: none;}

.backtotop A:link		{COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.backtotop A:visited	{COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase;}
.backtotop A:hover		{COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: underline; TEXT-TRANSFORM: uppercase;}

/* Box - Page Navigation */
.CPpageNav {}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #FFFFFF}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #FFFFFF}

/* Product Short Description (Except Detail page) */
.CPprodDesc {text-transform: uppercase}

/* Product Short Description (Detail page only) */
.CPprodDescDet {}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT 		{FONT-SIZE: 14 px; FONT-WEIGHT: bold; COLOR: #FF9933}
.CPprodPriceT B		{FONT-SIZE: 14 px; FONT-WEIGHT: bold; COLOR: #FF9933}

/* Product Price - Price Value */
.CPprodPriceV 		{FONT-SIZE: 14 px; FONT-WEIGHT: bold; COLOR: #FF9933}
.CPprodPriceV B		{FONT-SIZE: 14 px; FONT-WEIGHT: bold; COLOR: #FF9933}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: #FF9933}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: #888888}

/* No Image text */
.CPnoImgT {COLOR: #888888}

/* Category List */
.CPcatDescList {LIST-STYLE: url(../UserMods/bullet.gif);}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 9px}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 9px}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView 			{PADDING: 10px; BGCOLOR: #FFFFFF; BORDER: 0;}
.CPcolsView A:link    	{COLOR: #333333; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsView A:visited 	{COLOR: #333333; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsView A:hover   	{COLOR: #000000; TEXT-WEIGHT: bold; TEXT-DECORATION: underline;}

.CPcolsViewB 			{PADDING: 10px; BGCOLOR: #99CCFF; BORDER: 0;}
.CPcolsViewB A:link    	{COLOR: #0099CC; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsViewB A:visited 	{COLOR: #0099CC; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsViewB A:hover   	{COLOR: #000000; TEXT-WEIGHT: bold; TEXT-DECORATION: underline;}

.CPcolsViewG 			{PADDING: 10px; BGCOLOR: #FF9999; BORDER: 0;}
.CPcolsViewG A:link    	{COLOR: #FF3366; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsViewG A:visited 	{COLOR: #FF3366; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsViewG A:hover   	{COLOR: #000000; TEXT-WEIGHT: bold; TEXT-DECORATION: underline;}

.CPcolsViewM 			{PADDING: 10px; BGCOLOR: #CCFF99; BORDER: 0;}
.CPcolsViewM A:link    	{COLOR: #99CC33; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsViewM A:visited 	{COLOR: #99CC33; TEXT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPcolsViewM A:hover   	{COLOR: #000000; TEXT-WEIGHT: bold; TEXT-DECORATION: underline;}


/* System Messages */
.CPsysMsg    {FONT-STYLE: italic;}
.CPsysMsgErr {FONT-WEIGHT: bold; COLOR: #FF9933; FONT-STYLE: italic;}
.CPsysMsgURL {FONT-STYLE: italic;}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #333333; BACKGROUND-COLOR: #FFFF99}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 9px}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; color: #FF9933}






