@charset "UTF-8";
/* CSS Document */
html {
	background: url(../images/bg.jpg) top center no-repeat;
	background-color: #ea7624; 
	font-family: Helvetica Neue, Arial, Helvetica, Verdana;
}
a {cursor:pointer;}
h1 {font-size:22px; margin:5px 0 0 5px; font-weight:bold; letter-spacing: 0;}
h2 {font-size:16px; margin:5px 0;}
div.field {background:#FDF0E4; padding:10px; margin:5px 0;}
.fl {float:left;}
.fr {float:right;}

a img {
	border: none;
}

/*page format*/
#exteriorContainer2 {
	background-image: url(../images/top_white_piece.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	}
	
#exteriorContainer {
	background-image: url(../images/topBannerBG.png);
	background-position: 100% 30px;
	background-repeat: no-repeat;
	
	}
	
#container {
	width: 910px;
	height: 750px;
	margin: 0 auto;
	}
	
body {
	margin: 10px 0 0 0;
	font-size:12px;
	}	
	
#nav1 {
	margin: 0 0 0 -150px;
	position: relative;
	z-index: 0;
	border: 0;
	}
	
/*top banner section*/

#topBanner {
	background-image: url(../images/topBannerBG.png);
	background-repeat: repeat-x;
	margin: 15px 0 0 0;
	position: relative;
	float: left;
	z-index: 2;
	}
	
.logo {
	margin: -35px 0 0 -90px;
	float: left;
	z-index: 3;
	position: relative;
	}

.topContact {
	width: 955px;
	text-align: right;
	z-index: 999;
	margin: -175px 5px 0 0;
	font-size: 12px;
	float: right;
	position: relative;
	}
	
.topContact a{
	font-size: 12px;
	text-decoration: none;
		}
	

.topContact img{
	margin: 5px 0 0 0;
	}

.addthis_button {
	float: right;
	position: relative;
	margin: 0;
}

/*navigation*/

#nav2 {
	width: 950px;
	height: 70px;
	float: left;
	position: relative;
	margin: -80px 0 0 115px;
	
	}
	
.homeLink {
	margin: 0;
	float: right;
	}

.tabs a {
	width: 80px;
	font-size: 14px;
	font-weight: 400;	
	}

a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	margin: 0 0 0 0;
	font-weight: bold;
	}
	
a:hover {
	color: #EA7524;
	}

div.error {
	border:1px solid #CC0000;
	margin:5px;
	padding:5px;
	background:#FFE1E1;
	color:#CC0000;
}
div.success {
	border:1px solid #00CC00;
	margin:5px;
	padding:5px;
	background:#CEFFCE;
	color:#009900;
}
/*content*/

#content {
	clear: none;
	z-index: 3;
	}

#aboveContent {
	width: 910px;
	margin:30px 0 0 15px;
	}

.choose {
	text-align:center; 
	margin:0; 
	padding:10px 0;
	font-weight:bold;
	font-size:16px;
	}

#left {
	float: left;
	width: 323px;
	height: 538px;
	background-image: URL(../images/left_bg_transparency.png);
	}
	
#left img {
	margin: 0;
}

#left2 {
	float: left;
	width: 323px;
	height: 493px;
	z-index: 1;
	position: relative;
	}

#nav-star a {display:block; width:318px; height:50px; background:url("../images/bg_btn_star.png") no-repeat top left; text-transform:uppercase; font-size:22px; padding:22px 0 0 20px;}
#nav-star a:hover {color:#FFFFFF;}
#nav-star a.active {background-position:0 -75px;}

.starBtnsText a {
	text-transform: uppercase;
	font-size: 22px;
	
	}
		
.starBtns1{
	margin: 26px 0 0 20px;
	position: absolute;
	z-index: 999;
	}

.starBtns2 {
	margin: 105px 0 0 20px;
	position: absolute;
	z-index: 999;
	}

.starBtns3 {
	margin: 185px 0 0 20px;
	position: absolute;
	z-index: 999;
	}

.starBtns4 {
	margin: 263px 0 0 20px;
	position: absolute;
	z-index: 999;
	}	


