/*
	Theme Name: Village Harvest Rice
	Author: STR-VIT
*/


/* ---|  BASIC STYLES  |---------------------------------------------------- */
html {
	min-width: 986px
}
body {
	font: 11px Verdana, Helvetica, sans-serif;
	background: #827263 url(images/bg-main.png) top left repeat-x;
	color: #303030;
	margin: 0;
	padding: 0;
	}
a:link, a:visited {
	color: #066;
	text-decoration: none;
	}
a:hover, a:visited:hover, a:active {
	text-decoration: underline;
	}
img {
	border: 0px;
	}
form {
	margin: 0px;
	padding:0;
	text-align: left;
	}
/*a:focus, a:hover, a:active {
	outline: none;
	} */
.clear { 
	clear: both;
	}
#wrap {
	width: 986px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	background: #827263 url(images/bg-int.png) top center repeat-y;
	}
#content { /* used in all pages */
	width: 976px;
	margin: 0px auto;
	padding: 0px;
	}
h2 { /* universal subhead */
	font: normal 14px/19px "Arial Black", Impact, sans-serif;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
h4 { /* universal subhead */
	font: normal 12px/17px "Arial Black", Impact, sans-serif;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}


/* ---|  HEADER  |----------------------------------------------------------- */

#header {
	width: 986px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg-int-top.png) no-repeat;
	}	
.headerleft {
	width: 188px;
	float: left;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	}
.headerright {
	width: 763px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	}
p.smallupperlinks {
	color: #666;
	font: normal 10px/10px Verdana, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 0px 12px 0px;
	text-align: right;
	}
p.smallupperlinks a {
	color: #666;
	}
p.smallupperlinks a:hover, p.smallupperlinks a:visited:hover, p.smallupperlinks a:active {
	color: #333;
	text-decoration: none;
	}
	/* ----------------------------------------------------|  social/search  |---------- */	
	.socialicon { /*UU*/
		margin: 1px 10px 0px 0px;
		padding: 0px;
		vertical-align: top;
	}
	#searchform { /*UU*/
		margin: 0px;
		padding: 0px;
		display: inline;
		}
	#searchtable td { /*UU*/
		vertical-align: bottom;
		text-align: right;
		height: 16px;
	}
	#searchtable td.searchcorrect { /*UU*/
		padding-top: 1px;
	}
	#searchbox, #s { /*UU*/
		width: 160px;
		height: 14px;
		color: #202020;
		font: normal 9px/9px Verdana, sans-serif;
		margin: 0px;
		padding: 0px 3px;
		border: 1px solid #888;
		}
	#searchsubmit { /*UU*/
		color: #333;
		font: bold 9px/9px Verdana, sans-serif;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
	/* ----------------------------------------------------|  top nav  |------------------ */	
	#navbar {  
		float: left;
		color: #fff;
		font: normal 16px/16px "Arial Black", Impact, sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-align: right;	
		margin: 0px;
		padding: 28px 0px 0px 0px !important;
		width: 763px;
		}
	#navbar a, #navbar a:link, #navbar a:visited {
		color: #fff;
		margin: 0px;
		padding: 19px 0px 13px 25px !important;
		text-align: right;	
		}
	#navbar a:hover, #navbar a:active {
		color: #7abab5;
		margin: 0px;
		text-decoration: none;
		}
	#subnavbar {
		color: #666;
		float: left;
		font: normal 14px/17px "Arial Black", Impact, sans-serif;
		text-align: right;	
		margin: 0px;
		padding: 15px 0px 15px 0px;
		width: 763px;
		}
	.tabcontent{
		display:none;
		text-align: right;
		height:1.5em;
	}
	#subnavbar a, #subnavbar a:link, #subnavbar a:visited {
		color: #666;
		padding: 0px;
		text-align: right;
		}
	#subnavbar a:hover, #subnavbar a:active {
		color: #333;
		text-decoration: none;
		}

