/* CSS Document */

body {
	background-color: #403426;
	margin-left: 0px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img{border:none;}
.imagebox{ padding:3px; border:#CCC 1px solid; }

a {color:#0099FF; text-decoration:none;}
a:hover{ text-decoration:underline;}

div#content{
margin:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#FF9933;
	margin:12px 0 0px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}  

h2{
   font-size:14px;
   font-weight:bold;
   color:#FF9900;
   padding:10px 0 5px 0;
}  
h3{
   font-size:10px;
   font-weight:bold;
   color:#FF9900;
   padding:10px 0 5px 0;
}  

.menu_left_cell{ background-color:#B0C436; padding:12px 15px; text-align:left;font-size:16px; font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.menu_left_cell a:link{color:#FFFFFF;text-decoration:none;}
.menu_left_cell a:visited{color:#FFFFFF;text-decoration:none;}
.menu_left_cell a:hover{color:#FFFFFF;text-decoration:underline; color:#FFFF00;}

.menu_left_cell_basket{ background-color:#FF9933; padding:12px 15px; text-align:left;font-size:16px; font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.menu_left_cell_basket a:link{color:#FFFFFF;text-decoration:none;}
.menu_left_cell_basket a:visited{color:#FFFFFF;text-decoration:none;}
.menu_left_cell_basket a:hover{color:#FFFFFF;text-decoration:underline; color:#FFFF00;}


div#menu_left{}
div#menu_left ul{list-style-type:none; margin:0; padding:0 0 0 23px;}
div#menu_left li{ background-color:#FF9900; width:209px; height:47px; margin:0; padding: 15px 0 0 0; }

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 13px;
}
.signature {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #CC3300;
	margin-top:4px;
}
.textfield {
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid #B0C436;
}
.productimage {
	padding: 5px;
	border: 1px solid #6D543E;
}
.menu1{
	color:#00CC33;
	line-height: 13px;
	text-decoration:none;
	font-weight: bold;
}
.menu1 a{
	font-weight:bold;
	text-decoration:none;
	color: #00CC33;
}
.menu1 a:link{
	color:#00CC33;
	text-decoration:none;

}
.menu1 a:visited{
	color:#00CC33;
	text-decoration:none;

}
.menu1 a:hover{
	color:#0066FF;
	text-decoration:none;	
}
.menu1 a:active{
	color:#006633;
	text-decoration:none;

}.marcin {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FF6633;
}
.blueberry{
	color:#999999;
	line-height: 11px;
	text-decoration:none;
	font-weight: bold;
}
.blueberry a{
	color:#666666;
	font-size:10px;
	text-decoration:none;
}



/* SHOP: */

div#sub{float:left;}
div#sub a{border:#0033CC 1px solid; padding:2px 4px; margin:3px; color:#ffffff; background-color:#0099FF; font-size:14px;}

.products{clear:both;}
.products ul{list-style-type:none; padding:0; margin:0;}
.products li{ float:left; margin:15px 10px; padding:7px; height:390px; border:#CCCCCC 1px solid; width:200px; text-align:center;}
.products img{border:none;}
.plaintext{font-weight:normal;}
.desc{text-align:left; font-size:12px; color:#333333; margin: 10px 0px 5px 0px; height:90px;}
.pricebox{ text-align:left; color:#009933; font-weight:bold;}
.details{ margin: 5px 0 0 0 ;}
.product_image_cell{padding:16px 17px 0 0px;}
.price{ height:35px; color:#009933; font-weight:bold; }

.samples ul{list-style-type:none; float:left; background-color:#000000; width:550px; padding:25px 0 0 10px;}
.samples li{float:left; width:125px; background-color:#0000; padding:10px 10px 5px 0;}

div#login{}
div#login ul{ list-style-type:none;}
.button{background-color:#009933; color:#FFFFFF; border:none; font-weight:bold; margin-top:10px; font-size:12px; padding:8px 10px; border: 1px solid #CCCCCC;}
.buttonbold{background-color:#FF3333; color:#FFFFFF; border:none; font-weight:bold; margin-top:10px; font-size:12px; padding:8px 10px; border: 1px solid #CCCCCC;}

.cartcellbold{background-color:#009933; padding:5px; color:#FFFFFF; height:22px;}
.cartcell{background-color:#B0C436; padding:5px; height:22px;}

.prod_images{margin:0; padding:0; list-style:none;}
.prod_images li{padding:5px 0 1px 0; text-align:center;}
.prod_images li a{ font-size:11px; text-decoration:none; color:#666666;}
.prod_images img{border: #CCCCCC 1px solid; padding:3px;}
.imagetitle{padding:0 0 0 0;}

div#tresc{margin:10px;}
div#quantity{margin: 10px 0 5px 0; border:#666666 1px solid; padding:8px; width:100px;}


div#cart{padding:16px 0 0 0;}



.showing{margin-top:8px; clear:both; padding:17px 0 0 10px;}

div#checkout{ margin: 0 0 0 50px;}
#checkout td{border:#dddddd 1px solid; padding:5px;}
.checkoutbold{font-weight:bold; background-color:#dddddd; border:#666666 solid 1px;}
.checkoutfield{font-weight:bold; text-align:right;}





/* NEWS BOXES: */
div#news-archive{ color:#3C6A8F; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:18px }
div#news-details{ color:#3C6A8F; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:18px; width:710px; float:left; }
div#news-details h1{ font-size:16px; padding:10px 0 0 0; margin:0; }
.newsbox{ float:left; margin-bottom:10px; border:#ddddff 1px solid; width:700px; }
.newsbox h2{ padding:5px 0 0 0; margin:0; font-size:14px; }
.newsbox p{ margin:5px; }
.news_left{float:left;}
.news_right{ padding:10px 10px 10px 10px;}
.newsbox img{ border:none; }
div#news_content p{ margin:5px; }
.newslist{margin:10px;border:#CCCCCC 1px solid; padding:5px;}
.paging{ clear:both; margin:10px 0 0 0; }
.paging a{ padding:3px 6px; border:#FF6633 1px solid; background-color:#693434; }
div#showing{ color:#999999; padding:0 0 10px 0; }
.newsimage{ padding:11px 0 0 0; }




/* MODAL WINDOW - http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/ */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
