/* CSS Document */

/*** BEGIN STRUCTURAL ELEMENTS ***/

	/*** general ***/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%; /* 0.83em = 10px \ 0.91em = 11px \ 1em = 12px \ 1.08em = 13px \ 1.16em = 14px */
	text-align:center;
	margin: 0;
	padding: 0;
	color:#094fa3;
}
.bg_fade {
	background:url(http://novameximages.stantonstreet.com/images/body_bg_fade.jpg) top repeat-x;
}
.bg_sub {
	background-color:#FFFCF5;
}
.clearboth {clear:both;}

h3, h4 {
	font-size:2em;
}
p {
	font-size:1.2em; 
	line-height:1.3em;
}
p a {
	color:#094fa3;
	font-weight: bold;
}
p a:hover {
	color:#000000;
	text-decoration:none;
}

h3#page-title {

}

	/*** end general ***/

#container {
	width: 952px;
	margin: 0 auto;
	padding: 0 22px;
}

.index_container {
	min-height:700px;
	background:url(http://novameximages.stantonstreet.com/images/container_bg_index.jpg) top no-repeat;
}

#top {
	width:952px;
	height:25px;
	float:left;
}

ul#language {
	float:right;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top:5px;
}
ul#language li {
	display: inline;
}
ul#language li a {
	width:65px;
	height:18px;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-position:top right;
}

ul#language li.english a {
	background:url(http://novameximages.stantonstreet.com/images/btn_language_spanish.jpg);	
}

ul#language li.spanish a {
	background:url(http://novameximages.stantonstreet.com/images/btn_language_english.jpg);	
}

ul#language li.english_sub a {
	background:url(http://novameximages.stantonstreet.com/images/btn_language_spanish_sub.gif);	
}

ul#language li.spanish_sub a {
	background:url(http://novameximages.stantonstreet.com/images/btn_language_english_sub.gif);	
}

ul#language li a:hover {
	background-position: bottom right!important;
}

	/*** header area ***/
#header {
	float:left;
	width:952px;
}
.header_index {
	height:170px;
	background: url(http://novameximages.stantonstreet.com/images/header_bg.jpg) top no-repeat;
}
.header_sub {
	height:193px;
	background: url(http://novameximages.stantonstreet.com/images/header_bg_sub.jpg) top no-repeat;

}
#head_left, #head_right {
	float:left;
	width:377px; /* size to adjust with the other sizes */
	
}

h1#novamex_logo {
	padding: 0;
	margin: 25px 0 0 0; /* 297 + 99 + 80 = 476px center (novamex logo + half of the center logo + padding = 476px) */
	float:right;
}
h1#novamex_logo a{
	width: 297px;
	height: 67px;
	background:url(http://novameximages.stantonstreet.com/images/logo_novamex.png) no-repeat;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
h1#novamex_logo_brand {
	padding: 0;
	margin: 25px;
	float:right;
}
h1#novamex_logo_brand a{
	width: 219px;
	height: 48px;
	margin-right:30px;
	background:url(http://novameximages.stantonstreet.com/images/logo_novamex_combo.png) no-repeat;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
h1#novamex_logo_brand a.blue{
	background:url(http://novameximages.stantonstreet.com/images/logo_novamex_combo_blue.png) no-repeat !important;
}

ul#navigation_left, 
ul#navigation_right, 
ul#navigation_left_sub, 
ul#navigation_right_sub {
	list-style: none;
	padding: 0;
	margin: 0;
	clear:both;
}
/*
ul#navigation_left {
	width:270px;
	float:right;
	margin-top:7px;
	position:relative;
}
*/
ul.navigation_left_brand  {
	margin-top:0 !important;
}

ul#navigation_left li, 
ul#navigation_right li {
	display: inline;
	float: left;
	position: relative;
}

ul#navigation_left li a, 
ul#navigation_right li a{
	height: 23px;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-position: top;
}

ul#navigation_left li a:hover, 
ul#navigation_right li a:hover{
	background-position: bottom !important;
}

ul#navigation_left li a.selected, 
ul#navigation_right li a.selected{
	background-position: bottom !important;
}

#subnav_left {
	float: right;
	clear: both;
	width: 100%;
}



#subnav_right {
	float: left;
	clear: both;
	width: 100%;
}

ul#navigation_left_sub, 
ul#navigation_right_sub {
	padding-top:3px;
}
ul#navigation_left_sub {
	padding-right:5px;
	float: right;
}
ul#navigation_right_sub {
	padding-left:5px;
}
ul#navigation_left_sub li {
	display: inline;
	float: left;
}
 