/* ---|  HOMEPAGE  |----------------------------------------------------------- */
#homepageleft {
	float: left;
	width: 607px;
	margin: 0px;
	padding: 0px;
	}
	/* ----------------------------------------------------|  twitter  |------------------ */	
	.twitter {
		background: url(images/home-accessbg.jpg) no-repeat;
		width: 579px;
		height: 230px;
		margin: 0px;
		padding: 0px;
		}
	ul#twitter_update_list {	
		list-style: none;
		margin: 0px;
		padding: 100px 346px 0px 31px;
		}
	ul#twitter_update_list li {
		margin-bottom: 10px;
		}
	.twitter p {
		padding: 0px 346px 0px 31px;
		font-size: .8em;
		font-weight: bold;
		text-transform: uppercase;
		}
	/* ----------------------------------------------------|  slider  |------------------ */	
	.slider {
		background: #fff url(images/home-sliderbg.jpg) no-repeat;
		width: 579px;
		height: 352px;
		margin: 0px;
		padding: 0px;
		}
	#quoterotator {
		background: url(images/home-sliderbg.jpg) no-repeat;
		width: 579px;
		height: 352px;
		margin: 0px;
		padding: 0px;
		}
#homepageright {
	float: left;
	width: 369px;
	margin: 0px;
	padding: 0px;
	}
	/* ----------------------------------------------------|  home right column  |------------------ */	
	.grainingfans {
		background: url(images/home-fansbg.jpg) no-repeat;
		height: 201px;
		margin: 0px;
		padding: 0px;
		}
	.homerightheads {
		margin: 0px;
		padding: 0px;
		text-align: right;
		}
	.grainification {
		background: url(images/home-grainificationbg.jpg) no-repeat;
		height: 201px;
		margin: 0px;
		padding: 0px;
		}
	.ahhthenticity {
		background: url(images/home-ahhthenticitybg.jpg) no-repeat;
		height: 203px;
		margin: 0px;
		padding: 0px;
		}
	.grainingfans p, .grainification p, .ahhthenticity p {
		line-height: 21px;
		margin: 10px 30px 0px 30px;
		padding: 0px;
		}
	.grainingfans p {
		margin-right: 160px;
		}
	.grainingfans a, .grainification a, .ahhthenticity a {
		display: block;
		margin-top: 10px;
		font: 13px/13px "Arial Black", Impact, sans-serif;
		}
	.grainingfans a {
		color: #066;
		}
	.grainification a {
		color: #87bf3d;
		}
	.ahhthenticity a {
		color: #c90;
		text-align: right;
		}

/* ---|  SECTION INDEX TEMPLATE  |----------------------------------------------------------- */
#sectindexleft {
	float: left;
	width: 526px;
	margin: 0px;
	padding: 0px;
	}
#sectindexright {
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
	}
#sectindexright h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-products-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#sectindexright p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#sectindexright ul {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	list-style: none;
	font: normal 14px/22px "Arial Black", Impact, sans-serif;
	}
#sectindexright li {
	margin-bottom: 4px;
	}
#sectindexright li:before {
	content: "\00BB \0020";
	}
#sectindexright ul.nutritionals {
	font: normal 12px/17px "Arial Black", Impact, sans-serif !important;
	}
#sectindexright ul.pressreleaselist {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	list-style: none;
	font: normal 12px/19px "Arial Black", Impact, sans-serif;
	}
#sectindexright ul.pressreleaselist li {
	margin-bottom: 4px;
	}
#sectindexright ul.pressreleaselist li:before {
	content: "\00BB \0020";
	}
#sectindexright ul.pressreleaselist li span.pressreleasedate {
	font: normal 10px Verdana, Helvetica, sans-serif !important;
	color: #666 !important;
	}


/* ---|  PRODUCTS INDEX TEMPLATE  |----------------------------------------------------------- */

#productindexleft {
	float: left;
	width: 526px;
	margin: 0px;
	padding: 0px;
	}
#productindexright {
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
	}
#productindexright h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-products-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#productindexright p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#productindexright ul {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	list-style: none;
	font: normal 14px/22px "Arial Black", Impact, sans-serif;
	}
#productindexright li {
	margin-bottom: 4px;
	}
#productindexright li:before {
	content: "\00BB \0020";
	}
#productindexright a.dry {
	color: #c90;
	}
#productindexright a.frozen {
	color: #87bf3d;
	}

/* ---|  PRODUCTS TEMPLATE  |----------------------------------------------------------- */

#productleft {
	float: left;
	width: 526px;
	margin: 0px;
	padding: 0px;
	}
#productright {
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
	}
#productright h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-products-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#productright p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#productright ul {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	list-style: none;
	font: normal 12px/17px "Arial Black", Impact, sans-serif;
	}
#productright li {
	margin-bottom: 4px;
	}