.starBtnsText a:hover {
	color: #ffffff;
	}

#full {
	width:890px; 
	height:518px; 
	padding:10px; 
	margin:0 0 15px 0; 
	background: url("../images/singleTransparency.png") no-repeat;
	}

#full-view {
	height:518px;
	padding:0 25px 0 25px; 
	overflow:auto;
	}
#full-view.order-now {
	height:425px;
}
.promo-special {
	clear:both;
	text-align:center;
	margin:0 0 10px 0;
}
#custom-field {
	background-color: #fdf0e4;
	padding:5px 10px;
	font-size:11px;	
}
.study-logo {
	text-align:center;
	padding:0 0 5px;
}
.step {
	margin: 0;
	}

.stepImg {
	margin: 0 50px 5px 65px;
	}

#fullv2 {
	float: left;
	width: 913px;
	height: 493px;
	background-image: URL(../images/topBottomTransparency.png);
	}

#topIcons {
	margin: 15px 0 0 35px;
	}

#bottomSection {
	margin: 40px 0 0 30px;
	background: url(../images/speakersShape.png) no-repeat;
	font-size: 14px;
	height: 400px;
	}

#bottomSection h3{
	font-size: 16px;
	font-style: italic;
	text-transform: uppercase;
	font-weight: 200;
	}

#bottomSection img{
	float: left;
	margin: 50px 10px 0 5px;

	}
	
#bottomSection a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0  0;
	
}

.bottomP {
	float: left;
	position: relative;
	margin: 40px 0 0 0;
	font-size: 12px;
	width: 650px;
	}

.storeIcon {
	margin: 0 0 0 185px;
	}

.speakersIcon {
	margin: 0 0 0 185px;
	}

.tipsIcon {
	margin: 0 0 0 185px;
	}

.studies {
	margin:0; 
	padding:0 5px; 
	text-align:center;
	line-height:10px;
	}
.studies a{
	display:block;
	padding:1px 0;
	margin:0;
}
#tab-content {padding:5px; margin:10px 10px 0 5px; font-size:12px;}
#tab-content-view {height:160px; overflow:auto;}
#tab-content.active {background:#E8BFA2; height:160px; border:1px solid #AEADAE;}
#tab-content p {padding:0; margin:0 0 5px 0; font-size:12px;}
#tab-content table {width:100%;}
#resources .full-content {margin-top:0;}
div.loading-icon {text-align:center; margin:50px 0 0 0;}

#right {
	float: right;
	width: 585px;
	height: 538px;
	background: url(../images/right_bg_transparency.png) no-repeat;
	padding:0;
	}
	
#right_index {
	float: right;
	width: 585px;
	height: 536px;
	background: url(../images/dnow_ad.png) no-repeat;
	margin: 2px 0 0 0;
	}
	
#right-view {
	margin: 10px 10px 0 10px;
	height: 505px;
	font-size:14px;
	padding:0 5px 0 0;
	overflow:auto;
}

#right.about {
	padding:0;
	width: 585px;
	font-size:14px;
	overflow:hidden;
}

#right.about ul {
	padding:0 0 0 15px;
}

#right.about #right-view {
	margin: 20px 25px 0 30px;
}

#right.about li {
	font-size:14px;
	padding:5px 0;
}

#right.about p {
	margin:10px 0;
	font-size:14px;
}

#right.about h1 {
	font-size: 24px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 2px;
	margin: 0;
	padding:0;
	text-transform:uppercase;
	}
	
#right p{
	margin:5px 0;
	}
	
#right-view .instructions {
	background:#fff url("../images/bg_word_bubble.jpg") repeat-x;
	border:6px solid #ea7524;
	padding:30px 40px;
	margin:30px 30px 0 30px;
	font-size:20px;
}
#right-view .instructions h1 {
	text-transform:uppercase;
	font-weight:normal;
}
#right-view .instructions li {
	font-size:18px;
}
#right-view .instructions p {
	font-size:20px;
}
#right h2 {
	margin: 20px 0 0 40px;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
}