ul#navigation_right_sub li {
	display: inline;
	float: left;
}

ul#navigation_left_sub li a, 
ul#navigation_right_sub li a{
	height: 23px;
	font-family:Arial, Helvetica, sans-serif;
	color:#094fa3;
	text-decoration:none;
}
ul#navigation_left_sub li a {
	margin-left:10px;
}
ul#navigation_right_sub li a{
	margin-right:10px;
}
ul#navigation_left_sub li a:hover, 
ul#navigation_right_sub li a:hover{
	text-decoration:underline;
}
/*
ul#navigation_right {
	width:300px;
	float:left;
	margin-top:11px;
}
*/
/* navigation_left */
/*
ul#navigation_left li.about a{
	width: 63px;
	background: url(http://novameximages.stantonstreet.com/images/nav_about.gif);
}
ul#navigation_left li.distribution a{
	width: 75px;
	background: url(http://novameximages.stantonstreet.com/images/nav_distribution.gif);
}
ul#navigation_left li.recipes a{
	width: 57px;
	background: url(http://novameximages.stantonstreet.com/images/nav_recipes.gif);
}
ul#navigation_left li.advertising a{
	width: 75px;
	background: url(http://novameximages.stantonstreet.com/images/nav_advertising.gif);
}
*/
/* navigation_right */
/*
ul#navigation_right li.promotions a{
	width: 76px;
	background: url(http://novameximages.stantonstreet.com/images/nav_promotions.gif);
}
ul#navigation_right li.community a{
	width: 76px;
	background: url(http://novameximages.stantonstreet.com/images/nav_community.gif);
}
ul#navigation_right li.contact a{
	width: 76px;
	background: url(http://novameximages.stantonstreet.com/images/nav_contact.gif);
}
*/
/* Drop Menu */
  
#header #head_left ul#navigation_left li ul,
#header #head_right ul#navigation_right li ul {
	width: 180px !important;
	cursor: pointer;
	position: absolute !important;
	display: none;
	margin: 0;
	padding: 0;
	background: #f58220 url(http://novameximages.stantonstreet.com/images/nav_dropdown_bg.gif) top repeat-x;
}

#header #head_left ul li:hover ul,
#header #head_left ul li ul.msiefix,
#header #head_right ul li:hover ul,
#header #head_right ul li ul.msiefix{
	z-index: 100; 
	display: block !important; 
}

#header #head_left ul#navigation_left li ul li,
#header #head_right ul#navigation_right li ul li {
	width:180px;
	border-top:1px solid #FFF;
	padding:0px;
	margin:0px;
}

#header #head_left ul#navigation_left li ul li a,
#header #head_right ul#navigation_right li ul li a {
	width:175px;
	height:19px;
	text-indent:0 !important;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#00548f;
	text-decoration:none;
	text-align:left;
	padding: 3px 0 0 5px;
	margin:0;
}
#header #head_left ul#navigation_left li ul li a:hover,
#header #head_right ul#navigation_right li ul li a:hover {
		background:url(http://novameximages.stantonstreet.com/images/nav_dropdown_over_bg.gif) top repeat-x !important;
		color:#FFFFFF;
}
	/*	Nosotros Drop List */

	#header #head_left ul#navigation_left li ul#about_menu,
	#header #head_left ul#navigation_left li ul#about_menu li {
		width:180px !important;
	}
	#header #head_left ul#navigation_left li ul#about_menu li a {
		width:175px;
	}
	
	
	/* Distribution Drop List */


	
	/* Community Drop List */
	#header #head_right ul#navigation_right li ul#community_menu,
	#header #head_right ul#navigation_right li ul#community_menu li {
		width:180px !important;
	}
	#header #head_right ul#navigation_right li ul#community_menu li a {
		width:175px;
	}

	
	/* Contact Us Drop List */
	#header #head_right ul#navigation_right li ul#contact_menu,
	#header #head_right ul#navigation_right li ul#contact_menu li {
		width:180px !important;
	}
	#header #head_right ul#navigation_right li ul#contact_menu li a {
		width:175px;
	}


/* END Drop Menu */

h1#logo {
	padding: 0;
	margin: 0;
	float:left;
}
h1#logo a{
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

div#logo {
	padding: 0;
	margin: 0;
	float:left;
}
div#logo a{
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
h1#logo a.novamex{
	width: 198px;
	height: 169px;
	background:url(http://novameximages.stantonstreet.com/images/logo_novamex_symbol.png) no-repeat;
}
h2#tagline {
	padding: 0;
	margin: 25px 0 0 10px;
	float:left;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
}
h2.novamex {
	width: 263px;
	height: 63px;
	background:url(http://novameximages.stantonstreet.com/images/tagline_novamex.png) no-repeat;
}

#content_index{
	float:left;
	text-align:left;
	width:952px;
	min-height:354px;
}


