/*******************  
*	DEFAULTS
********************/

A			{ color: #4A1964; font-weight: bold; text-decoration: none }
A:hover 		{ color: #4A1964; text-decoration: underline }

TABLE			{ padding: 0px; margin: 0px; border-collapse: collapse; }
TD			{ padding: 0px; margin: 0px; border-collapse: collapse }
BODY			{ color: #222; line-height: 130%; font: normal 11px verdana, arial }
FORM			{ margin: 0px }
IMG			{ border: 0px }
ADDRESS			{ font-style: normal }

INPUT			{ border: 1px solid #4a1964; font-size: 11px; padding: 2px }
INPUT:focus		{ border: 1px solid #4A1964 }
INPUT.checkbox		{ border: 0px }
SELECT			{ border: 1px solid #4a1964; font-size: 11px }
SELECT:focus		{ border: 1px solid #4A1964 }
TEXTAREA		{ border: 1px solid #4a1964; font-size: 12px; font-family: arial; padding: 2px }
TEXTAREA:focus		{ border: 1px solid #4A1964 }

FORM TABLE TD 		{ padding: 5px; vertical-align: top }
FORM TABLE TH		{ padding: 5px 5px 0px 30px; font-size: 12px; text-align: right; vertical-align: top }
FORM INPUT.submit, 
A.submit		{ border: 1px solid #4a1964; color: #fff; background: url(images/button-bg.gif) repeat-x center; font: bold 11px tahoma, verdana; padding: 2px 8px 2px 8px; cursor: pointer; overflow: visible; text-decoration: none }
A.submit		{ color: #fff; padding: 3px 8px 3px 8px }
A.submit:hover		{ color: #fff; text-decoration: none }

FORM TABLE.noPadding TH	{ padding-left: 10px }

H1			{ font: normal 24px tahoma, arial, verdana }
H2			{ font-size: 16px; margin-bottom: 5px }
H3			{ font-size: 14px; margin-bottom: 3px; margin-top: 20px }

h1.page			{ margin: 0 0 -12px; padding-top: 10px; color: #bbb}

HR			{ border: 1px solid #cfe8ef; border-bottom: 1px dashed #253857}

.contentLarge		{ font-size: 16px }
.contentColour		{ color: #91268F }

/*******************  
*	STRUCTURE
********************/

#container		{ margin: 10px auto 30px; width: 972px; background: url(images/content-bg.png) repeat-y }
#header			{ height: 169px; background: url(images/title-bg.png) no-repeat top right; text-align: right; padding-right: 50px } 
#header	img		{ margin: 18px 0 0 20px } 
#header ul		{ padding: 0; margin: 50px 15px 0 0; list-style: none; float: right } 

.contentArea		{ margin: 3px 7px; padding: 0 6px 15px 320px; min-height: 330px }

#footer			{ color: #f1c4ea; font: normal 10px arial; background: url(images/footer-bg.png) no-repeat; padding: 4px 10px 7px }
#footer UL		{ padding: 0; margin: 0;  }
#footer UL LI		{ display: inline; padding: 0px 4px }
#footer LI A		{ color: #f1e7ef; text-decoration: none; font-size: 10px }
#footer LI A:hover	{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff }

#footer A		{ color: #fff; text-decoration: none; font-size: 10px }
#footer A:hover		{ text-decoration: none; border-bottom: 1px dotted #e9810c }

.sideBar		{ width: 145px; float: right; padding: 0 }
.sideBar h3		{ font: bold 16px arial; margin: 10px 0 12px }

#content		{ float: left; width: 455px; min-height: 400px }

/*******************
	MENU
********************/

#menu			{ height: 23px }
#menu 			{ background: transparent url(images/menu.png) no-repeat 0px 0px; height: 23px; position: relative; z-index: 1; font-size: 12px; text-align:left; padding: 0px; margin: 0px; list-style: none; list-style-image:none }
#menu LI		{ float: left; margin: 0px; }
#menu A 		{ background: transparent url(images/menu.png) no-repeat; display: block; height: 23px; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#home A		{ background-position: 0px 0px; width: 89px; margin-left: 0px; }
#home A:hover,
.index #home A	{ background-position: 0px -23px; }

#our_weightloss_program A	{ background-position: -91px 0px; width: 117px; margin-left: 2px; }
#our_weightloss_program A:hover,
.our_weightloss_program #our_weightloss_program A { background-position: -91px -23px; }

#enquire A		{ background-position: -210px 0px; width: 91px; margin-left: 2px; }
#enquire A:hover,
.enquire #enquire A	{ background-position: -210px -23px; }

#activity_mentors A	{ background-position: -303px 0px; width: 135px; margin-left: 2px; }
#activity_mentors A:hover,
.activity_mentors #activity_mentors A { background-position: -303px -23px; }

#food_experts A		{ background-position: -440px 0px; width: 132px; margin-left: 2px; }
#food_experts A:hover,
.food_experts #food_experts A { background-position: -440px -23px; }

#weightloss_products A	{ background-position: -574px 0px; width: 93px; margin-left: 2px; }
#weightloss_products A:hover,
.weightloss_products #weightloss_products A { background-position: -574px -23px; }

#contact A	{ background-position: -669px 0px; width: 108px; margin-left: 2px; }
#contact A:hover,
.contact #contact A { background-position: -669px -23px; }

#login A		{ background-position: -877px 0px; width: 94px; margin-left: 100px; }
#login A:hover,
.login #login A 	{ background-position: -877px -23px; }


/*******************
	BACKGROUND
********************/

.mod_home			{ background: url(images/bgimage-punching-pink.jpg) no-repeat }
.mod_our_weightloss_program	{ background: url(images/bgimage-boxing-guy.jpg) no-repeat }
.mod_enquire			{ background: url(images/bgimage-weight-curls.jpg) no-repeat }
.mod_activity_mentors		{ background: url(images/bgimage-boxing-girl.jpg) no-repeat }
.mod_food_experts		{ background: url(images/bgimage-belly.jpg) no-repeat }
.mod_weightloss_products	{ background: url(images/bgimage-baggy-jeans.jpg) no-repeat }
.mod_contact			{ background: url(images/bgimage-boxing-pink.jpg) no-repeat }
.mod_login			{ background: url(images/bgimage-girl-flex.jpg) no-repeat }




A.navReturn, A.navReturn:visited, A.navReturn:link, A.navReturn:active
			{ display: block; margin: 3px 0px 10px 0px; font-size: 11px; color: #777777; text-decoration: none }
A.navReturn:hover	{ text-decoration: underline }




.contentMain		{ vertical-align: top; line-height: 130%; padding: 10px 20px 20px 17px }

.contentForm .formTitle	{ text-align: right; font-weight: bold; width: 135px; vertical-align: top }

.leftColumn 		{ padding: 5px; font-size: 10px; text-align: right }
.leftColumn A:visited, .leftColumn A:link, .leftColumn A:active 
			{ color: #253857; text-decoration: underline; }
.leftColumn A:hover 	{ color: #253857; text-decoration: none; }

DIV.leftBoxTitle 	{ width: 155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; padding-top: 5px; }

.listTitle		{ font-size: 14px; font-weight: bold }
.listSmall		{ font-size: 10px; padding-top: 2px }
.listContent		{ padding-top: 5px; padding-left: 20px }


.singleWidth		{ width: 500px }
.singleWidth .styleWed	{ width: 25% }
.singleWidth .stylePort	{ width: 25% }
.singleWidth .styleCom	{ width: 25% }
.singleWidth .styleOth	{ width: 25% }

.gallery IMG 		{ margin: 0px 15px 15px 0px }
#placeholder		{ border: 0px; margin: 0px 0px 10px 0px }


.titleBar		{ height: 55; background-image: url(images/title-members-loginbg.gif); text-align: right; vertical-align: top; padding-right: 18px; padding-top: 7px; font-size: 11px }
.titleBar A:visited, .titleBar A:link, .titleBar A:active 
			{ color: #253857;  text-decoration: none; font-weight: bold }
.titleBar A:hover 	{ color: #253857; border-bottom: 1px #253857 dashed; text-decoration: none; }


.leftBar		{ width: 145px; text-align: center; padding: 20px 5px 20px 20px; vertical-align: top; }
.leftBar DIV.box	{ border: 2px solid #253857; margin-bottom: 20px; font-size: 10px; background-color: #fff }
.leftBar DIV.box .title	{ background: #253857; color: #fff; padding: 2px; padding-bottom: 4px; font-weight: bold; font-size: 14px; text-align: center; line-height: 130% }
.leftBar DIV.box .content { padding: 5px; line-height: 120% }
.leftBar DIV.box .link	{ padding: 4px; text-align: right; font-size: 12px }
.leftBar DIV.box .image	{ text-align: center; padding: 10px 0px 5px 0px }
.noDisplay		{ display: none }

.leftBar .box2		{ border: 2px solid #93268f; margin-bottom: 20px; font-size: 10px; background-color: #fff }
.leftBar .box2 .title	{ background: #93268f; color: #fff; padding: 2px; padding-bottom: 4px; font-size: 12px; text-align: center; line-height: 130% }
.leftBar .box2 .content { padding: 7px 5px 5px }
.leftBar .box2 .image	{ text-align: center; padding: 10px 0px 2px 0px }
.leftBar .box2 A 	{ color: #341145; font-weight: normal }

DIV.indent		{ padding-left: 25px }


.sideBar .affiliates	{ margin-bottom: 10px; text-align: center }
.sideBar .affiliates img { padding: 1px; border: 1px solid #777 }
.sideBar .affiliates .caption { font-size: 10px }



/*******************
     PAGE CONTENT
********************/

.homeBanner		{ width: 440px; height: 132px; background: url(images/banner-smaller.png) no-repeat; margin-top: 20px }
.homeBanner H1		{ font-size: 20px; color: #000; width: 400px; padding: 12px 0px 0px 0px; margin: 0 0 5px 25px; line-height: 110%; height: 50px }
.homeBanner H2		{ color: #a7081c; font: normal 18px verdana; border: 0px; width: 400px; margin: 5px 0px 5px 25px }
.homeBanner A		{ margin: 5px 20px }

.buttonSignup		{ background: url(images/button-enquire.gif) no-repeat; height: 30px; width: 148px; float: right; margin: 3px 0px 3px 3px; text-indent: -9000px; text-decoration: none; overflow: hidden;  }
.buttonSignup:hover	{ background-position: 0px -30px; }

.buttonLearn		{ background: url(images/button-learn.gif) no-repeat; height: 23px; width: 148px; float: right; margin: 3px 0px 3px 3px; text-indent: -9000px; text-decoration: none; overflow: hidden;  }
.buttonLearn:hover	{ background-position: 0px -23px; }

#headerBar		{ padding-right: 10px; text-align: right; height: 10px; background: url(images/far-top-bar.gif) no-repeat bottom; font-size: 10px; vertical-align: top; color: #fff }
#headerBar UL		{ padding: 0px; margin: 0px; list-style: none; display: inline }
#headerBar UL LI	{ display: inline; padding-left: 15px }
#headerBar A		{ color: #fff; text-decoration: none; font-weight: normal }
#headerBar A:hover	{ text-decoration: underline }


/*******************  
*	PRODUCTS
********************/

TABLE.products		{ width: 453px; border-collapse: separate }
TABLE.products TD	{ background: #f7f7f7; border: 1px solid #a0ca61; width: 50%; padding: 0px 0px 5px 0px; font-size: 11px; vertical-align: top }
TABLE.products H6	{ background: #7dae34; font-weight: bold; font-size: 12px; margin: 0px 0px 8px 0px; padding: 4px 6px }
TABLE.products H6 A	{ color: #fff }
TABLE.products H6 A:hover { color: #fff }
TABLE.products IMG	{ float: left; border: 2px solid #DDDDDD; margin: 0px 8px }
TABLE.products DIV	{ margin: 0px 8px 5px 8px;  }
TABLE.products .price	{ font-weight: bold; font-size: 14px }
TABLE.products .more	{ text-align: right }
TABLE.products TD.spacer { width: 10px; background: transparent; border: 0px; padding: 0px }
TABLE.products TD.spacer DIV { width: 10px; margin: 0px }
TABLE.products TR.spacer TD { height: 10px; background: transparent; border: 0px; padding: 0px }
TABLE.product3 TD	{ width: 33% }


DL.crumbs 		{ color: #888; margin: 0px; font-size: 10px }
DL.crumbs DT		{ display: inline; margin: 0px }
DL.crumbs DD		{ display: inline; margin: 0px 4px }
DL.crumbs A		{ color: #888; text-decoration: underline }
DL.crumbs A:hover	{ color: #888; text-decoration: none }


/*******************  
*	UTILS
********************/

.noTop			{ margin-top: 0px }
.noBottom		{ margin-bottom: 0px }
.noSeparator		{ background-image: none }
.floatRight		{ float: right; margin: 10px 0 5px 10px }
.floatLeft		{ float: left; margin: 0 10px 5px 0 }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.smallFont		{ font-size: 10px }

input.radio		{ border: 0 }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */