/* ------------------------ */
/* Page Elements Styles		*/
/* ------------------------ */

.clear {clear: both;}

body {
	background: #000;
	background-image: url(body_bg.jpg);
	background-position: center;
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 0px;
}

#container {
	width: 900px;
	background-image: url(container_bg.jpg);
	background-repeat: repeat-y;
}


#header{
	background: #eee url(header.jpg) no-repeat;
	height: 134px;
	width: 900px;
	padding-top: 0px;
	padding-left: 0px;
}

#nav_bar{
	background: #eee url(nav_bg.jpg) no-repeat;
	height: 38px;
	width: 900px;
}

#nav_bar {
	margin: 0px auto;
	text-align: center;
}

#nav_bar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0px auto;
	text-align: center;
	padding-top: 7px;
}

#nav_bar a:link, #nav_bar a:visited, #nav_bar a:active {
	text-decoration: none;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

#nav_bar a:hover {
	text-decoration: underline;
	color: #cfad51;
}

#nav_bar a.order_now:link, #nav_bar a.order_now:visited, #nav_bar a.order_now:active {
	text-decoration: none;
	color: #ffc012;
	padding-left: 15px;
	padding-right: 15px;
}

#nav_bar a.order_now:hover {
	text-decoration: underline;
	color: #ffc012;
}

#content_main {
	margin: 0 0px;
	width: 900px;
	min-height: 380px;
	height: auto !important;
	background-image: url(top_bg.jpg);
	background-repeat: no-repeat;
	height: 380px
}

#content_main .promo {
	height: 380px;
	background-repeat: no-repeat;
}

#content_main .player {
	float: left;
	margin: 17px 27px;
	display: inline;
	border: none;
}

#gracie_combatives {
	margin: 0 0px;
	width: 900px;
	background-image: url(gracie_combatives_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}

#gracie_family {
	margin: 0 0px;
	width: 900px;
	background-image: url(gracie_family_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}

#meet_your_instructors {
	margin: 0 0px;
	width: 900px;
	background-image: url(instructors_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}

#real_life_stories {
	margin: 0 0px;
	width: 900px;
	background-image: url(real_life_stories_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}

#celebrity_spotlight {
	margin: 0 0px;
	width: 900px;
	background-image: url(celebrity_spotlight_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}

#testimonials {
	margin: 0 0px;
	width: 900px;
	background-image: url(testimonials_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}

#order_form_headline {
	height: 71px;
	width: 900px;
	background-image: url(order_form_headline_bg.jpg);
	background-repeat: no-repeat;
}

#bar {
	background-color: #605541;
	background-repeat: no-repeat;
	background-position: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	height: 25px;
	vertical-align:middle;
	width: 900px;
	margin: 0px;
	padding: 0px;
	margin: 0px auto !important;
}

#footer {
	background: #000 url(footer.jpg) no-repeat;
	width: 900px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	color: #000;
	font-size: 10px;
	line-height: 10px;
	margin: 0px auto !important;
}

.copyright{
	float:left;
	width:20%;
	margin: 0px;
	margin-left: 10px;
}

.links{
	float:right;
	width:70%;
	text-align:right;
	margin: 0px;
	padding: 0px;

	}

/* ------------------------ */
/* Main area Elements		*/
/* ------------------------ */

#body_one {
	background-image: url(body_one_bg.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 148px;
}

#body_two {
	background-image: url(body_two_bg.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 243px;
}

#body_three {
	background-image: url(body_three_bg.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 138px;
}

#left {
	text-align: justify;
	font-weight: normal;
	line-height: 20px;
	padding-top: 10px;
	padding-left: 220px;
	width: 440px;
	float: left;
}

#right {
	float: left;
}

#body_one p.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #27221a;
	text-align: left;
	font-weight: normal;
	line-height: 20px;
	padding-top: 10px;
	padding-left: 35px;
	width: 480px;
}

#body_two p.text {
color:#27221A;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
padding-left:35px;
padding-top:22px;
text-align:left;
width:480px;
}

#body_three p.text {
color:#27221A;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:16px;
padding-left:35px;
padding-top:7px;
text-align:justify;
width:830px;
}

#body_three p.text_two {
color:#27221A;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:16px;
padding-left:35px;
padding-top:9px;
text-align:justify;
width:830px;
}


sup {font-size: 0.75em;}  

#left p.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4b3826;
	font-weight: nortmal;
	padding-top: 10px;
}

#left p.sub_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

#left p.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	font-weight: nortmal;
	line-height: 20px;
}



#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000;
	text-align: center;
	width: 875px;
	padding: 0px;
	margin: 0px;
	padding-top: 8px;
	padding-left: 27px;
}



/* ------------------------ */
/* Order form Elements		*/
/* ------------------------ */


#orderform_container {
	background-color: transparent;
	background-image: url(order_form_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px auto !important;
	padding-top: 90px;
	width: 900px;
}

