/*************************************************************************
' 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: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	FONT-SIZE: 8pt
	}

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	}
		
#frame {
	width:96%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	padding-top:5px;
	}	
	
#mainright {
	width:182px;
	float:right;
	padding-bottom:0px;
	border: solid;
	border-width: 1px;
	border-color: #CECEA4;
	padding-left:15px;
	padding-right:15px;
	}
	
#maincenter {
	width: 56%;
	float:left;
	padding-bottom:0px;
	text-align: center;
	}
	
#mainleft {
	width:259px;
	float:left;
	padding-bottom:0px;
	}

h1.head{
	color: #5C9127;
	text-decoration: none;
	font-weight: bold;
	FONT-SIZE: 10pt;
	padding-top:10px;
}

h1.xmashead{
	color: #E41F26;
	text-decoration: none;
	font-weight: bold;
	FONT-SIZE: 10pt;
	padding-top:10px;
}

strong.cartmess{
	color: #E41F26;
	text-decoration: none;
	font-weight: bold;
	FONT-SIZE: 10pt;
	padding-top:10px;
	background:#ffffff;
}

td.cathead {
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: #CECEA4;
	height: 39px;
	color: #8DB935;
	font-weight: bold;
	font-size: 18pt;
	font-variant: small-caps;
}

table.cats {
	background-color: #fcfce2;
	border: 1px;
	border-style: solid;
	border-color: #CECEA4;
	width: 165px;
}

td.header {
	background: #8EB934;
	height: 23px;
	border: solid;
	border-width: 1px;
	border-left: 0px;
	border-right: 0px;
	border-color: #5D9228;
	color: white;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

A.whitehead {
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
	letter-spacing: -.5pt;
}

div.hr {
	width: 98%;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #CECEA4;
	color: #CECEA4;
	background: #CECEA4;
	white-space: nowrap;
	overflow: hidden;
}

a.cats {
	color: #5C9127;
	text-decoration: none;
	font-weight: bold;
}

strong.head {
	color: #5C9127
	}

input.search {
	height: 18px;
	width: 120px;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	color: black;
}

strong.white {color: #FFFFFF}

A {
	color: #5C8F28;
	text-decoration: none;
}

b.white{
	color: White;
}

hr.cats {
	height: 0px;
	color: #cecea4;
}

A.head {
	color: #5C9127;
	text-decoration: none;
	font-weight: bold;
}

A.white {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

h1.cats{
	color: #5C9127;
	text-decoration: none;
	font-weight: bold;
	FONT-SIZE: 12pt;
}

h1.prodview{
	color: #5A9328;
	FONT-SIZE: 12pt;
	margin: 0px;
}

A:HOVER {
	text-decoration: underline;
}

/* Info Box WITHOUT Headings */
.CPbox1            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #5C8F28}
.CPbox1 A:link     {COLOR: #5C8F28; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #5C8F28; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #5C8F28; 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 #5C8F28}
.CPbox2H           {BACKGROUND-COLOR: #5C9127; border-left: 1px solid #CECEA4; border-right: 1px solid #CECEA4; border-top: 1px solid #CECEA4}
.CPbox2B           {BACKGROUND-COLOR: #F0F0D3; BORDER: 1px solid #CECEA4}
.CPbox2B A:link    {COLOR: #5C8F28; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #5C8F28; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #5C8F28; FONT-SIZE: 10px; TEXT-DECORATION: underline}

A.mainbody {
	color: #5C8F28;
	text-decoration: none;
}

A.mainbody:HOVER {
	color: #5C8F28;
	text-decoration: underline;
}

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

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #F0F0D3; BORDER: 1px solid #CECEA4}

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

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

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #5C8F28}

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

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

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through; FONT-FAMILY: Arial, Helvetica, sans-serif}

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

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: #DC143C}

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

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

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

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

/* 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: #FFFFFF; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #5C8F28; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #5C8F28; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #5C8F28; 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}

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:100%;	
		margin-bottom:0em;
		}			
	#content{
		position:relative;
		width:100%;
		}	

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:135px;
		overflow: hidden;		
		}								

	#slider img{border:0px;}
/* // Easy Slider */

/* // Fly out Menu */

#wrapper {width:100%; margin:0 auto; text-align:left;}
 
.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {margin-left:2px;} /* this demo only */
.menu {width:165px; height:566px; background:#5D9228; border:1px solid #CECEA4; border-width:1px 0 1px 1px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}
 
.menu li {width:165px; height:20px; float:left; border-right:1px solid #CECEA4; border-bottom:1px solid #CECEA4;}
 
.menu li a {display:block; width:100%; height:20px; line-height:20px; color:#FFF; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 10px; float:left;}
 
.menu li.sub a {background:url(breadcrumbs/grey.gif) no-repeat 150px center;}
 
.menu li a:hover {white-space:nowrap; position:relative; color:#5D9228;}
 
.menu li.sub a:hover {background:url(breadcrumbs/blue.gif) no-repeat 150px center; color:#5D9228;}
.menu li.sub a b {display:block; color:#5D9228; font-weight:normal;}
 
.menu li:hover {position:relative; background-color:#ffffff;}
.menu li:hover.sub > a {background:url(breadcrumbs/blue.gif ) no-repeat 150px center; color:#5D9228;}
 
.menu :hover ul
{width:200px; height:auto; left:165px; top:-1px; background:#FFF; border:1px solid #CECEA4;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:200px; height:auto; left:115px; top:-1px; background:#FFF; border:1px solid #CECEA4; border-width:1px 0 1px 1px;}
 
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}
 
.menu :hover ul li,
.menu :hover ul li a
{width:200px; height:20px; line-height:20px; text-indent:10px; float:none;}
 
.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(breadcrumbs/grey.gif) no-repeat 100px center; color:#5D9228;}
 
.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#5D9228;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#5D9228;}
 
.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#5D9228;}
 
.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#5D9228;}
 
.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#5D9228; font-weight:normal;}
 
.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#5D9228; font-weight:normal;}


/* // Acc Menu */
.menu_outer {
	border: solid 1px #CECEA4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 163px;
	background: #FCFCE2;
}

.menu_list {
	height: 100%;
	width: 163px;
	background: #FCFCE2;
}
.menu_head {
	padding: 5px 0px 5px 10px;
	cursor: pointer;
	position: relative;
	margin:0px;
	font-weight:bold;
	font-variant: small-caps;
	background: #5D9228 url(left.png) center right no-repeat;
	border-bottom: solid 1px #CECEA4;
}

.menu_head a {
	color: white;
	text-decoration:none;
}

.menu_head a:hover {
  text-decoration:underline;
}

.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#5B9328;
  background-color:#ffffff;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 5px;
  font-weight:bold;
  text-decoration:none;
  border: solid 1px #CECEA4;
  border-top: none;
  border-left: none;
  border-right: none;
}
.menu_body a:hover {
  color: #5B9328;
  background-color:#F0F0D3;
  text-decoration:underline;
}

/* // End Acc Menu */

/* Grey Box Style Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* // End Grey Box Style */