/*************************************************************************
' 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, B, TD, P { COLOR: #333; font: 10pt "Times New Roman", Times, serif; }
h1,h2,h3,h4,h5,legend,strong {color:#033; font-weight:bold;}
a:link,a:hover, a:visited{color: #033}
a:link {text-decoration:underline;}
a:hover {text-decoration:none}
img {border:none}
h1 {font-size:2em} h2 {font-size:1.8em} h3 {font-size:1.4em} h4 {font-size:1em} 
.CPbody { margin: 0px; padding: 25px 0px 0px; background: #CC9 url(img/pageBG.png) repeat-x left top; text-align:center; }
.container { text-align:left; width:940px; padding:0 6px 6px; margin: 0 auto; /* -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;*/ background: #FEFFEC; background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFFEC), to(#FFFFFF)); background-image: -moz-linear-gradient(top, #FEFFEC, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFFEC', endColorstr='#FFFFFF');-moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.4);}
* html .container {width:932px}
#toplinks {margin:0 auto; padding:6px; height:12pt;}
#CPlogo a { background: url(img/logo.png) no-repeat scroll top left;left:-6px;top:-20px;float:left;height:40px;width:250px;position:relative;margin-bottom:-12px }
#bannerad img {clear:both;margin:0 auto 6px; float:left;width:940px; height:168px}
* html #bannerad img {width:932px;}
.CPmaintable {padding: 0px; width: 100%; margin-right: auto; margin-left: auto; border-style: none;}
#CPfooter {margin: 0.5em auto 0; padding: 0.5em 0; width: 100%; text-align: center; font-size: 90%; color: #666; clear: both; background:/*#F7F3F7*/ #D5D4AE url(img/dotted_ln.gif) repeat-x left bottom; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
* html #CPfooter {width:932px}
#CPfooter img {margin:3px 1px;} #CPfooter img a:link, #CPfooter img a:visited {border:none;}
#CPfooter p {margin: 0 0px 0 0; padding: 10px 0px 10px 0;}
.CPCartTD { vertical-align: top; text-align: left; float: left; position: relative; clear: none; width: 728px;/*width: 585px;*/ padding-top: 6px; }
* html .CPCartTD {width:710px}
.CPCartLink {background: url(img/cart_sm.gif) no-repeat left top; padding-left: 24px;}
/*#CPcartMini{float:right; width:156px;}*/
/*fieldset#CPcartMini {width:156px; float:right; padding: 3px; margin: 0 3px 0 0; background-color: #FBFFF1; border: 0px solid #D5D4AE; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }*/
.fltrt {float: right; margin-left: 8px;}
.half {width:50%; float:left; margin:0em; vertical-align:middle;} 
.fltleft {float:left;} 
.fltright {float:right} 
.right {text-align:right; vertical-align: middle;} 
.left {text-align:left;} .full {width:65%; float:left;} 
.center {text-align: center; vertical-align:middle}
.half img {border:none;} 
.errormsg {text-align:center; color:#FF0000; font-size:12px;}
/* Info Box WITHOUT Headings */
.CPbox1 {COLOR: #333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link,.CPbox1 A:visited {COLOR: #333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.CPbox1 A:hover {COLOR: #996666; FONT-SIZE: 8pt; FONT-WEIGHT: bold;} 
/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2 {COLOR: #333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox2H {COLOR: #333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px; border-bottom: 1px solid #009966;}
.CPbox2H B {COLOR: #333;}
.CPbox2B{COLOR: #333; BACKGROUND-COLOR: #F5F5F5;}
.CPbox2B A:link {COLOR: #333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover {COLOR: #996666; FONT-SIZE: 10px;} 
/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 1px solid #D5D4AE; PADDING-BOTTOM: 4px} 
/* Box - Page Navigation */
.CPpageNav {z-index:300;}
ul#menulinks {width:936px;list-style:none;font-size:12px;margin:0;padding:0;border: 3px solid #cc9;height:30px;float:left;z-index:200;}
.BGgrad,#menulinks li:hover span.sdtwrap{-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;background-image:-webkit-gradient(linear, left top, left bottom, from(#FBFFF1), to(#D5D4AE)); background-image: -moz-linear-gradient(top, #FBFFF1, #D5D4AE);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFFF1', endColorstr='#D5D4AE')}
#menulinks li a img, #menulinks li span.sdtwrap{-moz-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 500ms ease-in-out;}
#menulinks li {text-align:center; position:relative;float:left;width:170px;height:30px;cursor:pointer;border-right:1px solid #CC9;/*outline:1px solid blue*/}
#menulinks li:hover {background-color:#FBFFF1}
#menulinks a {text-decoration:none; font-weight:bold; outline:none}
#menulinks li > a {position:absolute;top:0;left:0;width:170px;height:30px;z-index:120;background:transparent url(img/overlay.png) no-repeat bottom right;}
#menulinks li a img  {border:none;position:absolute;width:0;height:0;bottom:50%;left:50%;z-index:100; background-color:#FFF;margin-left:-3px;}
#menulinks li a:hover img {width:170px;height:90px;left:0;bottom:30px;border:3px solid #CC9;margin-left:-3px;border-bottom-width: 0px;-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
#menulinks li span.sdtwrap{text-transform:uppercase;position:absolute;top:0px;left:0;width:170px;z-index:150;/*outline:1px solid red;*/
margin:9px 0;height:12px;left:-1px/*height:12px+9px+9px=30px*/}
#menulinks li:hover span.sdtwrap {border:1px solid #cc9;border-top:0;-moz-border-radius:0 0 6px 6px;-ms-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;padding-top:60px;margin-top:0;}

/*Search box*/
.CPsearch { display:inline;float: right; margin:4px 3px -20px;}
.CPsearch input{margin:0; vertical-align:middle;}
.CPsearch #strSearch {border:1px solid #CC9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
/*Left Box*/
#CPleftbox {text-align: left; vertical-align: top; float: left; clear: left; margin-right: 12px; width: 200px; margin-top: 0px; padding-top: 6px;}
#CPleftbox ul, #CPleftbox ol {list-style-position: inside;  margin: 0em; padding: 0em;}
div#CPleftBoxCats,dl#cart,fieldset#CPcartMini {background-color:#FBFFF1; border:3px solid #D5D4AE; margin-bottom: 6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;!important}
dl#cart,img#prodimg {-moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.75);-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.75)}
img#prodimg {background-color:#FFF; padding:6px; border:1px solid #BBB}
#CPleftbox dt, dl#cart dt {font-weight: bold;vertical-align: middle;color: #033; background-repeat:no-repeat; background-position: 3px center;  display: block; text-align:center; text-transform: uppercase;/* text-shadow: 1px 1px 1px #666;filter: dropshadow(color=#666666, offx=1, offy=1)*/;}
* html #CPleftbox dt, #CPleftbox dt[id] {/*padding-left:20px;*/} /*IE6 hack*/
#CPleftbox li {background: url(img/dotted_ln.gif) repeat-x left bottom;}
#CPleftbox li a:link, #CPleftbox li a:visited {line-height:1.5em; text-decoration:none; }
#CPleftbox dd, dl#cart dd  {margin-left: 0em; padding: 0.3em; } 
dl#cart dt {background-color: #D5D4AE; margin: 0; padding: 3px;} 
dl#cart dd {background-image:-webkit-gradient(linear, left top, left bottom, from(#FBFFF1), to(#D5D4AE)); background-image: -moz-linear-gradient(top, #FBFFF1, #D5D4AE);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFFF1', endColorstr='#D5D4AE');}
/*dt#cat { background-image: url(img/icon_sitemap.png); }
dt#newProd { background-image:url(img/icon_gears.png)}
dt#topSell { background-image:url(img/arrows_icon.png)}
dt#xtraPages { background-image:url(img/xtrapages_icon.png)}
dt#brands { background-image:url(img/brands_icon.png)}
dt#manuf { background-image:url(img/manufacturers_icon.png)}*/
 /*Left Box Category Menu */
dl#CPCat li {  }
dl#CPCat a:link, #CPleftbox dl#CPCat a:visited { text-decoration:none; text-transform:uppercase;}
/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #D5D4AE; font-weight: bold;}
/* Box - Product Image (Home page) */
.CPhomeImg {BORDER: 1px solid #D5D4AE; -moz-border-radius: 4px 4px 0 4px; -webkit-border-radius: 4px 4px 0 4px; border-radius: 4px 4px 0 4px;}
.CPhomeImg img {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
img.relProdThumb {margin-right:3px; float:left; border:none;}
/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #D5D4AE}
/*Currency box*/
.CPCurr {text-align: right; padding-top: 6px;}
/* Horizontal and Vertical lines */
.CPlines {BORDER-TOP: 1px solid #D5D4AE;}
/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 9pt}
/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 10pt; font-weight:bold;}
/* Product Long Description */
.CPprodDescLong {}
/* Product Detail */
.CPprodDet {}
/* Product SKU */
.CPprodSKU {font-size: smaller;} 
/* 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 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: #F5F5F5; BORDER: 1px solid #D5D4AE}
.CPcolsView A:link {COLOR: #000099; TEXT-DECORATION: underline}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover {COLOR: #996666;} 
/* System Messages */
.CPsysMsg, .CPsysMsgURL {FONT-SIZE: 10pt;}
.CPsysMsgErr {COLOR: red; 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 #D5D4AE;} 
.maintClosed {color: red;font-size: 15pt;text-align: center;} 
.CPContactUs {} 
/* ADDED -- Version 3.5 */
.findTable {background-color: #EEEEEE; BORDER: 1px solid #D5D4AE;}
.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: 1.2em;} 
/* 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;}
#chatImg {cursor:help; float:right; height:105px; width:168px;padding:0;margin:0;}
.dotR { background: url(img/misc_Dot.png) no-repeat right center; padding-right:10px; }
.dotL { background: url(img/misc_Dot.png) no-repeat left center; padding-left:10px; }