body
{
background: #d7d8e1 url(images/bg.gif) top left repeat-x;
margin: 0px auto;
padding: 0;
text-align: center;
}
#wrapper
{
border: 0;
margin: 0px auto;
padding: 0px;
width: 950px;
}


/* navigation */
#dropdown_contain
{
float: left;
background: #333;
text-align: left;
height: 29px;
margin: 0px;
padding: 0px;
width: 950px;
}
.dropdown{
margin:0;
padding:0 5px 0 0;
list-style:none;
height: 29px;
float: right;
}
.dropdown ul{
margin: 0;
padding:0;
width: 949px;
list-style:none;
height: 29px;
float: left;
}
.dropdown li{
margin:0;
padding:0;
float: left;
height: 29px;
cursor:pointer;
font: bold 12px/29px  Arial, sans-serif;
}
.dropdown a{
text-decoration:none;
color: #fff;
display: block;
float: left;
height: 29px;
padding: 0 15px;
}
.dropdown a:hover{
background-color: #000;
color: #ff762b;
text-decoration: none;
}
.dropdown ul{width: 200px; height: auto;}
.dropdown ul li{
height: auto;
width: 200px;
font: normal 11px/14px  Arial, sans-serif;
}
.dropdown ul a{
text-decoration:none;
text-align: left;
background: #333;
color: #fff;
display: block;
height: auto;
width: 170px;
padding: 5px 15px;
border-top: 1px solid #444;
}
.dropdown ul a:hover{
background-color: #000;
color: #ff762b;
}
.dropdown ul li{}
.dropdown li.submenu a{}
.dropdown ul a li.submenu{}

body.home .dropdown li.home a,
body.yoga .dropdown li.yoga a,
body.events .dropdown li.events a,
body.qual .dropdown li.qual a,
body.modules .dropdown li.modules a,
body.classes .dropdown li.classes a,
body.dvd .dropdown li.dvd a,
body.clothing .dropdown li.clothing a,
body.contact .dropdown li.contact a {
background-color: #f35c09;
color: #fff;
text-decoration: none;
}
body.home .dropdown li.home ul a,
body.yoga .dropdown li.yoga ul a,
body.events .dropdown li.events ul a,
body.qual .dropdown li.qual ul a,
body.modules .dropdown li.modules ul a,
body.classes .dropdown li.classes ul a,
body.dvd .dropdown li.dvd ul a,
body.clothing .dropdown li.clothing ul a,
body.contact .dropdown li.contact ul a {background: #333;color: #fff;}
body.home .dropdown li.home ul a:hover ,
body.yoga .dropdown li.yoga ul a:hover ,
body.events .dropdown li.events ul a:hover ,
body.qual .dropdown li.qual ul a:hover ,
body.modules .dropdown li.modules ul a:hover ,
body.classes .dropdown li.classes ul a:hover ,
body.dvd .dropdown li.dvd ul a:hover ,
body.clothing .dropdown li.clothing ul a:hover ,
body.contact .dropdown li.contact ul a:hover {background-color: #000;color: #ff762b;}



/* header */
#header {
float: left;
text-align: left;
height: 131px;
margin: 0px;
padding: 0px;
width: 950px;
background: #a7a6ae url(images/header-bg.gif) 0px 0px no-repeat;
}
.logo {
margin: 32px 0px 0px 37px;
padding: 0px;
border:0px;
float: left;
}
#photo {
float: right;
width: 215px;
padding: 0;
margin: 0;
}


