* { margin:0px; padding:0px; outline:none; }
html, body { height:100%; }
body { font-family: Arial, Helvetica, sans-serif; color: #000; background-image: url(/images/back_back.gif); font-size: 75%; /* 12px : Generally, 1em = 12pt = 16px = 100% http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ */ }
h1, h2 { margin-bottom: 15px;color: #ed1c24; margin-right: 20px; margin-left: 20px; } /* font-size: 30px;  */
h1 { font-weight: normal; }
h2 { font-size: 20px; }
h2 { font-weight: bold; }

h1 a { color: #ed1c24; }
h2 a { color: #FFFFFF; }
a:hover { text-decoration: none; }

img { -ms-interpolation-mode:bicubic; }

#content_container { min-height:600px; height:auto !important; /*	height:600px; */ display:block!important; width: 100%; background-color:#F78F20; background-repeat:repeat-x; background-image: url(/images/container_content.gif); position: relative; clear: both; float: left; padding-bottom:0px; }
.widthz { margin: auto; width: 960px; padding-bottom:20px;}
.content { min-height:500px; height:auto !important; height:500px; display:block!important; background-color: #fff4da; background-image: url(/images/end_text.jpg); float: left; width: 710px; background-position: left bottom; background-repeat: no-repeat; position: relative; top: -7px; z-index: 50; margin-left: 10px; padding-top: 20px; padding-bottom: 150px; }
.content h3 a { font-size: 20px; color: #ed1c24; margin-bottom: 15px; margin-right: 20px; margin-left: 20px; }
.content h4 a { margin-bottom: 15px; font-size: 15px; color: #ed1c24; margin-right: 20px; margin-left: 20px; }

	
	
p, .content ul li, .content ol li { line-height: 20px; margin-bottom: 10px; text-align: justify; margin-right: 20px; margin-left: 20px; color: #000; font-size:1em;}
p a { color: #900; text-decoration: underline; font-weight: normal; }
p.red { color: #F00; }

#column1 { float: left; width: 480px; position: relative; z-index: 90; }
#column1 h1#welcome-to-bikram { background-image: url(/images/welcome.png); text-indent: -10000px; clear: none; height: 29px; width: 100%; background-repeat: no-repeat; margin-top: 50px; margin-top: 20px; }
#column1 h3 { background-image: url(/images/column1_h3.png); text-align: center; display: block; width: 418px; position: relative; float: left; background-position: left bottom; padding: 10px 10px 20px; margin: 20px 20px 50px 20px; font-size: 15px; font-weight: bold; }
#column1 h3 span { background-image: url(/images/column1_h3_span.png); background-repeat: no-repeat; display: block; float: left; height: 10px; width: 100%; position: absolute; left: 0px; top: -10px; }
#column1 h3 a { color: #CC0000; text-decoration: none; font-weight: bold; }
#column1 h4 { font-size: 15px; font-weight: normal; color: #FFFFFF; clear: both; margin-left: 20px; background-image: url(/images/quote.png); background-repeat: no-repeat; background-position: left top; padding:0 0 20px 30px; /*	margin-top: 15px; */ float: left; width: 418px; }
#column1 h4 span { font-style: italic; display: block; margin-top: 5px; }
#column1 p { color:#FFFFFF; clear: both; }

/* Botton sun curl graphic */
#content_end { background-image: url(/images/back_end_cont.png); background-repeat: repeat-x; background-position: left bottom; height: 630px; width: 100%; position: absolute; left: 0px; bottom: 0px; }
#content_end_wrapper {margin: auto; width: 1000px; position:relative; bottom:-320px; /* which is 630px - 303px + 7px*/ }
#content_end_wrapper {height:303px; opacity:0.4; background-image: url(/images/sun_end.png); background-repeat: no-repeat; background-position: left bottom; }

/* These 3 lines can be delete once the <span> is replaced by <div class="#content_end_wrapper"> above */
#content_end span { background-image: url(/images/sun_end.png); float: left; height: 303px; position: absolute; left: 50%; bottom: 9px; background-repeat: no-repeat; display: block; width: 999px; background-position: left bottom; margin-left: -595px; }
#content_end #content_end_wrapper span {display: block; height:303px; opacity:0.4; background-image: url(/images/sun_end.png); background-repeat: no-repeat; background-position: left bottom; }
#content_end #content_end_wrapper span {position:relative; left:0; bottom:0; float:none; margin-left:0;} /* this one is to cancel out '#content_end span' and can be removed later when '#content_end span' is removed*/

span#topcurl { background-image: url(/images/top_curl.gif); height: 398px; width: 404px; position: absolute; z-index: 0; float: left; top: -8px; left: 0px; }

	
#expandable_image { clear: both; float: left; width: 100%; }
#expandable_image h1 { font-size: 15px; color: #000000; cursor:hand; cursor:pointer; }
#expandable_image h1:hover { color:#CC9900; }

#addthis_block {margin: 0 20px;}

/* Content 
------------------------*/


#daysoflove { float: right; margin-left: 10px; }

ul#calls-to-action { position: absolute; }

/* Fix font size issues on the ipad 2 for the latest7 article page */
.magazine_feature p {font-size:12px;}


.rightmenu { float: right; width: 205px; position: relative; z-index: 50; margin-top: 80px; }
.rightmenu h1 { font-size: 20px; color: #FFFFFF; text-align: right; float: left; width: 100%; margin-right: 0px; margin-left: 0px; border-top: 1px solid #C90; padding-top: 5px; }
.rightmenu h4 { font-size: 15px; color: #C90; float: left; width: 100%; margin-bottom: 15px; text-align: right; }
.rightmenu .content_image { float: right; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; }
.rightmenu .content_image img { margin: 0px; border: 3px solid #FFFFFF; }
.rightmenu_back { /* for IE */
  filter:alpha(opacity=60); /* CSS3 standard */
  opacity:0.6; display: block; height: 100%; width: 50%; position: absolute; z-index: 5; top: -8px; right: 0px; margin-left:0px; background-color: #000000; }

.classes h6 { font-size: 15px; clear: both; float: left; width: 616px; margin-bottom: 5px; margin-left: 20px; background-image: url(/images/line_x00.gif); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 5px; }
.classes h6 strong { display: block; float: left; width: 350px; }

.line00 { background-image: url(/images/line_x00.gif); background-repeat: repeat-x; background-position: left center; display: block; height: 1px; width: 629px; margin-bottom: 15px; margin-right: 20px; margin-left: 20px; position: relative; margin-top: 15px; }

.content ul, .content ol { margin-left: 10px; margin-bottom: 15px; }
.content ul li, .content ol li, .placard ul li, .placard ol li { margin-bottom: 5px; list-style-type: none; padding-left: 30px; background-image: url(/images/sun_bullet.png); background-repeat: no-repeat; background-position: 0px 2px; }
.content ul li span { display: block; float: left; width: 200px; }
.content ol li { list-style-type: decimal; }
.content ul .line00 { left: -20px; }

.classes ol { float: left; width: 92px; position: relative; left: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
.classes ol li { list-style-type: none; clear: both; float: left; background-color:#ee1b22; width: 77px; height: 20px; margin-top: 1px; margin-right: 1px; margin-left: 1px; padding: 5px; font-weight: bold; color: #FFFFFF; background-image: none; }

.content_image { float: right; margin-bottom: 15px; margin-left: 20px; margin-right: 20px; }
.content_image img { margin: 0px;/*	border: 3px solid #FFFFFF; */ /*	width: 200px; */ }
.content_image img:hover { /*	border: 3px solid #CC9900; */ }

.big_image { text-align: center; clear: both; width: 100%; }



ul.submenu { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C90; float: left; width: 100%; margin-bottom: 15px; }
ul.submenu li { text-align: right; clear: both; float: left; width: 100%; list-style-type: none; border-top-width: 1px; border-top-style: solid; border-top-color: #C90; }
ul.submenu ul li { list-style-type: none; border-top: 1px solid #513d01; }
ul.submenu li a, ul.submenu li span { font-size: 15px; color: #FFF; text-decoration: none; padding-top: 10px; padding-bottom: 5px; float: right; margin-right: 5px; }
ul.submenu li a.active { padding-right: 15px; }
ul.submenu li a:hover, ul.submenu li a.active { color: #C90; }
ul.events { float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #C90; }
ul.events { float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #C90; }
ul.contact { }
ul.contact li { width: 100%; list-style-type: none; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; clear: both; float: left; position: relative; }
ul.contact li label { font-size: 15px; float: left; width: 150px; }

ol#terms, ol#terms li { width: 100%; list-style-type: decimal; font-size: 15px; margin-bottom: 10px; }
ol#terms ol, ol#terms ol li { background-image: none; padding: 0px; width: 560px; font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
ol#terms p { margin-right: 0px; }

#menu li a.active { padding-right: 15px; }
#menu.active { color: #C90; }

.checkbox {margin-left: 2em;}
.checkbox_wrapper {margin:1em 0;}

#intro_deal_copy {margin: 10px 0; padding: 10px 0; background-color:#eFe5cF;}
#intro_deal_copy p {text-align:center; margin:6px; line-height:100%;}
#intro_deal_copy .button {font-size: 1.8em;}

#bikram_benefits {margin: 5px 0;}
#bikram_benefits p {padding:5px 30px; background-color:#F9F1E0; border:1px dotted orange; line-height:150%;}

.textbox00, .messagebox00, .dropbox00 { float: left; font-size: 15px; padding: 4px; width: 275px; margin-right: 20px; font-family: Arial, Helvetica, sans-serif; position: relative; top: -3px; }
.messagebox00 { height: 140px; }

#note { position: absolute; left: 0px; top: 0px; width: 100%; }
#note p { position: absolute; left: 475px; top: 70px; color: #FFFFFF; background-color: #FF0000; padding: 2px; width: 150px; font-size: 15px; }
#note p.f02 { top:105px; }
#note p.f03 { top:143px; }

.submit_send { font-size: 15px; background-color: #FF0000; padding: 5px; border-style: none; cursor:pointer; color: #FFFFFF; }
.notification_ok { font-size: 15px; left: 21px; top: 70px; position: absolute; }

a.back_butt { color: #FFFFFF; text-decoration: none; clear: both; float: right; margin-bottom: 15px; }
a.back_butt:hover { color: #CC9900; }

/* #column2 { text-align: right; height:590px; width:500px; position: absolute; top: 205px; left: 50%; margin-left: 0px;}  */
#column2 { text-align: right; width:470px; margin-left: 0px; z-index:90; position:relative; float:right;}
#column2 span {visibility:visible; float:left; margin-left:50px;}
/* #column2 #flashsun {background-image:url(../images/home.png); background-position: -7px 4px; background-size: 99% auto;} */
#column2 h3 { color: #FFFFFF; bottom: 0px; display: block; font-size: 15px; left: 50px;  margin:20px 0 20px 50px;}
#column2 .box { background-image: url(/images/column1_h3.png); text-align: center; display: block; width: 418px; position: relative; float: left; background-position: left bottom; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin: 20px 20px 10px 20px; font-size: 15px; font-weight: bold; }
#column2 .box { float: right; }
#column2 .box span { background-image: url(/images/column1_h3_span.png); background-repeat: no-repeat; display: block; float: left; height: 10px; width: 100%; position: absolute; left: 0px; top: -10px; }
#column2 .box a { color: #CC0000; text-decoration: none; font-weight: bold; }
#column2 .billboard { margin-left: 50px; text-align: left; }
/*
#column2 p { text-align: right; }
#column2 .billboard p { text-align: left; }
*/

.button {padding: 5px;}
.classes .page_title #book-classes-button {padding: 10px 20px; font-size:1.8em;}
.button:hover {cursor:pointer;}

#special-20-pounds-for-30-days-button {font-size:1.8em;}

#home-tour #slide-1 { display: block; }
#home-tour .slide { display: none; }

.placard, .billboard { float: left !important; clear: none !important; margin: 10px 5px 0 15px; width: 210px; height: 291px; background: #fff5df; border: 3px solid #f8a01f; }
.placard h2 { text-align:center; margin: 10px; }
.placard p { margin: 10px; color: #000 !important; text-align: left; line-height: 120%; }
.placard img.fill { width: 210px; border: 0; }

.billboard { width: 430px; height: auto; }
.billboard th { text-align: left; }
.billboard img.fill { width: 430px; border: 0; }

.post {float: left !important; margin: 10px 5px 10px 15px; border-bottom:1px solid white; padding:10px 10px 40px; background: #fff5df; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width:440px;}
.post p {margin: 10px; color: #000 !important;}
.post .img_left {float:left; margin-right:10px; }
.post .img_right {float:right; margin-left:10px;}
#column1 .post:last-child {border: none;}
.post .signup_now {font-size:1.8em; padding:5px;}

.post p.schedule {color: #777777 !important; font-size: 1.3em; font-weight: bold;}
.post ul {margin: 10px;}
.post ul li {margin: 10px 10px 10px 45px; color: #777777 !important; }
.post p.calltoaction {margin: 20px auto 0 auto; width:330px;}

.post-vday {float: left !important; width:440px; margin: 30px 5px 10px 10px; padding:10px 10px 40px; border:5px solid #F40058; background: #fff5df url(../assets/ads/valentines-day-bg-2012-2.jpg) no-repeat bottom right; }
.post-vday {-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.post-vday p {margin: 10px; color: #000 !important;}
.post-vday .img_left {float:left; margin-right:10px; }
.post-vday .img_right {float:right; margin-left:10px; margin-top:-40px;}

.newspost {float: left !important; margin: 10px 0px 10px 15px; border-bottom:1px solid white; padding:10px 10px 40px; background: #832221; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width:660px;}
.newspost h2 {margin: 10px; color: #d8ab7e;}
.newspost p, .newspost ul li{margin: 10px; color: #e5e6d7;}
.newspost a {color: #f8cc9a;}
.newspost .img_left {float:left; margin-right:10px; width: 210px; height: 291px; border: 3px solid #f8a01f;}
.newspost .img_right {float:right; margin-left:10px; border: 3px solid #f8a01f;}
.newspost:last-child {border: none;}
.newspost .signup_now {font-size:1.8em;}

a#openday-09-2001, a:link#openday-09-2001, a:visited#openday-09-2001 {display: block; width:112px; height:162px; background:url("/assets/billboards/thumbs/byb-openday-2011-09-thumb-v2.jpg") no-repeat top left; margin-left:10px; border: 3px solid #f8a01f;}
a:hover#openday-09-2001, a:active#openday-09-2001 {display: block; width:112px; height:162px; background:url("/assets/billboards/thumbs/byb-openday-2011-09-thumb-v2.jpg") no-repeat bottom left; margin-left:10px; border: 3px solid #f8a01f;}

.illustration { float: right; margin-left: 20px; margin-bottom: 20px; width: 200px; }
.illustration img { border: 3px solid #fde9c8; width: 200px; }

#prospect-form table { margin: 10px; }

#prices h2 { margin-bottom: 0.5ex; margin-top: 1.5ex; }
.prices { margin-left: 25px; margin-right: 25px; margin-bottom: 10px; border: 0; }
.prices th, .prices td { padding: 3px; text-align: left; margin: 0; }
.prices .item { background: #ed1b24; font-weight: bold; width: 20%; }
.prices .at-the-desk { background: #f89f1f; width: 20%; }
.prices .online { background: #f78e1f; width: 20%; }
.prices .notes { background: #cc9900; width: 40%; }

.read-more {text-align: right; }

.classes .page_title {background-color:#e9542c; width: 98%; padding:20px 0; margin:0 auto 20px;}
.classes .page_title {-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.classes .page_title {-webkit-box-shadow: 3px 3px 6px #888888; box-shadow: 3px 3px 6px #888888;}
.classes .page_title h1 {font-size:2.67em; font-weight:normal; color: #e5e6d7; margin:0 0 0 25px; display:inline-block; width: 60%;}
.classes .page_title p {padding:4px; margin-right:20px; float:right; margin-top: -7px;}

#contact_info p {color: #fff5df;}

div.healcode .hc_prospect .hc-prospect-field { margin-bottom: 10px; margin-left: 20px;}
div.healcode .hc_prospect label { margin:15px 0 5px 20px; display:block;}
div.healcode .hc_prospect .hc-prospect-submit { font-size:1.8em; padding:5px;}
div.healcode .hc_prospect .hc-actions {text-align:center; margin:20px;}

/* FAQ PAGE */
div.faqs h1 {}
div.faqs h2 { background-color: #9A2726; border-bottom: 1px solid #8F0313; color: #D8AB7E; padding:5px 5px 5px 20px; margin:0 0 20px 0;}
div.faqs .faq_entry { background-color: #f2d4b6; border-bottom: 1px solid #CCCCCC; margin: 1em 0; padding-bottom: 1em; }
div.faqs .faq_entries {margin:0 auto; width:90%;}