@import url("reset.css");
body { font-family: "Arial", Verdana, sans-serif; font-size: 14px; line-height: 18px; color: #666; }
#wrap { width: 906px; margin: 0 auto; }
img, div { 	behavior: url(iepngfix.htc); }


/* NAV */

a#logo { float: left;  width: 313px; height: 60px; display: block; text-indent: -9999px; background:  url(../img/logo.png) no-repeat scroll 0 0; }
#nav { float: left: width: 866px; height: 82px; padding: 35px 0 0 40px; position: relative; z-index: 10; background: transparent url(../img/as-seen-on-tv.png) no-repeat scroll right 2px; }
#nav ul { float: right; height: 35px; padding: 47px 36px 0 0; }
#nav ul li { float: left; list-style-type: none; height: 35px; }
#nav ul li a { display: block; text-indent: -9999px; height: 35px; background: transparent url(../img/nav.png) no-repeat scroll 0 0; }
#nav ul li.home a { width: 65px; background-position: 0 -35px; }
#nav ul li.home a:hover, body#home li.home a { background-position: 0 0; }
#nav ul li.success a { width: 108px; background-position: -65px  -35px; }
#nav ul li.success a:hover, body#success li.success a { background-position: -65px 0; }
#nav ul li.about a { width: 95px; background-position: -173px  -35px; }
#nav ul li.about a:hover, body#about li.about a { background-position: -173px 0; }
#nav ul li.meet a { width: 97px; background-position: -268px  -35px; }
#nav ul li.meet a:hover, body#meet li.meet a { background-position: -268px 0; }
#nav ul li.order a { width: 101px; background-position: -365px  -35px; }
#nav ul li.order a:hover, body#order li.order a { background-position: -365px 0; }

/* HEADER */

body#home #header { float: left; width: 906px; height: 345px; background: #fff url(../img/home-header.png) no-repeat scroll left bottom; position: relative; margin-top: -7px; }
a.order-today { display: block; width: 200px; height: 55px; position: absolute; text-indent: -9999px; background: transparent url(../img/home-order-today.png) no-repeat scroll 0 -55px; top: 236px; left: 350px }
a.order-today:hover { background: transparent url(../img/home-order-today.png) no-repeat scroll 0 0; }
#placeholder { position: absolute; width: 280px; height: 225px; top: 54px; right: 44px; }

/* CONTENT */

body#home #main { float: left; width: 877px; margin-left: 29px; padding: 0; background: #fff url(../img/blue-fade.png) repeat-x scroll 0 0; }
body#home #content { float: left; width: 523px; padding: 20px 0 40px 15px; position: relative; }
body#home #content p.intro { width: 265px; margin-bottom: 10px; font-size: 12px; line-height: 18px; }
body#home .extra { padding-left: 30px; }

#main { float: left; display: inline; width: 822px; margin-left: 29px; padding: 50px 0 0 55px; background: #fff url(../img/sub-bg.png) repeat-x scroll 0 0; }
#content p { margin-bottom: 20px; }
#content { float: left; display: inline; width: 420px; padding: 30px 0 40px 0; }
.free-shipping { position: absolute; top: -50px; right: 0; }
h4 { padding: 10px 0; }
ul.arrows { width: 510px; font-size: 14px; line-height: 20px; padding: 20px 0; }
ul.arrows li { width: 410px; padding: 0 0 10px 100px; background: transparent url(../img/arrow.gif) no-repeat scroll 60px 3px; }
p.center { text-align: center; padding: 15px 0; }
img.extra { float: left; display: inline; margin-right: 20px; }
#content blockquote { display: block; float: left; display: inline; width: 420px; font-size: 13px; margin-bottom: 5px; }
#content blockquote strong { font-size: 14px; font-weight: bold; color: #265292; font-style: normal; font-size: 13px; }
#content cite { float: left; display: inline; width: 420px; font-size: 13px; font-weight: bold; color: #666; font-style: normal; margin-bottom: 20px; font-size: 13px; }

/* SIDE */

body#home #side { float: right; position: relative; width: 307px; padding: 0; }
body#home #side .steps { position: absolute; _position: relative; top: -45px; right: 28px; width: 298px; height: 307px;  }
body#home .quote { position: relative; top: 250px; _top: -50px; left: -23px; }

#side { float: left; display: inline; width: 307px; padding: 30px 0 0 35px; }
.quote { float: left; width: 307px; padding: 30px 0; font-size: 12px; }
.quote img { float: right; margin-left: 15px; }
.quote blockquote { font-style: italic; margin: 0 0 10px 0; }
.quote cite, .quote p { font-size: 13px; font-weight: bold; color: #265292; font-style: normal; padding: 0 0 10px 0; }
.quote p { margin-top: 10px; }
.quote a { font-size: 12px; color: #265292; text-decoration: underline; }

/* ORDER TODAY */

#order { float: left; width: 906px; background: #fff url(../img/light-bg.png) no-repeat scroll 0 0; padding: 0 0 40px 0; }
#form { padding: 30px 0 0 0; }
#details { float: right; width: 418px; }
#details img { float: right; }
#details h5 { float: left; clear: both; font-size: 23px; font-weight: bold; text-transform: uppercase; padding: 10px 0 0 55px;  }
#details ul { list-style-type: none; float: left; clear: both; padding: 10px 0 10px 75px; }
#details ul li { float: left; clear: both; width: 300px; padding: 0 0 10px 15px; font-size: 13px; background: transparent url(../img/order-bullet.gif) no-repeat scroll 0 6px; }
#order-form { float: left; display: inline; width: 350px;  padding: 40px 0 0 70px; }
#order label { float: left; width: 150px; }
#order form input { width: 180px; }
#order form p { margin-bottom: 5px; width: 100%; }

/* FOOTER */

#footer { float: left; width: 906px; text-align: center; font-size: 12px; padding-bottom: 40px; }
#footer a { color: #666; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #111; }
#blueline a { color:blue; text-decoration:underline;}
.disclaimer { margin-top: 10px; font-size: 11px; }

/******* Error items *******/
.error{						border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(../img/error.jpg); background-repeat:no-repeat;background-position:right;margin: 0 60px 30px 60px;width:100%}
.error li{					margin: 0 0 0 5px;padding: 0;font-size:12px;}
.error ul {					padding: 0; margin: 0 0 0px 10px;}
.error_payment{				border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(../img/error.jpg); background-repeat:no-repeat;background-position:right;margin: 10px 15px 10px 15px;}
.error_payment li{			margin: 0 0 0 10px;padding: 0 70px 0 0;}
.error_payment ul {			padding: 0; margin: 0 0 15px 20px;}

/********* Player **********/
#player {
	float:left;		
	margin: 45px 0 0 105px !important;
	margin: 45px 0 0 55px;
}

div.playlist {
	width:161px;
	float:left;		
	margin: 30px 0 20px 20px; 
}

#player, #player img {
	display:block;				
	width:300px;
	height:240px;
	border:0px;		
}

div.play {
	background:url(../img/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:125px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* playlist items */
#vid_player{
	background:url(../img/vid_bg.gif) no-repeat 90px 20px;
	width: 600px;
	height: 320px;
	margin-left: 30px;
}
div.items a {
	background:url(../img/vplayer_button.jpg) no-repeat;
	width:161px;
	height:84px;
	display:block;
	text-decoration:none;
	color:#444;	
}

div.button {
		height: 70px;
		padding: 10px 0 0 90px;
		font-size:11px;
		color:#666;
		line-height:12px;
}


/* item stages: normal, hover, playing, paused */
div.items a:hover {
	background-position:0 -83px;	
}

div.items a.playing, div.items a.paused {
	color:#000;	
}

div.items a.playing {
	background-position:0 -83px;		
}

div.items a.paused {
	background-position:0 -83px;	
}


/* small navigational dots */
div.navi {
	width:60px;	
	float:left;
	margin:10px 0 0 50px;
	height:11px;
	overflow:hidden;
}

div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/dots.png) 0px 0px no-repeat;		
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;		
}

div.navi span.active {
	background-position:0 -16px;
	cursor:default;
}

/******* Processing Graphic ***********/
.black_overlay {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	padding-top: 200px;
}
.black_overlay p{
	color:#FFF;
}