@charset "utf-8";

/**
* Developed By Jonathan Rourke
* Online Media Group
* jon@webomg.com
**/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	background-image: url(../media/bodybg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-family: Arial, helvetica, sans-serif;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#flash_container {
	position: absolute;
	top: -40px;
	right: 0;
	display: none;
	z-index: 1;
}

#frame {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#body_left {
	width: 740px;
	float: left;
	margin-right: 20px;
	z-index: 3;
	position: relative;
}

#body_left_intro {
	width: 760px;
	float: left;
	background-color: #000;
	z-index: 0;
	position: relative;
}

.header {
	width: 740px;
	float: left;
}

#logo {
	width: 283px;
	float: left;
	margin-bottom: 20px;
}

#logo h1 {
	display: none;
}

#logo a {
	display: block;
	width: 283px;
	height: 61px;
	float: left;
	border: none;
	background-image: url(../media/logo.png);
	background-repeat: no-repeat;
	background-position: left;
}

#descriptiontext {
	float: left;
	padding-left: 120px;
}

#descriptiontext h2 {
	font-size: 18px;
	font-weight: normal;
	color: #878787;
	padding-top: 25px;
}

#mainnav {
	width: 740px;
	height: 60px;
	float: left;
	background-image: url(../media/mainnav_bg.png);
	background-repeat: repeat-y;
	background-position: left;
}

#mainnav ul {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	line-height: 60px;
}

#mainnav ul li {
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}

#mainnav ul li a {
	text-decoration: none;
	color: #fff;
}

#bodysection {
	width: 740px;
	float: left;
	padding-top: 37px;
	position: relative;
}

#bodysection2 {
	width: 740px;
	float: left;
	position: relative;
}

#bodysection2 h1 {
	width: 740px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 45px;
	color: #fff;
}

#bodysection2 h2 {
	width: 740px;
	float: left;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 55px;
	color: #e9b424;
}

#bodysection2 h3 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 55px;
	color: #e9b424;
}

#bodysection2 p {	
	color: #fff;
}

#bodycontent_left {
	width: 560px;
	float: left;
	padding-right: 10px;
}

#bodycontent_left p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 16px;
	color: #fff;
	padding-bottom: 20px;
}

#about_us {
	width: 740px;
	height: 499px;
	float: left;
	padding-top: 20px;
	background: url('../media/notepad_bg1.png') no-repeat;
}

#about_us p {
	font-size: 14px;
	line-height: 18px;
	padding: 3px 70px 3px 40px;
	text-align: justify;
}

.productlisting {
	width: 740px;
	float: left;
	margin-bottom: 15px;
}

.productlisting img {
	float: left;
}

.productlisting_content {
	width: 740px;
	float: left;
	background-image: url(../media/prodlistings_widebg.png);
	background-repeat: repeat-y;
	background-position: top;
	position: relative;
}

.productlisting_img {
	width: 100px;
	float: left;
	padding-left: 15px;
}

.productlisting_img img {
	float: left;
	border: none;
}

.productlisting_info {
	width: 600px;
	float: left;
	padding-left: 15px;
	padding-right: 10px;
}

.productlisting_info h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	color: #e9b424;
	padding-bottom: 15px;
}

.productlisting_info h3 a {
	text-decoration: none;
	color: #e9b424;
}

.productlisting_info p {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 18px;
	color: #fff;
	padding-bottom: 28px;
}

.productlisting_more {
	position: absolute;
	right: 10px;
	bottom: 0;
}

.productlisting_price {
	position: absolute;
	bottom: 0;
	left: 129px;
	color: #e9b424;
	font-size: 14px;
	font-weight: normal;
}

.productlisting_more a {
	text-decoration: none;
	font-weight: normal !important;
	color: #e9b424;
}

.productlisting_more a:hover {
	text-decoration: underline;
}

#proddetailsection {
	width: 740px;
	float: left;
}

#proddetailimg_md {
	width: 300px;
	float: left;
	position: relative;
}

#proddetailimg_md img {
	float: left;
	border: none;
	padding-bottom: 8px;
}

#proddetail_info {
	width: 440px;
	float: left;
}

#proddetail_info h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 28px;
	color: #e9b424;
}

#proddetail_info p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 18px;
	color: #fff;
	padding-bottom: 15px;
}

