/*************************************************************************
' Function : CSS defintions for the store. 
' Product  : CandyPress Store Frontend
' Template : Perfect Gifts v1.0
' Version  : 5.1.1.8
' Designed : 2010 CandyThemes - www.candythemes.com 
'**************************************************************************/

/* --------------------------------------------------------------
   Reset Styles - http://meyerweb.com/eric/tools/css/reset/ 
   v1.0 | 20080212 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* --------------------------------------------------------------
   Basic HTML Element Styles     
   Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) 
-------------------------------------------------------------- */
html {font-size:100.01%; }
body {font-size: 75%; color: #666; background:#eee url(../img/bg-wood.jpg) no-repeat scroll center top;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  line-height: 1.5; /* changed to 1.5 for 18px baseline grid*/  text-align:left;}

/* --------------------------------------------------------------
   Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #333; }
h1 {font-size: 4em; line-height: 1; margin-bottom: 0.5em; }
h2 {font-size: 2em; margin-bottom: 0.75em; }
h3 {font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 {font-size: 1.4em; line-height: 1.25; margin-bottom: .25em; }
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 {font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* --------------------------------------------------------------
   Text elements
-------------------------------------------------------------- */
p {margin: 0 0 1.5em; }
p img {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em; }
a {color: #333; text-decoration: none; }
a:focus, a:hover {text-decoration: none; color:#666;}
blockquote {margin: 1.5em; color: #666; font-style: italic; }
strong {font-weight: bold; }
em,dfn {font-style: italic; }
dfn {font-weight: bold; }
sup, sub {line-height: 0; }
abbr, acronym  {border-bottom: 1px dotted #666; }
address {margin: 0 0 1.5em; font-style: italic; }
del {color:#666; }
pre,code {margin: 1.5em 0; white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* --------------------------------------------------------------
  Lists
-------------------------------------------------------------- */
li ul, li ol {margin:0 1.5em; }
ul, ol {margin: 0 1.5em 1.5em 1.5em; }
ul {list-style-type: disc; }
ol {list-style-type: decimal; }
dl {margin: 0 0 1.5em 0; }
dl dt {font-weight: bold; }
dd {margin-left: 1.5em;}

/* --------------------------------------------------------------
   Tables
-------------------------------------------------------------- */
table {margin-bottom: 1.4em; width:100%; }
th {font-weight: bold; background: #eee; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
th,td {padding: 8px 10px 8px 5px; }
td.leeg {border:0px; }
td {border-bottom:1px #eee solid; }
tfoot {font-style: italic; }
caption {background: #eee; }

/* --------------------------------------------------------------
   Rules
-------------------------------------------------------------- */
hr {background:#ddd;color:#ddd;clear:both; float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */
label {font-weight: bold; }
fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend {font-weight: bold; font-size:1.2em; }
input.text, input.smalltext, input.title, textarea, select {margin:0.5em 0;  border:1px solid #bbb;}
input.text:focus, input.title:focus,textarea:focus, select:focus, input.smalltext:focus {border:1px solid #666;}
input.text, input.title {width: 400px; padding:5px; }
input.title {font-size:1.5em; }
textarea {width: 400px; height: 250px; padding:5px; }
input.smalltext {width: 40px; padding:6px; }

/* --------------------------------------------------------------
   Success, notice and error boxes
-------------------------------------------------------------- */
.error, .notice, .success {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; text-align:center;}
.error {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success {background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a {color: #8a1f11; }
.notice a {color: #514721; }
.success a {color: #264409; }

/* --------------------------------------------------------------
   Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.spacing {padding:25px;}
.spacing p {line-height:25px;}
.fl-right {float:right; margin-right:0px;}

/* --------------------------------------------------------------
   Some custom styles 
----------------------------------------------------------------*/
#google-maps {padding:40px 0;}
#buy-form {margin-left:10px; display:inline;}
.CPcatDescList {margin: 25px 0 0 25px;}

/* --------------------------------------------------------------
   Awesome button styles
-------------------------------------------------------------- */
.awesome {border:0 none; margin:0; text-align:left; }
.awesome, .awesome:visited {background: #222 url(../img/alert-overlay.png) repeat-x; display: inline-block; 	padding: 5px 10px 6px; color: #fff; text-decoration: none;	-moz-border-radius: 5px; -webkit-border-radius: 5px;	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);	border-bottom: 1px solid rgba(0,0,0,0.25);	position: relative;	cursor: pointer;}
.awesome:hover	{background-color: #111; color: #fff; }
.awesome:active	{top: 1px; }
.small.awesome, .small.awesome:visited {font-size: 11px; padding: ; }
.awesome, .awesome:visited,.medium.awesome, .medium.awesome:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited {font-size: 14px; padding: 8px 14px 9px; }

/* --------------------------------------------------------------
   Top wrapper styles
-------------------------------------------------------------- */
#top-wrap {background:#333; border-bottom:1px solid #fff; line-height:3.5em; vertical-align:middle; }
#top-wrap a {color:#ccc; }
#top-wrap a:hover {color:#fff; text-decoration:none; }

/* --------------------------------------------------------------
   Top menu styles
-------------------------------------------------------------- */
#top-menu {margin-left: auto; 	margin-right: auto; width: 960px;}

/* --------------------------------------------------------------
   Main navigation styles
-------------------------------------------------------------- */
#main-navig {float:left; margin:0 0 0 15px; padding:0; }
#main-navig li {display:inline; margin-right:25px; padding:0; }

/* --------------------------------------------------------------
   Display cart
-------------------------------------------------------------- */
#cart-front {float:right; margin:0 15px 0 0; padding:0; }
#cart-front li {display:inline; margin-left:25px; padding:0; }
#cart-front a:hover{color:#fff ;}

/* --------------------------------------------------------------
   Header styles
-------------------------------------------------------------- */
#header-wrap {margin-left: auto; margin-right: auto; width: 960px;}
#logo img {float:left; display: inline; padding:0; margin-left: 15px;}
#header-wrap h1 {float:left; display: inline; padding:0; margin: 25px 0 20px 15px;}

/* --------------------------------------------------------------
   Category drop-down list
-------------------------------------------------------------- */
.category-drop {position:relative;width:280px;margin:35px 10px 0 0;z-index:100;float:right;}
.category-drop p {width:280x;height:30px;background:url(../img/category-drop.gif) 0 0 no-repeat;text-indent:-9999px;margin:0;}
.category-drop ul {line-height:25px;width:278px;background:#fff;border:1px solid #ccc;border-width:0 1px 1px 1px;position:absolute;left:0;top:30px;margin:0;padding:0;list-style:none;}
.category-drop ul a:link, .category-drop ul a:visited {display:block;width:258px;padding:2px 10px 2px 10px;text-decoration:none;color:#666;font-weight:normal;}
.category-drop ul a:hover, .category-drop ul a:active {background:#666;color:#fff;}
.category-drop {height:30px;overflow:hidden;}
.category-drop:hover {overflow:visible;}
.category-drop {display:none;}
html>body .category-drop {display:block;}

/* --------------------------------------------------------------
   Special Products display
-------------------------------------------------------------- */
#special-prod-wrap {margin-left: auto; margin-right: auto; 	width: 960px;margin-bottom: 35px;}
.special-prod {text-align:left; display: inline; float: left; margin-left: 10px; margin-right: 10px;-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
.special-prod h2 {color:#333;margin-top:15px; padding:25px 0 0 25px;}
.special-prod p {padding-left:25px; font-size:16px;}
.special-prod .special-price {background:#333; color:#fff; font-weight:bold; padding:10px; 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; float:right;padding:10px;}

/* --------------------------------------------------------------
   Scroller styles
-------------------------------------------------------------- */
div#slideShowItems{height:340px; overflow:hidden; position:relative; }	
div#slideShowItems div{width:920px; }
div#slideShowItems img {margin:10px 10px 10px 50px;	float:right; }
ul#slideShowCount{margin:0px; padding:0px; width:940px; }
ul#slideShowCount li.slide{line-height:14px; float:right; cursor:pointer; width:26px; height:18px; display:block;
		background: transparent url(../img/tabs.gif) no-repeat scroll left top;
	}
ul#slideShowCount li.slide span{padding-left:10px; color:#999; font-size:12px;	font-weight:bold; }
ul#slideShowCount li.slide a{color:#fff; }
ul#slideShowCount li.slide:hover{background-position:left -18px; }
ul#slideShowCount li.slide.selectedTab{background-position:left -18px;	}
div#slideShow{background:#fff;	width:920px; border:10px #e9e9e9 solid; }
	
/* --------------------------------------------------------------
   Product list frontpage styles - default 3 col
-------------------------------------------------------------- */
#prod-front-wrap {margin-left: auto; margin-right: auto; width: 960px; }	
.prod-front {width: 300px; display: inline; float: left; margin-left: 10px; margin-right: 10px; background:#e9e9e9; margin-bottom:25px;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
.prod-front img   {margin: 0;  border:0;padding:10px;}
.prod-front h3, .prod-front p   {padding:0 10px;}
.prod-front h3 {font-weight:bold;}
.prod-front .price {background:#ddd; color:#333; font-weight:bold; 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; float:right;padding:10px; margin:0 10px 10px 0;}
.price {background:#ddd; color:#333; font-weight:bold; 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; float:right;padding:10px; margin:0 10px 10px 0;}

/* --------------------------------------------------------------
   Product list frontpage styles - default 2 col
-------------------------------------------------------------- */
.prod-front-2col {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px;border-bottom:1px #ddd solid;margin-bottom:25px;}
.prod-front-2col-detail {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 300px;}
.prod-front-2col-image {display: inline; float: left; margin-right: 10px; margin-left: 0; width: 140px;}
.prod-front-2col-image img {border:5px #ddd solid;}
.prod-front-2col-detail h3 {font-weight:bold;margin-bottom:25px;}

/* --------------------------------------------------------------
   Product list frontpage styles - default 1 col
-------------------------------------------------------------- */
.prod-front-1col {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 960px;border-bottom:1px #ddd solid;margin-bottom:25px;}
.prod-front-1col-image {width: 300px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.prod-front-1col-image img {border:10px #ddd solid; margin-bottom:10px;-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
.prod-front-1col-detail {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 620px;}

/* --------------------------------------------------------------
   Product list frontpage styles - default 4 col
-------------------------------------------------------------- */
.prod-front4 {display: inline;	float: left;position: relative;	margin-left: 10px;	margin-right: 10px; width: 220px;background:#e9e9e9; margin-bottom:25px;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
.prod-front4 img   {margin: 0;  border:0;padding:10px;width:200px;}
.prod-front4 h3, .prod-front4 p   {padding:0 10px;}
.prod-front4 .price {background:#ddd; color:#333; font-weight:bold; 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; float:right;padding:10px; margin:0 5px 10px 0;}

/* --------------------------------------------------------------
   Product extra styles
-------------------------------------------------------------- */
#showAdd {margin-top:-20px;}
#product-detail  {margin-bottom:25px;}

/* --------------------------------------------------------------
   Extra Product info on detail page - Related & Recommended
-------------------------------------------------------------- */
#extra-products-info {margin-left: auto; margin-right: auto; width: 960px;}
.related-prod-wrap {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px;}
.prod-recom-wrap {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px;}

/* --------------------------------------------------------------
   Related products display
-------------------------------------------------------------- */
#related-prod {margin-top:25px;}
#related-prod h3 {font-weight:bold; margin-bottom:25px;}
.related-prod-detail {padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd solid;}
.related-prod-image {display: inline; float: left; margin-right: 10px; margin-left: 0; width: 140px;}
.related-prod-info {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 300px;}
#related-prod img {border:5px #ddd solid;}

/* --------------------------------------------------------------
   Recommended products display
-------------------------------------------------------------- */
#recom-prod {margin-top:25px;}
#recom-prod h3 {font-weight:bold;margin-bottom:25px;}
.recom-prod-detail {padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd solid;}
.recom-prod-image {display: inline; float: left; margin-right: 10px; margin-left: 0; width: 140px;}
.recom-prod-info {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 300px;}
#recom-prod img {border:5px #ddd solid;}

/* --------------------------------------------------------------
   Product & info page styles
-------------------------------------------------------------- */
#main-page-wrap {margin-left: auto; margin-right: auto; width: 960px;}
.page {display: inline;	float: left; margin-left: 10px; margin-right: 10px; width:940px;}
#page-wrap {border:1px #e9e9e9 solid; background:#fff; min-height:400px; }
#page-wrap-products {border:1px #e9e9e9 solid; background:#fff; }
.page-title {padding: .8em; margin-bottom: 1em; border: 1px solid #ccc;background: #eee; color: #666;  }

/* --------------------------------------------------------------
   Product list - classic & extended view
-------------------------------------------------------------- */
.prod-classic   {display: inline;float: left;	margin:20px 10px;width: 940px;border-bottom:1px #ddd solid;}
.prod-classic-image   {display: inline;float: left;	margin-left: 0;	margin-right: 10px;width: 300px;}
.prod-classic-details  {display: inline;float: left;	margin-left: 10px;	margin-right: 0;width: 620px;}

.prodlist-buttons {display: inline;float: left;	margin: 0 10px 10px 10px;width: 620px;}
.but-view   {display: inline;float: left;	margin-left: 0;	margin-right: 10px;width: 50px;}
.but-buy  {display: inline;float: left;	margin-left: 10px; margin-right: 10px;width: 50px;}
.but-price  {display: inline;float: left;	margin-left: 10px;	margin-right: 0;width: 470px;}

.col-50-l {display: inline;	float: left; margin-left: 0; margin-right: 10px; width: 460px;}
.col-50-r {display: inline;	float: left; margin-left: 10px;	margin-right: 0; width: 460px;}
.col-70-l {display: inline;	float: left; margin-left: 0; margin-right: 10px; width: 700px;}
.col-30-r {display: inline;	float: left; margin-left: 10px;	margin-right: 0; width: 220px;}

/* --------------------------------------------------------------
   Bottom wrapper
-------------------------------------------------------------- */
#bottom-wrap {background:#e9e9e9; line-height:1.9em; vertical-align:middle; border-top: 1px solid #fff; padding: 50px 0; margin-top:25px;}
.bottom-cols {margin-left: auto; margin-right: auto; width: 960px;}
.bottom-cols a {color:#333;}
.bottom-cols ul, .bottom-cols ol {margin-left:15px;}
.bottom-cols li a:hover {color:#111;text-decoration:underline;}
.bottom-cols h4  {font-weight:bold; }
.col-a {width:220px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.col-b, .col-c {width:160px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.col-d {width:340px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}

/* --------------------------------------------------------------
   Footer wrapper
-------------------------------------------------------------- */
#footer-wrap {background:#333; color:#ccc;  border-top: 1px solid #fff; padding: 25px 0;}
.footer {margin-left: auto; margin-right: auto;	width: 960px; height:3em;  vertical-align:middle;}
.footer a {color:#ccc;}
.footer a:hover {color:#fff;}
.footer p {float:left; margin:10px; padding:0; width: 550px;}
ul#footer-links  {float:right; margin:10px; padding:0;}
ul#footer-links li {display:inline;  margin-left:25px;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background: none;border: 0;clear: both;display: block;float: none;	font-size: 0;list-style: none;margin: 0;padding: 0;	overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* ---------------------------------------------------------------------------
	Legacy styles
------------------------------------------------------------------------------*/
/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}

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

/* Product List Price - Text Label */
.CPprodLPriceT {COLOR: #800000}

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

/* Stock Level */
.CPstockLevel {font-style: italic}

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