html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-color: #26172C;
	font-family:Verdana, sans-serif;
	font-size:9px;
} 
 
#pagewidth{ 
 width:760px; 
 text-align:left; 
 min-width: 760px;
 margin-left:auto; 
 margin-right:auto; 
 margin-top:0;
} 


/* header */
 
#header{ 
 height:72px; 
 width:760px;
 margin:0;
 padding:0;
 background-color:#EAEBEB;
 background-image:url(../images/header-background.gif);
 position:relative;	
}

#header h1 {
	position:relative;
	display:block;
	width:200px;
	height:72px;
	background-image:url(../images/xtrength-nutrition.gif);
	margin:0;
	
}

#header h1 span {
	display:none;
}

#header h1 a {
	position:relative;
	display:block;
	width:190px;
	height:62px;
	top:10px;
	left:10px;
}

/* Menu */


#menu {
	position:absolute;
	left:324px;
	top:48px;
	height: 24px;
	width:423px;
	margin:0;
	margin-bottom:-24px;
	padding:0;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat
}


#menu ul {
	width: 423px;
	height: 24px;
	background: url(../images/menu.gif);
	position: relative;
	padding: 0px;
	margin: 0px;
}

#menu span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 24px; display: block;}

#menuinicio {left: 0px; width: 54px;}
#menuempresa {left: 54px; width: 70px;}
#menuproductos {left: 124px; width: 77px;}
#menuenlaces {left: 201px; width: 65px;}
#menudistribuidores {left: 266px; width: 90px;}
#menupedidos {left: 356px; width: 67px;}

#menuinicio a:hover {background: transparent url(../images/menu.gif) -0px -24px no-repeat;}
#menuempresa a:hover {background: transparent url(../images/menu.gif) -54px -24px no-repeat;}
#menuproductos a:hover {background: transparent url(../images/menu.gif) -124px -24px no-repeat;}
#menuenlaces a:hover {background: transparent url(../images/menu.gif) -201px -24px no-repeat;}
#menudistribuidores a:hover {background: transparent url(../images/menu.gif) -266px -24px no-repeat;}
#menupedidos a:hover {background: transparent url(../images/menu.gif) -356px -24px no-repeat;}

.inicio #menuinicio a,
.empresa #menuempresa a,
.productos #menuproductos a,
.enlaces #menuenlaces a,
.distribuidores #menudistribuidores a,
.pedidos #menupedidos a {
	display:none
}

.inicio #menuinicio {left: 0px; width: 54px; background: transparent url(../images/menu.gif) -0px -48px no-repeat;}
.empresa #menuempresa {left: 54px; width: 70px;; background: transparent url(../images/menu.gif) -54px -48px no-repeat;}
.productos #menuproductos {left: 124px; width: 77px; background: transparent url(../images/menu.gif) -124px -48px no-repeat;}
.enlaces #menuenlaces {left: 201px; width: 65px; background: transparent url(../images/menu.gif) -201px -48px no-repeat;}
.distribuidores #menudistribuidores {left: 266px; width: 90px; background: transparent url(../images/menu.gif) -266px -48px no-repeat;}
.pedidos #menupedidos {left: 359px; width: 67px; background: transparent url(../images/menu.gif) -359px -48px no-repeat;}

/* subheaders */

#subheaderhome { 
 height:348px; 
 width:760px;
 margin:0;
 padding:0;
 background-color:#26172C;
 position:relative;
}

#submenuhome {
	position:relative;
	margin:0;
	padding:0;
	width:200px;
	height:348px;
	background-image:url(../images/submenu-home.gif);
	background-repeat:no-repeat;
}

#submenuhome span {display: none;}
#submenuhome li {margin: 0; padding: 0; list-style: none; position: absolute; left:15px;}
#submenuhome li, #submenuhome a {width:185px; display:block; height:77px}

#submenunuevo {top: 5px; height: 77px;}
#submenuinformacion {top: 82px; height: 78px;}
#submenuoportunidad {top: 160px; height: 78px;}
#submenuaprovecha {top: 238px; height: 78px;}

#submenunuevo a:hover {background: transparent url(../images/submenu-home.gif) -215px -5px no-repeat;}
#submenuinformacion a:hover {background: transparent url(../images/submenu-home.gif) -215px -82px no-repeat;}
#submenuoportunidad a:hover {background: transparent url(../images/submenu-home.gif) -215px -160px no-repeat;}
#submenuaprovecha a:hover {background: transparent url(../images/submenu-home.gif) -215px -238px no-repeat;}

#subheaderhome object {
position:absolute;
top:0;
left:200px;
}

#subheaderempresa { 
 height:268px; 
 width:760px;
 margin:0;
 padding:0;
 background-color:#26172C;
 position:relative;
}

#subheaderempresa object {
position:absolute;
top:0;
left:0;
}








#subheaderproducto { 
 height:278px; 
 width:760px;
 margin:0;
 padding:0;
 background-color:#26172C;
 position:relative;
}

#submenuproducto {
	position:relative;
	margin:0;
	padding:0;
	width:200px;
	height:278px;
	background-image:url(../images/submenu-productos.gif);
	background-repeat:no-repeat;
}

