/*-----------------------------------------------------------------------*/
/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/

/****************************** IMPORTANT ************************************ 
   This CSS document controls only the css that is specific to the spanish 
   pages. For any changes that will occur site wide please make them in the 
   main css file located in root/css/layout.css. - A.P. 2006-09-22
*****************************************************************************/

input.submit-image, input.submit-contact-main { 
	background:url("../images/btn-submit.jpg");
	width:62px;
	}
	
#masthead {
	background:url("../images/masthead-spanish.jpg") no-repeat;
	height:80px;
	}
	
#column-right {
	background:url("../images/col-right-top-spanish.jpg") no-repeat;
	position:relative;
	}
	#left-contact { background:url("../images/col-left-contact.jpg") no-repeat; height:76px;}

	#column-right input.submit-right{ 
		background:url("../images/btn-submit-r.jpg");
		width:71px;
	}
	
/* --------------------------------------- spanish subheads --------------------------------- */
body#index #subhead { background:url("../images/subhead-index.jpg"); }
body#how #subhead { background:url("../images/subhead-how.jpg"); }
body#areas #subhead { background:url("../images/subhead-areas.jpg"); }
body#proner #subhead { background:url("../images/subhead-proner.jpg"); }
body#news-pg #subhead { background:url("../images/subhead-news.jpg"); }
body#contact #subhead { background:url("../images/subhead-contact.jpg"); }
body#sitemap-spa #subhead { background:url("../images/subhead-sitemap-spa.jpg"); }
body#gracias #subhead { background:url("../images/subhead-gracias.jpg"); }
body#verdicts-spanish #subhead { background:url("../images/subhead-verdicts.jpg"); }

body#sitemap-spa #column-middle-sub h2 a { text-decoration:none; }
/* -------------------------------- Spanish Navigation -------------------------------- */
#sidenav #nav {
	background:url("../images/nav.gif") top left no-repeat;					
	width:170px;
	height:110px;
	margin:0;
	padding:0;
	}

#nav-05 { background:url("../images/nav-05.gif") no-repeat; }
#nav-06 { background:url("../images/nav-06.gif") no-repeat; }

#nav li span, #nav-05 span, #nav-06 span { display: none; }

#sidenav #nav li {
	float:left;
	list-style:none;
	background:none;
	}

#sidenav #nav li, #sidenav #nav a, #nav-05, #nav-06 a { 
	height:26px;			/* Each button must have the same height, define it here */
	display:block;
	margin-left:0;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	}

/* margin-top to set where the nav should begin */
#column-left #sidenav #nav-01 { margin-top:6px; width:170px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06 { width:170px; }

#nav-01 a:hover { background:url("../images/nav.gif") -170px -6px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -170px -32px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -170px -58px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -170px -84px no-repeat; }

#nav-05:hover { background:url("../images/nav-05.gif") -170px 0 no-repeat; }
#nav-06 a:hover { background:url("../images/nav-06.gif") -170px 0 no-repeat; }

#spanish-video-header {
	background:url("../images/spanish-video-header.jpg");
	width:inherit;
	height:95px;
	}
	#column-right #login input { font-size: .8em; width: 80px;}
		#column-right #login input.submit-login-spanish {
		background: url("../images/btn-login-spanish.jpg");
		width: 38px;
		height: 16px;
		border: none;
		}
	a.exclusive-info {
		position: absolute;
		top: 43px;
		left: 96px;
		width: 57px;
		height: 52px;
		}
	a.exclusive-info:hover {
		background: url("../images/exclusive-over.jpg") no-repeat;
		}
		a.exclusive-info span { display: none;}

#btn-blog {
	width: 168px;
	height: 78px;
	display: block;
	background: url("../images/btn-blog.jpg") 0px 0px no-repeat;
	margin: 30px 0px 20px 0px;
	}
	a#btn-blog:hover {
		width: 168px;
		height: 78px;
		display: block;
		background: url("../images/btn-blog.jpg") 0px -81px no-repeat;
		}
	#btn-blog span {display:none;}
#column-right {

margin-top:0;
padding-top:28px;
}