/*************************************************************************
' Function : CSS defintions for the store.
' Product  : CandyPress Store Frontend
' Version  : 2.4
' Modified : June 2003
' Copyright: Copyright (C) 2003 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 */
BODY, B, TD, P     {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt}

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

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox2H           {BACKGROUND-COLOR: #996633; PADDING: 1px}
.CPbox2B           {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: 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) */
.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: #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: #800000}

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

/* 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 */
.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    {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: #ffff66}


.links a {
	display:block;
	padding:4px;
	margin:0px;
	background-image:url(../images/paw2.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	padding-left:20px; 
	border-bottom:1px solid #ab7a1e;
	
}
.links a:hover {
	background-color:#ab7a1e;
	color:#f5f5f5;
	text-decoration:none;
}
.links .sep {
	background-color:#DE8C39;
	border-bottom:1px solid #ab7a1e;
}
/* ---------------------*/
/* CSS Flyout Menu Mod  */
/* ---------------------*/
#vertnav{list-style: none;}

ul#vertnav   { 
	padding:0;
	margin:0;
	list-style: none;
   width:160px;
   z-index:99;
   overflow:visible;
   position:static;
   background-color:#f5f5f5;/*was #FFFFFF */
}

ul#vertnav li {
 	display:block;
	padding:4px;
	margin:0;
	position: relative;
	width: 136px;
	background-image:url(../images/paw2.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
    background-color:#f5f5f5;/*was #FFFFFF */
	padding-left:20px;
	/* border:solid 1px #CECECE;*/
	border-bottom:1px solid #ab7a1e; /* was 0 */
   /* height:1.5em; */
  
}
#vertnav ul li{ background-color: #f5f5f5;}/* was Silver */

/* #vertnav li{ border-width:1px 1px 0 1px;}*/
#vertnav li:last-child{border-bottom:1px solid #ab7a1e;/* was 1px solid #CECECE */
}

#vertnav a {
    width:140px;
	text-decoration:none; 
    display:block;
    padding: 0.1em;  
    /*margin:0.2em 0 0.2em 0.1em; helps Opera with hover */
    /* width:11.5em; restricting width means longer description is split over two lines - helps IE with hover */
    /*height:1.2em; restricting height means 2 line description is obscured - need to work out how to prevent break in Category Description */
}
#vertnav li:hover, #vertnav a:hover{
    background-color:#ab7a1e; /*was #DCDCDC */
	color:#f5f5f5; /* none defined previously */
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul, #vertnav ul ul ul ul, #vertnav ul ul ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left:120px!important;
	 left:119px;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
    display:none; 
  
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */