/*@font-face {
 font-family: gothic;
 src: url(/include/fonts/TRADEG.eot);
}*/

@font-face {  
  font-family: gothic;  
  src: url(/fonts/gothic.ttf); 
}

html,body{
	margin:0;
	padding:0;
	height:100%;
}

body{
	padding:0px;
	/*padding-bottom:60px;  /* Height of the footer */
	background:#000;
}



#background{
	position:fixed; 
	z-index:-1; 
	width:100%; 
}

#container{
	min-height:100%;
	position:absolute;
	/*background:url(/images/woodys_bg.jpg) no-repeat;*/
	width:100%;
}

#left_column{
	width:260px;
	height:100%;
	position:absolute;
	z-index:1;
}

#logo{
	width:190px;
	height:143px;
	background:url(/images/woodys_logo.png) no-repeat;
	margin-left:18px;
	margin-top:15px;
	padding-bottom:0px;
}

#menu{
	top:0px;
	left:0px;
	width:230px;
	height:700px;
	background:url(/images/woodmenu_bg3.png) no-repeat;
	position:fixed;
	margin-left:10px;
	margin-top:10px;
	/*opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);*/
	z-index:1;
}

#menu_landing{
	top:0px;
	left:-240px;
	width:230px;
	height:700px;
	background:url(/images/woodmenu_bg2.png) no-repeat;
	position:fixed;
	margin-left:10px;
	margin-top:10px;
	z-index:1;
}

#slogan_landing{
	top:500px;
	right:-370px;
	width:363px;
	height:87px;
	/*background:url(/images/tagline.png) no-repeat;*/
	position:fixed;
	margin-left:10px;
	margin-top:10px;
	cursor: move;
	z-index:1;
}

#pro_q{
	top:200px;
	left:400px;
	width:330px;
	height:120px;
	background: url(/images/pro_q_bg.png) no-repeat;
	position:fixed;
	margin-left:10px;
	margin-top:10px;
	cursor: move;
	z-index:1;
	color:#FFF;
	padding:15px;
	display:none;
	color:#c17d23;
}

#pro_yes_no{
	padding-top:70px;
	padding-left:120px;
	font-family:gothic, arial;
	font-size:1.7em;
}

#pro_q a{
	text-decoration:none;
	color:#FFF;
}

#pro_q a:visited{
	text-decoration:none;
	color:#FFF;
}

#pro_x{
	cursor:pointer;
	height:10px;
	width:10px;
	background:blue;
}

#drawer{
	background:url(/images/woodys_content_bg2.png) no-repeat;
	left:250px;
	top:10px;
	width:740px;
	height:600px;
	position:fixed;
	z-index:0;
	/*opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);*/
	display:none;
	overflow: auto;
	overflow-x: hidden;
}

#drawer_map{
	background:url(/images/woodys_content_bg2.png) no-repeat;
	left:250px;
	top:10px;
	width:740px;
	height:600px;
	position:fixed;
	z-index:0;
	/*opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);*/
	overflow: hidden;
}

#drawer_box{
	width:700px;
	height:500px;
	padding:20px;
}

#drawer_box_form{
	width:720px;
	height:550px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
	overflow:auto;
	
}

#popboxes{
	margin-left:250px;
	margin-top:7px;
	width:740px;
	height:600px;
	position:fixed;
}

#boxer{
	display:none;
	margin:10px;
}

.safari #boxer{
	display:inline; /* disable fade effect in safari :-( */
	margin:10px;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;  /* Height of the footer */
	background:#c17d23;
}

#footer img { float: left; padding: 3px; border: 0; }

.footer_text{
	padding: 0 10px 0 10px;
	font-family:Arial;
	font-size:11px;
	line-height: 30px;
	float: left;
}

.footer_text a{
	color:#000
}

.footer_text a:hover{
	color:#FFEDB9;
}

/* Splash Boxes */

#photos{
	width:2500px;
	height:1500px;
	background:none;
	margin:0px;
	position:fixed;
	z-index:-1;
}

.pop{
	display:inline;
	overflow:hidden;
	height:200px;
	margin:0px;
	z-index:1;
}

#cycle {  
	height:200px;
	width:300px;
	position:absolute;
	margin:0;
	padding:0;
	z-index:0;
	left:208px;  
}

.gecko #cycle {
	left:209px;
}

.ie #cycle {
	left:209px;
}

#cycle2 {  
	height:200px;
	width:300px;
	position:absolute;
	margin:0;
	padding:0;
	z-index:0;
	left:738px;
	top:204px;  
} 

.gecko #cycle2 {
	left:739px;
	top:206px;
}

/* faders start */

#pop_displays{
	display:block;
	position:absolute;
	overflow:hidden;
	height:200px;
	width:304px;
	top: 0px;
	left: 511px;
	margin:0px;
	z-index:0;
}