#right h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

#right h4 {
	text-transform: uppercase;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
}

#right li {
	margin: 0 0 0 25px;
	font-size: 12px;
	}

#resources {
	margin: 10px 0 0 10px;
}
.btn-back {
	margin:10px 0;
}
.preview-content {
	margin:0;
	width:320px;
	float:left;
}
.preview-content .question {
	margin:20px 0 0 0;
	font-weight:bold;
	font-size: 15px;
}
.preview-content a {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	margin: -10px 0 0  0;
}
#right .preview-content h2 {
	margin:0 0 0 5px;
	padding:0;
}

.preview-image {
	float: left;
	margin: 0 50px 0 5px;
}

.tabs {
	background-image: url(../images/grayLinkbg.png);
	margin: 10px 0 0 5px;
	height: 27px;
	width: 525px;
	display: inline-block;
}

.tabs a {
	font-weight: 300;
	margin: 5px 0;
}

.tab1 {
	width: 130px;
	float: left;
	text-align: center;
	margin: 4px 0;
}

.tab2 {
	width: 130px;
	float: left;
	text-align: center;
	margin: 4px 0;
}

.tab3 {
	width: 130px;
	float: left;
	text-align: center;
	margin: 4px 0;
}

.tab4 {
	width: 130px;
	float: left;
	text-align: center;
	margin: 4px 0;
}


.full-content {
	margin: 20px 25px 0 5px;
	font-size: 12px;
}

.thumb {
	float: left;
}

.product {
	float: left;
	width: 230px;
	margin: 20px 15px 0 25px;
}

.product a {
	font-size: 12px;
}

.product img {
	margin: 0 5px 0 0;
}

.starIcon {
	margin: 0 10px 0 0;
	float: right;
	position: relative;
	z-index: 0;
	height: 25px;
}

.details {
	font-size: 12px;
	margin: 25px 0 0 0;	
}

.freeLesson {
	float: right;
	margin: 75px 10px 0 0;
	}

.download {
	margin: 30px 0 25px 55px;
	height: 165px;
	float: left;
	}

.download img{
	margin: 0 0 5px 0;
	}
	
.download a {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 9px 5px 0 5px;
	}

.title {
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 0 5px;
}

#smallGroupOrder {
	font-size: 12px;
	margin: 15px 15px 0 30px;
	height: 465px;
	overflow: auto;
}

#smallGroupOrder em{
	font-weight: 400;
	text-transform: uppercase;
}

.content100 {
	margin: 0 0 0 25px;
}



#ordernow {
	margin: 0 30px 0 0;
	font-size: 12px;
	background: url(../images/orderProcessBG.png) no-repeat;
	}

.cart {
	font-size: 12px;
}

.button a{
	font-weight: bold;
	margin: 0;
	
}



.product_left {
	float: left;
	width: 300px;
	clear: none;
	}

#product_right {
	width: 400px;
	float: right;
	margin: 0 25px 0 25px;
	clear: none;
	
}

#product-small-right {
	width:320px;
	float:left;
	font-size:12px;
}
#product-small-left {
	width:220px;
	float:left;
}
div.shirt-pricing {
	background: #fdf0e4;
	padding:5px;
	margin: 0 0 0 5px;
	float:left;
	width:190px;
}
a.button {
	display:inline-block;
	margin:5px;
}
input[type=submit], input[type=button], input[type=reset], a.button {
background:#676464; 
border:2px solid #000; 
color:#ccc; 
text-transform:uppercase; 
cursor:pointer; 
font-weight:bold; 
padding:2px 6px; 
margin:3px; 
font-size:10px;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.button:hover {
background:#333; 
border-color:#777;
}

.cart_options_label {
	text-align:right;
	width: 100px;
	}

.cartBGsection {
	background-color: #fdf0e4;
}

.cartBGsection2 {
	background-color: #fdf0e4;
}

.cartBGsection table td{font-size:16px;}
/*.studies {
	margin: 0 0 0 20px;
}*/


/*footer */

#footer {
	clear: both;
	color: #FFF;
	border-top:1px solid #fff;
	width: 910px;
	font-size: 11px;
	margin: 10px 0 15px 0;
	text-align: right;
	padding:10px 0 20px 0;
	}
	