#proddetail_info img {
	border: none;
	float: left;
}

.purchasebtn_holder {
	width: 274px;
	float: right;
	clear: both;
	position: relative;
	right: 26px;
}

.purchasebtn_holder span {
	position: absolute;
	top: 15px;
	left: 0;
	color: #fff;
}

.purchasebtn_holder input[type=text] {
	width: 52px;
	height: 20px;
	border: 2px solid #e9b424;
	font-size: 16px;
	position: absolute;
	top: 10px;
	left: 66px;
	padding: 3px;
}

.purchasebtn_holder input[type=image] {
	position: absolute;
	top: 10px;
	right: 0;
}

.productdetail_price {
	font-size: 18px;
	color: #fff;
}

#proddetail_related {
	width: 740px;
	float: left;
	padding-top: 50px;
}

#proddetail_related h3 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 18px;
	color: #e9b424;
	background-image: url(../media/otherprods_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
	margin-bottom: 15px;
}

#proddetail_related img {
	border: none;
	float: left;
}

#proddetail_holder {
	width: 740px;
	float: left;
	background-image: url(../media/otherproducts_bg.png);
	background-repeat: repeat-y;
	background-position: top;
}

.related_product {
	width: 100px;
	float: left;
	padding-left: 23px;
	padding-right: 23px;
}

.related_product p {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
	color: #fff;
}

.related_product p a {
	text-decoration: none;
	color: #fff;
}

#trainingclass_section {
	width: 740px;
	float: left;
}

#trainingclass_section h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

#trainingclass_section p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	padding-top: 20px;
	padding-left: 25px;
}

#trainingclass_section ul {
	list-style: inside;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 30px;
	color: #fff;
	padding-left: 25px;
	padding-top: 20px;
}

#trainingclass_section ul span {
	color: #e9b424;
}

#trainingclass_section p span {
	color: #e9b424;
}

#trainingclass_content {
	width: 350px;
	float: left;
	padding-top: 25px;
	padding-left: 25px;
}

.trainingclass_description {
	width: 100px;
	float: left;
	padding-bottom: 10px;
}

.trainingclass_description p {
	padding: 0 !important;
}

.trainingclass_info {
	width: 200px;
	float: left;
	padding-bottom: 10px;
}

.trainingclass_info p {
	padding: 0 !important;
}

#certificate_img {
	width: 145px;
	position: absolute;
	right: 30px;
	top: 95px;
}

#certificate_img img {
	border: 2px solid #3d1c0b;
}

#certificate_img p {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
}

#certificate_img p a {
	text-decoration: none;
	text-align: center;
	color: #fff;
}

#bodycontent_right {
	width: 170px;
	float: left;
}

#bodycontent_right img {
	float: left;
}

.slideshow_leftarrow {
	width: 39px;
	position: absolute;
	left: 30px;
	top: 280px;
}

.slideshow_rightarrow {
	width: 39px;
	position: absolute;
	right: 30px;
	top: 280px;
}

.slideshow_leftarrow img {
	float: left;
	border: none;
}

.slideshow_rightarrow img {
	float: left;
	border: none;
}

.imgdescription {
	width: 731px;
	height: 70px;
	position: absolute;
	bottom: 142px;
	left: 0;
	background-image: url(../media/booststrength_bg.png);
	background-repeat: no-repeat;
	background-position: top;
}

.imgdescription p {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	color: #000;
}

.trainingvideo {
	width: 731px;
	height: 62px;
	float: left;
	background-image: url(../media/watchvideo_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 50px;
}

.trainingvideo p {
	float: left;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: 62px;
	color: #f0c30c;
	background-image: url(../media/trainingvid_arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 20px 0 20px;
	margin-right: 20px;
}

.trainingvideo p a {
	text-decoration: none;
	color: #f0c30c;
}

.trainingvideo img {
	float: left;
	margin-top: 15px;
	border: none;
}

.traingvid_holder {
	width: 400px;
	margin: 0 auto;
}

#body_right {
	width: 200px;
	min-height: 691px;
	float: left;
	background-image: url(../media/sidenav_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	z-index: 4;
	position: relative;
}

#bodyright_holder {
	width: 145px;
	margin: 0 auto;
}

#bodyright_content {
	width: 145px;
	float: left;
	padding: 25px 0 60px 0;
}