#content_area {
	margin-left: 50px;
	margin-right: 50px;
	float:left;
	text-align:left;
	width:852px;
	min-height:354px;
}
#content_area h3,
#content_area h4, 
#content_area p {
	margin:0 0px 15px 0px;
}
#content_area ul {
	font-size:1.2em;
	line-height:1.3em;
}
#content_area ul li {
	margin-bottom:6px;

}
#index_col_left, 
#index_col_right {
	float:left;
	width:421px;
	text-align:left;
	color:#065187;
}
#index_center_content {
	padding: 0;
	margin: 0;
	margin-top: 15px;
	float:left;
	width:100%;
	text-align:center;
}
#index_center_content img{
	border: 0;
}

#index_col_left {
	padding:10px 15px 0 35px;
}

#index_col_right {
	padding:10px 35px 0 15px;
}
#index_col_left p, 
#index_col_right p {
	line-height:1.4em;
}

	/*** footer area ***/
#footer {
	float:left;
	width:952px;
	height:15px;
	margin:0;
	padding:0;
}

#footer p, 
#footer a{
	font-family:Arial, Helvetica, sans-serif;
	color: #989898;
	text-decoration:none;
	margin:0;
	padding:0;
}
#footer p {
	font-size:0.9em;
	float:right;
	margin:15px 35px 0 0;
	padding-right:20px;
	background:url(http://novameximages.stantonstreet.com/images/sstg_icon.gif) right no-repeat;
}
#footer a:hover{
	text-decoration:underline;
}
	/*** end footer area ***/

/*** END STRUCTURAL ELEMENTS ***/


/*** BEGIN SPECIFIC STYLING ***/
.product_specification {
	float: left;
	width: 284px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	position: relative;
	cursor: help;
}

.product_documents {
	color: #00548F;
	display: none;
	position: absolute;
	text-align: left;
	top: 0;
	left: 0;
	width: 264px;
	height: 130px;
	padding: 10px;
	background-color: #D6E6EE;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.product_documents a{
	color: #00548F;
}

.product_documents a:hover{
	text-decoration: underline;
}

.product_documents ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.img_left {
	float:left;
	margin:0 15px 15px 0;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}
.img_center {
	text-align:center;
}
/*** Distributor Form ***/
#distributor_form ul{
	padding: 0;
	margin: 0;
	width: 50%;
	float: left;
}
#distributor_form li{
	float:left;
	width: 60%;
	margin: 5px;
	padding:0;
	list-style-type:none;
}
#distributor_form .form_label{
	text-align:right;
	width: 44%;
}
#distributor_form .form_input{
	margin-left: 5px;
}
#distributor_form .product_list{
	width:50%;
	float:left;
}
#distributor_form tr{
vertical-align:top;
}


/***************************** Icon pages ***/
.button_area {
	padding-top:30px;
}
.distributors,
.contact_first,
.community_first {
	margin-left:100px !important;
}
.contact_second,
.community_second {
	margin-left:225px !important;
	clear:both;
}
.large_buttons {
	float:left;
	padding-top:180px;
	margin-right:50px;
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
	line-height:1.2em;
}

.large_button_last {
	margin-right:0;
}

/*** Advertising icons ***/
.tv {
	background-image:url(../images/button_tv.jpg);
	width:150px;

}

.radio {
	background-image:url(../images/button_radio.jpg);
	width:136px;

}

.out_of_home {
	background-image:url(../images/button_ooh.jpg);
	width:217px;

}

.other {
	background-image:url(../images/button_other.jpg);
	width:190px;

}


/*** Community icons ***/
.sponsorship {
	background-image:url(../images/button_sponsorship.jpg);
	width:226px;
}

.events {
	background-image:url(../images/button_events.jpg);
	width:167px;
}

.donations {
	background-image:url(../images/button_donations.jpg);
	width:203px;
}

.copa_jarritos {
	background-image:url(../images/button_copa_jarritos.jpg);
	width:190px;
}

.news {
	background-image:url(../images/button_news.jpg);
	width:168px;
}




/*** Contact icons ***/

.faq {
	background-image:url(../images/button_faqs.jpg);
	width:131px;

}

.general_request {
	background-image:url(../images/button_general_request.jpg);
	width:255px;

}

