@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
everlastsportsnutrition.com Screen Stylesheet

version:   1.0
date:      1/27/10
author:    © Eric Witzer
email:     eric@kalmardesigns.com


/* IMPORT OTHER STYLESHEETS
///////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////////////
									SET UP
///////////////////////////////////////////////////////////////////////////*/

html, body { /* force vertical scroll bars */
	height: 100%;
	margin: 0 0 1px !important;
}
html {font-size:100.01%;}

body {
	background: #DCDCDC url(../evr_images/bg.png) repeat-x;
	color: #666;
	font: 14px/140% "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}

#wrapper, #header-wrapper, #header, #logos, #footer {width: 960px;margin: 0 auto; position:relative;}


/*///////////////////////////////////////////////////////////////////////////
									HEADER
///////////////////////////////////////////////////////////////////////////*/

#header-wrapper {
	background: transparent url(../evr_images/header_bgd.png) no-repeat 0px -6px; /* to account for top border */
	border-top: 6px solid #FFCC00;
	height: 312px;
	z-index:20;
}
#header {
	background: transparent url(../evr_images/header_img.jpg) no-repeat center -6px;
	font-family:Helvetica, Arial, sans-serif;
	height: 312px;
	padding-right:6px;
	padding-top:10px; /* position logo */
}
#header h1 {margin: 0 0 0 10px;}
#header h1 a {
	background: url(../evr_images/everlast-sn-logo.png) no-repeat;
	display: block;
	float:left;
	line-height: 127px;
	overflow: hidden;
	text-indent: -9999px;
	width: 160px; height: 127px;
}
#header h2, #header h3 {font-size:16px; margin:0 4px 5px 0; text-align:right;}
#header h2 span {font-size:80%} /* phone */
#header h3 a {color:#666; text-decoration:none;} #header h3 a:hover {color:#999; text-decoration:none;} /* website */
#header h4 {
	background: transparent url(../evr_images/header_txt.png) no-repeat center top;
	margin-top:52px;
	text-indent:-9999px;
	width:960; height:106px;
}
.twitter a, .facebook a {
	background: url(../evr_images/FaceBook-icon.png) no-repeat;
	cursor: pointer;
	float:right;
	margin:6px;
	text-indent:-9999px;
	width:32px; height:32px;	
}
.twitter a {background-image:url(../evr_images/Twitter-icon.png)}


/*///////////////////////////////////////////////////////////////////////////
									MENU
///////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////////////
									CONTENT
///////////////////////////////////////////////////////////////////////////*/

#wrapper {margin-top:-97px;}

#container { /* wraps content */
	width: 100%;
	float: right;
	margin-left: -332px; 
}
	#slider {float:right; width: 628px; height: 330px; margin-right:4px;}
	#info {
		color: #666;
		font-size: 15px;
		margin: 15px 0 0 345px;
		width: 275px; float:left;
	}


/*///////////////////////////////////////////////////////////////////////////
									SIDEBAR
///////////////////////////////////////////////////////////////////////////*/

#sidebar {
	float:left;
	width: 332px;
}
	#delicious {
	background: url(../evr_images/delicious.png) no-repeat 185px 0px;
	height:79px;
	margin:3px 0; 
	text-indent:-9999px;
	width: 332px;
	}


/*///////////////////////////////////////////////////////////////////////////
									BUY NOW
///////////////////////////////////////////////////////////////////////////*/

#ad {
	background: url(../evr_images/bg-form-top.png) no-repeat;
	float:right;
	margin-top:30px;
	height: 183px;
	position:absolute;
		right:0; bottom:0;
}
	#ad, #ad p, #ad h2, #ad h3 {width: 348px; margin:0; }
	#ad p {background: url(../evr_images/bars.png) no-repeat center top; height: 131px; position:absolute; top: -15px;}
	#ad h2 {background: url(../evr_images/bg-form-mid.png) repeat-y; height: 140px; margin-top:17px; text-indent:-9999px;}
	#ad h3 {background: url(../evr_images/bg-form-bot.png) no-repeat; height: 26px}
	#ad a {
		background:url(../evr_images/button-buy.png) no-repeat;
		border:none;
		cursor:pointer;
		display:block;
		line-height:40px;	
		position:absolute;
			left: 60px; bottom:28px;
		text-indent:-9999px;
		width:206px; height:40px; 
	}
	#ad a:hover {background-position:0 -40px;}


/*///////////////////////////////////////////////////////////////////////////
									FOOTER
///////////////////////////////////////////////////////////////////////////*/

#logos {
	border-top: 6px solid #FFCC00;
	clear:both;
	font-size:90%;
	padding:2px 0;
	text-align:center;
	width:960;
	height: 56px;
	margin-top:0;
	position:relative;
	background: url(../evr_images/retailer_logos.png) no-repeat center center;
}
#logos p {float:left; position:absolute; left:0;top:0;}
#footer {
	border-top: 6px solid #FFCC00;
	clear:both;
	font-size:90%;
	padding-top:6px;
	text-align: center;
	margin-top:0;
}


/*///////////////////////////////////////////////////////////////////////////
									CONFIRMATION
///////////////////////////////////////////////////////////////////////////*/

#confirm { margin:0 auto; width:332px;}
#confirm .formboss-output-div {margin-left:-10px; margin-top:40px;}
.conf-msg {padding-left:5px;}
.confirmation_page #ad {
		top:100px;
}