/* - - - - - - - - - - - - - - - - - - - - -

Title : Vindimar

- - - - - - - - - - - - - - - - - - - - - */

@import "lib/reset.css";

/* ------------------------------------------------------------

	css

------------------------------------------------------------ */

html{
	background: #fff;
}
body{
	margin: 0;
	background: #fff url("images/water_drops.jpg") no-repeat top center;
	color: #333;
	font: normal 95%/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

/* links  */

a{
	color: #005e77;
}
a:hover{
	text-decoration: none;
}

/* headings */

h1 {font-size:2em;}  /* displayed at 24px */
h2 {font-size:1.5em;}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

h2, h3{text-transform: uppercase;}

/* tables & forms */

input, select, th, td {font-size:1em}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#wrap{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	/*background: url("images/grid.png");*/
	position: relative;
	font-size: 12px;
}
#header{
	height: 100px;
}
#navigation{
	border-top: 1px dashed #ccc;
	padding: 15px 15px 15px 0;
	position: absolute;
	top: 50px;
	right: 0;
}
#content{
	padding: 20px 10px 10px 10px;
}
#primary-content{
	width: 700px;
	float: right;
}
#secondary-content{
	width: 220px;
	float: left; 
}
#footer{
	position: relative;
	width: 940px;
	margin: 0 auto 30px auto;
	
	font-size: 11px;
}

#copy{padding: 15px;}

.round_10{padding: 0 10px;}
.round_15{padding: 5px 15px;}

/* ------------------------------------------------------------

	header

------------------------------------------------------------ */

#header h1 a{
	background: transparent url("images/logo.png") no-repeat;
	position: absolute;
	left: 10px;
	top: 30px;
	text-indent: -10000px;
	width: 300px;
	height: 61px;
}

/* user-menu */

.user-menu{
	position: absolute;
	top: 15px;
	right: 10px;
}
.user-menu li{
	display: inline;
	padding: 0 7px 0 5px;
	font-size: 11px;
	border-right: 1px dashed #ccc;
}
.user-menu li.last-child{
	border-right: none;
}

/* login */ 	
 
#login-box{
	position: absolute;
	background: #fff;
	top: 40px; 
	right: 15px; 
	padding: 10px;
	width: 200px;
	border: 1px solid #eee;	
	z-index: 1;
	-webkit-border-radius:5px; -moz-border-radius:5px;
	}
#login-box input.text{
	padding: 2px;
	border: 1px solid #ddd;
	width: 95%;
	margin: 3px 0;
	color: #333;
	}	
#login-box input.button{
	margin-top: 5px;
	cursor: pointer;
	}	

/* navigation */

#navigation li{
	display: inline;
}
#navigation li a{
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
	background: url("images/bullet.gif") no-repeat left center;
	color: #333;
	font-weight: bold;
}

/* ------------------------------------------------------------

	banner

------------------------------------------------------------ */

#banner{
	/*background: url("images/banner.png") no-repeat;*/
	height: 168px;
	width: 948px;
	margin: 0 auto;
}

/* ------------------------------------------------------------

	primary content

------------------------------------------------------------ */

#primary-content h2{
	font-size: 12px;
	background: url("images/cont_heading_mark.gif") no-repeat 10px 8px;
	color: #fff;
	padding: 5px 10px 5px 30px;
	position: relative;
}
#primary-content h3{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
}
#primary-content h4{
	font-weight: bold;
}
#primary-content p{margin: 10px 0;}
#primary-content .thumb {border: 1px solid #ccc; padding: 5px; margin: 0 10px 0 0; width: 100px; overflow: hidden; float: left;text-align: center;}
#primary-content #pics {border: 1px solid #ddd; padding: 5px 5px 0 5px; margin: 20px 0; overflow: hidden;}
#primary-content #pics img {border: 1px solid #ccc; padding: 5px; margin: 0 10px 0 0; width: 100px; overflow: hidden;text-align: center;}
#primary-content ol{
	margin-left: 35px;
}
#primary-content ul{
	margin: 10px 0 10px 20px;
	list-style: none;
}
#primary-content ul li{
	background: url("images/arrow.gif") no-repeat 0 center;
	padding-left: 20px;
}
#primary-content .rep{
	float: left;
	width: 200px;
	margin: 10px;
	height: 100px;
	text-align: center;
}
#primary-content .rep img.thumb{
	float: none;
	margin: 10px;
	border: none;
	width: 150px;
}
#primary-content .date{color: #999;font-size: 12px;letter-spacing: normal;font-weight: normal; text-transform: none;}

