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


/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; FONT-SIZE: 10pt; BORDER: 2px solid #FF0066}
.CPbox1B		   {COLOR: #CCCCCC; BACKGROUND-COLOR: #000000; FONT-SIZE: 10pt;}
.CPbox1 A:link     {COLOR: #FFFFFF; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.CPbox1 A:visited  {COLOR: #FFFFFF; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #FF0066; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #000000; BORDER: 2px solid #ff0066}
.CPbox2H           {COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; PADDING: 1px}
.CPbox2H B         {
	COLOR: #FFFFFF;
	background-color: #000000;
}
.CPbox2B           {
	COLOR: #666666;
	BACKGROUND-COLOR: #EBEBEB;
	background-image: url(../images/grey_bg.gif);
}
.CPbox2B B         {COLOR: #666666; BACKGROUND-COLOR: #EBEBEB}
.CPbox2B A:link    {COLOR: #666666; FONT-SIZE: 12px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #666666; FONT-SIZE: 12px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #FF0066; FONT-SIZE: 12px; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) No Padding*/
.CPbox3            {COLOR: #333333; BACKGROUND-COLOR: #000000; FONT-SIZE: 12pt; BORDER: 2px solid #ff0066}
.CPbox3H           {COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; FONT-SIZE: 12pt; PADDING: 0px}
.CPbox3H B         {
	COLOR: #FFFFFF;
	background-color: #000000;
}
.CPbox3B           {COLOR: #666666; FONT-SIZE: 11px; BACKGROUND-COLOR: #EBEBEB; padding: 3px; text-align:justify;}
.CPbox3B B         {COLOR: #666666; BACKGROUND-COLOR: #EBEBEB; FONT-SIZE: 11px; font-weight:bold}
.CPbox3B A:link    {COLOR: #666666; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox3B A:visited {COLOR: #666666; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox3B A:hover   {COLOR: #FF0066; FONT-SIZE: 11px; TEXT-DECORATION: underline}

.CPbox4           {COLOR: #FFFFFF; font-variant:small-caps; font-size:12px}
.CPbox4 B         {COLOR: #FFFFFF; FONT-SIZE: 12px; font-weight:bold}
.CPbox4 A:link    {COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none}
.CPbox4 A:visited {COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none}
.CPbox4 A:hover   {COLOR: #FF0066; FONT-SIZE: 12px; 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 {padding:3px;}

/* Product SKU */
.CPprodSKU {}

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

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

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

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

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

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

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

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

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

.CPcartTTL {FONT-SIZE: 9px; color:#000000; font-weight:bold;}

input.btn {color: #000000; background-color:#CCCCCC; border: 1px outset #FF0066; padding: 0px;}

/* CSS based layout */
/* Layout Stylesheet */ 

body {
	margin:0px;
	color: #666666;
	text-align:center;
	padding:0;
	background-color: #6a6a6a;
	font-family: Tahoma, Arial;
 }
td {
		font-family: Tahoma, Arial;
		font-size:10pt;
	}
.nodisp {display:none;}

a:link, a:active, a:visited {
	text-decoration:none;
	color: #CCCCCC;
	font-family: Tahoma, Arial;	
	}
a:hover {
	text-decoration:underline;
	color: #FFF;
	font-family: Tahoma, Arial;
	}

#outer {
	text-align:left;
	width:1024px;
	margin:auto;
	background:url(../images/background.jpg) repeat-y;
 }
 
#inner {
	width:826px;
	margin:auto;
	height: 100%;
 }

#hdr {
 height:130px;
 color: #333333;
 }
#hdr img {
	margin: 10px;
}

#cart {
	background-image: url(../images/cart_bg.gif);
	background-repeat: no-repeat;
	float: right;
	height: 27px;
	width: 240px;
	position: relative;
	top: 20px;
}
#news h3 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 350px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top:0px;
}
#news h4 {
	font-family: "Courier New", Courier, mono;
	font-size: 9pt;
	font-style: italic;
	color: #666666;
	text-align: right;
	margin-top: -35px;
	margin-right: 50px;
	margin-bottom: 5px;
}
#news p a {
	color:#666666;
	}


#search {
	float: right;
	height: 40px;
	width: 240px;
	position: relative;
	top: 10px;
	text-align: right;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #CCCCCC;
}
.searchtxt {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px dashed #000000;
	font-size: 10pt;
}
.searchbtn {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#searchbox a:link, #searchbox a:visited, #searchbox a:active {
	color: #CCCCCC;
	text-decoration: underline;
}
#leftwarpper img.category {
	margin: 0px;
	padding: 0px;
}

#searchbox a:hover {
	color: #FFFFFF;
}


#bar {
	height:42px;
	background:url(../images/menu_bg.gif) no-repeat center;
	color: #666666;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	margin-left: 0px;
 }
#bar ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 6px;
}
#bar li {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: inset;
	border-left-color: #CCCCCC;
	display:block;
}
#bar #rightmenu {
	float: right;
	font-size: 9pt;
	text-align: right;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
}