#body_right h3 {
	float: left;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	background-image: url(../media/shoppingcart_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 24px;
	color: #f0c30c;
	padding-left: 27px;
	border-bottom: 1px solid #695951;
}

#body_right p {
	width: 145px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 24px;
	color: #fff;
}

#body_right .total a {
	text-decoration: none;
	color: #fff;
}

#body_right .total a:hover {
	text-decoration: underline;
}

#body_right .phone {
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 20px;
}

#body_right p span {
	color: #f0c30c;
}

#livechat {
	width: 140px;
	float: left;
	padding: 30px 0 30px 5px;
}

#livechat img {
	float: left;
	border: none;
}

#body_right ul {
	list-style: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 30px;
}

#body_right ul li {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

#body_right ul li a {
	width: 145px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #000;
}

#body_right ul li:last-child a {
	border: none;
}

#footer_holder {
	width: 100%;
	float: left;
	background-image: url(../media/footerbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

#footerholder_content {
	width: 960px;
	margin: 0 auto;
}

#footer {
	width: 960px;
	float: left;
	/* background-image: url(../media/footer_girl.png);
	background-repeat: no-repeat;
	background-position: left; */
	margin-top: 20px;
	position: relative;
}

#footer h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 28px;
	color: #fff;
	padding-bottom: 20px;
}

#footer h2 span {
	color: #f3bb24;
}

#footer p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 16px;
	color: #fff;
}

#footer_girl {
	width: 496px;
	float: left;
}

#services_omg {
	position: absolute;
	bottom: 20px;
	right: 14px;
}

#services_omg a {
	color: #fff;
	text-decoration: none;
}

#services_omg a:hover {
	text-decoration: underline;
}

#footer_content {
	width: 464px;
	float: left;
	padding-top: 70px;
}

#footer_content > ul {
	float: left;
	list-style: none;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
}

#footer_content > ul > li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

#footer_content > ul > li > ul {
	position: absolute;
	top: 24px;
	left: 20px;
	display: none;
	width: 200px;
}

#footer_content > ul > li > ul > li > a {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#footer_content > ul > li > ul > li > a:hover {
	text-decoration: underline;
}

#footer_content > ul > li:first-child {
	padding-left: 0;
}

#footer_content > ul > li:last-child {
	padding-right: 0;
}

#footer_content > ul > li > a {
	text-decoration: none;
	color: #fff;
}

#footer_content > ul > li > a:hover {
	text-decoration: underline;
}

.slider_links {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	float: none;
	clear: both;
	display: none;
}

.slider_links ul {
	width: 290px;
	float: left;
	margin-left: 30px;
}

.slider_links ul li {
	color: #fff;
	list-style: disc;
}

.slider_links ul li a {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

.slider_links ul li a:hover {
	text-decoration: underline;
}

.moreonproduct {
	float: right;
	font-size: 14px !important;
	text-align: left;
	background-image: url(../media/moreproduct_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	margin-top: 10px;
}

.moreonproduct a {
	text-decoration: none;
	color: #f3bb24;
}

#checkout_page {
     background-image: url(../media/prodlistings_widebg.png);
     background-repeat: repeat-y;
     background-position: top;
     padding: 10px;
     margin-top: 15px;
}

#checkout_page #checkout_page {
     background-image: none;
}

#checkout_page p {
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}
     
#checkout_page p a {
     color: #e9b424;
     text-decoration: none;
     }
     
#checkout_page p a:hover {
     text-decoration: underline;
     }

#signatureRequired {
	height: 100px;
	overflow: auto;
	background-color: #ffbc08;
	padding: 0 10px 0 10px;
}

#signatureRequired p {
	color: #000;
}

#signatureRequired label {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #000;
	padding-left: 10px;
}

#signatureCheck {
	width: 425px;
	float: left;
	padding: 10px 0 10px 10px;
}

#signatureCheck label {
	padding-left: 5px;
	color: #fff;
}

.message {
	font-size: 12px;
	color: #fff;
}

#bodysection2 ol {
	width: 715px;
	float: left;
	font-size: 12px;
	color: #e9b424;
	line-height: 16px;
	padding-left: 25px;
}

#bodysection2 ol li {
	padding-top: 10px;
	padding-bottom: 10px;
}

#bodysection2 ol li p {
	color: #fff;
}