/* items */

.wrap-items{
	margin: 20px 0;
	padding: 10px 0 0 5px;
	/*background: url("images/repeat.gif") repeat-y center;*/
	border-top: 1px dashed #E9E9E9;
	border-bottom: 1px dashed #E9E9E9;
}
dl.single-item{
	float: left;
	/*width: 220px;
	margin: 0 0 10px 0;*/
	padding: 0 10px 0 0;
	width: 320px;
	margin: 0 10px 10px 0;
}

/* center images */

dl.single-item dt{
	overflow: hidden;
	width: 100px;
	height: 125px;
	float: left;
	margin-right: 10px;
	border: 1px solid #eee;
	padding: 10px;
	
	-webkit-border-radius: 10px; -moz-border-radius: 10px;
}
dl.single-item dt a{
	line-height: 125px;
	display: block;
	position: relative;
	text-align: center;
}
dl.single-item dt a span{
	height: 125px;
	display: block;
}
dl.single-item dt a img{}

/* --- */

dl.single-item dd{
	line-height: 16px;
	margin: 5px 0;
	/*font-family: "Times New Roman", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	font-size: 13px;
}
dl.single-item dd.details{
	padding-top: 5px;
}
dl.single-item dd span{
	background: #005e77;
	padding: 2px 4px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius:5px; -moz-border-radius:5px;
}

/* details */

#primary-content .product-inner{
	position: relative;
	text-align: center;
	float: right;
	margin: 0 0 0px 10px;
	
	width: 120px;	
	}		
#primary-content .product-image{
	float: right;
	margin-left: 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #eee;
	
	-webkit-border-radius: 10px; -moz-border-radius: 10px;
	}	
#primary-content .product-image span, #primary-content span.promo{
	background: #005e77;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius:5px; -moz-border-radius:5px;
	margin-top: 10px;
	}
#primary-content .product-image span{
	display: block;
	}
#primary-content span.promo{
	background: red;
	color: #fff;
	}
#primary-content span.promo small{
	text-decoration: line-through;
	}				
#primary-content span.points{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	display: block;
	}
#primary-content span.variante{
	margin: 5px 0 3px 0;
	display: block;
	}	
#primary-content span.points strong{
	color: #ed1d24;
	}

/* cart */
 
table#carrinho th{
	padding: 3px 0;
	border-bottom: 1px solid;
	}
table#carrinho input.text{
	width: 40px;
	}
table#carrinho td {
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	line-height: 20px;
	}
table#carrinho td.no-border {
	border-bottom: 0px;
	}
table#carrinho td img{
	width: 40px;
	float: left;
	margin-right: 5px;
	border: 1px solid #000;
	}
table#carrinho td#carrinho-total {
	border: 0px;
	font-size: 1.2em;
	}
 
/* encomendas list */
 
table#encomendas-list {
	margin: 10px 0 20px 0;
	width: 100%;	
	}
table#encomendas-list th{
	padding: 8px 5px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #EEE;
	}
table#encomendas-list td{
	padding: 8px 5px;
	border-bottom: 1px solid #DDD;
	}
 
/* address details */	
 
dl.addressDetails {
	background: #fafafa;
	padding: 10px;
	border-top: 1px solid #d3d3d3;
	margin-top: 10px;
	}
dl.addressDetails dt {
	overflow: hidden; 
	padding: 3px 0;
	}
dl.addressDetails dt strong{
	display: block;
	width: 85px;
	text-align: right;
	float: left;
	padding-right: 10px;
	}
 
