/* global elements & misc =========================================================== */

* { margin: 0; padding: 0; }
.clear { clear: both; }
div.main ul li { margin: .25em 0 0 1.5em;}
div.sidebar ul li { margin: .25em 0 0 1.2em;}
div.main ol li, div.sidebar ol li { margin: .25em 0 0 2em; }
.lowercase { text-transform: lowercase; }
.totop, .backtotop { font-style: italic; padding-bottom: 1em; }

.bordered, a img.bordered {  border: 4px solid #769447!important; }


table.datagrid { border: 1px solid #ccc; border-collapse: collapse; width: 98%; }
table.datagrid th, table.datagrid td { vertical-align: top; padding: 6px 10px 6px 6px; border-bottom: 1px solid #ccc; }
table.datagrid th { font-family: helvetica, arial, sans-serif; background-color: #fff7Cc; padding: 8px 6px; color: #333; font-size: 1.2em;  }
table.datagrid td h5 { margin-bottom: .2em;  }


p.alert { margin-bottom: 10px; font-family: helvetica, arial, sans-serif; padding: 12px;  text-align: center; background-color: #fff57d; border: 2px solid #930;  }

p.breaking { font-size: medium; text-align: center; padding: 20px 0; margin-top: 10px; border-top: 1px solid #ccc; }
p.breaking a { color: #930!important; }

input[type="submit"] { padding: 2px 6px; }

/* primary layout elements and their children =============================================================== */


body { background-color: #2C421E; color: #333; text-align: center; padding: 0;  }
div.container { margin: auto; text-align: center; color: #333; background-color: #fff; }

 
div.wrap { width: 960px; margin: 0 auto; text-align:center;  } 

div.header { background: #526B29 url(http://www.espiritodovinho.com.br/img/home/gradiente_01.jpg) center top repeat-x; padding: 2em 20px 0; position: relative; height: 9em; overflow: hidden; }
	
	div#headerwrap { margin-top /*\**/: -2em\9 }  /* this is an IE8 hack to compensate for downward shift in header elements */
	div#headerwrap img#logo { margin-top /*\**/: 1em\9 }  /* this is an IE8 hack to compensate for downward shift in header elements */
	
div.footer { background: #526B29 url(http://www.espiritodovinho.com.br/img/home/gradiente1.png) center bottom repeat-x; padding: 20px 20px 10px; clear: left; margin-bottom: 10px;}
	div.footer p a { margin: 0 4px; }
	div.footer p { padding: 4px 0 2px; }

div.footernav { clear: both; background-color: #FFF7CC; border-top: 1px dotted #444; padding: 15px 0 20px;  }
	* html div.footernav ul li a { border-bottom: none; font-size: x-small; }
	*:first-child+html div.footernav ul li a { border-bottom: none; }
	div.footernav ul.footernav-links { overflow: hidden; text-align: left; }
	div.footernav ul { margin-left: 0; margin-right: 0px; padding: 0;  }
	div.footernav ul ul { float: none; margin: 0; }
	div.footernav ul li { display: block; float: left; width: 135px; margin: .2em 0;  padding: 1px 0;}
	div.footernav ul li#footercereais, div.footernav ul li#footercereais li { width: 145px;  }
	div.footernav ul li#ffooterchas, div.footernav ul li#footerchas li  { width: 175px;  }
	div.footernav ul li#footerespeciarias, div.footernav ul li#footerespeciarias li  { width: 185px;  }
	div.footernav ul li#footerfrutas, div.footernav ul li#footerfrutas li  { width: 185px;   }
	div.footernav ul li#footerhorti, div.footernav ul li#footerhorti li  { width: 115px; }
	div.footernav ul li#footermel, div.footernav ul li#footermel li  { width: 115px; }	
	div.footernav ul li#footerpadaria, div.footernav ul li#footerpadaria li  { width: 115px; }
	div.footernav ul li#footerorientais, div.footernav ul li#footerorientais li  { width: 115px; }
	div.footernav ul li#footersoja, div.footernav ul li#footersoja li  { width: 115px; }			

div.homecontent img.smcent { margin: 10px auto; }

div.content { text-align: left; width: 720px; padding: 0 0 10px; border-top: 15px solid white; margin-bottom: 10px; float: right; background: white url(http://www.espiritodovinho.com.br/img/home/dot01.png) 472px 0px repeat-y;}
div.main { width: 460px; float: left; }

	div#main-wide { background-image: none!important; } /* wider pages, no sidebar  */
	div#main-wide div.main { width: 720px; } /* wider pages, no sidebar  */
	div#main-wide div.sidebar { display: none; }

	div#main-full { width: 960px; float: right; background-image: none!important; } /* full-width pages such as site map */
	div#main-full div.main { width: 960px; }
	div#main-full div.subnav, div#main-full div.sidebar { display: none; }


div.subnav { width: 215px; float: left; text-align: left; padding: 15px 0 10px 5px; }
div.subnav-promo { width: 205px; border-top: 1px dotted #ccc; padding-top: 20px; }
div.subnav-promo img  { margin-bottom: 10px; }
div.subnav-promo a { border-bottom: none!important; }
div.subnav-promo p a  { border-bottom: 1px dotted #360!important; }


div.subcontent { font-size: 1.2em; line-height: 140%; width: 200px; float: left; text-align: left; padding: 15px 15px 10px 5px; } /* when subnav area is used for regular content */
div.subcontent h4 { font-size: 1.3em; margin-top: 0; }



div.sidebar { width: 240px; float: right; padding: 0 0 0 10px; }
div.sidebar div.feature { padding-bottom: .5em;}
div.sidebar div.feature p { padding: .25em 0;}


/* links =============================================================== */

a, a:hover { cursor: pointer; }

div.header a, div.header a:visited, div.footer a, div.footer a:visited { color: #cee19a; text-decoration: none; border-bottom: 1px solid #cee19a; }
div.header a:hover, div.footer a:hover { color: white;  text-decoration: none; border-bottom: 1px solid white; }

div.main a { color: #336600; }

div.footernav ul a { color: #930; text-decoration: none; border:none;  }
div.footernav ul a:hover { color: #930; text-decoration: none; border-bottom: 1px solid #930;  }

div.subnav a, div.footernav ul ul a,  p.breaking a, div.subcontent a, div.subcontent li a,
div.content p a, div.content li a, div.content h1 a, div.content h2 a, div.content h3 a, div.content h4 a, div.content h5 a, div.content h6 a, div.content blockquote a, div.content dl a { color: #336600; text-decoration: none; border-bottom: 1px dotted #336600; }

div.subnav a:hover, div.subnav ul li a:hover, div.footernav ul ul a:hover, div.subcontent a:hover, div.subcontent li a:hover,
div.content p a:hover, div.content li a:hover, div.content h1 a:hover, div.content h2 a:hover, div.content h3 a:hover, div.content h4 a:hover, div.content h5 a:hover, div.content h6 a:hover, div.content blockquote a
{ color: #2b5112; text-decoration: none; border-bottom: 1px solid #2b5112; }

body#flavors a { background-image: none!important; }

div.header a img { border: none; }

a img, a.imglink, a.img { padding-right: 0!important; border: none!important; }
a.storeselect { border: none!important; }

/* header =============================================================== */

		div.header img#logo  { float: left; position: relative; top: -5px; } 

		div.header div { height: 8.5em; text-align: left; }
		
		div.header div.storefinder  { float: left; margin-left: 40px!important; width: 335px; padding: 0 10px 0 0;  overflow: hidden;  border-right: 1px solid #2c431E; } 
		div.header div.storefinder img#storethumb  { float: left; margin-top: 2px; border: 4px solid #769447; } 
		div.header div.storefinder p { margin: 0 0 2px 105px; line-height: 140%;  }
		div.header div.storefinder p.storefinder_links { margin: 6px 0 0 105px; padding-bottom: 3px;}
		
		div.header div.storefinder form { margin: 4px 0 4px 105px; }
		div.header div.storefinder form a { text-decoration: none; border: none; position: relative; top: 5px;}
		div.header div.storefinder form input.text { width: 60px; margin-right: 4px;}
		div.header div.storefinder form input#store_abbr { height: 1px; margin: 0; padding: 0; }
		div.header div.storefinder form input#storesearchbutton { position:relative; top: 4px; }
		div.header div.storefinder form ul { list-style-type: none; }
		div.header div p a { margin: 0 4px;} 
		div.header div p a.first { margin-left: 0;} 
		div.header div p strong { font-size: 1.2em; } 
		div.header div p span#zip { display: none; } 
		
		* html div.header div.storefinder p.storefinder_links a, *:first-child+html div.header div.storefinder p.storefinder_links a { margin-left:0; margin-right: 0;border: none; text-decoration: underline; }

		div.header div.account  { float: left; width: 175px; overflow: hidden; padding: 0 10px 0 10px; border-left: 1px solid #648326; border-right: 1px solid #2C431E; } 


div.header div#somed { float: left; width: 70px; border-left: 1px solid #648326; padding: 0 10px; border-right: 1px solid #2C431E;} 
div.header div#somed p, div.header div#somed a { margin: 0; padding: 0; } 
div.header div#somed ul { list-style-type: none; } 

div#entregas { float: left; width: 125px; padding: 0 0 0 10px; border-left: 1px solid #648326;   }

		
		/* for ie may it rot in hell =============================================================== */
				div#loginStatus{float:right; width:400px; padding-top:5px;}
				div#userStats{ display:none; float:right; position:absolute; padding:20px; background-color:#E6E6E6; border:1px solid #000033; width:400px;}
				
		div#headerDiv span.welcome {font-weight: bold; font-size: 1.2em;}



/* typography =============================================================== */

body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ }

div.subnav, div.content { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; line-height: 150%;} 
div.header, div.navbar, div.footer { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: white; font-size: 1.1em; line-height: 130%; }
	div.footer p { text-align: center;  line-height: 150%; }

h1, h2, h3, h4, h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 120%;  }

h1 { font-size: 1.5em; }
h2 { font-size: 1.5em; margin: 0 0 .75em;}
h3 { font-size: 1.2em; }
	div.main h3 { font-size: 1.2em; color: #930; margin: 1em 0 .5em; text-transform: uppercase;}
h4 { font-size: 1.1em; margin: .75em 0 .25em; }
	div.main h4 { font-size: 1.1em; margin: 1 0 0; }
	body.home h4 { text-transform: uppercase; margin: .5em 0 .5em; }
	h4 + ul, h4 + ol { margin-top: 1em; } /* won't work in IE6. oh well */

h5 { font-size: 1em; }
h6 { font-size: 1em; }

div.subnav h5 { color: #333; margin-bottom: 4px; text-transform: uppercase; }


div.content p { margin: 1em 0;}

div.content p.caption { font-style: italic; color: #666; margin: 0; padding: 0 0 .5em; }

div.footernav ul { font-weight: bold; font-size: 1.4em; }
div.footernav ul ul { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;font-size: .8em; margin-top: 2px; line-height: 130%; text-transform: none;}
div.footernav h5 { font-size: .8em; text-transform: uppercase;}

body#users div.subnav ul li { list-style-type: none; }

div.main { font-size: small; line-height: 140%;}

/* forms =============================================================== */

form fieldset { border:none; padding:0; margin: 10px 0; }
form legend, fieldset.menu label { display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #930; font-weight: bold; font-size: 1.1em;}
legend.superlegend { text-transform: uppercase; font-size: 1.2em; padding-bottom: 10px;}
form label { margin: 10px 10px 6px 0; padding: 0 0 6px; }
label.hidden { display: block; position: absolute; top: -9999em; left: -9999em; }

form#pass-reset p { clear: left; margin: .5em 0; }
form#pass-reset p label {display: block; width: 20em; float: left; margin-top: .25em; padding-top: 0; }
form#pass-reset input.text { width: 250px; }

div.selectmenu { clear: left; vertical-align: middle; }
div.selectmenu label { display: block; width: 6em; float: left; margin-top: .25em; padding-top: 0; }
body#recipe-search div.selectmenu label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #930; font-weight: bold; font-size: 1.1em; }
div.selectmenu input { margin-left: 10em;}

form input.text { 
	font-size:1.1em; 
	line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    padding: 2px 1px;
    }


form p { vertical-align: middle; }
form ul.checkboxes { list-style-type: none; margin: 0; padding: 0;}
form ul.checkboxes li { margin: 2px 0;}
form ul.checkboxes li input { margin: 0 3px 0 0;}

form#email_subscribe div#stores_div, form#email_subscribe div#states_div { padding: 4px 0; clear: left;  } 
form#email_subscribe div#stores_div label, form#email_subscribe div#states_div label { display: block; float: left; width: 14em; } 
form#email_subscribe div#stores_div select, form#email_subscribe div#states_div select { width: 250px; position: relative; top: 6px;  } 
form#email_subscribe p.subscr { height: 2em; margin: 1px 0; padding: .5em 0; }
form#email_subscribe p.subscr label { display: block; float: left; clear: left; width: 10em; }
form#email_subscribe p.subscr input.text { position: relative; top: .5em; }
form#email_subscribe fieldset { clear: left; }

form#cse-search-box input.text { font-size: 1.3em; padding: .1em 0;  }
	div.main form#cse-search-box input#searchallrecipes { width: 300px; }
	div#recipesearchpod form#cse-search-box input#searchallrecipes { width: 160px; }
	body.home div.recipes form#cse-search-box input#searchallrecipes { width: 140px!important; }
form#cse-search-box div#adv-recipe-search-link a:hover, form#cse-search-box div#adv-recipe-search a:hover { cursor: pointer; }
form#cse-search-box div.selectmenu select { width: 225px; }
form#cse-search-box div.submit { clear: left; text-align:center; position: relative; top: -1.5em; }


form#contactForm p { display: block; margin: 5px 1px 2px; padding: 0; }
form#contactForm label { display: block; margin: 5px 1px 2px; padding: 0; font-weight: bold; }
form#contactForm optgroup { padding: 4px 0; border-top: 1px solid #eee; }
form#contactForm optgroup option { padding: 0 4px 0 12px; }
form#contactForm .optional { font-weight: normal; }
form#contactForm .tarea { font-family: Georgia, serif; font-size:small; overflow:hidden; width:30em; max-width: 708px; height:4em; padding: 4px; border:solid 2px #3B521C; 
background:#FFF7CC; color:#222; text-align:left; margin:8px 0 4px; line-height: 140%;
}

form#contactform textarea#comments { width: 500px!important; }

form#hosmenu optgroup { padding: 4px 0; border-top: 1px solid #eee; }
form#hosmenu optgroup option { padding: 0 4px 0 12px!important; }
}


/* nav =============================================================== */

div.subnav li#currentpage a { color: #333; border: none; text-decoration: none; font-weight: bold;  }
div.module li#currentpage a { color: #333; border: none; text-decoration: none; font-weight: bold;  }
div.module-alt li#currentpage a { color: #333; border: none; text-decoration: none; font-weight: bold;  }

ul#skiplinks { list-style-type: none; display: block; width: 3px; float: left; }
ul#skiplinks a { border:none; }


div.navbar { background-color: #670808; height: 2.75em; overflow: hidden; }
div.navbar ul { list-style-type: none; width: 730px; float: left;}
div.navbar li { display: inline; float: left; }

div.navbar li a { display: block; float: left; text-align: center; color: white; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: .75em 0 .75em;}
div.navbar li a:hover { background:  url(http://www.espiritodovinho.com.br/img/home/navegador01.gif) bottom center no-repeat; }

div.navbar li#nav-home a { width: 45px; }
div.navbar li#nav-cereais a { width: 90px; }
div.navbar li#nav-chas a { width: 85px; }
div.navbar li#nav-especiarias a { width: 85px; }
div.navbar li#nav-frutas a { width: 145px; }
div.navbar li#nav-horti a { width: 85px; }
div.navbar li#nav-mel a { width: 85px; }
div.navbar li#nav-padaria a { width: 80px; }
div.navbar li#nav-orientais a { width: 80px; }
div.navbar li#nav-soja a { width: 80px; }

div.navbar form { padding-top: .5em; width: 230px; float: left; }
div.navbar form input.text { position: relative; top: -2px; width: 150px; }
div.navbar form label { display: block; position: absolute; top: -9999em; left: -9999em; }


div.subnav ul { list-style-type:none; line-height: 125%; width: 200px; padding-bottom: 20px; }
div.subnav ul li { padding: .25em 0 .25em;  }
div.subnav ul li a.active { font-weight: bold; color: #333; border:none; }
div.subnav ul li a.active:hover { border:none; cursor: default; }
div.subnav ul ul { padding: .25em 0 0; margin-left: 16px; list-style-type: none; }
div.subnav h4 { font-size: 1.3em; margin-top: 0; }

body#products-index div.subnav ul span.index a { font-weight: bold; color: black; border: none; }

body.home li#nav-home a, 
body.stores li#nav-cereais a, 
body.products li#nav-chas a,
body.recipes li#nav-especiarias a,
body.education li#nav-frutas a,
body.nutrition li#nav-horti a,
body.values li#nav-mel a,
body.forums li#nav-padaria a,
body.company li#nav-orientais a  
body.company li#nav-soja a   { background:  url(http://www.espiritodovinho.com.br/img/home/navegador02.gif) bottom center no-repeat; }


/* home page =============================================================== */

body.home div.main { width: 710px; float: right; }
body.home div.sidebar { width: 225px; float: left; margin-top: 0; padding-top: 0; }
body.home div.content { width: 960px; padding: 0; background-image: none!important; }
body.home div#content-home div.sidebar, body.home div#content-home div.homecontent { font-size: small; line-height: 140%; }

body.home div.content h4  { font-size: 1em;  }

body.home div.recipes { width: 210px; float: right; background-color: #FFF7CC; padding: 10px;}
body.home div.recipes h2 { font-size: 1.4em; }
body.home div.recipes h4 { font-size: 1.1em; padding-bottom: 6px;}


body.home div#feeds h2, body.home div#feeds h4 { margin-top: 0; padding-top: 0; }
div#opinions p.attr { text-align:right; padding-top: 0; }

body.home div.sidebar ul li, body.home div.sidebar ol li { margin-left: 0!important;}


/* home 01 */
			div#homeshow { width: 700px; height: 225px; overflow: hidden; margin-bottom: 15px; }
			

			div#homeprimary { width: 702px; float: left; font-size: small; }
			div#homesecondary { width: 240px; float: right; font-size: small; }
			div#features p { font-size: 100%; }

			div#feeds ul li p { display: none; } /* hides date & comment count */
				
			div.homefeatures { width: 340px; float: left;}
				div.homefeatures ul { margin: 0;padding: 0; list-style-type: none; }
				div.homefeatures ul li { margin: 0; padding: 12px 0; border-top: 1px dotted #ccc; }
				div.homefeatures ul li.hf-first { margin: 0; padding-top: 0; border-top: none; } 
				div.homefeatures ul li h2 { font-size: 100%; text-transform: uppercase; margin: 0 0 0 135px; padding: 0;}
				div.homefeatures ul li p { margin: .25em 0 0 135px; padding: 0 5px 0 0; font-size: 1em;}
				div.homefeatures ul li a img { float: left; margin: 0 10px 0 0; }
			
				body.home p.morelink { font-style: italic; }
			
			div#homespecials { margin:17px 0 20px; } /* bkgd img and height are set in <head> of home page file */
			div#homespecials a span {  display: block; position: relative; left: -999em; }
						
			div#homepromos { width: 342px; float: right; }
			div#homepromos img { border: none; float: left;  }
			div#homepromos h4 { margin: 10px 0 .5em; padding:0; }
			div#homepromos div.homevideo h5 {  margin: 0 0 .5em 185px; }
			div#homepromos div.homevideo p { margin: 0 0 .5em 185px; }
			div#homepromos div.homevideo p.clear { margin: 1em 0; font-style: italic; }
			
			div#homesecondary div.recipes { padding: 10px 15px 0; height: 344px; margin-bottom: 15px; float: none; overflow: hidden;}
			div#homesecondary div.recipes h2 { margin: 0; padding: 0; }
			div#homesecondary div.recipes form { display: block; }
			div#homesecondary div.recipes .tabberlive .tabbertab { height:205px; overflow:auto; }
			div.tabbertab { height: 180px!important; }

					
			div#homenews { background-color: #930; color: white; margin-bottom: 15px; border: 1px solid #aaa; }
			div#homenews p { text-align: center; font-size: 120%; font-weight: normal; margin: 0; padding: 10px; border: 2px solid #fff; }
			div#homenews a { color: white; border-color: white; }

			
			body.home .bordered, div.homefeatures ul li a img  { border: 1px solid #aaa!important; }