.ie #pop_displays{
	left:512px;
}

.gecko #pop_displays{
	left:512px;
}

#pop_body{
	display:block;
	position:absolute;
	overflow:hidden;
	height:200px;
	width:137px;
	top: 205px;
	left: 597px;
	margin:0px;
	z-index:0;
}

.ie #pop_body{
	left:598px;
	top: 204px;
}

.gecko #pop_body{
	left:598px;
	top: 205px;
}

#pop_hair{
	display:block;
	position:absolute;
	overflow:hidden;
	height:200px;
	width:137px;
	top: 408px;
	left: 820px;
	margin:0px;
	z-index:0;
}

.ie #pop_hair{
	left:821px;
}

.gecko #pop_hair{
	left:821px;
	top:410px;
}

#pop_styling{
	display:block;
	position:absolute;
	overflow:hidden;
	height:200px;
	width:165px;
	top: 408px;
	left: 442px;
	margin:0px;
	z-index:0;
}

.ie #pop_styling{
	left:443px;
}

.gecko #pop_styling{
	left:444px;
	top:411px;
}

/* faders end */

#changer{
	width:400px;
	height:250px;
}

/* Form Styling */

form {
	color:#c17d23;
	font-family:Arial;
	text-transform:uppercase;
	font-size:11px;
}

/* Product Detail Page */

#product_image_full{
	width:350px;
	height:413px;
}

#info_image_full{
width:350px;
float:right;
}

#product_description{
	float:left;
	width:300px;
}

.gecko #change_prod_shot{
	width:77px;
	padding-bottom:1px;
	padding-top:2px;
}

.ie #change_prod_shot{
	width:95px;
	font-size:.8em;
	padding-top:0px;
	padding-left:1px;
}

#change_prod_shot:hover{
	color:#D6AC72;
}

#change_button_wrapper{
	float:right;
	height:450px;

}

#change_prod_shot{
	width:72px;
	height:16px;
	border: 1px solid #AE6711;
	margin-left:120px;
	text-decoration:none;
	color:#c17d23;
	font-family: gothic, verdana;
	font-size:.9em;
	padding-top:3px;
	padding-left:3px;
	text-transform:uppercase;
	letter-spacing:.03em;
	cursor:pointer;
}

/* dupe for gel with xtra toggle */

.gecko #change_prod_shot_gel{
	width:77px;
	padding-bottom:1px;
	padding-top:2px;
}

.ie #change_prod_shot_gel{
	width:95px;
	font-size:.8em;
	padding-top:0px;
	padding-left:1px;
}

#change_prod_shot_gel:hover{
	color:#D6AC72;
}

#change_prod_shot_gel{
	width:72px;
	height:16px;
	border: 1px solid #AE6711;
	margin-left:120px;
	text-decoration:none;
	color:#c17d23;
	font-family: gothic, verdana;
	font-size:.9em;
	padding-top:3px;
	padding-left:3px;
	text-transform:uppercase;
	letter-spacing:.03em;
	cursor:pointer;
}

/* dupe for gel END */

.prod_name{
	text-decoration:none;
	color:#c17d23;
	font-family: gothic, verdana;
	font-size:25px;
	text-transform:uppercase;
	letter-spacing:.03em;
}

.prod_slug{
	text-decoration:none;
	color:#FFF;
	font-family: gothic, verdana;
	font-size:18px;
	letter-spacing:.03em;
}

.prod_info{
	text-decoration:none;
	color:#FFF;
	font-family: arial;
	font-size:13px;
}

.prod_sizes{
	text-decoration:none;
	color:#FFF;
	font-family: gothic, verdana;
	font-size:.95em;
	letter-spacing:.03em;
}

.ie .prod_sizes{
	font-size:.8em;
}

.prod_app{
	text-decoration:none;
	color:#FFF;
	font-family: arial;
	font-size:12px;

}

.prod_key_ingr{
	text-decoration:none;
	color:#FFF;
	font-family: arial;
	font-size:12px;
}


/* Info Pages */

.info_heading{
	text-decoration:none;
	color:#c17d23;
	font-family: gothic, verdana;
	font-size:25px;
	text-transform:uppercase;
	letter-spacing:.03em;
}

.info_subheading{
	text-decoration:none;
	color:#FFF;
	font-family: gothic, verdana;
	font-size:16px;
	letter-spacing:.03em;
}

.info_body{
	text-decoration:none;
	color:#FFF;
	font-family: arial;
	font-size:.8em;
	letter-spacing:.03em;
}

.ie .info_body{
	font-size:.8em;
	letter-spacing:.03em;
}

.gecko .info_body{
	font-size:.8em;
	letter-spacing:.03em;
}

.ie .info_heading{
	font-size:22px;
}