/*
THEME NAME: Empty Canvas
THEME URI: http://rubiqube.com
DESCRIPTION: Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

html,body {
  background:url(images/background.jpg) #f1f3f4 repeat-x;
  color: #515050;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  height:100%;
  padding-bottom:15px;
  color:#515252;
}


td {padding:5px;}

h1{font-family : geneva, arial, helvetica, sans-serif; font-size:16px; color:#705a42; font-weight:bold;}
h2{font-family:Tahoma; font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
h3{font-family:Tahoma; font-size:13px; font-weight:bold; padding-top:5px; padding-bottom:5px; }

textarea,input{border:1px solid #f0ebdc;}
select {margin-top:5px; margin-bottom:5px;}
pre {width:660px; overflow:auto; white-space: pre-wrap;}

p {line-height:20px; padding-top:5px; padding-bottom:5px;} 

b {font-size:13px;}
a {color:#5b5b5b; font-family:tahoma; text-decoration:none;}
a:hover {color:#ca9402; text-decoration:none;}

.post-content {line-height:20px;}
.post-content img {padding:10px;}
.post-content p {margin-top:5px; margin-bottom:5px;}
.post-content strong {font-weight:bold;}

.above-header {
width:960px;
height:70px;
text-align:left;
}


.big-container {

	background:url(images/background-alb.png) center;
	height:auto;
	width:960px;
	min-height:840px;
	padding-left:8px;
	padding-right:8px;
	overflow:visible;
	position:absolute;
	left:50%;
	margin-left:-488px;
	}
	
.page-nav {
background:url(images/footer-bg.png);
 width:959px;
 height:38px;
 float:left;
 padding:0px;
 overflow:visible;
 border:1px #797979 solid;
}

/*NAVIGATION BLOCK*/

#nav-menu {  text-align:left; height:20px; font-family:Tahoma; font-size:15px; vertical-align:middle; width:700px; float:left;}
#nav-menu ul{  list-style:none;  } 
#nav-menu ul li{  display:inline; list-style:none;  padding-right:10px; padding-left:10px; float:left; width:98px; text-align:center; }
#nav-menu ul li:hover {  display:inline; list-style:none;  padding-right:10px; padding-left:10px; float:left; width:98px; background:url(images/bg-li.jpg) center bottom no-repeat; height:39px; color:#ab7413; }
#nav-menu ul li:hover  a{color:#ab7413;}
#nav-menu ul li a{color:#e4e4e4; text-decoration:none; line-height:36px; text-decoration:none}
#nav-menu ul li a:hover{color:#ab7413; text-decoration:none; line-height:36px;}
#nav-menu  .current_page_item{  background:url(images/bg-li.jpg) center bottom no-repeat; height:39px; color:#000000; }
#nav-menu  .current_page_item a{ color:#000000; }
.search-header { width:240px; float:left; margin-top:6px; position:relative;}
.search-form{margin:0px; padding:0px; border:0px; background:url(images/search-bg.jpg); width:202px; height:25px; position:absolute; left:0; font-size:16px; padding-top:3px; padding-left:5px;}
.search-btn{margin:0px; padding:0px; border:0px; background:url(images/search-bg-btn.jpg); width:37px; height:28px; position:absolute; right:0;}