#productright li:before {
	content: "\00BB \0020";
	}

/* ---|  ARTICLE TEMPLATES  |----------------------------------------------------------- */

p.youarehere { /* used in all article templates */
	font: normal 9px/9px Verdana, Arial, sans-serif !important;
	text-transform: uppercase;
	margin: 20px 0px 5px 30px !important;
	padding: 5px 30px 5px 0px !important;
	background: #f0f0f0 !important;
	text-align: right;
	}
#article1left {
	float: left;
	width: 336px;
	margin: 0px;
	padding: 55px 0px 0px 0px;
	}
#article1right {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
	}
#article1right h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-blog-index-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#article1right p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}

#article2left {
	float: left;
	width: 336px;
	margin: 0px;
	padding: 55px 0px 0px 0px;
	}
#article2right {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
	}
#article2right h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-blog-index-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#article2right p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
div#articlecallout {
	background: url(images/article2-left-bg.jpg) repeat-y;
	margin: 25px 0px 0px 0px;
	padding: 15px 45px 15px 30px;
	}
div#articlecallout p {
	color: #666  !important;
	font: normal 15px/25px "Arial Black", Impact, sans-serif !important;
	margin: 0px !important;
	padding: 0px !important;
	}
#article3left {
	float: left;
	width: 336px;
	margin: 55px 0px 0px 0px;
	padding: 0px;
	background: url(images/article3-left-bg.jpg) repeat-y;
	}
#article3right {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
	}
#article3left h1 {
	color: #666;
	font: normal 18px/25px "Arial Black", Impact, sans-serif;
	background: url(images/article3-left-bg.jpg) no-repeat;
	margin: 0px;
	padding: 23px 0px 0px 30px;
	}
#article3left p {
	line-height: 21px;
	margin: 0px;
	padding: 12px 45px 30px 30px;
	}
#article3right h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-blog-index-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#article3right p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#article1right ol.faq  {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	}
#article1right ol.faq li {
	margin: 0px 0px 0px 25px;
	list-style-type: none;
	padding: 0px 5px 10px 5px;
	}
#article1right ol.faq li.alt {
	background: #f4f4f4 !important;
	}
#article1right ol.faq li h3 {
	margin: 0px 0px 5px 0px;
	font: bold 11px/21px Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 25px;
	}
#article1right ol.faq li p {
	margin: 0px;
	padding: 0px;
	font: 11px/21px Verdana, Helvetica, sans-serif !important;
	}
#article1right ol.faq li div.author {
	display: none;
	}
#article1right ul, #article2right ul, #article3right ul {
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#article1right ul li, #article2right ul li, #article3right ul li {
	line-height: 21px;
	margin-bottom: 12px;
	}
#article1right .socialpars img {
	float: left;
	clear: left;
	margin: 0px 15px 15px 0px;
	}
#article1right .socialpars p {
	clear: left;
	}
#article1right .socialpars a {
	font-weight: bold;
	}


/* ---|  GRAINY DETAILS BLOG  |----------------------------------------------------------- */

#grainyleft {
	float: left;
	width: 336px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	background: url(images/blog-left-bg.jpg) repeat-y;
	}
#grainyleft p.grainytop {
	width: 336px;
	height: 302px;
	margin: 0px;
	padding: 0px;
	background: url(images/blog-left-top.jpg) no-repeat;
	}
#grainyleft ul {
	list-style: none;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-transform: uppercase;
	}
#grainyleft ul li {
	margin: 0px;
	padding: 0px;
	width: 225px;
	text-align: right;
	background: url(images/blog-archive-list-bg.png) right bottom no-repeat;
	}
#grainyleft a:link, #grainyleft a:visited {
	color: #666;
	text-decoration: none;
	}
#grainyleft a:hover, #grainyleft a:visited:hover, #grainyleft a:active {
	color: #066;
	text-decoration: none;
	}
#grainyright {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
	}
#grainyright h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-blog-index-blank.png) no-repeat;
	margin: 30px 0px 0px 0px;
	padding: 6px 0px 7px 30px;
	text-align: left;
	}
#grainyright h1 span {
	display: block;
	float: right;
	width: 150px;
	color: #7abab5;
	text-align: left;
	font: bold 10px/10px Verdana, sans-serif;
	margin: 0px;
	padding: 4px 0px 7px 30px;
	}
#grainyright h1 a {
	color: #fff;
	}