#bar a:link, #bar a:active, #bar a:visited {
	text-decoration:none;
	color: #666666;
	}
#bar a:hover {
	text-decoration:underline;
	color: #000000;
	}

#bodyblock {
 position:relative;
 color: #333333;
 width:826px;
 padding:0;
 margin-top:15px;
 clear:both;
 }

#l-col {
 float:left;
 color: #CCCCCC;
 width:160px;
 min-height:100%; 
 }
 
html>body #l-col { height:100%;}

#leftwrapper {
	width:154px;
	background:url(../images/grey_bg.gif) repeat;
	min-height:100%;
	border: 1px solid #ff0066;
	}

#cont {
	width:660px;
	color: #CCCCCC;
	text-align:left;
	margin-left:160px;
	font-family: Tahoma, Arial;
	font-size: 10pt;
 }

#ftr {
	color: #CCCCCC;
	padding:25px 0 0;
	background-image: url(../images/Footer.gif);
	height: 45px;
	background-repeat: no-repeat;
	background-position: center;
	clear:both;
 }
#l-col H3.recent{
	background: transparent url(../images/recent_adds_small.jpg) no-repeat;
	width:154px;
	height:21px;
	margin-bottom: 0px;
	}
#l-col H3.categories{
	background: transparent url(../images/categories_small.jpg) no-repeat;
	width:154px;
	height:21px;
	margin-bottom: 0px;
	}
#l-col H3.account{
	background: transparent url(../images/your_account_small.jpg) no-repeat;
	width:154px;
	height:21px;
	margin-bottom: 0px;
	margin-top:0px
	}
#l-col H3.topsellers{
	background: transparent url(../images/top_sellers_small.jpg) no-repeat;
	width:154px;
	height:21px;
	margin-bottom: 0px;
	}			
#leftwrapper p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-bottom: 2px;
	clear: left;
}

	
/*************************************************
* section 2
*************************************************/
 #section2 {
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	min-height: 150px;
	background:url(../images/grey_bg.gif) repeat;
	margin-top:15px;
	border: 1px solid #ff0066;
}
	#section2  p {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}
	/*\ IE/Win min height hack */
	* html #section 2 {height: 150px;}
	/* */
	
	#section2wrap {
	float: left;
	width: 520px;
	}

#hotpicks {
	float: left;
	width: 214px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	top:0;
}
#hotpicks a:link, #hotpicks a:visited, #hotpicks a:active {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	background-color: transparent;
	padding-left:20px;
}
#hotpicks a:hover {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #FFFFFF;
	background-image: url(../images/servicemenu_bullet.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
}
#featured {
	float: right;
	width: 305px;
	min-height: 100%;
	background: transparent;
	text-align: center;
}

#featured2 {
	float: left;
	width: 306px;
	background: transparent;
	text-align: center;
}

#servicemenu {
	float: left;
	width: 214px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	top:0;
}

#services {
	float: right;
	width: 611px;
	min-height: 100%;
	background: transparent;
}
#services p a {
	color: #666666;
}

  
/*************************************************
* section 3
*************************************************/
 #section3 {
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	min-height: 150px;
	background:url(../images/grey_bg.gif) repeat;
	margin-top:15px;
	border: 1px solid #ff0066;
}
	#section3  p {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}
	/*\ IE/Win min height hack */
	* html #section3 {height: 150px;}
	/* */
	
	#section3wrap {
	float: left;
	width: 423px;
	}

