@import "pages.css";
@import "forms.css"; 

/* Generic
/***********************************************************/ 
 
/* start with zero margin/padding for all elements */
* {margin: 0; padding: 0;}

/* body styles contain settings for color, background and font across the page */
body {
  background-color: #ffc51d;
  font-family: verdana, tahoma, sans-serif;
  font-size: 11px; line-height: 1.4; color: #000;
  scrollbar-face-color:#dc100a; scrollbar-track-color:#000000; scrollbar-arrow-color:#FFFFFF; 
  scrollbar-shadow-color:#CCCCCC; scrollbar-dark-shadow-color:#FFFFFF; scrollbar-3dlight-color:#666666; 
  scrollbar-highlight-color:#000000;
  }

/* clear floating elements */
.clear {clear: both;}

/* center an element */
.centered {margin: 0 auto 0 auto;}

/* Primary containers
/***********************************************************/ 
/* container allows centering */
#outer_container {
  position: relative;
  width: 100%;
  text-align: center;
  }
  
/* inner_container sets the width of the page, and page centering (to left-align the whole page, remove the margin: auto settings) */
#inner_container {
  position: relative;
  width: 970px; 
  margin: 0 auto 0 auto; 
  padding: 0; background:url(../images/black_bar.gif);
  text-align: left;
  }

/* inner_container heights and BG by page */
.request_page, .historia { height:600px; }
.homepage, .producto_main { height:650px; }
.producto, .geteltoro, .privacy { height:700px;  }
.ent_guide { height:720px;}
.eye_candy, .videos { height:750px; }
.party_favors, .invitaciones { height:810px; }
.user_submit { height:890px; }


.legal { height:2200px; }
.legal ol { padding:0 0 20px 45px;}
.legal li {padding:0 30px 10px 0;}

#vid_container {
  position: relative; width: 960px; 
  margin: 0 auto 0 auto; 
  padding: 0; text-align: left;
  }
/***********************************************************/ 
/* container for the top left Flash Navigation element */
#logo_nav {
	width:450px; height:216px;
	z-index:100; position:absolute; top:0px; left:0px;
}
/* El Producto Pages
/***********************************************************/ 
#product_flash { 
	position:absolute; z-index:10; 
	top:0px; left:180px; 
	width:790px; height:700px;
}
#black_field {
	position:absolute;
	top:0px; left:290px;
	width:565px; height:100%;
	background:#000000;
}
/* Legal Pages
/***********************************************************/ 
#legal_box {
	position:absolute; z-index:10;
	top:30px; left:220px;
	width:650px; height:auto;
	background:url(../images/wood_grain.gif);
	padding:0 30px 30px 30px;
}
#legal_paper { 
	background:#ffffff; 
	width:100%; height:auto;
}
#legal_text p  { 
	margin:0 20px 0 20px;
	padding:10px 0 10px 0; }

/* Anchors
/***********************************************************/ 
/* default  */
a, a:visited, a:active {
  text-decoration: none;
  color: #000000;
  }
a:hover {color: #000000; text-decoration:underline;}

/* white link */
a.white, a:visited.white, a:active.white {
  text-decoration: none;
  color: #ffffff;
  }
a:hover.white{color: #ffffff; text-decoration:underline;}

/* red link */
a.red, a:visited.red, a:active.red {
  text-decoration: underline;
  color: #dc100a;
  }
a:hover.red{color: #dc100a; text-decoration:none;}
  
/* remove the dashed line around links in Firefox */  
a {
	outline: none;
}
/* Flash warning
/***********************************************************/
p.flash_warning {
  width: 300px;
  margin: 0 auto;
  padding: 10px 0px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

p.flash_warning a, p.flash_warning a:visited, p.flash_warning a:hover, p.flash_warning a:active {
  text-decoration: underline;
  color: #fff;
  }
  
/* -------------------- footer styles --------------------------------------*/
			
.footer {
	background-color: #ffc51d;
	color:#000000; font-size:8px;
	width:970px; 
	text-transform:uppercase;
	margin: 0 auto 0 auto;
}
.footer td {padding-top:3px;}


/* -------------------- 404 error --------------------------------------*/
#page_not_found {
	background-repeat:no-repeat; position:relative; 
	left:200px; top:25px; height:400px; width:550px; 
}


#nav_holder {
	position: absolute;
	background-image: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
}

.nav_menu_off {
	background-image: url(../images/nav_bg.gif);
	width: 434px;
	height: 216px;
}

.nav_menu_on {
	background-image: url(../images/nav_over_bg.gif);
	width: 434px;
	height: 216px;
}

.nav_menu_off #nav_links { display: none; }
.nav_menu_on #nav_links {display: block; }

#nav_links {
	margin-left: 225px;
	padding-top: 20px;
}

#nav_links a, #nav_links a:visited, #nav_links a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#nav_links a:hover {
	text-decoration: none;
	color: #CC0000;
}