#grainyright h1 a:hover, #grainyright h1 a:visited:hover, #grainyright h1 a:active {
	color: #7abab5;
	text-decoration: none;
	}
#grainyright p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#grainyright p.quote {
	color: #444;
	padding: 20px;
	margin: 10px 30px 0px 30px;
	font: italic 13px/23px Georgia, serif !important;
	background: #ffffee;
	}
#grainyright #searchresultsdiv p {
	padding: 0px;
	margin: 0px 30px 0px 30px;
	}
#grainyright #searchresultsdiv p.searchresulttitle {
	padding: 0px;
	margin: 20px 30px 0px 30px;
	font: normal 13px/15px "Arial Black", Impact, sans-serif;
	}
#grainyright #searchresultsdiv p.pagination {
	padding: 0px;
	margin: 30px 30px 0px 30px;
	}
#grainyright #searchresultsdiv p.pagination a {
	padding: 5px 10px;
	margin: 0px 30px 0px 0px;
	font: normal 13px/15px "Arial Black", Impact, sans-serif;
	background: #f3f3f3;
	border: 1px solid #999;
	}

/* ---|  GRAINING FANS  |----------------------------------------------------------- */

#grainingfansleft, #grainingfansright {
	float: left;
	width: 473px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
#grainingfansleft h1, #grainingfansright h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-products-index-blank-lt.png) no-repeat;
	margin: 30px 0px 0px 0px;
	padding: 6px 0px 7px 30px;
	text-align: left;
	}
#grainingfansright h1.fansmain {
	background: url(images/hd-products-index-blank.png) no-repeat;
	margin-top: 0px;
	}
#grainingfansleft p, #grainingfansright p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#grainingfansleft p img {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	}
#grainingfansright p img {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	}
.spacer {
	float: left;
	width: 30px;
	margin: 0px;
	padding: 0px;
	}
#buyvhrleft {
	float: left;
	width: 473px;
	margin: 0px;
	padding: 275px 0px 0px 0px;
	background: url(images/bg-left-locator.jpg) no-repeat;
	}
#buyvhrleft .formrestrain {
	margin: 0px auto;
	padding: 0px 30px;
	}
#buyvhrleft .formrestrain label {
	text-align: right;
	visibility:hidden;
	width: 100%;
	}
#buyvhrleft .formrestrain label.zipinput {
	visibility: visible;
	padding-right: 3px;
	font-weight: bold;
	}
#buyvhrleft .formrestrain button.buyvhrbutton {
	}
#buyvhrleft .formrestrain td {
	font: normal 10px/21px Verdana, sans-serif !important;
	}
#buyvhrleft .buyvhronline {
	border-top: 5px solid #fff;
	padding: 10px 30px;
	margin: 15px 0 0 0px;
	font: normal 14px/14px "Arial Black", Impact, sans-serif;
	text-align: center;
	background: #CFF7F6;
	}

/* ---|  FOOTER  |----------------------------------------------------------- */

#footer {
	background: url(images/bg-int-bot.png);
	width: 986px;
	height: 77px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#footer p {
	color: #999;
	font: 9px/9px Verdana, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 61px 0px 0px 0px;
	word-spacing: 2px;
	letter-spacing: 1px;
}
#footer a, #footer a:visited {
	color: #999;
	}
	
/* ------  SET HEADER BACKGROUNDS AND HEIGHTS  ------ */
body#home #header { height: 220px; background: url(images/bg-int-top-home.png) no-repeat; }
body#about #header { height: 250px; background: url(images/bg-int-top-about.png) no-repeat; }
body#blog #header { height: 250px; background: url(images/bg-int-top-blog.png) no-repeat; }
body#buy #header { height: 250px; background: url(images/bg-int-top-buy.png) no-repeat; }
body#cooking #header { height: 250px; background: url(images/bg-int-top-cooking.png) no-repeat; }
body#dry #header { height: 250px; background: url(images/bg-int-top-dry.png) no-repeat; }
body#frozen #header { height: 250px; background: url(images/bg-int-top-frozen.png) no-repeat; }	
body#health #header { height: 250px; background: url(images/bg-int-top-health.png) no-repeat; }
body#news #header { height: 250px; background: url(images/bg-int-top-news.png) no-repeat; }
body#products #header { height: 250px; background: url(images/bg-int-top-products.png) no-repeat; }
body#join #header { height: 250px; background: url(images/bg-int-top-join.png) no-repeat; }
body#contact #header { height: 250px; background: url(images/bg-int-top-contact.png) no-repeat; }
body#blank #header { height: 250px; background: url(images/bg-int-top-blank.png) no-repeat; }
	