#footer a{
	margin: 0 13px 0 13px;
	}
	
#footer hr {
	color: #fff;
	width:99%;
	border-width: 1px;
	background-color: #fff;
	
	}
	
#footer a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	}
	
#footer a:hover {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	}
	
/*#footer a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	}*/
.study-links a {display:inline-block; vertical-align:middle; padding:5px 30px 5px 0; margin:0 0 0 5px; background:url("../images/icon_study_links.png") no-repeat top right;}
.study-links a.order-now {background:none; padding:0; margin:0;}
.preview-image {margin:0 5px 0 0;}
div.front-marketing {display:none;}
#marketing-promo {height:230px; padding:5px; margin: 10px;}
#frontVideo {margin: 0px 15px;}
#marketing-promo h1 {font-size:24px; font-weight:bold; margin:5px 0 0 5px; }
#marketing-promo h2 {font-size:24px; font-weight:bold; margin:0 5px; padding:5px 0;}
#marketing-promo h3 {font-size:14px; font-weight: 300; margin:0 7px; padding:5px 0;}
#marketing-promo div.image {float:left; }
#marketing-promo div.description {float:left; width:340px; font-size:16px; padding:5px 0 0 5px;}

/* basic form styles */
#formemail label {display:inline-block; vertical-align:middle; width:120px;}
#formemail label.block {display:block; width:auto;}
#formemail input[type=text], textarea {vertical-align:middle; background:#fff; border:2px solid #F5B383; padding:3px;}
#formemail input[type=text]:blur, textarea:blur {border-color:#F5B383;}
#formemail input[type=text]:focus, textarea:focus {border-color:#EA7624;}
#formemail input[type=submit] {background:#ccc; border:2px solid #333; cursor:pointer; text-transform:uppercase; color:#333; font-weight:bold; padding:3px 8px;}
#formemail p {margin:5px 0;}

/* login form */
#login-form {padding:10px; margin:5px; background-color:#fdf0e4;}
#login-form label {display:inline-block; vertical-align:middle; width:120px;}
#login-form label.block {display:block; width:auto;}
#login-form input[type=text], #login-form  textarea, #login-form  input[type=password] {vertical-align:middle; background:#fff; border:2px solid #F5B383; padding:3px; font-size:16px;}
#login-form input[type=text]:blur, #login-form  textarea:blur, #login-form  input[type=password]:blur {border-color:#F5B383;}
#login-form input[type=text]:focus, #login-form  textarea:focus, #login-form  input[type=password]:focus {border-color:#EA7624;}
#login-form input[type=submit] {background:#ccc; border:2px solid #333; cursor:pointer; text-transform:uppercase; color:#333; font-weight:bold; padding:3px 8px;}

/* login form popup */
#login-block {position:relative;}
#login-block .welcome {color:#EA7524; font-weight:bold; font-size:13px;}
#login-block .manager a, #login-block .welcome a {font-weight:normal;}
#login-block-form {display:none; position:absolute; top:28px; right:0; width:171px; background:#fff; border:1px solid #1b1b1b; padding:5px; z-index:1000; font-size:10px;}
#login-block label {display:inline-block; vertical-align:middle; width:45px;}
#login-block label.block {display:block; width:auto;}
#login-block input[type=text], #login-block textarea, #login-block input[type=password] {vertical-align:middle; background:#fff; border:2px solid #F5B383; padding:1px;}
#login-block input[type=text]:blur, #login-block textarea:blur, #login-block input[type=password]:blur {border-color:#F5B383;}
#login-block input[type=text]:focus, #login-block textarea:focus, #login-block input[type=password]:focus {border-color:#EA7624;}
#login-block input[type=submit] {background:#ccc; border:1px solid #333; cursor:pointer; text-transform:uppercase; color:#333; font-weight:normal; padding:1px 2px; font-size:10px;}
#login-block p {margin:5px 0; text-align:left;}