/*************************************************************************
' Function : CSS defintions for the store.

' Version  : 2.5
' Modified : July 2004
' Copyright: Copyright (C) 2004 Opusid.com Ltd. Orignal code modified from Candypress Inc.
'**************************************************************************/

/* General Tag specifications */
BODY, B, TD, P     {COLOR: #333333; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt}

.countrySelect    {COLOR: #333333; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; font-weight:bold;}
.countryText    {COLOR: #0033CC; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; font-weight:bold;}


h1 {
  font-size: 15pt; 
  color: #333333;
  font-weight: normal;
  text-align: left;
  padding: 0;
  margin:0;
}

h2 {
  font-size: 11pt; 
  color: #333333;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin:0;
}


.errorStar {
	font-size: 16pt;
	font-weight: bold;
	color: #FF0000;
}

.heading {
  font-size: 11pt; 
  color: #333333;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin:0;
}

.text13 {
	font-size: 13pt;
}

.text10 {
	font-size: 10pt;
}



/* Customer Services (New) */

span.question 
{
    font-weight: bold;
    display: block;
    padding: 10px 0 0 0;
}

    span.question span
    {
        font-weight: normal;
        display: block;
        padding: 3px 0 0 0;
    }
    


.contact 
{
    border: 2px dotted #CCCCCC;
    padding: 10px;
}

    .contact table 
    {
        margin: 0;
    }
    
        .contact table th 
        {
            font-size: 8pt;
            text-align: left;
            padding: 0 10px 0 0;
        }
        
            .contact table th span 
            {
                font-weight: normal;
                font-size: 7pt;
                display: block;
                padding-top: 2px;
            }
        
        .contact table td 
        {
            width: 310px;
        }
        
        .contact table td .notice 
        {
            font-size: 8pt;
            font-weight: bold;
            padding: 10px;
            border: 1px solid #CCCCCC;
            display: block;
            background: #F8F8F8;
            margin: 0 0 5px 0;
        }

.av 
{
    border: 2px dotted #CCCCCC;
    padding: 10px;
    background: #FDFDFD;
}   


    .av #header 
    {
        margin: -10px -10px 0 -10px;
        padding: 0 0 0 10px;
        background: url(../images/avheader_bg.jpg) repeat-x;
    }
    

    .av a 
    {
        color: #9E0605;
        font-size: 9pt;
        font-weight: bold;
    }
    
        .av a.local 
        {
            color: #0033CC;
        }
    
    
    .av a:hover 
    {
        text-decoration: none;
    }
    
    .av span 
    {
        display: block;
    }
    
        .av span a 
        {
            color: #000000;
        }
    
        .av span span
        {
            color: #9E0605;
            display: block;
        }
        
            .av span span a 
            {
                color: #9E0605;
                font-weight: normal;
                font-size: 8pt;
            }
        
        .av span span.small 
        {
            font-size: 7pt;
            color: #000000;
            display: block;
            padding: 3px 0 0 0;
        }


.navigationBar 
{
    margin: 0 0 0 10px;
    width: 156px;
}
    
    .navigationBar .navHeading 
    {
        padding: 5px 0 5px 0;
        background: #0033CC;
        font-size: 11px;
        color: #FFFFFF;
        font-weight: bold;
        width: 156px;
        text-align: center;
        display: block;
    }
    
    
    .navigationBar .navbar 
    {
        padding: 0;
        margin: 0;
        width: 156px;
        border: 1px solid #CCCCCC;
        float: left;
    }

    .navigationBar .navbar ul 
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
        
        .navigationBar .navbar ul li 
        {
            float: left;
            width: 154px;
            margin: 0;
            padding: 0;
        }
        
        .navigationBar .navbar ul li a
        {
            padding: 5px 5px 5px 5px;
            display: block;
            margin: 0;
            position: relative;
            border-bottom: 1px solid #CCCCCC;
            color: #000000;
            text-decoration: none;
            background: #F8F8F8;
            font-size:9pt;
        }
        
            .navigationBar .navbar ul li.selected a
            {
                background: #F8F8F8 url(../images/blue_arrow.gif) 5px 8px no-repeat;
                padding: 5px 5px 5px 13px;
                font-weight: bold;
            
            }
        
            .navigationBar .navbar ul li a:hover 
            {
                text-decoration: underline;
            }

        
        .navigationBar .navbar ul li a.sub 
        {
            /*background: #E9E9E9 url(../images/black_arrow.gif) 5px 8px no-repeat;*/
            padding: 5px 5px 5px 13px;
            background: #FFFFFF;
        }   
        
            .navigationBar .navbar ul li.selected a.sub
            {
                background: #E9E9E9 url(../images/blue_down_arrow.gif) right no-repeat;
                font-weight: bold;
                padding: 5px 18px 5px 13px;
                color: #0033CC;
            }
            
                .navigationBar .navbar ul li.selected a.sub:hover 
                {
                    text-decoration: underline;
                    background: #E9E9E9;
                }
        
            .navigationBar .navbar ul li a.sub:hover 
            {
                background: #E9E9E9;
                text-decoration: underline;
            }
        
        .navigationBar .navbar ul li a.sub_sub 
        {
            background: #2F3030 url(../images/white_arrow.gif) 5px 8px no-repeat;
            color: #FFFFFF;
        }
            
            
            .navigationBar .navbar ul li.selected a.sub_sub
            {
                background: #2F3030 url(../images/white_arrow.gif) 5px 8px no-repeat;
                font-weight: bold;
            }
            
                .navigationBar .navbar ul li.selected a.sub_sub:hover
                {
                    background: #2F3030 url(../images/white_arrow.gif) 5px 8px no-repeat;
                    font-weight: bold;
                    text-decoration: underline;
                }
            
             .navigationBar .navbar ul li a.sub_sub:hover 
            {
                background: #2F3030 url(../images/blue_arrow.gif) 5px 8px no-repeat;
                text-decoration: underline;
            }
                



.shippingBox {
BACKGROUND-COLOR: #EEEEEE; 
BORDER-LEFT: 1px dashed #CCCCCC;
BORDER-RIGHT: 1px dashed #CCCCCC;
BORDER-TOP: 1px dashed #CCCCCC;
BORDER-BOTTOM: 1px dashed #CCCCCC;
}

.shippingBoxBottom {
BACKGROUND-COLOR: #EEEEEE; 
BORDER-LEFT: 1px dashed #CCCCCC;
BORDER-RIGHT: 1px dashed #CCCCCC;
BORDER-BOTTOM: 1px dashed #CCCCCC;
}

.outline   {
BACKGROUND-COLOR: #FFFFFF; 
BORDER: 1px solid #CCCCCC;
}
.topline   {
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM: 1px solid #CCCCCC;
}

.topblueline   {
BACKGROUND-COLOR: #0033CC; 
BORDER-BOTTOM: 1px solid #CCCCCC;
}

.topLink {PADDING: 0 0 0 0px;}

/* Menu bar black link */
a.blackBasic           {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.blackBasic:link     {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.blackBasic:visited  {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.blackBasic:hover    {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}

.largeBlue {
	font-size: 14pt;
	font-weight: bold;
	color: #0033CC;
}


a.title           {COLOR: #333333; FONT-FAMILY: Arial; FONT-SIZE: 13pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.title:link     {COLOR: #333333; FONT-FAMILY: Arial; FONT-SIZE: 13pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.title:visited  {COLOR: #333333; FONT-FAMILY: Arial; FONT-SIZE: 13pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.title:hover    {COLOR: #333333; FONT-FAMILY: Arial; FONT-SIZE: 13pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}


/* Menu bar black link */
a.Basic           {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
a.Basic:link     {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
a.Basic:visited  {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
a.Basic:hover    {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}


/* Menu bar black link */
a.BasicBold           {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.BasicBold:link     {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.BasicBold:visited  {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.BasicBold:hover    {COLOR: #0033CC; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}


/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica; BACKGROUND-COLOR: #0033CC}
.CPbox1 A:link     {COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Basic link - no red visited */
.Menu            {COLOR: #A3A37D; FONT-FAMILY: Arial; FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica}
.Menu A:link     {COLOR: #A3A37D; FONT-FAMILY: Arial; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline; FONT-FAMILY: Arial, Helvetica}
.Menu A:visited  {COLOR: #A3A37D; FONT-FAMILY: Arial; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline; FONT-FAMILY: Arial, Helvetica}
.Menu A:hover    {COLOR: #A3A37D; FONT-FAMILY: Arial; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline; FONT-FAMILY: Arial, Helvetica}

/* Menu bar link */
a.menu           {COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.Menu:link     {COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.Menu:visited  {COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.Menu:hover    {COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Menu bar black link */
a.Menub            {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.Menub:link     {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.Menub:visited  {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.Menub:hover    {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #FFFFFF; BACKGROUND-COLOR: #0033CC; BORDER: 1px solid #0033CC}
.CPbox2H           {COLOR: #FFFFFF; BACKGROUND-COLOR: #0033CC; PADDING: 1px}
.CPbox2H B         {COLOR: #FFFFFF;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline}

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

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

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

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CBD7EA}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 0px solid #CBD7EA; BACKGROUND-COLOR: #FFFFFF}

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

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #000000;font-size:10pt;}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #000000;font-size:10pt;}

/* Product List Price - Text Label */
.CPprodLPriceT {font-size:10pt;}

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

/* 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 Select box */
.FrontDescription {FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-COLOR: #000000; FONT-WEIGHT: bold;}

/* Option Select box */
.Rightdrop {FONT-FAMILY: Arial; FONT-SIZE: 8.5pt; FONT-COLOR: #000000;}

/* Option Select box */
.Rightheader {FONT-FAMILY: arial; FONT-SIZE: 9pt; COLOR: #000000; FONT-WEIGHT: bold;}

/* Option Select box */
.Rightheader2 {FONT-FAMILY: Arial; FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-WEIGHT: bold;}

/* Small print */
.Small {FONT-FAMILY: Arial; FONT-SIZE: 8pt; COLOR: #8C8C8C;}

/* Basket */
.Basket {FONT-FAMILY: Arial; FONT-SIZE: 10pt; COLOR: #000000;}

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

/* Telephone Number */
.Tel {FONT-COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 10pt;}

.Head {COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}

.NoSpace {COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 0pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}

/* ------------------- */
/* 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    {FONT-SIZE: 10pt}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt}
.CPsysMsgURL {FONT-SIZE: 10pt}

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

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

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

.Dropdown
  {
    font-family:      arial;
    letter-spacing:   .0pt;
    font-size:        9px;
    color:		#000000;
    background-color: #FFFFFF;
    border:           1px #8CB2D6 solid; 
    border-color:     #8CB2D6 solid; 
  }