/* ------  SET PRODUCT LINK COLORS  ------ */

#product #content a:link, #product #content a:visited { color: #c90; font-weight: bold; }
#dry #content a:link, #dry #content a:visited { color: #c90; font-weight: bold; }
#frozen #content a:link, #frozen #content a:visited { color: #87bf3d; font-weight: bold; }


/* ---|  FORMS  |----------------------------------------------------------- */

.required {
	color: #777 !important;
	font: italic 10px Verdana, Arial, sans-serif !important;
}
textarea {
	width: 80%;
}

/* ---|  EMMA  |----------------------------------------------------------- */

.e2ma_signup_form { margin: 15px 30px 20px 30px; padding: 0px; }
.e2ma_signup_form input[type=text], .e2ma_signup_form textarea, .e2ma_signup_form select { 
	border:1px solid #ccc; 
	font-family:Verdana, sans-serif;
	font-size:10px;
	width: 88%; 
	}
.e2ma_signup_message {
	line-height: 21px;
	margin-bottom: 4px;
	}
.e2ma_signup_form_label {
	line-height: 21px;
	padding: 4px 0px 2px 0px;
	display: block;
	}
.e2ma_signup_form_required_footnote {
	font: italic 10px/21px Verdana, sans-serif;
	font-size:10px;
	color:#800;
	}
.e2ma_signup_form_required_asterix { color:#800 !important; }
.e2ma_signup_form_button_row { float:left; padding: 10px 0px 20px 0px;}


/* ---|  EMMA FOR COSTCO  |----------------------------------------------------------- */

#costcosignup .e2ma_signup_form { width:400px; }
#costcosignup .e2ma_signup_image_container, #costcosignup .e2ma_signup_image, #costcosignup .e2ma_signup_form_group_label, #costcosignup .e2ma_signup_message { display: none !important }

/* Controls width, style, and padding of the table border outlines around individual member fields */
#costcosignup .e2ma_signup_form_row {
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
#costcosignup .e2ma_signup_form input[type=text],
#costcosignup .e2ma_signup_form textarea,
#costcosignup .e2ma_signup_form select { 
	border:1px solid #ccc; 
	font-family:Verdana, sans-serif;
	font-size:12px;
	width: 260px; 
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
#costcosignup .e2ma_signup_form_label {
	clear: left;
	float:left;
	text-align:left;
	width:185px;
	padding-top:5px;
	white-space:nowrap
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
#costcosignup .e2ma_signup_form_element {
	margin-left:215px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
#costcosignup .e2ma_signup_form_groups {
	margin-top: 15px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
#costcosignup .e2ma_signup_form_required_footnote {
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
#costcosignup .e2ma_signup_form_button { 
    width: 60px !important;
}



/* ---|  JOIN FOR COSTCO  |----------------------------------------------------------- */

.smallnote {
	font-size:10px;
	font-style: italic;
	color:#555;
}


#costcosocials a {
	display: block;
	clear: left !important;
	}

#costcosocials img {
	float: left !important;
	clear: left !important;
	margin: 0px 8px 10px 0px;
	}


/* ---|  ARTICLE TEMPLATES  |----------------------------------------------------------- */

#recipesleft {
	float: left;
	width: 336px;
	margin: 0px;
	padding: 138px 0px 0px 0px;
	background: url(images/bg-left-recipes.jpg) no-repeat;
	}
#recipesleft h5 {
	font: normal 15px/17px "Arial Black", Impact, sans-serif;
	margin: 15px 60px 4px 30px;
	padding: 0px;
	color: #666 !important;
	}
#recipesleft p {
	color: #666 !important;
	font: 10px/16px Verdana, Arial, sans-serif !important;
	padding: 0px;
	margin: 0px 60px 15px 30px;
	}
#recipesleft p span.link {
	display: block;
	width: auto;
	}	
#recipesleft p.recipeshare span.link {
	display: inline !important;
	}
#recipesleft p.searchbox .searchrecipesbox {
	color: #333 !important;
	font: 10px/16px Verdana, Arial, sans-serif !important;
	width: 180px;
	}