#recent {
	float: left;
	width: 214px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#topsellers {
	float: right;
	width: 207px;
	min-height: 100%;
	background: transparent;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#news {
	float: right;
	width: 400px;
	background: transparent;
}
#topsellers p {
	font-size: 8pt;
	clear: left;
	padding-bottom: 3px;
}
#topsellers img {
	float: left;
	padding-bottom: 3px;
	padding-right: 3px;
	border:none;
}
#topsellers a {
	color: #333333;
	text-decoration: none;
}
#featured h3 {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
#featured .featuredimage {
	border: 1px solid #666666;
	text-align: center;
}
#featured .img {
	padding: 3px;
}
#featured2 h3 {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
#featured2 .featuredimage {
	border: 1px solid #666666;
	text-align: center;
}
#featured2 .img {
	padding: 3px;
}
#recent p {
	font-size: 8pt;
	clear: left;
	padding-bottom: 3px;
}
#recent img {
	float: left;
	padding-bottom: 3px;
	padding-right: 3px;
	border:none;
}
#recent a {
	color: #333333;
	text-decoration: none;
}
#cont p {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #FFFFFF;
}
#cont img.album {
	padding: 5px;
	float: left;
}
#cont li {
	margin-left: 2px;
	}
#readytoorder {
	background-color: #CCCCCC;
	float: right;
	border: 1px solid #FFFFFF;
	width: 154px;
	color: #333333;
	font-size:10pt;
	
}
#readytoorder p {
	color: #666666;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left:4px;
	padding-bottom:4px;
}
#servicemenu li {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #666666;
	display: block;
	height: 20px;
	width: 180px;
	padding-top: 2px;
	list-style-type: none;
}
#servicemenu ul li a:link, #servicemenu ul li a:visited, #servicemenu ul li a:active {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #333333;
	background-color: transparent;
	padding-left:20px;
}

#services h3 {
	font-family: Tahoma, Arial;
	font-size: 11pt;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin:0px;
}
#services h4 {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin:opx;
}
#services p {
	font-family: Tahoma, Arial;
	font-size: 9pt;
	color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#servicemenu ul li a:hover {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #FFFFFF;
	background-image: url(../images/servicemenu_bullet.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
}
#servicemenu ul {
	margin: 0px;
	padding-left:0px;
}
#bio {
	float: left;
	width: 250px;
	color: #666666;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: center;
}
.product {
	text-align: left;
	padding-bottom: 4px;
	width: 500px;
	margin-left: 25px;
	clear:right;
}
.addProd {
	float:right;
}

.product img {
	border: 1px solid FFF;
	margin-top: 4px;
	margin-right: 8px;
	margin-left: 4px;
	float: left;
}
#bio img {
	text-align: center;
	background-position: center;
}
#bio h4 {
	font-family: Tahoma, Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #CCCCCC;
	margin-bottom: 2px;
}
#bio h5 {
	font-family: Tahoma, Arial;
	font-size: 8.5pt;
	color: #CCCCCC;
	margin-top: 2px;
	margin-bottom: 2px;
}
#bio p {
	text-align: left;
}

.spacer {
	margin: 0px;
	padding: 0px;
}
.price {
	margin-top: -20px;
	margin-left: -40px;
	text-align:right;
}

#leftwrapper a:link, #leftwrapper a:visited, #leftwrapper a:active {
	color: #333333;
	margin: 0px;
	padding: 0px;
}

#leftwrapper img {
	float: left;
	padding-bottom: 3px;
	padding-right: 3px;
	border:none;
}
#qty {
	font-size: 10pt;
	position: relative;
	left: 119px;
	top: 4px;
	width: 20px;
	font-family: Tahoma, Arial;
}
#total {
	font-family: Tahoma, Arial;
	font-size: 9pt;
	position: relative;
	width: 50px;
	top: -14px;
	float: right;
	right: 18px;
}