* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#ECF0E6;
 color: #666666;
}

body a, body a:visited { /*Links*/
color: #24B5DF;
}

body a:hover {
text-decoration: none;
color: #77D1EC;
}

a:link, a:visited {
text-decoration: none;
color: #1D94AD;
}

a:hover {
text-decoration: underline;
}

img {
border: none;
}

h2 {
font-size: 22px;
color: #666;
font-weight: normal;
letter-spacing: -1px;
margin: 0 0 20px 0;
}

div#header {
background-image: url(/images/v2/global_header_bg.gif);
height: 129px;
}

div#header-home {
background:#FFFFFF;
height: 129px;
}

div#header #navigation_main{
width: 850px;
margin: auto;
/*border: solid 1px #006600;*/
height: 76px;
}

div#header #navigation_main #options{
/*border: solid 1px #006600;*/
font-family: trebuchet MS, arial, tahoma;
font-weight: bold;
font-size: 16px;
width: 450px;
height: 76px;
float: right;
}

div#header #navigation_main #options a.firstlevel-home{
color: #660066;
text-decoration:none;
display: block;
padding: 45px 20px 15px 20px;
background-image: url(/images/v2/global_header_button_home.gif);
width:40px; 
}

div#header #navigation_main #options a.firstlevel-home:hover{
color: #660066;
background-image: url(/images/v2/global_header_button_home_hover.gif);
} 

/*div#header #navigation_main #options a.firstlevel   --- Browser Specific*/ 


div#header #navigation_main #options a.firstlevel:hover{
color: #660066;
background-image: url(/images/v2/global_header_button_generic_hover.gif);
}

#options, #options ul { /* all lists */
	list-style: none;
	float: right;
}

#options a {
	display: block;
}

#options li { /* all list items */
	float: left;    
	margin-right:2px;
/*	width: 10em;  width needed or else Opera goes nuts */
}

#options li ul { /* second-level lists */
	position: absolute;
	background-color: #3F003F;
	padding: 8px;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#options ul li ul li {
clear: both;
display: block;
height: 20px;
width: 100%;
border-bottom: solid 1px #4F244F;
}

#options ul li ul li a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-decoration: none;
display: block;
width: 100%;
padding: 4px;
}

#options ul li ul li a:hover {
color: #AF88AF;
}

#options li:hover ul, #options li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}


div#header #navigation_user {
width: 850px;
margin: auto;
height: 53px;
}

div#header #navigation_user #search {
float: left;
width: 320px;
}

/*div#header #navigation_user #search #field    --- in browser specific file*/

div#header #navigation_user #search #field:focus{
color:#666666;
}

div#header #navigation_user #search #button{
position: relative;
top: 13px;
}

div#header #navigation_user #useroptions {
float: right;
color:#FFFFFF;
font-weight: bold;
height: 36px;
margin: 10px 0 0 0;
width:520px;
}

#navigation_user #useroptions ul {
list-style: none;
margin-right: 10px;
padding: 0;
float:right;
}

#navigation_user #useroptions ul li{
float: left;
margin-left: 20px;
}

#navigation_user #useroptions #links{
margin-top:7px;
}

#navigation_user #useroptions #links a{
color: #FFFFFF;
text-decoration: none;
}

#navigation_user #useroptions #links a:hover{
text-decoration: underline;
}

#navigation_user #useroptions #logged-as{
margin-top:7px;
}

#navigation_user #useroptions #logged-as a{
color:#FFFF99;
}

#navigation_user #useroptions #logged-as a:hover{
text-decoration: underline;
}

#navigation_user #useroptions #button{
margin-top:0px;
}

#navigation_user #useroptions #empty{
width:40px;
}

div#header #navigation_user #useroptions li#modo{
width:80px;
padding-top:3px;
}

div#header #navigation_user #useroptions li#modo a{
color: #FFFF99;
}

div#header #navigation_main h2#logo {
width: 259px;
height: 76px;
margin: 0;
padding: 0;
float: left;
}

div#header #navigation_main h2#logo a {
width: 259px;
height: 76px;
display: block;
background-image: url(/images/v2/global_logo.gif);
background-repeat: no-repeat;
}

div#header #navigation_main h2#logo a span {
display: none;
}

div#main {
background-color: #FFFFFF;
width: 100%;
float:left;
min-height: 300px;
padding: 20px 0 0 0;
}

div#main-home {
background-color: #FFFFFF;
width: 100%;
height: auto;
min-height: 500px;
overflow: auto;
padding: 30px 0 30px 0;
}

div#container {
width: 850px;
/*border: solid 1px #999999;*/
margin: auto;
margin-top:10px;
}

div#leftside {
width: 520px;
float: left;
margin-bottom:40px;
}

