/*\	+-----------------------------------------------+


		styling >> yokaboo
		version >> 12/11/2008	
		theme	>> default	
		author  >> Kostis Sakkas					
		kostis[at]yokaboo[dot]com			
		
	+-----------------------------------------------+	\*/



/* THE HTML
____________________________________________________________*/

html 	{ margin:0; padding:0;}
body 	{ margin:0; padding:0;  }
h1, h2, h3, h4, h5{ margin:0; padding:0;font-weight:bold; font-size:1em;}
p 		{ margin:0; padding:0;}
em		{ font-style:normal; font-style:italic}
img, 
img a 	{ border : none;}
hr 		{ /*good for IE*/ color: #969696; /*the rest try to fool opera and firefox */height: 1px; background-color: #969696; border: 0px solid #969696; }
form, fieldset{ margin:0;padding:0;border:0}
code	{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#c00; border:1px dotted #ccc; display:block}
pre		{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#c00; border:1px dotted #ccc; display:block; float:left; width:100%;}
.clearthis	{ clear: both; line-height: 1px; height: 0}
.highlight{background-color:#FFEE7E;}
hr.inv{display:none;}
.hidden, .hide {display:none;}
.visible, .show {display:block;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}

button, label{ cursor:pointer}

/* THE LINKS

____________________________________________________________*/
a			{font-style:normal; text-decoration:none}
a:hover 	{text-decoration:underline;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}


/* THE BUTTONS

____________________________________________________________*/

.buttons{margin:0; padding-left:110px;}
button{margin:0; padding:4px; font-weight:bold; font-size:0.9em;}


/* THE NOSCRIPT ALERT
____________________________________________________________*/

#noscript{margin:0; padding:0; width:100%; background-color:#f8e368}
#noscript p{margin:0 auto; padding:10px 0; width:780px; text-align:center; color:#333333}


/* THE WRAPPER
____________________________________________________________*/
#wrapper{margin:0 auto; padding:0; width:780px;}


/* THE POSITIONING
____________________________________________________________*/
#store	{margin:0; padding:0; float:left; }
#header	{margin:0; padding:0; float:left;}
#main 	{margin:0; padding:0; float:left;}
#sidebar{margin:0; padding:0; float:right;}
#content{margin:0; padding:0; float:right;}
#footer	{margin:0; padding:0; float:left;}


/* THE STORE
____________________________________________________________*/
#store	{width:760px; border-width:0 10px 10px; }


/* THE MAIN
____________________________________________________________*/
#main	{width:760px;}

/* THE CONTENT
____________________________________________________________*/
#content	{width:570px;}
.container	{margin:0 0 10px 0; padding:0; float:right; width:560px;}

/* THE PAGES
____________________________________________________________*/
#pages{margin:0; padding:0;width:570px; float:left;}
#pages ul {margin:0; padding:5px 10px; width:550px; list-style-type:none; float:left; border-width:2px 0 0}
#pages ul li{margin:0; padding:0 15px 0 0; float:left;}
#pages ul li a{margin:0; padding:0;  font-weight:bold;}
#page {margin:0 0 10px; padding:0 20px 0 0; float:right; width:540px;}
#page h2{margin:20px 0 10px; padding:0;line-height:1.5em}
#page p{line-height:1.5em}


/* THE BREADCRUMB
____________________________________________________________*/
#bc{margin:0 0 5px; padding:0 10px; width:550px; float:left; border-width:2px 0 0}
#in-bc{margin:0; padding:5px 0; width:550px; float:left; border-width:0 0 1px; border-style:dotted;}
#in-bc ul {margin:0; padding:0;list-style-type:none;}
#in-bc ul li{margin:0; padding:0 10px 0 0 ; float:left;}

/* THE PRODUCT
____________________________________________________________*/

.product{margin:0; padding:0 10px; float:left; width:550px; }
	
	.lcol{margin:0; padding:0; float:left; width:360px;}
	
	.lcol .gallery{margin:0; padding:5px; float:left; width:350px;}
	.lcol .gallery img{padding:0; text-align:center; float:left;}
	.lcol .gallery ul {margin:0; padding:0; float:left; list-style-type:none; width:350px}
	.lcol .gallery ul li{margin:5px 5px 0 0; padding:0; float:left; }
	.lcol .gallery ul li img{cursor:pointer; width:75px; height:75px;}
	
	.lcol .gallery #featured {position:relative; }
	.lcol .gallery #featured img{width:350px; height:350px;}
	
	.lcol .gallery #featured span.magnify{display: block; position: absolute;	top: 0px; left: 0px; width: 67px; height: 67px;background-image: url("/_img/ico/ico-magnify.png");	background-repeat: no-repeat;z-index: 1; cursor: pointer;	overflow: hidden; background-position:-67px;  }
	.lcol .gallery #featured a:hover span.magnify{ background-position:0px; }
	


	.lcol .tags{margin:0; padding:10px 0; float:left; width:360px;}
	.lcol .tags h4{margin:0; padding:0 3px 0 0; font-weight:bold; font-size:1em; float:left;}

	.rcol{margin:0; padding:0; float:right; width:180px;}
	.rcol h2{margin:0; padding:5px 0; font-weight:normal; font-size:1.6em; line-height:1.3em}
	
	.rcol .prod_price{margin:0; padding:5px 0 10px; float:left; width:180px;}
	.rcol .prod_price h4{margin:0; padding:0; float:left; width:100px;  }
	.rcol .prod_price span{margin:0; padding:0; float:right; width:80px; text-align:right; font-style:italic  }


	.rcol p{margin:0; padding:0 0 10px;}
	.rcol p.info{margin:0 0 5px; padding:0;}
	.rcol ul{margin:0; padding:0 0 10px 25px; list-style-type:square; float:left; width:155px}
	.rcol ol{margin:0; padding:0 0 10px 25px; list-style-type:decimal; float:left; width:155px}
	.rcol ul li, .prod_data ol li{margin:0; padding:0 0 4px;}
	.rcol select{margin:0; padding:0;  width:165px;}
	
	.rcol dl.option{margin:0; padding:0 0 5px; float:left;width:170px;}
	.rcol dl.option dt{margin:0; padding:0; float:left;}
	.rcol dl.option dd{margin:0; padding:0 0 0 3px; float:left;}

.list {margin:0 5px 0 0; padding:5px; float:left; width:170px; }
.list div {margin:0; padding:0; float:left; border:0; width:170px;}
.list div img{margin:0; padding:0 0 5px; border:0; width:170px; height:170px;}
.list div h2{margin:0; padding:0 0 5px; width:170px; font-weight:bold; font-size:1em;}
.list div ul{margin:0; padding:0; width:170px; list-style-type:none;}
.list div ul li{margin:0; padding:0; width:85px; float:left; }
.list div ul li.marketing{ text-align:right; font-style:italic}

.list fieldset dl dd.sel{height:20px;}
.list fieldset select{margin:0; padding:2px; width:170px; font-weight:bold; font-size:0.9em;}

	
	/* THE PRODUCT INFO
	____________________________________________________________*/
	
	.info{margin:5px 0; padding:0; float:left; width:550px;}
	
	.info ul{margin:0; padding:0;list-style-type:none }
	.info ul li{margin:0; padding:0 0 4px;}

	
	/* THE RELATED TO CATEGORY PRODUCTS
	____________________________________________________________*/
	
	#related{margin:5px 0; padding:0; float:left; width:550px; border-width:1px 0 0; border-style:dotted}
	#related h3{margin:0; padding:10px 0; font-weight:bold; font-size:1.1em}
	#related ul{margin:0; padding:15px 0; list-style:none; float:left;}
	#related ul li{ margin:0 3px 3px 0; padding:5px; float:left;}
	#related ul li img{ margin:0; padding:0; float:left;}
	



/* THE ORDER BOX
____________________________________________________________*/

#order_box{margin:0; padding:10px 0; width:165px; float:left;}
#order_box dl{margin:0; padding:0; width:165px; float:left;}
#order_box dl dt{margin:0; padding:4px 0 0; float:left;width:70px;font-weight:bold;}
#order_box dl dd{margin:0; padding:0; float:left;width:80px;}
#order_box dl dd.nostock{padding:4px 0 0; }
#order_box dl dd span#stockleft{padding:4px 0 0; }

button#order_btn{margin:10px 0 5px; float:right}
button#order_btn.disabled {}
input#order_qnt_fld{margin:0 2px 0 0; padding:2px; color:#000; font-size:0.9em; width:25px;}

#order_error{}
	


/* THE SIDEBAR
____________________________________________________________*/
#sidebar{width:188px; border-width:0 2px 0 0}
	
	.side {margin:0; padding:0; float:left; width:188px;border-width:2px 0 0}
	.side h3{margin:0; padding:5px 9px; width:170px; font-weight:bold; font-size:1em;}
	.side ul {margin:0; padding:10px 9px; width:170px; float:left; list-style-type:none;}
	.side ul li{margin:0; padding:3px 0; font-weight:bold; border-style:dotted; border-width:0 0 1px; width:170px;  float:left;}
	.side ul li a{margin:0; padding:0; font-weight:bold; width:170px; float:left;}
	.side fieldset {margin:0; padding:10px;}
	.side .more{margin:0; padding:0 9px 5px; float:left; text-align:right; width:170px;}
	
	.side.search{}
	.side.search input{width:160px;  float:right}
	.side.search button{margin:10px 0 5px; float:right}
	
	.cart-item{margin:0; padding:5px 9px 0; float:left; width:170px;}
	.cart-item dl{margin:0; padding:0; float:left; width:120px;}
	.cart-item dl dt{margin:0; padding:0; float:left; width:20px;}
	.cart-item dl dd{margin:0; padding:0; float:right; width:100px;}
	.cart-item dl dd a{margin:0; padding:0; }
	.cart-item span {margin:0; padding:0; float:right; width:48px; text-align:right;}
	
	.total{margin:0; padding:5px 9px; float:left; width:170px; }
	.total dl{margin:0; padding:5px 0; float:left; width:170px; border-width:1px 0; }
	.total dl dt{margin:0; padding:0; float:left; width:100px; font-weight:bold;}
	.total dl dd{margin:0; padding:0; float:right; width:70px; font-weight:bold; text-align:right;  }


/* THE CONTACT FORM
____________________________________________________________*/

#contactfrm {margin:0; padding:0; float:left; width:550px;}
#contactfrm fieldset{margin:10px 0; padding:20px 0; float:left; width:550px;}
#contactfrm fieldset dl{margin:0; padding:0 0 10px; float:left; width:550px;}
#contactfrm fieldset dl dt{margin:0; padding:3px 0 0; float:left; text-align:right; width:100px; line-height:1.1em}
#contactfrm fieldset dl dd{margin:0; padding:0 0 3px; float:right; width:440px;}

#contactreply{margin:20px 0; padding:10px; float:left; width:530px; border-width:1px;}
#contactreply h4{margin:0; padding:0 0 10px; font-weight:bold; font-size:1em;}
#contactreply p{margin:0; padding:0 3px 0 0; font-size:1em;}


/* THE WARNINGS/ERRORS/SUCCESSES
____________________________________________________________*/

.error{margin:5px 0; padding:5px; float:left; }
.success{margin:5px 0; padding:5px; float:left; }

#cart_error{margin:5px 0; padding:10px; float:left; width:95%;}


/* THE AJAX EFFECTS
____________________________________________________________*/


input.txt { margin:0; padding:2px; width:300px; font-size:1em; font-weight:normal;}
input.small { margin:0; padding:2px; width:50px; font-size:1em; font-weight:normal;}
input.discount { margin:0 10px 0 0; padding:2px; width:80px; font-size:1em; font-weight:normal;}
textarea.txt {margin:0; padding:2px; width:400px; height:200px; font-size:1em; font-weight:normal;}
textarea.tmp {width:700px; height:400px;  font-size:0.9em;}
.savingAjaxWithBackground {background-color : #FFFF99;}
.flash{margin:0 0 -2px; padding:2px 0; background-color : #FFFF99;}
.unflash{margin:0; padding:0; border:0; background-color : #fff;}
.loading {margin:0;padding:2px 0 2px 25px; width:250px; background:transparent url("/_img/ajax-loader.gif") no-repeat 0 0;}


/* THE CART 
	*sidebar
	*table
____________________________________________________________*/

#cart{margin:0; padding:10px; float:left; width:550px; }

table.cart-table {margin:0;padding:0;border:0;width:550px; float:left;border-collapse:collapse; font-size:1em;}
table.cart-table caption{display:none}

table.cart-table th { margin:0; padding:5px; font-weight:bold; text-align:center; font-size:1.1em}
table.cart-table th.remove {width:60px;}
table.cart-table th.l { text-align:left;}
table.cart-table th.r { text-align:right;}
table.cart-table tr { margin:0; padding:0; }
table.cart-table tr.res {margin:0; padding:0; font-weight:bold; font-size:1.1em;line-height:2em;}
table.cart-table tr td{ margin:0; padding:5px;}

table.cart-table tr.pr {border-width:0 0 1px 0; border-style:dotted;}
table.cart-table tr.pr td { margin:0;padding:5px;}
table.cart-table tr.pr td.remove { padding:0 0 0 25px}
table.cart-table tr td.img {text-align:center;}
table.cart-table tr td.img img{border-width:1px; padding:2px;}
table.cart-table tr td.c {text-align:center}
table.cart-table tr td.r {text-align:right}
table.cart-table tr.tfooter {margin:0;padding:0;font-size:0.9em; text-align:right; }

.help{margin:0;padding:0;display:block; float:left;width:560px}

	#cart ul.row{margin:0; padding:5px 0; list-style-type:none; float:left; width:550px; border-width:0 0 1px 0; border-style:dotted;}
	#cart ul.row li{margin:0; padding:0 0 0 5px; float:right;}
	#cart ul.row li.single{margin:0; padding:3px 0; float:right; width:550px; text-align:right}
	#cart ul.row li.total{ font-weight:bold; font-size:1.1em}
	
	#cart dl.row{margin:0; padding:5px 0; list-style-type:none; float:left; width:550px; border-width:0 0 1px 0; border-style:dotted;}
	#cart dl.row dt{margin:0; padding:0; float:left; width:340px; text-align:right}
	#cart dl.row dd{margin:0; padding:0; float:right; width:200px;}
	#cart dl.row dd select{margin:0; padding:0; float:right; width:200px;}
	
	#cart .shipping {margin:0; padding:0 0 10px; float:left; width:550px;border-width:0 0 1px 0; border-style:dotted;}
	#cart .shipping h3{margin:0; padding:0 0 10px; font-weight:bold; font-size:1.1em}
	#cart .shipping dl{margin:0; padding:5px 0 0; float:left; width:550px;}
	#cart .shipping dl dt{margin:0; padding:0; float:left; width:30px;}
	#cart .shipping dl dd{margin:0; padding:0; float:left; width:500px;}
	#cart .shipping dl dd label{ cursor:pointer}
	
	#cart .checkout {margin:0; padding:0 0 10px; float:left; width:550px;border-width:0 0 1px 0; border-style:dotted;}
	#cart .checkout h3{margin:0; padding:0 0 10px; font-weight:bold; font-size:1.1em}
	#cart .checkout dl{margin:0; padding:5px 0 0; float:left; width:550px;}
	#cart .checkout dl dt{margin:0; padding:0; float:left; width:30px;}
	#cart .checkout dl dd{margin:0; padding:0; float:left; width:500px;}
	#cart .checkout dl dd label{ cursor:pointer}

	

/* THE PAGING
____________________________________________________________*/

.paging{margin:0; padding:0 10px; float:left; display:block; width:550px; }
.paging ul{margin:0; padding:5px 0; list-style-type:none; float:left; width:550px; border-width:1px 0 0; border-style:dotted; }
.paging ul li{margin:0; padding:0; float:left; display:block; width:180px;}
.paging ul li.all{padding:0 5px 0 0;}
.paging ul li.next{padding:0 5px 0 0;}
.paging ul li a{margin:0; padding:0;}

/* THE FOOTER
____________________________________________________________*/
#footer	{}


/* THE WARNINGS/ERRORS/SUCCESSES
____________________________________________________________*/


.debug-sql	{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#fff; border:1px dotted #666; display:block; background-color:#CCCCCC; float:left; width:100%;}
.debug-err	{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#fff; border:1px dotted #ccc; display:block; background-color:#FF6600; float:left; width:100%;}

#debug{margin:0; padding:0; float:left; background-color:#FAF9CB; width:auto; display:none;}
#debug p{margin:0; padding:5px 10px 0; color:#666; font:normal .9em/100% 'verdana'; border-bottom:1px dotted #666}


/*	FANCYBOX CCC
	
____________________________________________________________*/


div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/themes/yokaboo/_img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}


div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 32px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

div#fancy_content {
	position: relative;
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/themes/yokaboo/_img/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	position: absolute;
	overflow: auto;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}

* html div#fancy_ajax {
	height: expression((this.parentNode.clientHeight - 30) + "px");
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/themes/yokaboo/_img/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/themes/yokaboo/_img/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_title {
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/themes/yokaboo/_img/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/themes/yokaboo/_img/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/themes/yokaboo/_img/fancybox/fancy_title_right.png') repeat-x;
}