#step_one {
	width: 240px;
	margin: 10px 10px;
	padding-left: 25px;
	float: left;
}

#step_two {
	width: 240px;
	margin: 10px 5px;
	padding-left: 35px;
	float: left;
}

#step_three {
	width: 240px;
	margin: 10px 15px;
	padding-left: 30px;
	float: left;
}

#orderform_container td { 
 	vertical-align: top;
	
	padding:10px;
	margin:10px;
 }

#orderform_container h2.cc_info {
 	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	padding-bottom: 10px;
}

#orderform_container h4 {
 	font:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	margin:0px 0 15px 10px;
}

#orderform_container p {
 	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin:0 10px 0 0px;
}

#orderform_container form { 
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
	width: 900px;
 }

fieldset {
	color: #fff;
	padding-bottom: 5px;
}

#orderform_container input, select, textarea { 
	font-weight: normal;
	width: 80%;
	
	font-size: 13px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#orderform_container input[type=checkbox] { 
	float: left; width: 20px; 
}

#orderform_container label { 
	display: block; 
	margin-bottom: 10px;
}

.divider {
	padding-top: 10px;
	border-bottom: 1px #b28c70 solid;
	margin-bottom: 10px;
}

.validationtext {
	color: red;
	font-family:	arial;
	font-size:	11px;	
	text-align:	left;
	font-weight:	bold;
}

#displayerrors {
	color:		red;
	font-family:	arial;
	font-size:	11px;
	font-weight:	bold;
	font-size:	small;
}

.invalidform {
	color: #fff;
	background: #C7C6C6;
	border: 1px solid #F72A33;
}

.validform {
	color: #fff;
	background: #8AE173;
}


#address_holder { 
	width: 460px; 
	text-align: left;
}

#address_holder .address_left {
	float: left; 
	width: 226px;
}

#address_holder .address_right {
	float: left; 
	width: 226px;
} 

#denotes {
	text-align: center;
}


/* --------------------------------------- */
/* Holder styles 						   */
/* --------------------------------------- */

.alert {
	color: #A61111;
}

#holder .upsell_left {
	float: left;
	margin-left: 30px;
	margin-bottom: 40px;
}

#holder .upsell_right {
	text-align: left;
	float: right;
	margin-top: 80px;
	margin-right: 30px;
	width: 43%;
	color: #4e6036;
	margin-bottom: 40px;
}

#holder .upsell_right h2{
	font-size: 16px;
	color: #A61111;
}

#holder .upsell_right p{
	color: #A61111;
}


/* --------------------------------------- */
/* Upsell styles 						   */
/* --------------------------------------- */

#upsellDiv1 { background-image: url(upsell_div_bg1.gif); width: 452px; height: 345px; background-repeat: no-repeat; float: right;}
#upsellDiv2 { background-image: url(upsell_div_bg2.gif); width: 453px; height: 92px; margin: 10px 0px 20px 0px; background-repeat: no-repeat; float: right; }
#upsellDiv3 { background-image: url(https://wac.edgecastcdn.net/800EC4/media3.ignitemedia.com/flare/sites/520/upsell_div_bg3.gif); width: 452px; height: 660px; background-repeat: no-repeat; float: right;}
#upsellDiv4 { background-image: url(upsell_div_bg4.gif); width: 452px; height: 385px; background-repeat: no-repeat; float: right;}
#upsellDiv5 { background-image: url(upsell_div_bg5.gif); width: 452px; height: 445px; background-repeat: no-repeat; float: right;}
#upsellDiv6 { background-image: url(upsell_div_bg6.gif); width: 453px; height: 150px; margin: 10px 0px 20px 0px; background-repeat: no-repeat; float: right; }
#upsellDiv7 { background-image: url(upsell_div_bg7.gif); width: 452px; height: 545px; background-repeat: no-repeat; float: right;}
#upsellDiv8 { background-image: url(upsell_div_bg8.gif); width: 453px; height: 210px; margin: 10px 0px 20px 0px; background-repeat: no-repeat; float: right; }
#upsellDiv1HeaderText { padding:16px 0px 0px 0px; color: #; font-size:16px; text-transform: uppercase;}
#upsell_line { border-bottom: 1px solid #AFAFAF; width: 400px; margin: 0px 0px 0px 20px;}
#upsellMainText { padding: 5px 20px 0px 20px; color: #313131; line-height: 14px; text-align: left;}
#upsellMainText li{ padding: 0px 20px 0px 20px; color: #313131; text-align: left; list-style-type: disc; }
#upsellDiv2Text p { padding: 10px 30px 0px 20px; text-align: left; color: #C33417;}
 

#order_item_fieldset input {
height:13px;
width:13px;
}

input#id_post_advantage_disagree {
	width: 20px;
}

input#id_post_advantage_agree {
	width: 20px;
}

input#id_use_billing_for_shipping {
	width: 20px;
}

input#id_use_email {
	width: 20px;
}