/*************************************************************************
' Function : CSS style and layout defintions for the store. 
' Product  : CandyThemes a CandyPress template & Add-on webstore
' Version  : 1.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%; background: #e7e9eb url(../img/bg-header.jpg) center top no-repeat;}
body {font-size: 12px;   font-family: Arial, Verdana, sans-serif;  color: #434343; text-shadow: 1px 1px 1px #fff; min-height: 25px; line-height: 21px; text-align:left;}

a { text-decoration: none; color: #262626; text-shadow: 1px 1px 1px #fff; }
a:hover {color:#ff0000; text-decoration: underline; }

/* --------------------------------------------------------------
   Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #262626; letter-spacing: -1px; line-height: 1em; font-weight: normal; font-family: Georgia, serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #262626 !important; font-weight: normal !important; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 14px; }

/* --------------------------------------------------------------
   Text elements
-------------------------------------------------------------- */

p { padding-bottom: 10px; line-height: 24px; }
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; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }


/* --------------------------------------------------------------
   Tables
-------------------------------------------------------------- */
table {margin-bottom: 1.4em; width:100%;}
th {font-weight: bold; color:#fff; background: #ff0000 url(../img/alert-overlay.png) repeat-x; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
th,td {padding: 8px 10px 8px 5px;  vertical-align: middle;}
td.leeg {border:0px; }
td {border-bottom:1px #eee solid; }
tfoot {font-style: italic; }
caption {background: #eee; }

/* --------------------------------------------------------------
   Rules
-------------------------------------------------------------- */
hr { background: url(../img/separator_bg.png) bottom left repeat-x; clear:both; float:none;width:100%;height:2px;border:none;margin:25px 0;}
hr.space {background:#e7e9eb;margin:15px 0 5px 0;color:#e7e9eb;}

/* -------------------------------------------------------------- 
   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; color:#434343; border:1px solid #c7ced1;}
input.text:focus, input.title:focus,textarea:focus, select:focus, input.smalltext:focus {border:1px solid #666;}
input.text, input.title {width: 400px; padding:8px; }
input.title {font-size:1.5em; }
textarea {width: 95%; height: 250px; padding:8px;font-size:13px;  color:#434343; font-family: Arial, Verdana, sans-serif;  }
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:5px;}
.spacing-prod-detail {padding-top:10px;}
.spacing p {line-height:25px;}
.fl-right {float:right; margin-right:0px;}
.fl-left {float:left; margin-right:20px;}
.clear { clear: both; }
br.clear { margin: 0px; padding: 0px; }
.ui-tabs-hide { display: none; }

/* --------------------------------------------------------------
   Awesome button styles
-------------------------------------------------------------- */
.awesome {border:0 none; margin:0; text-align:left; }
.awesome, .awesome:visited {background: #ff0000 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: #333; color: #fff; text-decoration:none; }
.awesome:active	{top: 1px; }
.small.awesome, .small.awesome:visited {font-size: 11px; }
.awesome, .awesome:visited,.medium.awesome, .medium.awesome:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0px 1px 1px #000; }
.large.awesome, .large.awesome:visited {font-size: 14px; padding: 8px 14px 9px; }


/* --------------------------------------------------------------
   Clear Floating 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;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* --------------------------------------------------------------
   Some custom styles 
----------------------------------------------------------------*/
#buy-form {margin-left:10px; }
.CPcatDescList {margin: 25px 0 0 25px;}
.option-price  { }

.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


/* --------------------------------------------------------------
   Header styles
-------------------------------------------------------------- */
#page-wrap { text-align: left; width: 960px; margin: 0 auto; position: relative; }
#header  { padding-top: 5px; }
img#logo { float: left; margin:20px 15px 0px 0px; }
#header #show-cart { float: right; width:300px; background: url(../img/cart-top.png) no-repeat; height: 40px; margin-top:30px; }
#cart-front li {display:inline; margin-left:25px; padding:0; }
#cart-front li a {color: #7d8990; text-shadow: 1px 1px 1px #f6f7f8;line-height:40px;}
#cart-front li a:hover {color:#ff0000; text-decoration:none;}

/* --------------------------------------------------------------
   Page & Category Menu Navigation 
----------------------------------------------------------------*/
ul.nav  { background: #f3f4f5 url(../img/white_line.jpg) repeat-x; border: 1px solid #c7ced1;  margin-top: 25px; font-family: Arial, Verdana, sans-serif; font-size: 14px; margin-bottom: 46px; padding-top:1px; }
ul.nav li { border-left: 1px solid #ffffff; border-right: 1px solid #c7ced1; }
ul.nav > li > a:hover, ul.nav > li.current_page_item  > a, ul.nav > li.current-cat > a { background: #e8ebec; }
ul.nav li a { color:#434343; padding:14px 12px 13px; }	
ul.nav li a:hover {text-decoration: none;}
ul.nav > li:last-child { border-right: none; background: url(../img/grey_white_line.jpg) repeat-y top right; padding-right: 2px;  }
ul.nav ul { border-left: 1px solid #ffffff; border-right: 1px solid #c7ced1; border-bottom: 1px solid #c7ced1; }
ul.nav > ul { background: url(../img/first_element.jpg) 0px 0px no-repeat; }
ul.nav ul li a { background: #e8ebec url(../img/second_line.jpg) repeat-x bottom left; }
ul.nav ul li a:hover { background-color: #d6dadd; }
ul.nav li:hover a { background-color: #e8ebec; }
/*ul.nav ul > li:last-child a { background-image: none; }*/
					
ul.nav ul { top: 49px !important; left: -1px !important; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); border-top: 1px solid #ffffff; }
ul.nav ul ul { left: 223px !important; top: -2px !important; border-top: none; }
ul.nav li li { border-left: none; }				
ul.nav li li a { width: 200px; padding: 13px 4px 13px 18px; }
ul.nav ul ul { background: #e8ebec url(../img/second_line.jpg) repeat-x; padding-top: 2px; }
ul.nav ul li.last > a { background-image: none; } 

/* --------------------------------------------------------------
   Drop-down menu styles
----------------------------------------------------------------*/

.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:223px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li { display: block;	padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 222px; display: none; }
.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/* --------------------------------------------------------------
   Featured Products Slider
----------------------------------------------------------------*/
div#featured { position: relative; background: url(../img/featured_bg.jpg) no-repeat scroll center bottom transparent; padding-bottom:35px; padding-left: 15px; }
#featured_content, .slide { width: 920px !important; }
a#left_arrow { background: url(../img/left_arrow.png) 0px 0px no-repeat; left: 0px; }
a#right_arrow { background: url(../img/right_arrow.png) 0px 0px no-repeat; right: 0px; }
a#left_arrow, a#right_arrow { display:block; height:23px; position: absolute; text-indent:-9999px; top:88px; width:13px; }
div.slide img.thumb {float: left; margin-left: 30px; text-indent:-9999px;}
div.slide div.description {float: right; width: 420px; margin-right: 25px; }
div.description h2 a:hover { text-decoration: none; }

div.description a {color:#000; }
div.description a:hover { color:#ff0000; text-decoration: none; }
div.description p.tagline { font-family: Georgia, serif; font-style: italic; color: #a0a7ac; }
div.description { color: #262626; }
a.readmore { color: #ffffff !important; font-weight: normal !important; background: url(../img/featured-readmore-right.png) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 32px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; margin-right: 0px; }

a.readmore span { display: block; height: 34px; background: url(../img/featured-readmore-left.png) no-repeat; padding: 0px 11px 0px 20px; } 
div#controllers { clear:both; bottom:-5px; left:0; padding-left:440px; position:absolute; }	
div#controllers a { float: left; text-indent:-9999px; background: url(../img/controller1.png) no-repeat; display: block; height: 14px; width: 15px; margin-right:4px; }	
div#controllers a.activeSlide {background: url(../img/controller2.png) no-repeat;}
div#controllers { z-index: 100; }
 

 /* --------------------------------------------------------------
   Main content styles 
----------------------------------------------------------------*/

#content { background: url(../img/content_line.png) repeat-y 641px 0px; padding-bottom: 25px; }
		#content.nudge { margin-top:-46px; }
	#content.pagefull_width, .pagefull_width #content-area { background: none; width: 100%; }
		#content-area { float: left; width: 641px;}
			div.entry { padding: 30px 41px 30px 20px; background: url(../img/separator_bg.png) bottom left repeat-x; width: 580px; }
			#content.pagefull_width div.entry { width: 900px; }
				div.entry a, div#comment-section a { color: #000000; font-weight: bold; }
			div.entry.homepage { padding-bottom: 0px; background: none; }	
				div.entry h2.title, div.entry h1.title { padding-bottom: 22px; }
				div.entry img.thumbnail-post { border: 8px solid #ffffff; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); margin-right: 23px; margin-bottom: 17px; margin-top: 7px;}
					
		#breadcrumbs { margin-top: -32px; padding: 0px 0px 15px 25px; background: url(../img/separator_bg.png) bottom left repeat-x; }
		#breadcrumbs, #breadcrumbs a { color: #a0a7ac; font-style: italic; font-family: Georgia, serif; } 
		h2.title a:hover { color: #000000 !important; text-decoration: none; }
		h3.title { font-size: 24px; }
		p.post-meta { margin-top: -12px; padding: 0px 0px 10px 4px; line-height: 22px; }
		p.post-meta, p.post-meta a { color: #a0a7ac; font-family: Georgia, serif; font-style: italic; font-weight: normal; }
			p.post-meta a:hover, #breadcrumbs a:hover { color: #ff0000; text-decoration: none; }
		
		.entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
		.entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
			.entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; }
			.entry ol li ul, .entry ol li ol  { margin: 2px 0px 2px 35px; }
				
			 img.image-post { border: 8px solid #ffffff; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); margin-right: 23px; margin-bottom: 17px; margin-top: 7px;}	


			
/* --------------------------------------------------------------
   Comment styles 
----------------------------------------------------------------*/

#comment-section { padding:10px 41px 20px 20px; }
	h3#comments { font-size: 30px; }

span.bottom_bg { background:url("../img/comment-bottom.png") no-repeat scroll bottom right; display: block; height: 2px; width: 100%; margin-top: -21px; } 
	div.authordata { width: 100px; }
		img.avatar { float: right; border: 5px solid #ffffff; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 3px 6px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2); }
		div.comment-author { text-align: right; margin-top: 13px; padding-bottom:5px; }
			div.comment-author span.fn a, div.comment-author span.fn { color: #262626 !important; font-size: 14px; font-weight: normal !important; font-family: Georgia, serif;  }
		.comment-meta { margin-top: 3px; }	
			.comment-meta a { color: #434343 !important; font-size: 11px; font-weight: normal !important; }
		
	.comment-wrap { float:left; margin-left:32px; }
		.reply-container { float: right; }
			.reply-container a { padding-left: 15px; }
			.reply-container a:hover { text-decoration: none; }
			
	
	ul.children .comment .bottom_bg { background: none; }

	li.depth-1 .comment-wrap { width: 428px; }
	li.depth-2 .comment-wrap { width: 310px; }
	li.depth-3 .comment-wrap { width: 193px; }
	li.depth-4 .comment-wrap { width: 78px; }
		
	ol.commentlist { padding-top: 10px; }
	.commentlist li.comment { margin: 20px 0px; background: url(../img/content_line.png) repeat-y 117px 0px; }
		.commentlist li.comment ul { margin: 8px 0px 8px 117px; }
		
	#respond { padding: 30px 0; background: url(../img/separator_bg.png) bottom left repeat-x;}
		#commentform textarea#comment { width: 99%; }
		#commentform input[type=text] { width: 40%; }
		
	li.comment #respond { padding-left:28px; padding-top:20px; background: #E7E9EB; }
		li.comment #respond textarea { width: 99% !important; }
		li.comment #respond input[type=text] { width: 50% !important; }
	
	.depth-1 li.comment #respond { padding-left:10px; }
	
	span.bottom_bg { width: 580px; }

	.comment-content {padding-bottom:40px;}
	
/* --------------------------------------------------------------
   Sidebar styles 
----------------------------------------------------------------*/
div#sidebar { float: right; width: 317px; }
div.sidebar-block { background: url(../img/separator_bg.png) repeat-x bottom left; padding:28px 5px 20px 30px;  }
#tabbed { position: relative; padding: 0px; }
ul#tabbed-area { background: url(../img/tabbed-area-bg.png) no-repeat; }
ul#tabbed-area li.ui-state-active { background: url(../img/active-tab-arrow.png) no-repeat bottom center; padding-bottom: 11px; }
ul#tabbed-area li.ui-state-active a { background: #e8ebec; }
ul#tabbed-area li { text-align: center; float: left; margin-right: 2px; }
ul#tabbed-area li a { color: #404040; display: block; padding: 13px 3px 10px; }
ul#tabbed-area li a:hover {text-decoration: none; background-color: #e8ebec; }
ul#tabbed-area li.first a {width: 91px;} 
ul#tabbed-area li.second a {width: 112px;}
ul#tabbed-area li.last { margin-right: 0px; }
ul#tabbed-area li.last a { width: 90px; }
ul#tabbed-area li.ui-state-active a:hover { background-color: #e8ebec; }
div#recent-tabbed.widget {padding-top: 25px;}	
div.sidebar-block .widget ul ul { margin-left: 9px;}
.widget ul { margin-bottom: 5px; }
.widget ul ul { margin-bottom: 0px; }
.widget ul li { background: url(../img/bullet.png) no-repeat 0 10px; padding:5px 0 8px 18px; color: #262626;}
.widget ul li a:hover {text-decoration:none; color:#ff0000;}
.widget ul li ul { margin:0 0 -12px; padding:5px 0 0 7px;}	
div#recent-tabbed, div#popular-tabbed, div#random-tabbed {padding-top: 25px; padding-left: 35px; padding-bottom: 25px; }
div.widget h3.widgettitle { padding-bottom: 20px;  }
						
						
			
/* --------------------------------------------------------------
   Caption styles 
----------------------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }




a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.js #feat-content, .js div#from-blog div.entries {display: none;} 

.foursixeight { margin: 15px 0px 15px 84px;}

.fullwidth { width: 100% !important; } 


	
/* --------------------------------------------------------------
   Product list frontpage styles - default 3 col
-------------------------------------------------------------- */
#prod-front-wrap {margin-left: auto; margin-right: auto; width: 960px;margin-top:20px;}	
#prod-list-wrap {margin-left: auto; margin-right: auto; width: 960px;margin-top:0;}	
.prod-front {text-align:center; width: 280px; display: inline; float: left; margin-left: 10px; margin-right: 10px; 
	padding:9px;   margin-bottom:25px;}
.prod-front img   {margin:0 0 15px 0; border: 8px solid #ffffff; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);}
.prod-front a {color: #a0a7ac;}
.prod-front a:hover {color:#ff0000; text-decoration:none;}
.prod-front h3, .prod-front p   {padding:0 10px;}
.prod-front h3 {}
.prod-front h3 a {color:#5e5e5e;}
.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;}
.prod-front p {color:#5e5e5e; margin-bottom:5px;}

/* --------------------------------------------------------------
   Blog front styles
-------------------------------------------------------------- */
#blog-wrap {margin-left: auto; margin-right: auto; width: 960px;}	

/* --------------------------------------------------------------
   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 #2a1a17 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:25px 0;}

.col-50-r img   {width:470px;border: 8px solid #ffffff; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);}

/* --------------------------------------------------------------
   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;margin-top:20px;}
.page {display: inline;	float: left; margin-left: 10px; margin-right: 10px; width:940px; margin-bottom: 35px;}
#page-wrap {min-height:400px;}
#page-wrap-products .spacing {background: url(../img/separator_bg.png) bottom left repeat-x;padding-bottom:20px;}
.page-title {padding: .8em; margin-bottom: 1em;  color: #000;  border: 1px solid #ddd;background: #eeeef0; }
.page h2 {color:#5e5e5e; text-shadow:0 1px 1px #fff;margin-bottom:15px; }
.col-520-r h4 {font-size: 1.9em; margin-bottom:15px;color:#000;}

/* --------------------------------------------------------------
   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: 450px;}
.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;}

.col-520-r {display: inline; float: left; margin-left: 10px; margin-right: 0; width: 520px;}
.col-400-l {display: inline; float: left; margin-left: 0; margin-right: 10px; width: 380px;}
/* --------------------------------------------------------------
   Bottom wrapper
-------------------------------------------------------------- */
#bottom-wrap {background: #f3f4f5  url(../img/white_line.jpg) repeat-x; line-height:1.9em; vertical-align:middle; border-top:1px solid #c7ced1; padding: 25px 0; margin-top:25px;}
.bottom-cols {margin-left: auto; margin-right: auto; width: 960px;}
.bottom-cols a {color: #a0a7ac; font-weight: normal;}
.bottom-cols a:hover {color:#ff0000; text-decoration:none;}
.bottom-cols ul, .bottom-cols ol {margin-left:15px;}
.bottom-cols li a:hover {color:#111;text-decoration:underline;}
.bottom-cols h3  {font-weight:bold; }
.col {width:300px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.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;}
.col {width:300px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.col p {margin-top:10px;}
.showlicense {width:425px; display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.showprice {width:190px; display: inline; float: left; margin-left: 10px; margin-right: 0;}
/* --------------------------------------------------------------
   Footer wrapper
-------------------------------------------------------------- */
#footer-wrap { background: url(../img/white_line.jpg) repeat-x; border-top: 1px solid #c7ced1; padding: 25px 0;}
.footer {margin-left: auto; margin-right: auto;	width: 960px; height:3em;  vertical-align:middle;}
.footer a {color:#999;}
.footer a:hover {color:#ff0000;text-decoration:none;}
.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:8px;}

/* --------------------------------------------------------------
   Information block
----------------------------------------------------------------*/

.col .framework {padding:8px 0px 8px 35px;	background:url(../img/icon-framework.png) no-repeat left;}
.col .support {padding:8px 0px 8px 35px; background:url(../img/icon-support.png) no-repeat left;}
.col .exclusief {padding:8px 0px 8px 35px; background:url(../img/icon-buy.png) no-repeat left;}
.col .updates {padding:8px 0px 8px 35px; background:url(../img/icon-updates.png) no-repeat left;}
.col .edit {padding:8px 0px 8px 35px; background:url(../img/icon-edit.png) no-repeat left;}
.col .custom {padding:8px 0px 8px 35px; background:url(../img/icon-custom.png) no-repeat left;}

#contact-info {margin-top:25px; font-size:15px;}

.option-price {font-size:1.5em;}


/* --------------------------------------------------------------
   Blog styles 
----------------------------------------------------------------*/
#blog {color: #434343; text-shadow: 1px 1px 1px #fff;}

#blog h2 {font-size:1.8em;}
#blog h2 a { }
#blog h2 a:hover { text-decoration:none; }



#bannerlinks {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:40px 0 0 25px;
}

#bannerlinks {
text-align:center;
}

#bannerlinks li {
display:inline;
float:left;
margin:0 8px 8px 8px;
}

#bannerlinks li  a:link {
text-decoration:none;
}

#bannerlinks li  a:hover {
text-decoration:none;
}
	
code {display:block; background: #fff; color: #111; border-color: #eee; padding:20px 10px 20px 10px;margin:20px 0 20px 0;}

.google-ad-blog-front {
display:block;
background:#e7e9eb;
margin:50px 0 25px 20px;
}