/*************************************************************************
' Function : CSS defintions for the store.
' Product  : BOnlineNow Store Frontend
' Version  : 2.5
' Modified : February 2004
' Copyright: Copyright (C) 2004 skymedia.com.au 
'            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@skymedia.com.au
'**************************************************************************/

/* General Tag specifications */
BODY			{COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;; FONT-SIZE: 9pt; margin:0 0 0 0}
B, TD, P         	{COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;; FONT-SIZE: 9pt}
INPUT,SELECT       {COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;; FONT-SIZE: 9pt; background-color: #d8e5f2;}

/* Site Map Link */
.Sitemap            	{COLOR: #333333; BORDER: 0px solid #BBC3D3; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.Sitemap A:link  {COLOR: #525D87; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.Sitemap A:visited  {COLOR: #525D87; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.Sitemap A:hover{COLOR: #9D080D; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITHOUT Headings */
.SKHMenu              	{COLOR: #333333; BORDER: 0px solid #BBC3D3; text-align:center; font-family:Arial, Helvetica, sans-serif;; white-space: nowrap;}
.SKHMenu A:link   {COLOR: #d3b148; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.SKHMenu A:visited  {COLOR: #d3b148; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.SKHMenu A:hover {COLOR: #0054A6; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITHOUT Headings */
.CPbox1b            {COLOR: #333333; BORDER: 0px solid #BBC3D3; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.CPbox1b A:link     {COLOR: #525D87; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1b A:visited  {COLOR: #525D87; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1b A:hover    {COLOR: #9D080D; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) BORDER: 1px solid #DDDDDD; */
.CPbox2            {COLOR: #FFFFFF}
.CPbox2H           {COLOR: #FFFFFF; text-align:center}
.CPbox2H B         {COLOR: #f5989d; text-decoration: none; text-align:center}
.CPbox2L B         {COLOR: #FFFFFF; text-align:center}
.CPbox2L A         {COLOR: #D51F0C; text-decoration: underline; font-weight:bold}
.CPbox2L A:hover   {COLOR: #D51F0C; text-decoration: underline; font-weight:bold}
.CPbox2B           {COLOR: #000000; padding: 1 1 1 1; text-align:center}
.CPbox2B A:link    {COLOR: #0000FF; FONT-SIZE: 9pt; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #0000FF; FONT-SIZE: 9pt; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #0000FF; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) BORDER: 1px solid #DDDDDD; */
.CPbox3            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; border: solid 1 silver; padding: 3 3 3 3;}
.CPbox3H           {COLOR: #0054A6; BACKGROUND-COLOR: #eeeeee; border: solid 1px silver}
.CPbox3H B         {COLOR: #0054A6; text-decoration: none}
.CPbox3L B         {COLOR: #0054A6; text-decoration: none; font-weight:bold}
.CPbox3L A         {COLOR: #0054A6; text-decoration: none; font-weight:bold}
.CPbox3L A:hover   {COLOR: #003371; text-decoration: underline; font-weight:bold}
.CPbox3B           {COLOR: #111111; BACKGROUND-COLOR: #F5F5F5; padding: 3 3 3 3}
.CPbox3B A:link    {COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.CPbox3B A:visited {COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.CPbox3B A:hover   {COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Shopping Cart */
.SKCart				{COLOR: #333333; BACKGROUND-COLOR: #a5e3df; border: solid 0px silver; width:100%;}
.SKCartH           		{COLOR: #4498aa; BACKGROUND-COLOR: transparent; border: solid 0px silver; padding: 5 5 5 5; width: 100px; FONT-WEIGHT: bold; }
.SKCartH B         		{COLOR: #4498aa; text-decoration: none}
.SKCartC           		{COLOR: #4498aa; BACKGROUND-COLOR: transparent; padding: 5 5 5 5;}
.SKCartC A:link   	{COLOR: #4498aa; FONT-SIZE: 9pt; TEXT-DECORATION: underline;}
.SKCartC A:visited 	{COLOR: #4498aa; FONT-SIZE: 9pt; TEXT-DECORATION: underline;}
.SKCartC A:hover 	{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Categories */
.SKCat				{COLOR: #333333; BACKGROUND-COLOR: transparent; border: solid 0px silver; width:100%;}
.SKCatH           		{COLOR: #FFFFFF; BACKGROUND-COLOR: #aaa1cf; border: solid 0px silver; padding: 0 5 0 5; height:30px; background-image: url();}
.SKCatH A:link   		{COLOR: #FFFFFF; FONT-SIZE: 9pt; TEXT-DECORATION: none; font-weight: bold}
.SKCatH A:visited 	{COLOR: #FFFFFF; FONT-SIZE: 9pt; TEXT-DECORATION: none; font-weight: bold}
.SKCatH A:hover 		{COLOR: #FFFFFF; FONT-SIZE: 9pt; TEXT-DECORATION: underline; font-weight: bold}
.SKCatH B         		{COLOR: #FFFFFF; text-decoration: none}
.SKCatC           		{COLOR: #111111; BACKGROUND-COLOR: transparent; padding: 2 2 2 5;}
.SKCatC A:link   		{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: none}
.SKCatC A:visited 	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: none}
.SKCatC A:hover 		{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Top Sellers */
.SKSel				{COLOR: #333333; BACKGROUND-COLOR: #ffffff; border: solid 1px silver; width:100%;}
.SKSelH           		{COLOR: #FFFFFF; BACKGROUND-COLOR: #eeeeee; border: solid 0px silver; padding: 0 5 0 5; height:30px; background-image: url();}
.SKSelH B         		{COLOR: #FFFFFF; text-decoration: none}
.SKSelC           		{COLOR: #111111; BACKGROUND-COLOR: #F5F5F5; padding: 5 5 5 5;}
.SKSelC A:link   		{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKSelC A:visited 	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKSelC A:hover 		{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* What's New */
.SKNew				{COLOR: #333333; BACKGROUND-COLOR: #ffffff; border: solid 1px silver; width:100%;}
.SKNewH           		{COLOR: #FFFFFF; BACKGROUND-COLOR: #eeeeee; border: solid 0px silver; padding: 0 5 0 5; height:30px; background-image: url();}
.SKNewH B         		{COLOR: #FFFFFF; text-decoration: none}
.SKNewC           		{COLOR: #111111; BACKGROUND-COLOR: #F5F5F5; padding: 5 5 5 5;}
.SKNewC A:link   		{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKNewC A:visited 	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKNewC A:hover 		{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Product Search */
.SKSearch			{COLOR: #333333; BACKGROUND-COLOR: transparent; border: solid 0px silver; width:100%;}
.SKSearchH           		{COLOR: #FFFFFF; BACKGROUND-COLOR: transparent; border: solid 0px silver; padding: 0 5 0 5; height:30px; background-image: url();}
.SKSearchH B         	{COLOR: #FFFFFF; text-decoration: none; text-align: right;}
.SKSearchC           		{COLOR: #111111; BACKGROUND-COLOR: transparent; padding: 5 5 5 5; text-align: center;}
.SKSearchC A:link   	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKSearchC A:visited {COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKSearchC A:hover 	{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Login Page */
.SKLogin			{COLOR: #333333; BACKGROUND-COLOR: #ffffff; border: solid 0 silver;}
.SKLoginH           		{COLOR: #0054A6; BACKGROUND-COLOR: #eeeeee; border: solid 0 silver; padding: 5 5 5 5; text-align: center;}
.SKLoginH B         		{COLOR: #0054A6; text-decoration: none}
.SKLoginC           		{COLOR: #111111; BACKGROUND-COLOR: #F5F5F5; padding: 5 5 5 5; text-align: center;}
.SKLoginC A:link   	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKLoginC A:visited 	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKLoginC A:hover 	{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Account Page */
.SKAccount			{COLOR: #333333; BACKGROUND-COLOR: #ffffff; border: solid 1 silver;}
.SKAccountH           	{COLOR: #ffffff; BACKGROUND-COLOR: #bbbbbb; border: solid 0 silver; padding: 5 5 5 5; text-align: center;}
.SKAccountH B         	{COLOR: #ffffff; text-decoration: none}
.SKAccountC           	{COLOR: #111111; BACKGROUND-COLOR: #f0f0f0; padding: 5 5 5 5; text-align: left; width: 125px; vertical-align: top;}
.SKAccountC A:link   	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKAccountC A:visited{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKAccountC A:hover 	{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Order Page */
.SKOrder			{COLOR: #333333; BACKGROUND-COLOR: #ffffff; border: solid 1 silver;}
.SKOrderH           		{COLOR: #ffffff; BACKGROUND-COLOR: #bbbbbb; border: solid 0 silver; padding: 5 5 5 5; text-align: center;}
.SKOrderH B         	{COLOR: #ffffff; text-decoration: none}
.SKOrderC           		{COLOR: #111111; BACKGROUND-COLOR: #f0f0f0; padding: 5 5 5 5; text-align: left; width: 125px; vertical-align: top;}
.SKOrderC A:link   	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKOrderC A:visited	{COLOR: #0060B4; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
.SKOrderC A:hover 	{COLOR: #2E3092; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

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

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) BORDER: 1px solid #CCCCCC */
.CPhomeImg {BACKGROUND-COLOR: transparent; BORDER: 0px solid #CCCCCC; padding: 5 5 5 5;}

/* Box - Banner Image */
.CPbannerImg {BACKGROUND-COLOR: transparent; border: 0px}

/* Box - Product Description (Home page) */
.CPhomeDesc {}

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

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 9pt}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 11pt}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #008000}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #008000}

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

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

/* In Stock text */
.CPinStock {COLOR: #888888}

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

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* 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: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {COLOR: green; FONT-SIZE: 9pt}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 9pt}
.CPsysMsgURL {FONT-SIZE: 9pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; color: Red}

/* Menu Header Links */
.MenuHeader:link    {color:#FFFFFF; text-decoration: none; font-size: 9pt; font-weight:bold}
.MenuHeader:visited {color:#FFFFFF; text-decoration: none; font-size: 9pt; font-weight:bold}
.MenuHeader:hover   {color:#FFFFFF; text-decoration: underline; font-size: 9pt; font-weight:bold}

.CPCheckOut a:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPCheckOut a:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPCheckOut a:hover   {COLOR: #000099; TEXT-DECORATION: none}

.CPCart a:link    {COLOR: #800000; TEXT-DECORATION: none}
.CPCart a:visited {COLOR: #800000; TEXT-DECORATION: none}
.CPCart a:hover   {COLOR: #800000; TEXT-DECORATION: none}