/* pagination links */

.pagination_links {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em; position: relative;}
.pagination_links a, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding: 2px 5px 1px 5px;border: 1px solid #ccc; line-height: 20px;}
.pagination_links a:hover {background:#333;color:#fff}
.pagination_links span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; line-height: 20px;}	
 
/* forms */
 
#primary-content .details{
	margin-bottom: 20px;
	}
div.errors { margin: 10px 0 10px 0; padding: 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0 !important;}
div.form-container p {margin: 10px 0;}
div.form-container p.required-error {color: #C00; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container fieldset { margin: 10px 0; padding: 10px 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container .legend em { color: #C00; font-weight:bold }
div.form-container label { margin-right: 10px; padding-right: 10px; width: 110px; display: block; float: left; text-align: right; position: relative; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.text:focus, div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
.wrap-bt{background: #eee;padding: 5px;margin-top: 20px;border-top: 2px solid #ddd;}
div.form-container input.text, div.form-container textarea{
	padding: 3px;
	border: 1px solid #ddd;
	width: 240px;
	}	
select{
	width: 240px;
	}
em {
	font-style: italic;
}

/* ------------------------------------------------------------

	secondary content

------------------------------------------------------------ */

#secondary-content h3{
	font-size: 12px;
	font-weight: bold;
}
#secondary-content p{
	font-size: 11px;
	line-height: 16px;
}

/* news */

.news p{
	margin: 10px 0;
}
.news ul{
	margin: 10px 0 0 15px;
}
.news ul li{
	line-height: 16px;
	margin: 5px 0;
}

/* forms */

#secondary-content .text{
	width: 96%;
	margin: 8px 0;
}

/* --- */

.mod{margin: 0 0 15px 0;}
.cart img{
	border-top: 1px solid #eee;
	padding: 10px 0;
}

/* nice menu */
 
#menu-wrap {
	width:190px;
	height:0px;
	overflow:hidden;
	position:relative;
	}
#menu-wrap div{
	width:190px;
	float:left;
	margin: 0;
	padding:0 0 0 0;
	overflow:hidden;
	position:absolute;
	}
#menu-wrap ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#loader{
	position:absolute;
	top:0;
	right:0;
	z-index:10000;
	padding:5px;
	}
 
/* menu wrap */
 
#menu-wrap #categorias_items li, #menu-wrap #familias_items li, #menu-wrap #subs_items li{
	display: block;
	border-bottom: 1px solid #B3B6BD;
	cursor: pointer;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	}
#menu-wrap #familias_items li.back, #menu-wrap #subs_items li.back{
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 25px;
	color: #333;
	background: #F8F5E8 url("images/back_arrow.gif") no-repeat 7px 50%;
	cursor: pointer;	
	}
#menu-wrap #categorias_items li a, #familias_items li a, #subs_items li a{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 5px 0 5px 0;
	}
#menu-wrap #categorias_items li a:hover, #familias_items li a:hover, #subs_items li a:hover{
	text-decoration: underline;
	}
#menu-wrap #subs_items li a{
	background: none;
	}
#menu-wrap #subs_items li a.active{
	text-decoration: underline;
}

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */

#footer p{
	line-height: 16px;
}

/* ------------------------------------------------------------

	global

------------------------------------------------------------ */

acronym{cursor: help;}
a img {border: none;}
legend{color: #; font-weight: bold;}
small {font-size:11px}
hr {margin: 1em 0;background:#ccc;height:1px;color:#212224;border:none;clear:both}
.hide{display: none;}
.clear{clear:both;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.floater{position: absolute; right: 10px; top: 5px;}
img.thumb { -ms-interpolation-mode: bicubic; }
.image-left {
	float: left;
	margin: 0 7px 7px 0;
}
.image-right {
	float: right;
	margin: 0 0 7px 7px;
}



/*  lightbox */

#ZoomCapDiv td{
	vertical-align:middle !important;
}

.detailsPromo{
	border:1px solid #AAA;
	margin-bottom:25px;
}