#recipesleft p.leftrecipecount {
	color: #aab8b9 !important;
	font: normal 14px/17px "Arial Black", Impact, sans-serif !important;
	margin: 0px;
	padding: 0px 35px 0px 190px;
	height: 95px;
	text-align: center;
	}
#recipesleft .ratingblock {
	padding: 0px;
	margin: 0px 60px 15px 30px;
	border: 0px;
	background: none;
	}
#recipesleft .ratingblock p.voted, #recipesleft .ratingblock p {
	text-align: left !important;
	width: 100% !important;
	padding: 0px !important;
	margin: 2px 0px !important;
	clear: both !important;
	}
#recipesright {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
	}
#recipesright h1 {
	color: #fff;
	font: normal 18px/18px "Arial Black", Impact, sans-serif;
	background: url(images/hd-blog-index-blank.png) no-repeat;
	margin: 0px;
	padding: 6px 0px 7px 30px;
	}
#recipesright p {
	line-height: 21px;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#recipesright #categories {
	margin: 20px 30px 0px 30px;
	padding: 0px;
	}
#recipesright #categories p {
	line-height: 21px;
	margin: 5px 30px 0px 0px !important;
	padding: 0px;
	}
#recipesright #categories .leftCatsList, #recipesright #categories .rightCatsList {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 190px;
	}
#recipesright #categories h2 {
	font: normal 14px/19px "Arial Black", Impact, sans-serif;
	margin: 20px 10px 0px 0px;
	padding: 0px;
	}
#recipesright h6 {
	color: #888 !important;
	font: normal 14px/19px "Arial Black", Impact, sans-serif;
	margin: 20px 10px 0px 30px;
	padding: 0px;
	}
#recipesright #recipecontainer p, #recipesright p  {
	line-height: 21px;
	margin: 10px 30px 0px 30px;
	padding: 0px;
	}
#recipesright #recipecontainer p.recipedatebar {
	color: #666 !important;
	font: 10px/16px Verdana, Arial, sans-serif !important;
	margin: 0px 30px 0px 30px !important;
	padding: 0px;
	}
#recipesright #recipecontainer div.recipe {
	line-height: 21px;
	margin: 10px 30px 0px 30px;
	padding: 0px;
	}
#recipesright #recipecontainer div.recipe span.by, .smallRSS {
	display: none !important;
	}
#recipesright #recipecontainer p.pages {
	border-top: 1px solid #ccc;
	color: #666 !important;
	font: 10px/16px Verdana, Arial, sans-serif !important;
	margin: 20px 30px 0px 30px !important;
	padding: 10px 0px 0px 0px;
	text-transform: uppercase;
	}
#imageContainer { height: 200px !important; padding: 6px 0px 7px 30px; }
#imageContainer img.pic { width: 160px; height: auto; float: left; padding-bottom: 10px; }

#recipesright .photo {
	float: right;
	margin: 25px 0 20px 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}

#recipesright h2.fn { display: none; }
#recipesright h4.ingredients, #recipesright h4.instructions,  #recipesright h4.quicknotes {
	color: #888 !important;
	font: normal 14px/19px "Arial Black", Impact, sans-serif;
	margin: 20px 10px 0px 30px;
	padding: 0px;
	text-transform: lowercase;
	}
ul.ingredients, ul.instructions
{
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
	}
ul.ingredients li
{
	list-style-type: disc;
	margin: 3px 0 0 45px;
	padding: 0;
	line-height: 16px;
	}
ul.instructions li
{
	list-style-type: none;
	margin: 3px 20px 0 30px;
	padding: 0;
	line-height: 21px;
	}
div.quicknotes { margin-bottom: 12px; margin-right: 20px; }
.nutrition .calories, .nutrition .fat, .nutrition .protein, p.yield
{
	margin: 0 0 0 30px !important;
	padding: 0 !important;
	line-height: 12px;
	font-size: 90%;
	}
ul.recipe-cat-list
{
	list-style-type: disc;
	margin: 3px 0 0 15px;
	padding: 0;
	line-height: 16px;
	}
ul.recipe-cat-list li
{
	list-style-type: none;
	margin: 3px 20px 0 15px;
	padding: 0;
	line-height: 21px;
	width: 40%;
	float: left;
	}
p.recipe-description {
	margin-bottom: 40px;
	font-weight: bold;
	}