.std-title{
font-size:25px;
font-weight:bold;
color:#22AFE6;
}

.google-banner{
margin:15px 0 15px 30px;
}

/*div#rightside {--- in browser specific file*/



div#rightside div.segmento {
clear: both;
width: 280px;
margin: 0 0 26px 0;
}

div#rightside .google-links {
float:left;
width: 280px;
margin-left:20px;
margin-bottom:30px;
}      

div#rightside div.tip {
float:right;
width: 220px;
margin: 10px 0 15px 0;
padding:10px;
border:solid;
border-width:1px;		
border-color:#CCCCCC;
background:#FFFFCC;
}

.ad_rightbar {
padding: 0px 0 10px 0;
margin-top:10px;
}


/*--FOOTER--*/

div#footer {
height: 200px;
padding: 35px 0 0 0;
}

div#ad_footer {
width: 100%;
border-top: solid 1px #E4E4CD;
clear: both;
text-align: center;
padding: 30px 0 0 0;
margin: 20px 0 0 0;
}

div#footer-sitemap {
width: 820px;
margin: auto;
}

div#footer-sitemap .col {
width: 100px;
float: left;
margin-right: 30px;  
margin-top:30px;
}

div#footer-sitemap .col h4 {
color: #44613F;
padding: 0;
font-size: 14px;
}

div#footer-sitemap .col a {
color: #779977;
font-size: 11px;
}

div#footer-sitemap .col ul {
padding: 0;
list-style: none;
margin-left:5px;
}

div#logofooter {
float: right;
margin: 10px 0 10px 0;
width: 250px;
}           

//----- HOME
/*--- Rails messages styles -----*/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  margin-left:10px;
  display: table;
}

#error-message{
  font-size:   13px;
  line-height: 18px;
  color:#f00;
}
/*-----------------------*/

/*-------- User signin and signup forms ---------*/

.form_user {
 width: 510px;	
 background: #FFFFFF;
 padding-top: 15px;
 padding-bottom: 15px;	
 padding-left: 15px;	
 padding-right: 15px;
 border:solid;
 border-width:1px;		
 border-color:#CCCCCC;
 margin-left:150px;
 margin-bottom:30px;
}

.form_user .textfield-big {
font-size: 14px;
font-weight: bolder;
color: #222222;
padding: 4px;  
font-family: Arial, Helvetica, sans-serif;
}

.form_user .dropdown-big {
font-size: 14px;
font-weight: bolder;
color: #222222;
padding: 4px 0px 4px 0px;  
font-family: Arial, Helvetica, sans-serif;
}



.form_user select {
font-size: 12px;
font-weight: bolder;
width:250px;
color: #999;
padding: 4px;  
font-family: Arial, Helvetica, sans-serif;
}

.form_user select optgroup{
font-size: 14px;
font-weight: bolder;
color: #999;
padding: 4px;  
font-family: Arial, Helvetica, sans-serif;
}

.form_user p {
font-size: 15px;
margin-top:10px;
}

.form_notification {
 width: 510px;	
 background: #FFFFFF;
 padding-top: 15px;
 padding-bottom: 15px;	
 padding-left: 15px;	
 padding-right: 15px;
 border:solid;
 border-width:1px;		
 border-color:#FF0000;

 margin: 0 auto;
 margin-bottom:10px;	
 display:table;	
}

.form_notification ul{
 margin-left:30px;	
}  

/*--- General Form ----------*/
.form_generic {
 width: 650px;	
 background: #F7F7F7;
 padding-top: 15px;
 padding-bottom: 15px;	
 padding-left: 80px;	
 padding-right: 15px;
 border:solid;
 border-width:1px;		
 border-color:#CCCCCC;
 margin-left: 100px;
 margin-top: 15px;
 margin-bottom: 30px;
} 

.form_generic p {
font-size: 15px;
margin-top:15px;
}

.form_generic blockquote {
margin-top:10px;
margin-left:20px;
}

.form_generic select {
font-size: 17px;
font-weight: bolder;
width:250px;
color: #777777;
padding: 4px;  
font-family: Arial, Helvetica, sans-serif;
} 

.form_generic textarea {
font-size: 13px; 
font-family: Arial, Helvetica, sans-serif;
border-color:#999999; 
}

.wine_com {
float:left;
padding:10px 20px;
border: 1px solid #CDCDCD;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#FFFFDD;
}

.wine_com h3{
padding-top:3px;
margin-bottom:10px;
}
.wine_com .logo{
float:right;
}

.wine_com .entry{
float:left;
display:table;
border-top:dotted 1px #DFDFDF;
margin-top:10px;
padding:10px 5px;
}

.wine_com .entry img{
margin-right:10px;
margin-bottom:10px;
}

.wine_com .entry .name{
margin-bottom:5px;
}