﻿/*************************************************************************
' Function : CSS defintions for the store.
' Product  : CandyPress Store Frontend
' Version  : 4.1

' Modified : May 2007
' Copyright: Copyright (C) 2004 Webs Unlimited, Inc. 
'            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 http://www.candypress.com
'**************************************************************************/

/* General Tag specifications */
BODY     {
font-family: Verdana, Arial, sans-serif;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color:#2e2c20;}
a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #000;
	padding:0px;
	margin:0px;
	font-size:10px;	
}
a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #000;
	padding:0px;
	margin:0px;
	font-size:10px;	
}
h1 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 10px;
	font-size:18px;
	color:#3c556b;
	text-align:left;
	font-weight:normal;
	line-height:19px;
}
h2 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:16px;
	font-weight:bold;
color:#ff0000;
text-align:center;	
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:normal;
	color:#000;
}
h4 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 5px;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	color:#000;
}
h5 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	
}
h6 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	color:#525252;
}
p{font-size:11px;}
img{
border:0px;
}
#wrapper{
width:805px;
height:auto;
border: 1px solid #fff;
background-color:#e9ddc3;
}
#logo{
width:200px;
height:120px;

border:0px;
padding:0px;
margin:0px;
background: #e9ddc3 url(../usermods/img/logo.jpg) top left no-repeat;
}

#header{
	width:600px;
	height:71px;
	background:#e9ddc3 url(../usermods/img/header.jpg) top left no-repeat;	
}
#top_nav{
padding-top:20px;
	width:600px;
	height:49px;
	background-color:#fff;
	background: url(../usermods/img/topnav.jpg) top left no-repeat;
	color:#2c1a0e;
}
#top_nav a, a:visited {
font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:normal;
color:#2c1a0e;
}
#top_nav a:hover {
font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:normal;
color:#4c1a0e;
}

#left{
padding:0px;
width:200px;
height:335px;
}
#left_nav{
width:200px;
height:38px;
background: url(../usermods/img/leftnav.jpg) top left no-repeat;
padding-top:30px;

}
#snack{
width:180px;
height:157px;
padding:5px;
background-color:#fff;
}
#wrapper4{
width:190px;
height:250px;

background-color:#fff;
border: 1px solid #ff0000;
}
#newproduct{
background-color:#fff;
padding:5px;
margin:5px;
width:180px;
border:1px solid #ff0000;
}
#right{
padding:0px;
width:600px;
height:330px;
}

#wrapper2{
width:592px;
height:auto;
border:2px solid #493a1d;
padding:1px;
}
#tab1{
width:586px;
height:200px;
border:1px solid #7e6c48;
background-color:#fff;
}
#tab2{

width:586px;
height:auto;
border:1px solid #7e6c48;
font-size:11px;
background-color:#fff;
}
#tab2 img{border:1px solid #7e6c48;}
.cat_buttons{
background-color:#fff;
border:1px solid #7e6c48;
}

#top_catalog{
padding:0px;
width:582px;
height:auto;
background: #f2ecdc url(../usermods/img/top_catalog.jpg) top left no-repeat;
border-left: 2px solid #493a1d;
border-right: 2px solid #493a1d;
border-bottom: 2px solid #493a1d;
}
#top_catalog a, a:hover, a:visited, a:link {font-size:12px;font-weight:normal;}

#wrapper3{
width:592px;
height:auto;
border:2px solid #7e6c48;
padding:1px;
background-color:#fff;
font-size:10px;
}
#testimonials{
width:592px;
height:auto;
border:2px solid #7e6c48;
padding:5px;
background-color:#fff;
font-size:10px;
}
#footer{
width:600px;
height:auto;
background-color:#e9ddc3;
font-weight: normal;
	color: #222;
	padding:0px;
	margin:0px;
	font-size:10px;
}
#footer a, a:visited{
text-decoration: none;
	font-weight: normal;
	color: #222;
	padding:0px;
	margin:0px;
	font-size:10px;


}
#footer a:hover{
text-decoration: underline;
	font-weight: normal;
	color: #444;
	padding:0px;
	margin:0px;
	font-size:10px;

}
	
/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; 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            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; }
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #e9ddc3}
.CPbox2B A    {COLOR: #333333; FONT-SIZE: 14px;line-height:18px; TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;padding-left:15px;}
.CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 14px;line-height:18px; TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;padding-left:15px;}
.CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 14px; line-height:18px;TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;}
.CPbox2B A:hover   {COLOR: #996666; FONT-SIZE: 14px; line-height:18px;TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;}
#left_nav .CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #e9ddc3}
#left_nav .CPbox2B A    {COLOR: #333333; FONT-SIZE: 14px;line-height:18px; TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;padding-left:15px;}
#left_nav .CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 14px;line-height:18px; TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;padding-left:15px;}
#left_nav .CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 14px; line-height:18px;TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;}
#left_nav .CPbox2B A:hover   {COLOR: #996666; FONT-SIZE: 14px; line-height:18px;TEXT-DECORATION: none;font-weight:bold;background:  url(../usermods/img/arrow.gif) top left no-repeat;}
.breadcrumb{
font-size:10px;
}
/* Box - Page Headings */
.CPpageHead {font-size:11px;BORDER-BOTTOM: 2px solid #7e6c48; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #fdfbd4}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7e6c48}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #7e6c48}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #7e6c48}

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 12px}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 16px}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {padding:0px;margin:0px;}

/* Product SKU */
.CPprodSKU {font-size:10px;}

/* 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: #000; font-size:12px;}

/* Out of Stock text */
.CPoutStock {COLOR: #000;font-size:12px;}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
#categorylist{font-size:12px;}
#categorylist a, a:visited{font-size:12px;font-weight:bold;}
#categorylist a:hover{font-size:12px;font-weight:bold;}

.CPcatDescList {
list-style:none;

}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: normal;font-size:11px;padding-left:50px;}

/* 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: #f4f3e3; BORDER: 1px solid #7e6c48}
.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}

/* ------------------- */
/* 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}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}

.installcomment {
	PADDING-LEFT: 30px;
}

.textBlock {
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1px solid #7e6c48;
}

.maintClosed {
	color: red;
	font-size: 15pt;
	text-align: center;
}

.CPContactUs {

}

/* -------------------- */
/* ADDED -- Version 3.5 */
/* -------------------- */
.findTable {
	background-color: #EEEEEE;
	BORDER: 1px solid #7e6c48;
}
.listTable {
	background-color: #EEEEEE;
}
.listRowTop {
	BACKGROUND-COLOR: #DDDDCC;
	BORDER-TOP: 1px solid #888888;
	BORDER-BOTTOM: 1px solid #888888;
}
.listRowHead {
	BACKGROUND-COLOR: #DDDDDD;
}
.listRowBot {
	BACKGROUND-COLOR: #DDDDCC;
	BORDER-TOP: 1px solid #888888;
	BORDER-BOTTOM: 1px solid #888888;
}

/* --------------------  */
/* ADDED -- Version 4.1  */
/* --------------------  */
.cpbeta {
	color: red;
	font-size: 14pt;
	
}

/* New template style */ 
html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; /* center for now */
	width: 24em; /* ems so it will grow */
	background: url(../usermods/img/featurebox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../usermods/img/featurebox/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../usermods/img/featurebox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../usermods/img/featurebox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	text-align: left;
}

.boxbody a {	
	text-decoration: none;
}
.boxbody a:hover {
	text-decoration: underline;
}
.boxbody span.cpCart {
	text-align: left;
	padding-right: 3em;
}