#submenuproducto span {display: none;}
#submenuproducto li {margin: 0; padding: 0; list-style: none; position: absolute; left:15px;}
#submenuproducto li, #submenuproducto a {width:185px; display:block; height:47px}

#submenubeneficios {top: 5px; height: 46px;}
#submenuproteinas {top: 51px; height: 47px;}
#submenupreparacion {top: 98px; height: 47px;}
#submenurecetas {top: 145px; height: 47px;}
#submenuinfo {top: 192px; height: 47px;}

#submenubeneficios a:hover {background: transparent url(../images/submenu-productos.gif) -215px -5px no-repeat;}
#submenuproteinas a:hover {background: transparent url(../images/submenu-productos.gif) -215px -51px no-repeat;}
#submenupreparacion a:hover {background: transparent url(../images/submenu-productos.gif) -215px -98px no-repeat;}
#submenurecetas a:hover {background: transparent url(../images/submenu-productos.gif) -215px -145px no-repeat;}
#submenuinfo a:hover {background: transparent url(../images/submenu-productos.gif) -215px -192px no-repeat;}

#subheaderproducto object {
position:absolute;
top:0;
left:200px;
}

.beneficios #submenubeneficios {background: transparent url(../images/submenu-productos.gif) -215px -5px no-repeat;}
.proteinas #submenuproteinas {background: transparent url(../images/submenu-productos.gif) -215px -51px no-repeat;}
.preparacion #submenupreparacion {background: transparent url(../images/submenu-productos.gif) -215px -98px no-repeat;}
.recetas #submenurecetas {background: transparent url(../images/submenu-productos.gif) -215px -145px no-repeat;}
.info #submenuinfo {background: transparent url(../images/submenu-productos.gif) -215px -192px no-repeat;}

.beneficios #submenubeneficios a,
.proteinas #submenuproteinas a,
.preparacion #submenupreparacion a,
.recetas #submenurecetas a,
.info #submenuinfo a {
	display:none
}


.outer{ 
width: auto; 
margin:0 0 20px 0;
background-color:#26172C;
background-image:url(../images/text-background.gif);
background-position:11px;
background-repeat:repeat-y;
} 

.outer1{ 
width: auto; 
margin:0 0 20px 0;
background-color:#26172C;
background-image:url(../images/text-background-2.gif);
background-position:11px;
background-repeat:repeat-y;
} 

.inner{margin:0; width:100%;}

.left{
 width:380px;
 float:left;
 position:relative;

}

.right{ 
 float: left; 
 width: 380px; 
 position: relative; 
 margin: 0 -8px 0 -2px;
}

.right p {
	margin: 5px 45px 15px 37px;
	color:#FFFFFF;
	font-size:10px;
	line-height:16px;
}

.left p{
	margin: -5px 37px 15px 38px;
	color:#FFFFFF;
	font-size:10px;
	line-height:16px;
}

.left h2, .right h2 {
	margin: 5px 37px 10px 37px;
	color:#FFCE00;
	font-size:16px;
}
.left h3, .right h3 {
	margin: 25px 37px 10px 37px;
	color:#FFCE00;
	font-size:10px;
}

.left table, .right table {
	margin: 5px 45px 15px 37px;
	color:#FFFFFF;
	font-size:10px;
	line-height:16px;
}

.left td, .right td {
	padding:5px;
	border: 1px solid #40254C;
}

.left li, .right li {
	margin: 0 37px 0 20px;
	color:#FFFFFF;
	font-size:10px;
	line-height:16px;
}

#advertencia {
 height:25px; 
 width:100%; 
 color:#867F89;
 margin:10px 0 0 0 ;
 padding:0;
 position:relative;
 text-align:center;
 background-image:url(../images/text-background-2.gif);
 background-position:11px;
 background-repeat:repeat-y;
} 

#advertencia p {
	margin: 0 0 0 12px;
	padding:0;
}

form {
	margin:0;
	padding:0;
}
form p {
	margin-top:0;
	margin-bottom:0;
	
}
textarea, input {
	font-size:9px;
	color:#666666;
	margin:0;
	padding:0;
	width:300px;
}
.localidad {
	width:200px;
	}
.cp {
	width:75px;
}
.cptitle {
margin-left: 155px;
}
.producto {
width:200px;
}
.cantidad {
width:75px:
}
.cantidadtitle{
margin-left: 165px;
}
#footer{
 height:25px; 
 width:100%; 
 background-color:#26172C;
 background-image:url(../images/footer-background.gif);
 color:#867F89;
 margin:10px 0 0 0 ;
 padding:0;
 position:relative;
} 

#footer p {
	margin: 0;
	padding:7px 0 0 12px;
}

#footer a, #footer a:link  {
	 position:absolute;
	 color:#867F89;
	 text-decoration:none;
	right:15px;
	top:7px;
}
#footer a:hover {
	color:#FFFFFF;

}

.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 


/* These are personalized sIFR styles */


.left .sIFR-hasFlash h2, .right .sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 16px;
	line-height:16px;
}	

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}