.logo {float:left; margin-left:30px; width:250px; height:75px; overflow:visible;}
.header-text {float:left; width:650px; font-family:Tahoma; font-size:14px; color:#595959; padding-top:28px; text-align:left; line-height:20px;}
.welcome {color:#595959; font-family:Geneva; font-size:16px; font-weight:bold;}

.middle-content{width:960px; min-height:750px;}
.container {clear:both; width:700px; float:left; margin-top:40px; overflow:visible;}
.container2 {clear:both; width:650px; float:left; margin-top:40px; overflow:visible;}
.slider{ background:url(images/slider-bg.jpg); height:350px; margin-left:20px; margin-bottom:10px;}
.pic-slider {padding-top:8px; padding-left:2px;}
.dots{margin-left:23px; text-align:left; padding-bottom:10px; width:685px;}
.dots2{padding-left:23px; text-align:left; padding-bottom:10px; width:685px;}
.title { font-family:Geneva; font-size:16px; color:#6b6969; font-weight:600; }
.thumb {width:156px; text-align:center; color:#6b6969; float:left; margin-right:15px;  }
.img-thumb {border:1px solid #cdcdcd; margin-bottom:3px;}
.item_image{border:1px solid #fff;}
.item_image img{padding-bottom:-3px; }
.item_image:hover {border:1px solid #666666; }
.price {line-height:25px; font-size:13px;}

#sidebar {float:left; width:250px; margin-top:40px; overflow:visible;}

#widget {margin-left:5px; margin-right:5px; padding:5px; color:#6b6b6b; text-align:left; line-height:17px; font-size:13px; z-index:1; clear:both;}
#widget  ul{display:list-item; margin-left:25px;z-index:1;}
#widget ul li {display:list-item; text-align:left; padding:3px;z-index:1;}


.w-title {padding:7px; color:#3a3a3a; background:#eeeeee; height:18px; font-family : geneva, arial, helvetica, sans-serif; font-size:16px; text-transform: uppercase; text-align:left; margin-bottom:7px; font-weight:bold; }
.cat-title { padding-top:3px; color:#3a3a3a; background:#eeeeee; height:29px; font-family : geneva, arial, helvetica, sans-serif; font-size:16px; text-transform: uppercase; text-align:left; margin-bottom:7px; margin-top:5px; padding-left:7px; width:645px; }

.footer { clear:both; width:960px; color:#a2976c;  float:left; text-align:left; padding-left:25px; margin-top:30px; margin-bottom:0px; height:244px;
background:url(images/footer-bg.png); width:935px;}
#footer-cell {width:178px; float:left; margin-right:35px; margin-top:15px;}
#footer-cell a {text-decoration:none; font-size:14px; color:#ccc;}
#footer-cell a:hover {color:#fff;}
#footer-cell ul  {margin-top:10px; text-align:left; float:left; }
#footer-cell ul li {min-height:20px; padding-top:6px; width:178px; overflow:visible;}


.mailing {margin-left:55px; width:220px;  margin-top:15px; float:left; position:absolute; right:15px;}
.mailing-form{margin:0px; padding:0px; border:0px; background:url(images/search-bg.jpg); width:202px; height:28px; position:relative; font-size:16px; padding-left:5px; top:0px;}
.mailing-btn{margin:0px; padding:0px; border:0px; background:url(images/mailing-btn.jpg) top; width:37px; height:28px; position:relative; top:0px; left:-4px;}



.product_text {text-align:center; font-family:Tahoma; font-size:12px; margin-top:5px; color:#5b5b5b; width:150px}
.producttext {width:100px;}
.wpsc_buy_button2{text-align:center; margin-left:35px; width:85px; height:28px; float:left; margin-bottom:15px; border:0px;}
.wpsc_buy_button3 {text-align:center; margin-left:25px; width:152px; height:42px; float:left; margin-bottom:15px; border:0px;}
.post-title {font-family : geneva, arial, helvetica, sans-serif; font-size:16px; color:#3a3a3a; font-weight:600; text-transform: uppercase; line-height:25px; width:600px}
.post {float:left; width:620px; padding-bottom:10px; text-align:left; margin-left:25px; border-bottom:1px solid #f0f0f0;}
.shoppingcart {width:220px; margin-left:3px; font-size:13px;}

#products_page_container {width:680px;}

#categorisation_group_1 {float:left; font-family:Tahoma; font-size:14px;  margin-top:-5px;}
#categorisation_group_1 ul{display:list-item;}
#categorisation_group_1 ul li{display:list-item; text-align:left; padding:3px;}
#categorisation_group_1  a{color:#6b6969; text-decoration:none;}
#categorisation_group_1  a:hover{ color:#ca9402; text-decoration:none;}

#pagination-pages {font-family:Tahoma; font-size:12px; color:#666666; margin-bottom:10px;}
#pagination-pages  a{font-family:Tahoma; font-size:12px; color:#666666;}

.wpsc_product_search {width:645px; background:#f0f0f0;}

.licence {margin:5px; font-family:Tahoma; font-size:16px; width:180px; text-align:left; margin-left:20px;}
.wpsc_product_price {margin:5px; font-family:Tahoma; font-size:16px; width:200px; text-align:left; margin-left:20px; }

.productcart {width:640px;}
.post-meta {font-size:10px;}

.textcol {clear:both;}
.imagecol{overflow:visible; height:500px;}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}


/* SLIDER SECTION */

.slider2{
background:url(images/vectorious-prima-pagina_09.jpg) no-repeat;
height:275px;
position: relative; /* important */
}

 #s3slider { 
   width: 671px; /* important to be same as image width */ 
   height: 327px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#FFFFFF;
   
}

#s3sliderContent {
   width: 671px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0px; /* important */
      overflow: hidden;
   margin-left: 0px; /* important */
	margin-top: 0px;
   left:0px;


}

.s3sliderImage {
   float: right; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style:none;
   list-style-position:outside;
   list-style-type:none;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   /*padding: 10px 13px;*/
   width: 0px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
 /* END SLIDER */