/* content */
#content {
text-align: left;
float: left;
margin: 0px;
padding: 0px;
width: 950px;
background: transparent url(images/content_bg.gif) top left repeat-y;
}
/* left side */
#left_side {
float: left;
margin: 0px 0px 25px 0px;
padding: 0px;
width: 730px;
}
#left_side h1 {
color: #402682;
text-align: left;
font: normal 27px/27px Arial, sans-serif;
margin: 10px 10px 15px 35px;
padding: 0px;
letter-spacing: -0.04em;
}
#left_side h1 span {
font: normal 17px/17px Arial, sans-serif;
letter-spacing: -0.02em;
}
#left_side h2 {
color: #333;
text-align: left;
font: normal 16px/18px Arial, sans-serif;
margin: 0px 20px 15px 35px;
padding: 0px;
}
#left_side h3 {
color: #402682;
text-align: left;
font: bold 17px/19px Arial, sans-serif;
margin: 0 20px 0 35px;
padding: 10px 0 2px;
}
#left_side h4 {
color: #eb5207;
text-align: left;
font: bold 14px/16px Arial, sans-serif;
margin: 0 20px 0 35px;
padding: 10px 0 2px;
}
#left_side h5 {
color: #402682;
text-align: left;
font: bold 15px/21px Arial, sans-serif;
margin: 12px 20px 0px 35px;
padding: 0px;
}
#left_side h6 {
color: #888;
text-align: right;
font: normal 10px/10px Arial, sans-serif;
margin: 0px 20px 12px 35px;
padding: 0px;
letter-spacing: -0.02em;
}
#left_side p {
color: #333;
font: normal 12px/17px  Arial, sans-serif;
margin: 0 20px 10px 35px;
padding: 0px;
}
#left_side a, #right_side p a {
color: #402682;
text-decoration: underline;
}
#left_side a:hover {
color: #fff;
background-color: #f35c09;
text-decoration: none;
}
#left_side p#quotes {
background: transparent url(images/quotes.gif) top left no-repeat;
padding: 5px 40px 0px 35px;
font-style: italic;
margin: 20px 10px 20px 35px;
}
#left_side ul {
	margin: 5px 0px 15px 0px;
	padding: 0 0 0 48px;
}
#left_side ul li
{
	background: url(images/arrow.gif) 0px 1px no-repeat;
	color: #4f4f4f;
	font: normal 12px/15px Arial, sans-serif;
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0 0 0 18px;
}
.phone {
font: bold 16px/20px  Arial, sans-serif;
color: #402682;
}
#ruler {
border-bottom: 1px dotted #bbb;
height: 1px;
clear: both;
margin: 20px 20px 10px 35px;
}
#contact_box {
margin: 30px 20px 10px 35px;
font: normal 12px/16px  Arial, sans-serif;
color: #222;
padding: 10px 15px;
border: 1px dashed #d1ceda;
background-color: #f4f2f7;
}
.img_border {
float: right;
padding: 3px;
margin: 0px 20px 10px 10px;
border: 1px solid #ccc;
}
#left_side p.orange {
color: #eb5207;
font: normal 13px/16px Arial, sans-serif;
}
#product {
border-top: 1px dotted #bbb;
padding: 15px 0px 5px;
margin: 15px 20px 0px 35px;
font: normal 10px/10px Arial, sans-serif;
}
#product h3 {
color: #402682;
text-align: left;
font: bold 19px/20px Arial, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#product h3 span {
font: normal 13px/13px Arial, sans-serif;
color: #98979f;
}
#product h5 {
color: #402682;
text-align: left;
font: bold 12px/12px Arial, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#product p {
font: normal 12px/15px Arial, sans-serif;
margin: 1px 0px 8px 0px;
padding: 0px;
}
.price {
font: normal 14px/15px Arial, sans-serif;
color: #eb5207;
margin: 2px 5px 0px 0px;
}
#product img {
float: right;
padding: 3px;
margin: 0px 0px 10px 10px;
border: 1px solid #ccc;
}
#clothing_form {
font: normal 12px/12px Arial, sans-serif;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 56px;
background: transparent url(images/buy_now.gif) 0px 2px no-repeat;
}
#dvds_form {
font: normal 12px/12px Arial, sans-serif;
margin: 5px 0px 0px 0px;
padding: 3px 0px 23px 33px;
background: transparent url(images/buy_now_small.gif) 0px 0px no-repeat;
}
#specials form {
font: normal 12px/12px Arial, sans-serif;
margin: 0px;
padding: 0px;
background: none;
}
#specials SELECT {
border: 1px solid #d1ceda;
background: #fff url(images/input_bg.gif) 0px 0px repeat-x;
COLOR: #222;
font: normal 11px/11px Arial, sans-serif;
padding:1px;
margin: 1px 0px 3px 0px;
}
#list TEXTAREA, #list SELECT {
border: 1px solid #d1ceda;
background: #fff url(images/input_bg.gif) 0px 0px repeat-x;
COLOR: #222;
font: normal 12px/12px Arial, sans-serif;
padding: 2px;
margin: 0px;
}
#product table, #product tr, #product td {
margin: 0px;
padding:0px;
border: 0px;
}
#product ul {
	margin: 5px 0px 15px 0px;
	padding: 0 0 0 10px;
}
#product ul li
{
	background: url(images/arrow.gif) 0px 1px no-repeat;
	color: #444;
	font: normal 11px/12px Arial, sans-serif;
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0 0 0 18px;
}
/* contact page */
#contact {
border: 1px solid #d1ceda;
margin: 20px 25px 20px 35px;
padding: 15px 20px 10px 22px;
background: transparent url(images/form_bg.gif) 0px 0px repeat-x;
color: #402682;
font: normal 12px/16px  Arial, sans-serif;
}
#contact input, #contact select, #contact textarea {
margin: 0px 2px 5px 0px;
}
#register {
border: 1px solid #d1ceda;
margin: 20px 25px 20px 35px;
padding: 15px 20px 10px 22px;
background: transparent url(images/form_bg.gif) 0px 0px repeat-x;
color: #402682;
font: normal 12px/18px  Arial, sans-serif;
}
#register input, #register textarea {
margin: 0px 2px 0px 0px;
}
#register img {
margin: 0px;
padding: 0px;
}
#right_register {
margin: 15px;
padding: 0px;
color: #402682;
font: normal 12px/16px  Arial, sans-serif;
}
/* right side */
#right_side {
float: right;
margin: 0px;
padding: 0px;
width: 215px;
}
#right_side h6 {
color: #fff;
font: bold 18px/19px  Arial, sans-serif; 
width: 205px; 
height: 31px;
background: #da5009 url(images/register.gif) 0px 0px repeat-x;
margin: 0;
padding: 10px 0 0 10px;
}
#right_side p {
color: #333;
font: normal 12px/16px  Arial, sans-serif;
margin: 10px 12px 0px 15px;
padding: 0px;
}
#right_side b {color: #eb5207;}
#right_side strong {
color:#402682;
font: bold 14px/16px  Arial, sans-serif;
}
#specials {
width: 215px;
float: right;
clear: right;
margin: 30px 0px 20px 0px;
padding: 0px;
}
h4.special_title
{
font-size: 10;
font-weigth: bold;
border: 1px gray solid;

}
#specials_product {
width: 215px;
float: right;
margin: 0px 0px 2px 0px;
padding: 0px 0px 12px 0px;
border-bottom: 1px dotted #97969e;
}
#specials form {
margin: 10px 0px 0px 14px;
padding: 0px;
}
#specials p {
color: #111;
font: normal 12px/15px  Arial, sans-serif;
margin: 10px 12px 0px 15px;
padding: 0px;
}
#specials img {
float: right;
padding: 2px;
margin: 10px 5px 10px 10px;
border: 1px solid #ccc;
}
#right_side h3 {
font: bold 14px/15px  Arial, sans-serif;
text-transform: uppercase;
background: #7766a6 url(images/purple_bg.gif) top left repeat-y;
color: #fff;
margin: 0px;
padding: 4px 15px;
}
#right_side h4 {
font: bold 15px/31px  Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -0.02em;
background: #f35c09 url(images/righth4_bg.gif) top left repeat-y;
color: #fff;
margin: 0px 0px 15px 0px;
padding: 0px 15px;
}

.basket  {
float: left;
padding: 0px;
margin: 5px 0px 0px 10px;
border: 0;
}
#purple_bg {
width: 215px;
border-top: 3px solid #e1e0d5;
border-bottom: 3px solid #e1e0d5;
float: right;
margin: 30px 0px 20px 0px;
padding: 15px 0px 10px 0px;
background: #7766a6 url(images/purple_bg.gif) top left repeat-y;
color: #fff;
}
#purple_bg h2 {
font: bold 20px/22px  Arial, sans-serif;
color: #fff;
margin: 0px;
padding: 0px 10px 0px 15px;
letter-spacing: -0.02em;
}
#purple_bg  p {
color: #fff;
font: normal 13px/16px  Arial, sans-serif;
margin: 5px 12px 10px 15px;
padding: 0px;
}
#articles_months {
border-bottom: 1px dotted #7766a6;
margin: 0px;
background: transparent url(images/articles.gif) 175px 35px no-repeat;
}
#articles_months a {
color: #402682;
text-decoration: underline;
}
#articles_months a:hover {
color: #fff;
background-color: #f35c09;
text-decoration: none;
}
#articles_months ul {
	margin: 10px 0px 15px 0px;
	padding: 0 0 0 15px;
}
#articles_months ul li
{
	background: url(images/arrow.gif) 0px 1px no-repeat;
	color: #4f4f4f;
	font: normal 12px/15px Arial, sans-serif;
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0 0 0 18px;
}
/* footer */
#footer {
float: left;
text-align: left;
margin: 0px;
padding: 0px;
height: 55px;
width: 950px;
background: #444 url(images/footer_bg.gif) top left no-repeat;
}
#footer p {
color: #aaa;
text-align: left;
width: 650px;
font: normal 11px/21px  Arial, sans-serif;
margin: 20px 0px 0px 15px;
padding: 0px;
}
#footer p a {
color: #fff;
text-decoration: none;
}
#footer p a:hover {
color: #fff;
text-decoration: underline;
}
.margin_left {
margin: 0px 0px 0px 35px;
}
/* common form elements */
INPUT, TEXTAREA, SELECT {
border: 1px solid #d1ceda;
background: #fff url(images/input_bg.gif) 0px 0px repeat-x;
COLOR: #222;
font: normal 12px/12px Arial, sans-serif;
padding:2px;
margin: 0px
}
#list TEXTAREA, #list SELECT {
border: 1px solid #d1ceda;
background: #fff url(images/input_bg.gif) 0px 0px repeat-x;
COLOR: #222;
font: normal 12px/12px Arial, sans-serif;
padding: 2px;
margin: 0px;
}
input.submit
	{
	width: 51px;
	padding: 0px;
	border: 0px;
	height: 20px;
	margin: 5px 0px 0px 0px;
	background: transparent url(images/submit.gif) no-repeat;
	outline: none;
	}	
