/*	
	WineWeb: Cocetti 
	Main style sheet (/public/w3301/style.css)
*/
*:focus { outline: none; }
/* Copyright 2006-2010 WineWeb Enterprises, Inc. */
body {
	background: #d3cdaa;
	margin: 0; 
	padding: 0 0 150px 0;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: #666;
}
#container {
	position: relative;
	background: #e7e3cd url(/public/w3301/container-gradient-x.png) repeat-x 0 0; 
	padding-top: 65px;
}
#container1 {
	position: relative;
	background: url(/public/w3301/container1-chapel.jpg) no-repeat center top;
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 381px 8px 0 8px;
}
#container2 {
	position: relative;
	padding-top: 20px;
	background: url(/public/w3301/container2-content-top.png) no-repeat 0 0;
}
#container3 { 
	position: relative;
	background: url(/public/w3301/container3-content-bottom.png) no-repeat bottom left;
	padding: 0 15px 50px 15px;
}
#content {
	background: #fff;
	border-left: 1px solid #d3cdaa;
	border-right: 1px solid #d3cdaa;
	color: #666;
	margin: 0 336px 0 0;
	padding: 21px 26px 26px 26px;
	width: 574px;
	line-height: 16px;	
	min-height: 600px;
/*	z-index: 25; */
}
/*\ IE/Win min height hack */ 
* html #content {height: 600px;} 
/* */
body,td,li,p { font: 14px/1.5 Georgia, "Times New Roman", Times, serif; }
p { margin: 0 0 1em 0; }
fieldset { border: 1px #d3cdaa solid; padding:5px;}
input[type="submit"], input[type="button"] { cursor: pointer; }

.popup, .x-dlg .x-dlg-dlg-body, #winepopup, #mdsepopup, #giftcertpg { background: #fff; }

a { text-decoration: underline; }
a:link {color: #BA8052;}
a:visited {color: #BA8052;}
a:hover, a.sfhover {text-decoration:underline; color:black;}
a:active {color: #BA8052;}

.normal { font-size: 14px; font-weight: normal; }
.note1 { font-size: 12px; }
.note2 { font-size: 11px; }
.note3 { font-size: 11px; }
.small-caps { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
h1, .head1 {  
	font-size: 32px; 
	font-weight: normal; 
	font-style: normal; 
	line-height: 1.2;
	color: #444;
	margin: 0 0 .75em 0;
	padding-bottom: 0;
}
h2, .head2 {  
	font-weight: bold;
	vertical-align: middle;
	color: #444; 
	font-size: 16px;
}
.head3 {  color: #BA8052; font-size: 12px; font-weight: bold; }
.head4 { font-weight: bold; vertical-align: middle; color: #BA8052; font-size: 12px; }
hr {
	border-top: 1px solid #d3cdaa;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
}
.lefthead {  font-weight: bold; color: #BBB654;}
.required {  font-size: 8pt; color: #FF0000}
.error{color:#FF0000 }
.table1 {  
	border-collapse: collapse;
	border: 1px solid #d3cdaa;
}
.table1 th, .table1 td { border: 1px solid #d3cdaa; }
.table1 table th, .table1 table td { border: none; } /* second level table */
.table2 { border: 0; padding: 3px;}
.tablehead {  background: #BA8052; color: #fff; font-weight: bold; text-align: center;}
.tablerow1 {  background: transparent;}
.tablerow2 {  background: #F5DBB7;}
.orderpage_active {color: #a53245; font-weight: bold;}
.orderpage_inactive {color: #999999; font-weight: normal;}
.header { 
	background: url(/public/w3301/logo-cocetti.png) no-repeat 0 0; 
	position: absolute;
	top: -346px;
	left: 305px;
	width: 375px;
	height: 110px;
}
.header a {
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	width: 375px;
	height: 110px;
}
.header a b {
	display: none;
}
.contentbox {
	position: relative;
	background-color: white;
	width: 660px;
	left: 55px;
	margin-top: 20px;
	padding: 10px;
	color: #41361B;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #BD7B52;
}
img.leftphoto { 
	float: left;
	margin: 0 !important;
	padding: 0 26px 26px 0;
}
#scrolltext {
	position: relative;
/*	background-color: white; opacity:.60;filter: alpha(opacity=60); */
	scrollbar-face-color: #BD7B52;	
	scrollbar-shadow-color: #444444;
	scrollbar-highlight-color: transparent;
	scrollbar-3dlight-color: transparent;
	scrollbar-darkshadow-color: transparent;
	scrollbar-track-color: transparent;
	scrollbar-arrow-color: #444444;
	border-style: none;
	width:360px;
	height:220px;
	padding: 6px;
	overflow: auto;
}
#scrolltext p
{
	background-color: transparent;opacity:1;filter: alpha(opacity=100);
	font-family: Palatino,"Times New Roman", Times, serif;	
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
/* Top banner, navigation area */
#top {
	top: -455px;
	left: 15px;
	width: auto;
	height: 53px;
	position: absolute;
	z-index: 500;
}
#navtop { 
	border: 0;
	padding: 0;
	margin: 0;
}
#navtop ul {
	padding: 0;
	margin: 0;
}
#navtop li { 
	position: relative;
	list-style: none;
	margin: 0; 
	float: left;
	position: relative;
}
#navtop a { 
	float: left;
	background: #7e1d31 url(/public/w3301/navtop-gradient-x.png) repeat-x 0 0; /* background-color for IE 7 and IE 6 */
	color: #fff; 
	border-left: 1px solid #923141;
	border-right: 1px solid #6d0b10;
	font: normal bold 12px/16px Georgia, "Times New Roman", Times, serif;
	text-decoration: none; 
	text-align: center; 
	padding: 18px 26px 0 26px;
	height: 35px;
}
#navtop li:first-child { border-left: 1px solid #6d0b10; }
#navtop li:last-child { border-right: 1px solid #923141; }
#navtop li:hover a, #navtop li.sfhover a,
#navtop a:hover, #navtop a.sfhover {
	background: #7e1d31;
}
/* second-level navigation */
#navtop li ul { 
	position: absolute;
	background: transparent url(/public/w3301/navtop-secondary.png) no-repeat bottom center;
	border-top: 1px solid #6d0b10;
	width: 200px;
	left: -9999px; 
	top: 53px;
	padding: 12px 0 23px 0;
}
#navtop li ul li {
	position: relative;
	border: none !important;
	display: block;
	width: 198px;
	margin: 0;
	text-align: left;
	padding: 0 1px;
}
#navtop li ul a { 
	display: block;
	border: none;
	font-weight: normal;
	color: #fff;
	background: none;
	text-align: left;
	padding: 3px 26px;
	height: auto;
	width: 146px;
}
#navtop li:hover ul, #navtop li.sfhover ul { 
	left: 0;
 	visibility: visible;
	z-index: 201;
}
#navtop li:hover ul li,  #navtop li.sfhover ul li {
 	visibility: visible;
}
#navtop li ul a:hover,  #navtop li ul a.sfhover {
	background: #912C3E !important;
}
/* Left navigation area */
#left { display: none; }
#footer { 
	position: relative;
	clear: both;
	background: transparent;
	text-align: left;
	color: #777;
	padding: 0;
}
#footer a { color: #777; }
#footer p { 
	position: absolute;
	top: 20px;
	left: 41px;
	margin: 0 0 12px 0;
	font-size: 12px !important;
	line-height: 16px !important;
}
#winepg#vintagebar {
	position: relative;
	width: 100%;
	background: transparent;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
	color: #EFC68C;
	padding: 6px 0px;
	text-align: left;
}
.submenu {
	position:absolute;
	top:150px;
	left:310px;
	color: #BD7B52;
	font: 12px Georgia,"Times New Roman",Times,serif;	
	font-weight: bold;
	font-style: italic;
	z-index: 32;
}
/* Pod: beside content */
.pod {
	position: absolute;
	left: 666px;
	top: 396px;
	width: 307px;
}
.podheader { padding: 10px 26px 15px 26px; }
.podcontent { padding: 26px; }
.podfooter { padding: 0 26px; }
#pod1, #pod2, #pod3, #pod4, #pod5, #pod6, #pod7, #pod8, #pod9 {
	background: url(/public/w3301/pod-header.png) no-repeat 0 0;
	padding-top: 5px;
	margin-bottom: 15px;
}
#pod1 .podheader, #pod2 .podheader, #pod3 .podheader,
#pod4 .podheader, #pod5 .podheader, #pod6 .podheader,
#pod7 .podheader, #pod8 .podheader, #pod9 .podheader { 
	background: #f2eed8;
	color: #a53245;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #d3cdaa;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-left: 1px solid #d3cdaa;
	border-right: 1px solid #d3cdaa;
}
#pod1 .podcontent, #pod2 .podcontent, #pod3 .podcontent, 
#pod4 .podcontent, #pod5 .podcontent, #pod6 .podcontent,
#pod7 .podcontent, #pod8 .podcontent, #pod9 .podcontent { 
	background: #fff;
	border-left: 1px solid #d3cdaa;
	border-right: 1px solid #d3cdaa;
}
#pod1 .podfooter, #pod2 .podfooter, #pod3 .podfooter, 
#pod4 .podfooter, #pod5 .podfooter, #pod6 .podfooter, 
#pod7 .podfooter, #pod8 .podfooter, #pod9 .podfooter {
	background: url(/public/w3301/pod-footer.png) no-repeat center bottom;
	height: 5px;
}
/* Pod area 2: top right */
.podarea2 {
	position: absolute;
	left: 666px;
	top: 20px;
	width: 307px;
	text-align: right;
}
/* Pod10: shopping cart */
#pod10 .podheader, #pod10 .podcontent, #pod10 .podfooter { display:inline; padding: 0; }
#pod10 .podheader { padding-right: 4px; }
/*.podcart {}*/
.podbuy { display: block; margin-top: .25em; }
/* Pod area 3: top banner row */
.podarea3 {
	position: absolute;
	left: 344px;
	top: 202px;
	width: 307px;
}
/* Pod20: shipping */
#pod20 {
	height: 164px;
	width: 307px;
}
#pod20 .podheader, #pod20 .podfooter { display: none; }
#pod20 .podcontent { padding: 0; }
/* Pod21: search */
#pod21 {
	position: absolute;
	left: 322px;
	top: 0;
	background: url(/public/w3301/pod-search.jpg) no-repeat 0 0;
	height: 164px;
	width: 307px;
}
#pod21 .podheader, #pod21 .podfooter { display: none; }
#pod21 .podcontent { margin-top: 0; }
#pod21 .podcontent form { 
	color: #fff;
	margin: 0;
	padding-top: 56px;
}
#pod21 .podcontent input[type="text"] { 
	background-color: transparent; 
	border: 1px solid #ccc; 
	color: #fff;
	font-family: Georgia;
	font-size: 14px;
	padding: 2px;
}
#pod21 .podcontent input[type="text"]:focus { 
	border: 1px solid #fff;
}
#pod21 .podcontent input[type="submit"] {
	background-color: #BA8052;
	color: #fff;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Georgia;
	font-size: 10px;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 4px 10px;
	vertical-align: top;
	width: auto; /* resolves IE extra padding */
   	overflow: visible;  /* resolves IE extra padding */
}
#pod21 .podcontent input[type="submit"]:hover {
	background-color: #cb9163;
}
#orderpg1 #shipto, #orderpg2 #billto {
	width:100%;
	background-color:#BA8052;
	color:#FFFFFF;
}
#ordersummary #checkout, #orderpg1 #checkout, #orderpg2 #checkout, #orderpg3 #checkout {
	background: #BA8052;
	height:28px;
	padding:4px;
	color: #fff;
	font-weight:bold;
	text-align:center;
 	cursor: pointer;
	margin-left:40px;
}
#ordersummary input#checkout:hover, #orderpg1 input#checkout:hover, #orderpg2 input#checkout:hover, #orderpg3 input#checkout:hover {
	background-color: #cb9163;
}
/*
	Page Specific Styles
*/
/* Winery */

/*	User Review List */
#userreviewlist table.table1 {
	width: 100%;
}
/* E-commerce */
#orderpg2 form table.note1 { /* order checkout table */
	border-collapse: collapse;
	border: 1px solid #d3cdaa;
}
/*#photogallery .pod, #photogallery .podarea2, #photogallery .podarea3 { display: none; } */