.beforeafter {
	width: 660px;
	float: left;
	background-image: url(../media/trans_arrow.png);
	background-repeat: no-repeat;
	background-position: 300px 117px;
	margin-top: 40px;
	padding-left: 70px;
}

.beforeafter_img {
	width: 196px;
	float: left;
	padding-right: 100px;
}

.login_links {
	color: #fdc101;
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
	margin: 10px;
    background-image: url(../media/prodlistings_widebg.png);
    background-repeat: repeat-y;
    background-position: top;
}

.login_links p {
	padding: 5px 0 5px 0;
	line-height: 18px;
}

.login_links p a {
	color: #e9b424;
	text-decoration: none;
}

.login_links p a:hover {
	text-decoration: underline;
}

.keratindesc_text {
	width: 740px;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
}

.keratindesc_text p {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.message {
	padding-top: 15px;
}

#omg_flash_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 329px;
	text-align: center;
	z-index: 999;
	display: none;
}

#omg_overlay {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	display: none;
}

.testimonial_text {
	width: 720px;
	float: left;
}

.testimonial_text img {
	border: none;
}

.testimonial_text p {
	font-size: 12px;
	color: #fff;
	padding: 10px 0 10px 10px;
}

.trainingclass_info {
	color: #fff;
}

.promotionalsitemapul {
	width: 740px;
	float: left;
	font-size: 12px;
	list-style: none;
	color: #fff;	
}

.promotionalsitemapul li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.promotionalsitemapul a {
	width: 740px;
	float: left;
	list-style: none;
	color: #e9b424;
	text-decoration: none;
}

.promotionalsitemapul a:hover {
	text-decoration: underline;
}

#distributors_cont {
	 width: 960px; 
	 float: left; 
	 display: block; 
	 clear: both; 
	 padding-top: 20px;
}

.distributorbanner_cont {
	width: 480px;
	float: left;
}

.cocos_logo {
	position: relative;	
	left: -45px;
	z-index: 3;
}

.distributorbanner {
	width: 480px;
	float: left;	
}

.distributorbanner img {
	border: none;
	float: left;
	position: relative;	
	top: -55px;
	z-index: 4;
}

.sitemap_links {
	width: 370px;
	float: left;
	list-style: circle;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #fff;	
}

.sitemap_links li {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.sitemap_links li a {
	text-decoration: none;
	color: #fff;
}

.sitemap_links li a:hover {
	text-decoration: underline;
}

.storepolicy {
	width: 740px;
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 16px;	
}

.storepolicy p {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.storepolicy ul {
	list-style: inside;	
}

.storepolicy ul li {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.trainingclass_content {
	font-size: 12px;
	font-weight: normal;
	
}

.trainingclass_content p a {
	color: #e9b424;
}

.description_bullets {
	color: #e9b424;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.description_bullets li span {
	color: #fff !important;
}

#banner_visible {
	width: 670px;
	height: 600px;
	float: left;
}

#banner_visible > img {
	display: none;
}

#banner_visible > img:first-child {
	display: block;
}

.textarea_holder {
	width: 100%;
	float: left;
	background-image: url(../media/logo_faded.png);
	background-position: right;
	background-repeat: no-repeat;
}

.strong label {
	color: #e9b424;	
}

#promo_content {
	width: 740px;
	float: left;	
}

#promo_content p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 16px;
	color: #fff;
	padding-bottom: 20px;
}

#promo_content p a {
	text-decoration: none;
	color: #e9b424
}

#promo_content p strong {
	font-weight: normal;
	text-decoration: none;
}

#promo_content p a:hover {
	text-decoration: underline;
}

.prodlistpromo {
	list-style: none;
	width: 740px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
}

.prodlistpromo li {
	width: 740px;
	float: left;
	text-decoration: none;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.prodlistpromo li a {
	text-decoration: none;
	color: #e9b424;
}

.prodlistpromo li img {
	float: left;
	border: none;
}

.sliderdiv_section {
	width: 740px;
	float: left;	
}

.sliderdiv_section iframe {
	float: left;	
}

#sliderprods {
	width: 540px;
	float: left;	
}

#sliderprods li {
	width: 540px;
	float: left;	
}

.testimonial_info span {
	color: #e9b424;
}

.displaynone {
	display: none;
}