/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0px;
  background-color: #BFE0D8;
  color: #666666;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  min-width: 902px;
  text-align: center;
}

a:link {text-decoration: underline; color: #660066; background-color: transparent;}
a:visited {text-decoration: underline; color: #660066; background-color: transparent;}
a:hover {text-decoration: none; color: #660066; background-color: transparent;}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 902px; padding: 0; border: 0; position: relative; text-align: left;}

.mainContainer {position: relative; display: inline; float: left; width: 900px; background: url(images/bg_main_area.gif) top left repeat-y #FFFFFF; border: 1px solid #9BB6AF; margin: 20px 0 0 0;}


/*-- HEADER---------------------*/

.mainNavBar {position: relative; float: left; display: inline; width: 900px; height: 35px; margin: -3px 0 0 0; padding: 0; background-color: #D1D3D4;}
	.mainNavBar ul {display: inline; float: left; list-style: none; margin: 11px 0 0 30px; padding: 0;}
	.mainNavBar li {display: inline; float: left; margin: 0 25px 0 0;}
	.mainNavBar li a {display: inline; float: left; height: 15px;}
	.mainNavBar li span {display: none;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 45px; height: 15px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;}

#nav02 a {background: url(images/nav_how_mohdoh_works_off.gif) top left no-repeat; width: 174px; height: 15px;}
#nav02 a:hover {background: url(images/nav_how_mohdoh_works_on.gif) top left no-repeat;}

#nav03 a {background: url(images/nav_faqs_off.gif) top left no-repeat; width: 41px; height: 15px;}
#nav03 a:hover {background: url(images/nav_faqs_on.gif) top left no-repeat;}

#nav04 a {background: url(images/nav_our_customers_off.gif) top left no-repeat; width: 132px; height: 15px;}
#nav04 a:hover {background: url(images/nav_our_customers_on.gif) top left no-repeat;}

#nav05 a {background: url(images/nav_news_and_pr_off.gif) top left no-repeat; width: 89px; height: 15px;}
#nav05 a:hover {background: url(images/nav_news_and_pr_on.gif) top left no-repeat;}

#nav06 a {background: url(images/nav_about_mohdoh_off.gif) top left no-repeat; width: 125px; height: 15px;}
#nav06 a:hover {background: url(images/nav_about_mohdoh_on.gif) top left no-repeat;}

#nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 71px; height: 15px;}
#nav07 a:hover {background: url(images/nav_contact_on.gif) top left no-repeat;}

/*-- DROP DOWN CODE --*/
#dropmenudiv{position: absolute; margin: 9px 0 0 -10px; border:1px solid #D1D3D4; border-bottom-width: 0; font-size: 12px; 
font-weight: normal; z-index:100; color: #333333; text-align: left; width: 100px;}

#dropmenudiv a{width: 100%; display: block; text-indent: 10px; border-bottom: 1px solid #D1D3D4; padding: 4px 0;
text-decoration: none; color: #333333;}

#dropmenudiv a:hover{background-color: #FFFFFF; color: #660066;}

	
/*-- TOP AREA --*/
.topBar {position: relative; float: left; display: inline; width: 900px; height: 35px; background-color: #FFFFFF; margin: 0; padding: 0;}
.topBarContact {position: relative; display: inline; float: left; margin: 0 0 0 30px; padding: 0; width: 370px; height: 35px;}
	.topBarContact img {border: 0; display: inline; }
	
.topBarBasket {position: relative; float: right; display: inline; width: 365px; margin: 0 30px 0 0; padding: 0;}
	.topBarBasket img {border: 0; padding: 0; margin: 0 10px 0 0; display: inline; float: right;}
	.topBarBasket p {font-size: 13px; color: #333333; line-height: 1em; margin: 12px 0 0 0; padding: 0; float: right;}

.headerBannerArea {position: relative; float: left; display: inline; width: 900px; height: 130px; margin: 0; padding: 0;}
	.headerBannerArea img {border: 0;} 

/*-- SIDE NAV BAR --*/
.leftNavBar {position: relative; float: left; display: inline; width: 200px; margin: 0; padding: 0;}
	.leftNavBar ul {display: inline; float: left; list-style: none; margin: 10px 0 0 30px; padding: 0;}
	.leftNavBar li {display: inline; float: left; margin: 0;}
	.leftNavBar li a {display: inline; float: left; height: 32px;}
	.leftNavBar li span {display: none;}
	
#leftNav01 a {background: url(images/left_no_worries_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav01 a:hover {background: url(images/left_no_worries_on.gif) top left no-repeat;}

#leftNav02 a {background: url(images/left_are_we_there_yet_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav02 a:hover {background: url(images/left_are_we_there_yet_on.gif) top left no-repeat;}

#leftNav03 a {background: url(images/left_breathe_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav03 a:hover {background: url(images/left_breathe_on.gif) top left no-repeat;}

#leftNav04 a {background: url(images/left_smart_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav04 a:hover {background: url(images/left_smart_on.gif) top left no-repeat;}

#leftNav05 a {background: url(images/left_calm_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav05 a:hover {background: url(images/left_calm_on.gif) top left no-repeat;}

#leftNav06 a {background: url(images/left_40_winks_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav06 a:hover {background: url(images/left_40_winks_on.gif) top left no-repeat;}

#leftNav07 a {background: url(images/left_slim_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav07 a:hover {background: url(images/left_slim_on.gif) top left no-repeat;}

#leftNav08 a {background: url(images/left_quit_off.gif) top left no-repeat; width: 200px; height: 32px;}
#leftNav08 a:hover {background: url(images/left_quit_on.gif) top left no-repeat;}

/*-- LEFT COLUMN --*/
.leftColumn {position: relative; float: left; display: inline; width: 230px; margin: 0; padding: 0 0 20px 0; background: url(images/bg_left_col_top.gif) top left no-repeat #FFFFFF;}
	.leftColumn h2 {margin: 30px 0 0 40px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}

.leftColumnNews {position: relative; float: left; display: inline; width: 190px; margin: 20px 0 0 30px; padding: 0;}
	.leftColumnNews h2 {margin: 0 0 0 10px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.leftColumnNews ul {margin: 5px 0 20px -10px; padding: 0; font-size: 11px; line-height: 1.5em; list-style: none; color: #666666;}
	.leftColumnNews li {position: relative; padding: 3px 0 3px 10px;}

.leftColumnSignup {position: relative; float: left; display: inline; width: 190px; margin: 10px 0 0 30px; padding: 0;}
	.leftColumnSignup h2 {margin: 0 0 0 10px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.leftColumnSignup p {margin: 0 0 10px 10px; padding: 0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	.formSignupText{width: 170px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font:12px Verdana, Arial, Helvetica, sans-serif;padding: 4px; margin-top:2px; }
	.formSignupButton {margin:0; background-color: #660066; color: #FFFFFF; font-size: 14px; padding: 4px 10px 4px 10px; border: 1px solid #FFFFFF; margin-top:10px;}

/*-- FOOTER --*/
.footerArea {position: relative; float: left; display: inline; width: 900px; margin: 20px 0 30px 0;}
	.footerArea p {font-size: 10px; color: #666666; line-height: 1.1em; margin: 0 0 0 40px;}

/*-- MAIN COLUMN FORMAT --*/ 
.mainColumnHome {position: relative; float: left; display: inline; width: 670px; margin: 0; background: url(images/home_main_bg_strapline.gif) top left no-repeat ;}

.mainColumnText{float:left;inline; width: 640px; height: 200px;padding: 0;/* border:1px solid red;*/}
	.mainColumnText p{margin:20px 10px 10px 180px; background-color:none;color:#FFFFFF; font-family:Tahoma, Verdana, Arial, "Arial Unicode MS"; line-height:1.5em;}
 
/*-- HOME PAGE --*/
.homeBadges {position: relative; float: left; display: inline; width: 640px; height: 94px; margin: 0 0 0 30px; padding: 0;}
	.homeBadges ul {display: inline; float: left; list-style: none; margin: 0; padding: 0;}
	.homeBadges li {display: inline; float: left; margin: 0 5px 0 0;}
	.homeBadges li a {display: inline; float: left; height: 94px;}
	.homeBadges li span {display: none;}
	
#badge01 a {background: url(images/home_badge_no_worries.gif) top left no-repeat; width: 70px; height: 70px;}
#badge02 a {background: url(images/home_badge_are_we_there.gif) top left no-repeat; width: 70px; height: 70px;}
#badge03 a {background: url(images/home_badge_breathe.gif) top left no-repeat; width: 70px; height: 70px;}
#badge04 a {background: url(images/home_badge_smart.gif) top left no-repeat; width: 70px; height: 70px;}
#badge05 a {background: url(images/home_badge_calm.gif) top left no-repeat; width: 70px; height: 70px;}
#badge06 a {background: url(images/home_badge_40_winks.gif) top left no-repeat; width: 70px; height: 70px;}
#badge07 a {background: url(images/home_badge_slim.gif) top left no-repeat; width: 70px; height: 70px;}
#badge08 a {background: url(images/home_badge_quit.gif) top left no-repeat; width: 70px; height: 70px;}

.homeBanners {position: relative; display: inline; float: left; width: 630px; margin: 30px 0 0 30px; padding: 0;}
	.homeBanners h2 {margin: 0 0 5px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeBanners img {display: inline; border: 0; margin: 0 10px 10px 0;}

.homeSpecial {position: relative; display: inline; float: left; width: 170px; margin: 30px 0 0 30px; padding: 0;}
	.homeSpecial h2 {margin: 0 0 5px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeSpecial img {display: inline; border: 0; margin: 0;}

/*-- PRODUCT PAGES COLUMN FORMAT --*/ 
.mainColumnBreathe {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_breathe.jpg) top left no-repeat #A6C4CD; background-color:#bfc5dd;}
.mainColumnNoWorries {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_no_worries.jpg) top left no-repeat #D6C0D9; background-color:#d3c2d5;}
.mainColumnAreWeThereYet {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_are_we_there.jpg) top left no-repeat #F4D6B2; background-color:#fbe6cb;}
.mainColumnSmart {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_smart.jpg) top left no-repeat #FBEAC8; background-color:#fceed1;}
.mainColumnCalm {position: relative; float: right; display: inline; width: 669px;min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_calm.jpg) top left no-repeat #AAD4CA; background-color:#c3ded7;}
.mainColumn40Winks {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_40_winks.jpg) top left no-repeat #CFD3EC; background-color:#dfe1f0;}
.mainColumnBonVoyage {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_bon_voyage.jpg) top left no-repeat #BEDEF3; background-color:#FFFFFF;}
.mainColumn6Products {position: relative; float: right; display: inline; width: 669px; min-height: 360px;margin: 0; padding: 60px 0 30px 0; background: url(images/bg_content_page.jpg) top left no-repeat #FFFFFF; }
.mainColumnSpank {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_spank.jpg) top left no-repeat #EDBCC0;background-color:#FFFFFF}
.mainColumnQuit {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_quit.jpg) top left no-repeat #CFD3EC; background-color:#daf2e4;}
.mainColumnSlim {position: relative; float: right; display: inline; width: 669px; min-height: 360px; margin: 0; padding: 60px 0 30px 0; background: url(images/bg_product_slim.jpg) top left no-repeat #CFD3EC; background-color:#e5f7fb;}

/*-- PRODUCT PAGE LEFT COLUMN --*/
.productColumnLeft {position: relative; display: inline; float: left; width: 290px; margin: 0 30px 0 30px; padding: 0;}
	.productColumnLeft h1 {font-size: 20px; font-weight: normal; color: #333333; line-height: 1.1em; margin: 0 0 0.5em 0; padding: 0;}
	.productColumnLeft h2 {font-size: 18px; font-weight: normal; color: #333333; line-height: 1.1em; margin: 0 0 0.5em 0; padding: 0;}
	.productColumnLeft h3 {font-size: 16px; font-weight: bold; color: #333333; line-height: 1.5em; padding: 0;}
	.productColumnLeft p {font-size: 12px; color: #333333; line-height: 1.5em;}
	.productColumnLeft ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #333333;}
	.productColumnLeft li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 12px; background-repeat: no-repeat; padding: 6px 0 4px 17px;}
	.productColumnLeft form {padding: 0; margin: 20px 0 20px 0;}

.formButton {margin:0; background-color: #660066; color: #FFFFFF; font-size: 14px; padding: 4px 10px 4px 10px; border: 1px solid #FFFFFF;}
.formButton_update {margin:0; background-color:#FFFFFF; color: #FFFFFF; font-size: 14px;border: 1px solid #FFFFFF; width:49px; background-image:url(images/update.jpg); background-repeat:no-repeat; background-position:center;}
.formqty{margin:0; width:18px; text-align:center; height:12px; font-size:10px;}	

.formButton2 {margin:0; background-color:#D5CEEC; color:#333333; font-size: 14px; padding: 4px 10px 4px 10px; border: 1px solid gray}	
/*-- PRODUCT PAGE RIGHT COLUMN --*/
.productColumnRight {position: relative; display: inline; float: left; width: 290px; margin: 40px 0 0 0; padding: 0;}
	.productColumnRight img {border: 0; margin: 0 0 0 55px;}

/*-- CONTENT PAGE --*/
.mainColumnContent {position: relative; float: right; display: inline; width: 610px; min-height: 300px; margin: 0; padding: 30px 30px 30px 29px; background: url(images/bg_content_page.gif) top left no-repeat;}
	.mainColumnContent h1 {font-size: 20px; font-weight: normal; color: #333333; line-height: 1.1em; margin: 0 0 0.5em 0; padding: 0;}
	.mainColumnContent h2 {font-size: 16px; font-weight: normal; color: #355992; line-height: 1.5em; margin: 0.5em 0 0.5em 0; padding: 0;}
	.mainColumnContent h3 {font-size: 14px; font-weight: bold; color: #355992; line-height: 1.5em; padding: 0;}
	.mainColumnContent p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.mainColumnContent ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
	.mainColumnContent ul li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 12px; background-repeat: no-repeat; padding: 6px 0 4px 17px;}
	.mainColumnContent ol li{
	font-size: 12px;
	}

/*-- CONTACT PAGE --*/
.mainColumnContact {position: relative; float: right; display: inline; width: 610px; min-height: 300px; margin: 0; padding: 30px 30px 30px 29px; background: url(images/bg_content_page.gif) top left no-repeat;}
	.mainColumnContact h1 {font-size: 20px; font-weight: normal; color: #333333; line-height: 1.1em; margin: 0 0 0.5em 0; padding: 0;}
	.mainColumnContact h2 {font-size: 16px; font-weight: normal; color: #355992; line-height: 1.5em; margin: 0.5em 0 0.5em 0; padding: 0;}
	.mainColumnContact h3 {font-size: 14px; font-weight: bold; color: #355992; line-height: 1.5em; padding: 0;}
	.mainColumnContact p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.mainColumnContact ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
	.mainColumnContact li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 12px; background-repeat: no-repeat; padding: 6px 0 4px 17px;}
	.mainColumnContact form {padding: 0; margin: 20px 0 0 0;}
	.mainColumnContact legend {font-size: 13px; color: #333333;}
	.mainColumnContact label {font-size: 13px; font-weight: bold; color: #355992; width: 150px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}

.formContactText {width: 400px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 13px; padding: 4px;}
.formContactSelect {width: 400px; background-color: #CCCCCC; font-size: 13px;}

.contactFormButtons {position: relative; float: right; display: inline; width: 446px;}
.formButton {margin:0; background-color: #660066; color: #FFFFFF; font-size: 14px; padding: 4px 10px 4px 10px; border: 1px solid #FFFFFF;}

/*-- YOUR BASKET PAGE --*/
.tableYourBasket {margin: 20px 0 0 0;}
.tableYourBasket img {border: 0;}
.tableYourBasket a:link {text-decoration: underline; color: #660066; background-color: transparent;}
.tableYourBasket a:visited {text-decoration: underline; color: #660066; background-color: transparent;}
.tableYourBasket a:hover {text-decoration: none; color: #660066; background-color: transparent;}

.tableYourBasket th {background-color: #EDEDED; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; color: #333333; font-size: 14px; font-weight: bold; padding: 1em 0 1em 0;}
.tableYourBasket th span {font-weight: normal; color: #666666;}
.tableYourBasket td {font-size: 14px; font-weight: normal; color: #666666; padding: 0.7em 10px 0.7em 0;}

td.tableYourBasketDelete {text-align: center;border-bottom:1px solid #CC99CC;}
	td.tableYourBasketDelete img {border: 0;}

.tableYourBasketRowOdd {background-color: #FFFFFF;}
.tableYourBasketRowEven {background-color: #EFFBF8;}
.tableYourBasketRowTotal {background-color: #E7E2F3; color: #333333;}
.tableYourBasketRowdiscount{background-color:#E4DDEC; color: #333333;}

td.basketTableTotalLabel {color: #333333; font-weight: bold; text-align: right; padding-right: 10px; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2;}
td.basketTableTotal {color: #333333; font-weight: bold;  border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2;}
.tableYourBasketFinalTotal {background-color:#E7E2F3; color:#000000;}
.tableYourBasketSubTotal {background-color:#E7E2F3; color:#000000; border-top:1px solid black;}
.cardholderTitle{ text-align:center; font:bold 80% arial; color:#333333;}
.cardholderDetails{text-align:right; font:80% arial; color:#333333;}
.cardholderTextbox{text-align:left; font:80% arial;color:#FF0000;}
.cardholderoptions{color:#333333;}
.basketbottomline{border-bottom:1px solid #CC99CC;}
.basketbottomlinewhite{border-bottom:1px solid #FFFFFF;}

.starfieldwrapper{
float:left;
margin:20px 0 0 30px;

}
.contentbodysmall
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;

}
.contentbodysmall a, a:visited{
color:#990033;
font-weight:bold;
}
.contentbodysmall a:hover{
color:#333333;
font-weight:bold;
}
.dropdownstyle{
font-style:italic;
font-weight:bold;
color:#000000; 
} 

.newsHeadline {cursor: pointer; cursor: pointer; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0 10px 10px; padding: 5px 0 3px 0; width: 600px; color:#333333; border-bottom:1px solid #CCCCCC;}  
	.newsHeadline img {float: right; margin: 0 15px 0 0;}