.find_a_store {
	background-image:url(../images/button_distributor_international.jpg);
	width:167px;
}


/*** Distributor icons ***/
.looking_for_a_distributor {
	background-image:url(../images/button_distributor_looking.jpg);
	width:185px;

}

.become_a_distributor {
	background-image:url(../images/button_distributor_becoming_a.jpg);
	width:207px;
}

.international {
	background-image:url(../images/button_distributor_international.jpg);
	width:167px;
}

.mexgrocer {
	float:right; 
	margin: 0 0 15px 15px;
	padding-left:10px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	border-left: #A9B5CD 1px solid;
}

.mexgrocer img {
	border:0;

}

#recipe_category_list li{
	list-style-type:none;
	float:left;
	width: 20%;
	height:200px;
	text-align:center;
}
#form li{
	list-style-type:none;
}

/*** END SPECIFIC STYLING ***/


/*** RECIPE STYLING ***/
#recipe_category_list img{
	border: 2px solid #094fa3 !important;
	margin-bottom: 10px;
}

#recipe_category_list a{
	text-decoration: none;
	font-weight: bold;
	color:#094fa3;
}

#recipe_category_list a:hover{
	text-decoration: none;
	color: #000000;
}

.recipe_detail {
	list-style: none;
	text-align: left;
}

.recipe_category_image {
	float: left;
	width: 16%;
	height: 100%;
	text-align: left;
}

.recipe_category_image img {
	border: 2px solid #094fa3;
}

.recipe_category_list {
	float: left;
	width: 29%;
	height: 100%;
	text-align: center;
}

.recipe_category_list_empty {
	width: 80%;
	float: left;
}

.recipe_catergory_details {
	float: left;
	width: 55%;
	height: 100%;
	text-align: left;
}

.recipe_detail a {
	text-decoration: underline;
	font-weight: bold;
	color:#094fa3;
}

.recipe_detail a:hover {
	color:#000000;
}


a.category_list {
	text-decoration: underline;
	color:#094fa3;
}

a:hover.category_list {
	color:#000000;
}
/*** END RECIPE STYLING ***/

/*** ADVERTISING STYLING ***/
.advertising a {
	text-decoration: underline;
	color:#094fa3;
}

.advertising a:hover {
	color:#000000;
}
/*** END ADVERTISING STYLING ***/


.promotions a {
	text-decoration: underline;
	font-weight: bold;
	color:#094fa3;
}

.promotions a:hover {
	text-decoration: underline;
	color:#000000;
}

.failure{
	font-weight: bold;
	padding: 5px;
	background-color:#FF0000;
	color: #FFFFFF;
	text-align:center;
}
.success{
	font-weight: bold;
	padding: 5px;
	background-color:#00CC00;
	color: #FFFFFF;
	text-align:center;
}
#sponsorship_list{
	padding: 0;
	margin: 0;
}
#sponsorship_list li{
	padding:10px ;
	margin: 10px 0;
	list-style-type: none;
	clear:both;
}
#sponsorship_list li img{
	float: left;
	border: 2px solid #094fa3;
	margin: 0;
	padding: 0;
}	

#sponsorship_list a {
	text-decoration: underline;
	font-weight: bold;
	color:#094fa3;
}
.sponsor_item{
	margin-left: 125px;
}
#sponsorship_list a:hover {
	text-decoration: underline;
	color:#000000;
}
#sponsorship_detail img{
	float: right;
}

.date {
	font-size: .8em;
}

.public_relations ul {
	list-style: none;
	text-align: left;

}

.public_relations li {
	list-style: none;
	text-align: left;
}

.public_relations li img{
	float: left;
	border: 2px solid #094fa3;
	margin: 0 10px 10px 0;
	padding: 0;
}	

.public_relations a {
	text-decoration: underline;
	font-weight: bold;
	color:#094fa3;
}

.public_relations a:hover {
	text-decoration: underline;
	color:#000000;
}

.public_relations_detail  img{
	float: left;
	border: 2px solid #094fa3;
	margin: 0 10px 10px 0;
	padding: 0;
}	

.public_relations_detail a {
	text-decoration: underline;
	font-weight: bold;
	color:#094fa3;
}

.public_relations_detail a:hover {
	text-decoration: underline;
	}

#disclaimer { margin:40px 0px;  font-size:.9em; padding-top:15px; border-top:1px solid #094FA3;}
#disclaimer a { text-decoration:underline; color:#094fa3; margin:0 0 7px 0; display:block;}
#disclaimer a:hover { color:#000000;}
.disclaimer_title { text-transform:uppercase;}