/*************************************************************************
' Function : CSS defintions for the store. 
' Product  : CandyPress Store Frontend
' Template : Fluid v1.0
' Version  : 6.0
' 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: 73%; color: #111; background:#fff;  font-family: Arial, Helvetica Neue, Helvetica, 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:#0000CC;}
blockquote {margin: 1.5em; color: #0000CC; 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 #0000CC; }
address {margin: 0 0 1.5em; font-style: italic; }
del {color:#0000CC; }
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;}

/* table
----------------------------------------------- */
table {
	width:100%;
	margin-bottom:10px;
}

th, td {
	padding:.6em 1em;
	text-align:left;
}
th {
	background:#eee;
}

tbody td {
	
	border-bottom:1px solid #eee;

}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {

	background:#eee;
}

td.leeg {display:none;}


/* --------------------------------------------------------------
   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 #0000CC;}
input.text, input.title {width: 90%; padding:5px; }
input.title {font-size:1.5em; }
textarea {width: 90%; height: 250px; padding:5px; }
input.smalltext {width: 80px; 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: #0000CC; }
.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-top:10px;}
.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; }
.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: 12px; padding: 6px 14px 6px; }


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:5em;
	text-align:left;
	padding:.3em 0 .2em 0;
	margin-bottom:0;
	
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

#langselect, #curselect {margin-top:20px;text-align:right;}

#curselect {float:right;}
/* boxes - side nav menu
----------------------------------------------- */
.box {
	background:#3399FF;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}
.box h2 {
	font-size:1.4em;
	font-weight:normal;
	color:#111;

	margin:0 -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#111;
	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}

.box select  {margin:20px 0 20px 20px;}
.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {

}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:10px;
}

ol.menu {
	list-style:none;

}
ol.menu li {
	margin:0;
}
ol.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;

}
ol.menu li a:hover {
	background:#eee;
}
ol.menu li a:active {
	background:#ccc;
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;

}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;

}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#3399FF;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#0000CC;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#3399FF;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#3399FF;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#0000CC;
	cursor:default;
}


/* site information
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#3399FF;
	margin:20px 0;


}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}


/* --------------------------------------------------------------
   Product list frontpage styles - default 3 col
-------------------------------------------------------------- */
#prod-front-wrap { }	
.prod-front {width: 29.25%; display: inline; float: left; margin-left: 10px; margin-right: 10px;  margin-bottom:25px;}
.prod-front img   {margin: 0;  border:0;padding-bottom:10px;}
.prod-front h3, .prod-front p   {padding:0 10px;}
.prod-front h3 {font-weight:bold;color:#999; font-size:1.5em;}
.prod-front .price {color:#111; font-weight:bold;padding:10px; margin:0 10px 10px 0;}
.price {color:#111; font-weight:bold; display:block;padding:10px; margin:0 10px 10px 0;}

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

/* --------------------------------------------------------------
   Product list styles - default 2 col
-------------------------------------------------------------- */
.prod-list-2col {display: inline;	float: left; margin-left: 0; margin-right: 10px; width: 48%;border-bottom:1px #ddd solid;margin-bottom:25px;}
.prod-list-2col-detail {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 75%;}
.prod-list-2col-image {display: inline; float: left; margin-right: 10px; margin-left: 0; width: 20%;}
.prod-list-2col-image img {}
.prod-list-2col-detail h3 {font-weight:bold;margin-bottom:25px;}

/* --------------------------------------------------------------
   Product list frontpage styles - default 1 col
-------------------------------------------------------------- */
.prod-front-1col {border-bottom:1px #ddd solid;margin-bottom:25px;padding-bottom:25px;}
.prod-front-1col-image {width: 29.25%; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.prod-front-1col-image img {margin-bottom:10px;}
.prod-front-1col-detail h3 {font-weight:bold;color:#999; font-size:1.5em;}
.prod-front-1col-detail {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 65%;}

/* --------------------------------------------------------------
   Product list styles - default 4 col
-------------------------------------------------------------- */
.prod-front4 {display: inline;	float: left;position: relative;	margin-left: 10px;	margin-right: 10px; width: 22%; margin-bottom:25px;}
.prod-front4 img {margin: 0;border:0;padding:10px;}
.prod-front4 h3 {font-weight:bold;color:#999; font-size:1.5em;padding:0 10px;}
.prod-front4 p {padding:0 10px;}
.prod-front4 .price {color:#111; font-weight:bold;  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 {}
.related-prod-wrap {}
.prod-recom-wrap {}

/* --------------------------------------------------------------
   Related products display
-------------------------------------------------------------- */
#related-prod {margin-top:25px;}
#related-prod h3 {font-weight:bold;color:#999; font-size:1.5em; margin-bottom:25px;}
.related-prod-detail {padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd solid;}
.related-prod-image img {}
.related-prod-info {float:right;}
#related-prod img {}

/* --------------------------------------------------------------
   Recommended products display
-------------------------------------------------------------- */
#recom-prod {margin-top:25px;}
#recom-prod h3 {font-weight:bold;color:#999; font-size:1.5em;margin-bottom:25px;}
.recom-prod-detail {padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd solid;}
.recom-prod-image {}
.recom-prod-info {}
#recom-prod img {}

/* --------------------------------------------------------------
   Product & info page styles
-------------------------------------------------------------- */
#main-page-wrap {margin-top:0px;}
.page {margin-top:0px;}
#page-wrap { }
#page-wrap-products { }
.page-title {margin-bottom: 1em; color: #0000CC;  }

/* --------------------------------------------------------------
   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: 48%;}
.col-50-r {display: inline;	float: left; margin-left: 10px;	margin-right: 0; width: 48%;}
.col-70-l {display: inline;	float: left; margin-left: 0; margin-right: 10px; width: 68%;}
.col-30-r {display: inline;	float: left; margin-left: 10px;	margin-right: 0; width: 28%;}


.frontcart {background:#3399FF;}
.frontsearch {height:20px;color:#999;}
ul.nav li.secondary form {padding-right:10px;margin-top:5px;}

ul#footer-links  {text-align:right; padding:0;}
ul#footer-links li {display:inline;  margin-left:20px;}

#langselect, #curselect {color:#999;}