/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Webdesigns-studio Store Frontend
' Version  : 2.5
' Modified : February 2004
' Copyright: Copyright (C) 2004 Webdesigns-studio.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@Webdesigns-studio.com
'**************************************************************************/

/* General Tag specifications */
B, TD, P     {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt}
BODY         {background:#333333;  font-family: Verdana, Arial, Helvetica; font-size: 9pt;
				scrollbar-base-color: #DDDDCC; 
			    scrollbar-face-color:#DDDDCC;
		      	scrollbar-arrow-color:#AAAAAA;
		    	scrollbar-track-color:#DDDDCC;
		    	scrollbar-shadow-color:#DDDDDD;
		    	scrollbar-highlight-color:#DDDDCC;
		    	scrollbar-3dlight-color:#FFFFFF ;
		    	scrollbar-darkshadow-color:#FFFFFF;
					background-color: #007980;
				/*background-image:url(../images/background.jpg);
				background-repeat:no-repeat;*/
				}
				
h3  		 {COLOR: #EB136D; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt} 
.subtitle	 {COLOR: #24B2FF; FONT-FAMILY: Helvetica; FONT-SIZE: 12pt} 

/* Info Box WITHOUT Headings */
.box1            {COLOR: #333333; _BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.box1 A:link     {COLOR: #003399; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box1 A:visited  {COLOR: #003399; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box1 A:hover    {COLOR: #A3238E; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.box4            {COLOR: #333333; BACKGROUND-COLOR: #FFEAAA; BORDER: 1px solid #BBC3D3}

.box3 A:link     {COLOR: #000000; FONT-FAMILY: Arial ; FONT-SIZE: 8pt; TEXT-DECORATION: none}
.box3 A:visited  {COLOR: #000000; FONT-FAMILY: Arial ; FONT-SIZE: 8pt; TEXT-DECORATION: none}
.box3 A:hover    {COLOR: #003399; FONT-FAMILY: Arial ; FONT-SIZE: 8pt; TEXT-DECORATION: underline}

.dark A:link     {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 8pt; TEXT-DECORATION: none}
.dark A:visited  {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 8pt; TEXT-DECORATION: none}
.dark A:hover    {COLOR: #98B2CB; FONT-FAMILY: Arial ; FONT-SIZE: 8pt; TEXT-DECORATION: underline}

.footer             {COLOR: #BBBBBB; FONT-SIZE: 8pt;}
.footer A:link     {COLOR: #BBBBBB; FONT-FAMILY: Arial Narrow; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-DECORATION: none}
.footer A:visited  {COLOR: #BBBBBB; FONT-FAMILY: Arial Narrow; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-DECORATION: none}
.footer A:hover    {COLOR: #38BFC7; FONT-FAMILY: Arial Narrow; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-DECORATION: underline}

.bread             {COLOR: #BBBBBB; FONT-SIZE: 10pt;}
.bread A:link     {COLOR: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: none}
.bread A:visited  {COLOR: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: none}
.bread A:hover    {COLOR: #000000; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: underline}

A.list:link     {COLOR: #000000; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: none}
A.list:visited  {COLOR: #000000; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: none}
A.list:hover    {COLOR: #38BFC7; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: underline}

A.regular:link     {COLOR: #000000; FONT-FAMILY: Verdana;  FONT-SIZE: 10pt; TEXT-DECORATION: none}
A.regular:visited  {COLOR: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; TEXT-DECORATION: none}
A.regular:hover    {COLOR: #38BFC7; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.box2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.box2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.box2H B         {COLOR: #333333;}
.box2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.box2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.box2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.box2B A:hover   {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline}

.box4              {COLOR: #333333; FONT-FAMILY: Arial ; FONT-SIZE: 8pt;}

/* Box - Page Headings */
.pageHead {COLOR: #FFFFFF; BORDER-BOTTOM: 1px solid #DDDDDD; PADDING-BOTTOM: 4px; 
				  BACKGROUND-COLOR: #B4C2CD; FONT-SIZE: 12pt; FONT-WEIGHT: bold}

/* Box - Page Navigation */
.pageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.genHeadings {BACKGROUND-COLOR: #B4C2CD}

/* Box - Product Image (Home page) */
.homeImg {BORDER-TOP: 1px solid #CCCCCC; BORDER-RIGHT: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.homeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.lines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.prodDesc {FONT-SIZE: 9pt}

/* Product Short Description (Detail page only) */
.prodDescDet {FONT-SIZE: 12pt; COLOR: #24B2FF; FONT-WEIGHT: bold}

/* Product Short Description (Detail page only) */
.prodDescDet2 {FONT-SIZE: 10pt; COLOR: #24B2FF; FONT-WEIGHT: bold}

/* Product Long Description */
.prodDescLong {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt}

/* Product Detail */
.prodDet {}

/* Product SKU */
.prodSKU {}

/* Product Price - Text Label */
.prodPriceT {COLOR: #cc3300}

/* Product Price - Price Value */
.prodPriceV {COLOR: #cc3300}

/* Product List Price - Text Label */
.prodLPriceT {}

/* Product List Price - Price Value */
.prodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.prodSPriceT {}

/* Product Sale Price - Price Value */
.prodSPriceV {COLOR: red}

/* Free Shipping text */
.freeShipMsg {COLOR: #888888}

/* In Stock text */
.inStock {COLOR: red; FONT-SIZE:8pt}

/* Out of Stock text */
.outStock {COLOR: #888888; FONT-SIZE:8pt}

/* No Image text */
.noImgT {COLOR: #800000}

/* Category List */
.catDescList {}

/* Category Description - No products linked to it */
.catDesc {}

/* Category Description - Has products linked to it */
.catDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.optDesc {FONT-STYLE: italic}

/* Option Select box */
.optSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.optTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.colsView {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC}
.colsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.colsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.colsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.sysMsg    {FONT-SIZE: 10pt}
.sysMsgErr {COLOR: red; FONT-SIZE: 10pt}
.sysMsgURL {FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.highlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.optRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.optDescM {FONT-STYLE: italic; color: Red}