/*************************************************************************
' 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 */
BODY		{	COLOR: #333333; 
				FONT-FAMILY: Verdana, Arial, Helvetica; 
				FONT-SIZE: 10pt;
				margin-left: 					0px;
				margin-top: 					0px;
				margin-right: 				0px;
				margin-bottom: 				0px;
				background-color: 					#7cc116;}
ul.menu  {margin: 0px 0px 0px 0px; }
li.menu 	{	list-style-type: square; 
				display: block; 
				padding: 0px 0px 0px 20px; 
				margin: 5px; 
				background: transparent url(/images/butt_arrowright.gif) no-repeat;
				}

/*li  {list-style-type: square; display: block; padding: 0px 0px 5px 0px; margin: 5px; background: transparent url(../images/arrow.gif) no-repeat;}*/
h1  {FONT-SIZE: 12pt; FONT-FAMILY: Trebuchet MS, Arial, Helvetica;}
h2  {FONT-SIZE: 11pt; FONT-FAMILY: Trebuchet MS, Arial, Helvetica; COLOR: #fa7e11; }
h3  {FONT-SIZE: 10pt; FONT-FAMILY: Trebuchet MS, Arial, Helvetica; COLOR: #CCCCCC; }
h4  {FONT-SIZE: 9pt; FONT-FAMILY: Trebuchet MS, Arial, Helvetica; COLOR: #FFFFFF; }

/* Info Box WITHOUT Headings */
.box1            {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3}
.box1td            {COLOR: #333333; }
.box1 A:link     {COLOR: #333333; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;TEXT-DECORATION: none}
.box1 A:visited  {COLOR: #333333; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;TEXT-DECORATION: none}
.box1 A:hover    {COLOR: #fa8e2f; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;TEXT-DECORATION: underline}

A:link     {COLOR: #333333; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;TEXT-DECORATION: none}
A:visited  {COLOR: #333333; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;TEXT-DECORATION: none}
A:hover    {COLOR: #ff0000; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;TEXT-DECORATION: underline}

td.menu             	{height: 38px; COLOR: #ffffff; FONT-SIZE: 8pt; BACKGROUND-COLOR: #116708; BORDER-bottom: 1px solid #ffffff}
td.menu A:link     	{padding-left: 10px; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt;  TEXT-DECORATION: none}
td.menu A:visited  {padding-left: 10px; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt;   TEXT-DECORATION: none}
td.menu A:hover   {padding-left: 10px; padding-right: 10px; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

td.product_menu             	{height: 38px; COLOR: #ffffff; FONT-SIZE: 14px; font-weight: bold; BACKGROUND-COLOR: #135772; BORDER-bottom: 1px solid #ffffff}
td.product_menu A:link     	{padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #FFFFFF; FONT-SIZE: 8pt;  TEXT-DECORATION: none}
td.product_menu A:visited  {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #FFFFFF; FONT-SIZE: 8pt;   TEXT-DECORATION: none}
td.product_menu A:hover   {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

td.footer_menu             	{height: 38px; COLOR: #ffffff; FONT-SIZE: 8pt; BACKGROUND-COLOR: #7bbf16; BORDER-bottom: 1px solid #ffffff}
td.footer_menu A:link     	{padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt;  TEXT-DECORATION: none}
td.footer_menu A:visited  {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt;   TEXT-DECORATION: none}
td.footer_menu A:hover   {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: none; TEXT-DECORATION: underline}


.row1            {BACKGROUND-COLOR: #F5F5F5; }
.row2            {BACKGROUND-COLOR: #C2D3FC; }

.footer            {COLOR: #222222;  FONT-SIZE: 9px;}
.footer  b          {COLOR: #333333;  FONT-SIZE: 9px;}
.footer A:link     {COLOR: #222222; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.footer A:visited  {COLOR: #222222; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.footer A:hover    {COLOR: #440000; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.pageNav A:link     {COLOR: #FFFFFF; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.pageNav A:visited  {COLOR: #FFFFFF; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.pageNav A:hover    {COLOR: #551A8B; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.nav A:link     {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 10pt;  TEXT-DECORATION: none}
.nav A:visited  {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 10pt;  TEXT-DECORATION: none}
.nav A:hover    {COLOR: #CCCCCC; FONT-FAMILY: Arial ; FONT-SIZE: 10pt;  TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.box2            {COLOR: #333333; BACKGROUND-COLOR: #EFEFEF; BORDER: 1px solid #BBC3D3}
.box2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.box2H B         {COLOR: #333333; }
.box2B           {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF}
.box2B  B         {COLOR: #000000; BACKGROUND-COLOR: #FFFFFF;  FONT-WEIGHT: bold; FONT-SIZE: 10pt}
.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}
.heading1          {COLOR: #0000FF; FONT-SIZE: 14px; TEXT-DECORATION: none; FONT-WEIGHT: bold}

li.arrow    {list-style-type: none; display: block; padding: 0px 0px 0px 12px; margin-left: -10px; margin-bottom: 5px; background: transparent url(../images/arrow_red.gif) no-repeat; color: #fa8e2f}

#menu {
	display:					block;
	margin:						5px 5px 0px 0px;
	padding:					5px 10px 5px 10px;
	width:						80px;
	background:				#cc0000;
	text-align: 			center;
	TEXT-DECORATION: 	none; 
	FONT-SIZE: 				16Px; 
	FONT-WEIGHT: 			none; 
	COLOR: 						#ffffff; 
	FONT-FAMILY: 			Verdana, Arial, Helvetica, sans-serif
}

							
/* Box - Page Headings */
.pageHead {TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: bold; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none}

.pageHead a:link { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none }

.pageHead a:visited { TEXT-DECORATION:none ; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none }

.pageHead a:active { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none }

.pageHead a:hover { FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }

/* Box - Page Navigation */
.pageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.genHeadings {COLOR: #346247; font-weight: bold; BACKGROUND-COLOR: #cecece}

/* Box - Product Image (Home page) */
.homeImg { BORDER: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF}

/* Box - Product Description (Home page) */
.homeDesc {BORDER-BOTTOM: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF}
.PhotoTop {BORDER-TOP: 1px solid #CCCCCC;}

/* Horizontal and Vertical lines */
.lines { BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.prodDesc b {TEXT-DECORATION: none; 
				FONT-SIZE: 16px; 
				FONT-WEIGHT: none; 
				COLOR: #000000; 
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

/* Product Short Description (Detail page only) */
.prodDescDet {FONT-SIZE: 12pt;}

/* Product Long Description */
.prodDescLong {FONT-SIZE: 11px; COLOR: #444444}

/* Product Detail */
.prodDet {FONT-SIZE: 10pt; COLOR: #000000 }

/* Product SKU */
.prodSKU {}

/* Product Price - Text Label */
.prodPriceT {COLOR: #903; FONT-SIZE: 10pt;}

/* Product Price - Price Value */
.prodPriceV {COLOR: #333333; FONT-SIZE: 10pt;}

.bold { FONT-WEIGHT: bold}
.title { FONT-WEIGHT: bold; COLOR: #333333; FONT-SIZE: 14px; padding-bottom: 5px; padding-top: 5px}

/* Product List Price - Text Label */
.prodLPriceT {COLOR: #903; FONT-SIZE: 10pt;}

/* Product List Price - Price Value */
.prodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.prodSPriceT {}

/* Product Sale Price - Price Value */
.prodSPriceV {COLOR: green}

/* Free Shipping text */
.freeShipMsg {COLOR: #888888}

/* Special */
.splcolor {COLOR: #FFCC00}

/* Special */
.spltitle {COLOR: #000000;  FONT-SIZE: 10pt; }

/* In Stock text */
.inStock {COLOR: #E58E13}

/* Out of Stock text */
.outStock {COLOR: red}

/* No Image text */
.noImgT {COLOR: #000000}

/* Category List */
.catDescList {}

/* Category Description - No products linked to it */
span.catDesc {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 10pt; color: #fa8e2f}

/* Category Description - Has products linked to it */
span.catDescProd {FONT-WEIGHT: bold; FONT-SIZE: 9pt}

/* 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: 0px 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}