input.submit:hover
	{
	border: 0px;
	padding: 0px;
	background: transparent url(images/submit.gif) no-repeat 0 -20px;
	}
input.basket
	{
	width: 74px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 20px;
	background: transparent url(images/basket.gif) no-repeat;
	outline: none;
	}
input.basket:hover
	{
	border: 0px;
	padding: 0px;
	background: transparent url(images/basket.gif) no-repeat 0 -20px;
	}
input.book_button
	{
	width: 89px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	height: 20px;
	background: transparent url(images/book_button.gif) no-repeat;
	outline: none;
	}
input.book_button
	{
	border: 0px;
	padding: 0px;
	background: transparent url(images/book_button.gif) no-repeat 0 -20px;
	}
	
	
/* list table */
table#list {
	border-collapse: collapse;
	width: 92.5%;
	margin: 8px 0px 8px 35px;
}
#list th {
	background: #442d87;
	color: #fff;
	font-weight: bold;
	padding: 4px 5px;
	text-align: left;
	border-right: 1px solid #e0dcea;
	font: bold 13px/15px  Arial, sans-serif;
}
#list td {
	padding: 3px 5px;
	border-bottom: 1px solid #e0dcea;
	vertical-align: top;
	font: normal 12px/18px  Arial, sans-serif;
}
#list tr.alt td {
	background: #f0eef5;
}
#list tr.over td, #list tr:hover td {
	background: #f35c09;
	color: #fff;
}




/* added by brendan 18/1/10 */
#right_side #product {
border-bottom: 1px dotted #bbb;
border-top: none;
padding: 10px 15px;
margin: 0;
float: none;
font: normal 10px/10px Arial, sans-serif;
}
#right_side #product h3 {
color: #402682;
background: none;
text-align: left;
font: bold 13px/14px Arial, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#right_side #product h3 span {
font: normal 13px/13px Arial, sans-serif;
color: #98979f;
}
#right_side #product h5 {
color: #402682;
text-align: left;
font: bold 12px/12px Arial, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#right_side #product p {
font: normal 12px/14px Arial, sans-serif;
margin: 0 0 5px;
padding: 0;
}
#right_side .price {
font: normal 14px/15px Arial, sans-serif;
color: #eb5207;
margin: 2px 5px 0px 0px;
}
#right_side #product img {
float: right;
padding: 3px;
margin: 0px 0px 10px 10px;
border: 1px solid #ccc;
}


/* twitter box */
#twitter { 	margin: 0 0 20px; clear: both;}
	#twitter h3 {
		background: #472b94 url(images/twitter.gif) 0 0 no-repeat;
		height: 20px;
		padding: 5px 0 0 10px;
		}
		#twitter_update_list {margin: 5px 12px;}
			#twitter_update_list li {
				color: #333; 
				padding: 3px 0;
				list-style-type: none;
				font: normal 12px/13px "Trebuchet MS", Verdana, sans-serif; 
				border-bottom: 1px solid #d4d4d4;
				}			
			#twitter_update_list a {
			color: #402682;
			text-decoration: underline;
			}
			#twitter_update_list a:hover {
			color: #fff;
			background-color: #f35c09;
			text-decoration: none;
			}