*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 0.625em;
}
img, a{
	border: none;
	outline: none;
}

a {
	text-decoration: underline;
	color: #004d69;
	}
	
a:hover {
	text-decoration: none;
	}

ol, ul{
	list-style: none;
}
h1{
}
h2{
	font-size:2.4em;
	margin-bottom:10px;
	color:#004d69;
}
h3{
	font-size:2em;
	margin-bottom:10px;
	color:#004d69;
}
p{
	font-size:1.2em;
	margin-bottom:10px;
}
li p
{
	font-size:1.1em;
}
table.standard
{
	border:solid 1px #00537C;
}
table.standard td, table.standard th
{
	border:solid 1px #00537C;
	padding:8px;
	text-align:left;
}
table.standard th
{
	background-color:#00537C;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}



/* --------------------------------------------- Global Classes */

.listEnd {
	border: 0!important;
	margin: 0!important;
	}
	
.clear {
	clear: both;
	}

.errorText {
	color: #F00;
}
	
#beforeswfanchor0,
#beforeswfanchor1,
#beforeswfanchor2,
#beforeswfanchor3,
#afterswfanchor0,
#afterswfanchor1,
#afterswfanchor2,
#afterswfanchor3 {
    display: none!important;
    }

/* --------------------------------------------- Main Structural IDs */
#headerWrap{
	background-color: #ffffff;
	height: 113px;
}
#header{
	padding:12px 0;
	width: 960px;
	margin: 0 auto;
}
#topContentWrap{
	background: url(../../../../images/topContent_bg.gif) repeat-x top #bbd406;
	clear:both;
	height: 305px;
}
#topContent{
	width: 960px;
	position:relative;
	margin: 0 auto;
}
#mainContentWrap {
	padding-top: 10px;
	}
#mainContent{
	clear: both;
	width: 960px;
	margin: 0 auto;
	margin-bottom:10px;
	padding: 0 10px 0 10px;
	background-color: #ffffff;
}

#centerContent {
    position: relative;
    }
    
#footWrap{
	width: 100%;
	background:#FFF;
	clear: both;
}
#footer{
	width: 960px;
	margin: 0 auto;
}
hr{
	border:none;
	margin-bottom:10px;
	background-color:#e7e2dd;
}

/* --------------------------------------------- Header */
#header h1{
	float: left;
	margin-bottom: 0px;
}
.topRight
{
	clear:right;
	display:block;
	float:right;
	width:700px;
}

ul.memberBox {
    float: right;
    display: block;
    margin-bottom: 10px;
    }
    
ul.memberBox li {
    float: right;
    display: block;
    margin-left: 10px;
    }
    
ul.memberBox li a {
    font-weight: bold;
    font-size: 1.2em;
    }
    
ul.memberBox li a span {
	display: inline-block;
	float: left;
	margin-right: 7px;
    }
    
#header h1 a{
	background: url(../../../../images/ll_logo.gif) no-repeat;
	width: 190px;
	height: 90px;
	display: block;
	text-indent: -9999px;
}
#searchBox {
	float: right;
	margin-bottom:4px;
}

#searchBox label {
	display: none;
	}
	
#searchBox img {
	display: none;
	}

#searchBox input {
	font-size: 1.1em;
	padding: 5px;
	width: 150px!important;
	height: 12px!important;
	float: left;
	border: 1px solid #d9d7c9;
	}

#searchBox a {
	background: url(../../../../images/search.gif) no-repeat;
	height: 24px;
	width: 73px;
	float: left;
	text-indent: -9999px;
	}
	
ul#topNav{
	float: right;
	margin-right:15px;
	padding-top:5px;
}
ul#topNav li{
	float: left;
}
ul#topNav img {
	display: none;
	}
ul#topNav li a{
	text-decoration:underline;
	font-size: 1.2em;
	border-right: 1px solid #a89682;
	padding: 0 10px 0 10px;
}

ul#topNav li a:hover{
	color:#00aeef;
}
#headInfo{
	float: right;
	display: block;
}
#headInfo img{
	float:left;
	margin-right: 15px;
	padding-top:5px;
}
#headInfo p{
	clear: none;
	display: block;
	float: left;
	font-size: 1.8em;
	color:#00858a;
	line-height:250%;
	margin-bottom:0;
}
#headInfo p span{
	font-weight: bold;
	font-size:0.8em;
	color:#53bdc1;
}

/* --------------------------------------------- Main Nav */
#mainNavWrap{
	clear: both;
	background:url(../../../../images/navbar_bg.gif) repeat-x top #000;
	width:100%;
	height:44px;
	display:block;
}

ul#mainNav{
	width:960px;
	margin:0 auto;
	z-index:10;
	height:auto;
	display:block;
	clear:both;
}
ul#mainNav li{
	display: block;
	float:left;
	margin-bottom:0;
	height:44px;
}
ul#mainNav li a{
	padding: 14px 28px;
	background:url(../../../../images/navbar_bg.gif) repeat-x top;
	color: #FFF;
	text-decoration: none;
	font-size: 1.4em;
	display: block;
}
ul#mainNav li a:hover{
	background-position:bottom;
}
ul#mainNav ul{
	display: none;
	position:absolute;
	z-index:30;
	text-align:left;
}
ul#mainNav li:hover ul, ul#mainNav li.over ul{
	display:block;
}
ul#mainNav ul li{
	clear:both;
	float:none;
	display: block;
	height:auto;
}
ul#mainNav ul li a{
	background:none;
	background-color:#686868;
	padding:8px 30px;
	display: block;
}
ul#mainNav ul li a:hover{
	background-color:#404040;
}

/* --------------------------------------------- Secondary Nav */

#secondNav {
	background: #f6f4f1 url(../../../../images/leftnav-bg.gif) repeat-x top;
	margin-bottom: 10px;
	}
	
#secondNav h2 {
	padding: 12px;
	margin: 0;
	font-size: 2em;
	}
	
#secondNav ul li {
	display: block;
	}
#secondNav ul li.selectedPage 
{
	background-color:#e7e2dd;
}
#secondNav ul li a {
	border-top: 1px solid #e7e2dd;
	display: block;
	padding: 12px;
	text-decoration: none;
	font-size: 1.4em;
	}
	
#secondNav ul li a:hover {
	text-decoration: underline;
	}
	
#secondNav ul ul li a 
{
	background:url(../../../../images/sub_arrow.gif) no-repeat left center;
	padding-left: 28px;
	}
#secondNav ul li.selectedPage ul li a {
	background:url(../../../../images/sub_arrow2.gif) no-repeat left center;
} 

	
#secondNav ul li a.selected {
	background-color: #edf2f4;
	}

/* --------------------------------------------- Join Box */
#joinBox{
	width: 206px;
	display:block;
	background-color:#121112;
	padding:12px;
	margin-right:10px;
	position:absolute;
	z-index:20;
	top:8px;
}
#joinBox h2{
	color:#bad405;
	margin: 0;
	float: left;
	width: 200px;
	font-size: 2.4em;
}
#joinBox p,
#joinBox a{
	color: #dfeb8b;
	font-size:1.2em;
	display:block;
	line-height:1.4em;
	margin-bottom:12px;
}
#joinBox label {
	display: none;
	}
#joinBox a.roiLink {
	border-bottom: 1px solid #4f4b4d;
	border-bottom: none;
	clear: both;
	padding:7px 0 7px 10px;
	*padding:4px 0 7px 10px;
	font-weight:bold;
	color:#000;
	background:#859801 url(../../../../images/ROI-button.gif) no-repeat top right;
	text-decoration:none;
	_display:inline-block;
	_width:197px;
	_margin-top:20px;
	}
#joinBox a.roiLink:hover {
	color:#000;
	text-decoration:underline;
	}
#Template_LLifeFindCounsellor_Panel1 {
	border-bottom: 1px solid #4f4b4d;
	margin-bottom:6px;
	}

#joinBox a.bmiLink {
	margin-bottom:4px;
	}
#joinBox a:hover{
	color:#FFF;
	text-decoration:none;
}

#joinBox input.field {
	font-size: 1.1em;
	padding: 5px;
	width: 122px;
	height: 14px;
	border: 0;
	margin-right: 1px;
	float: left;
	margin-bottom:30px;
	*margin-bottom:10px;
	}

#joinBox input.submit {
	background: url(../../../../images/home-find.gif) no-repeat;
	height: 24px;
	width: 73px;
	border: 0;
	float: left;
	margin-bottom:0;
	}

/* --------------------------------------------- Carousel */
.carousel {
        position: relative;
		padding:0;
        height:305px;
}
.carousel iframe {
	overflow:hidden;
	margin:10px 0px 0px 180px;
	background:none;
	height:250px;
	padding:0;

}
.carousel iframe * {
	z-index:0;
}

.carousel p {
    font-size: 0.9em;
    }

/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
        position:relative;
        overflow:hidden;
        width: 714px;
        height:305px;
		margin-left:246px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
*/
.scrollable .items {
/* this cannot be too large */
        width:20000em;
        position:absolute;
        clear:both;
}
.items div {
        float:left;
        width:720px;
        font-size:1.4em;
        color:#666666;
}
.items div strong 
{
	padding-top:20px;
	display:block;
}
.items div span
{
	padding-right:5px;
} 


.items div object, .items div embed
{
	display:block;
	float:left;
	/*margin-top:15px;*/
	margin-right:15px;
}
.items div object br
{
	display:none;
}


/* single scrollable item styling e.g img or div 
.scrollable img {
}*/
/* Navigator Links left & Right */
a.browse {
        float: left; 
        cursor: pointer; 
        margin-top: 2px; 
        text-indent: -9999px; 
        display: block; 
        }
a.left {
        width: 51px;
        height: 22px;
        float: left;
        background: url(../../../../images/carousel-prev.png) no-repeat;
        margin-right: 5px;
    }

a.right {
        width: 51px;
        height: 22px;
        float: left;
        background: url(../../../../images/carousel-next.png) no-repeat;
    }
/* position and dimensions of the navWrap */
#navWrap {
        padding-top: 3px;
        position: absolute;
        bottom: 10px;
        right: 10px;
}
/* the container for auto-generated nav links (circles)  */
.navi {
        margin: 0 auto;
        width: 61px;
        height: 13px;
        position: relative;
        display: block;
        float: left;
}
/* items inside navigator (circles) */
.navi a {
        width:10px;
        height:10px;
        float:left;
        margin:3px 5px;
        background:url(../../../../images/navigator.png) 0 0 no-repeat;
        display:block;
        font-size:1px;
}
/* mouseover state */
.navi a:hover {
        background-position:0 -10px;      
}
/* active state (current page state) */
.navi a.active {
        background-position:0 -20px;     
}

/* --------------------------------------------- Home Left Column */

#caseStudiesArea {
	float: left;
	position: relative;
	width: 710px;
	height: 200px;
	}

#caseStudiesArea div {
	position: absolute;
	display: none;
	}
#caseStudiesArea div a
{
	margin-right:15px;
}
#caseStudiesArea div a img
{
	width:330px !important;
}



.leftCol {
	width: 230px;
	display:block;
	float:left;
	margin-right:15px;
}
body.members .leftCol
{
	width:130px;
	margin-right:0px;
}
#progPod{
	width: 210px;
	display:block;
	background:#f6f4f1 url(../../../../images/grey_box_bg.gif) repeat-x top;
	padding:6px;
	margin-bottom:10px;
	border:solid 4px #ede9e4;
}

#progPod h2 {
	font-size: 2.4em;
	margin-bottom:15px;
	}
	
#progPod a{
	width:209px;
	height:31px;
	display:block;
	text-indent:-9999px;
	padding:6px 0;
	text-decoration:none;
}
#progPod a span{
	text-indent:0;
	color:#000;
	font-size: 1.1em;
	display: block;
}
#progPod a.total{
	background:url(../../../../images/ll_total.gif) no-repeat left top;
	border-bottom: 1px solid #e7e2dd;
	margin-bottom: 10px;
}
#progPod a.total:hover{
	background-position:top right;
}
#progPod a.lite{
	background:url(../../../../images/ll_lite.gif) no-repeat left top;
}
#progPod a.lite:hover{
	background-position:top right;
}


#membersPod{
	width: 210px;
	display:block;
	background:#f6f4f1 url(../../../../images/grey_box_bg.gif) repeat-x top;
	padding:6px;
	margin-bottom:10px;
	border:solid 4px #ede9e4;
}

#membersPod h3 {
	font-size: 2.4em;
	}
	
#membersPod label {
	font-size: 1.1em;
	clear: both;
	margin-bottom: 10px;
	}
	
#membersPod .validate {
	color: #ff0000!important;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	}

#membersPod p {
	font-size: 1.1em;
	}
	
#membersPod ul {
	margin: 5px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e2dd;
	}
	
#membersPod li {
	background: url(../../../../images/tick_green.gif) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	margin-bottom: 5px;
	}
	
#membersPod input.field {
	border: 1px solid #d0c7bc;
	font-size: 1.1em;
	padding: 5px;
	width: 189px;
	margin-bottom: 5px;
	height: 14px;
	}
	
#membersPod input.signIn {
	background: #0d4856 url(../../../../images/member_login.gif) no-repeat;
	width: 74px;
	height: 24px;
	border: 0;
	margin-bottom: 20px;
	margin: 0 0 20px 127px;
	cursor: pointer;
	}

/* --------------------------------------------- Main Column */
#breadCrumb {
	border-bottom: 1px solid #e7e2dd;
	padding: 10px 0 15px 0!important;
	font-size: 1.1em;
	margin-bottom: 15px;
	}
	
#breadCrumb li {
	display: inline;
	padding-left: 5px!important;
	background: none!important;
	}
	
#breadCrumb li a {
	background: url(../../../../images/arrow-grey.gif) no-repeat right 5px;
	padding-right: 10px;
	display: inline!important;
	font-size: 1em!important;
	}
	
.page1471 #breadCrumb{
	display:none;
}	
.main1Col {
	width: 960px;
	}
.main1Col .floatLeft
{
	float:left;
	width:515px;
}

.main2Col {
	float: left;
	width: 700px;
	}
	
.main3Col {
	float: left;
	width: 510px;
	margin-right: 20px;
	}
	
.mainMembers {
	float: left;
	width: 677px;
	margin-right: 5px;
	}
	
body.members #leftCol {
	width: 130px;
	}
	
body.members #right {
	width: 130px;
	}
#mainCol p {
	line-height: 1.5em;
	font-size: 1.2em;
	}
#mainCol .paragraph_style {
	font-size: 24px!important;
	margin-bottom: 0.4px;
	line-height: 1.2;
	margin-bottom: 10px;
}

#mainLeft{
	float:left;
	width:345px;
	margin-right:20px;
}
#mainRight{
	float:left;
	width:345px;
}

#mainLeft h3, #mainRight h3 {
	margin-top: 10px;
	font-size: 2.1em;
	color: #000000;
	}

#mainBottom {
	float:left;
	display: inline;
	width: 692px;
	margin: 30px 0px 20px 23px;
	border-top: #e0dad5 1px solid;
}

.thankyou  #mainBottom {
	width: 603px;
	margin: 0px;
	float: right;
}

.socialMedia {
	width: 270px;
	float: left;
	border-right: #e0dad5 1px solid;
	margin: 20px 0px 0px 0px;
}

.thankyou .socialMedia {
	width: 225px;
	float: left;
	border-right: #e0dad5 1px solid;
	margin: 20px 0px 0px 0px;
}

.thankyou .socialMedia.last {
	width: 347px;
	float: left;
	border-right: #e0dad5 1px solid;
	margin: 20px 0px 0px 30px;
	border: none;
}


.socialMedia h4 {
	color: #302d2e;
	padding: 0px 0px 5px 0px;
	float: left;
	font-size: 1.4em!important;
}

.socialMedia ul {
	clear: both;
}

.socialMedia li {
	display: inline;
	margin: 0px 25px 0px 0px;
	padding: 0px!important;
	float: left;
}

.facebook {
	background: url(../../../../images/socialMediaIcons.gif) no-repeat 0 0;
	float: left;
	height: 60px;
	width: 42px;
	text-indent: -9999px;
}

.facebook:hover {
	background: url(../../../../images/socialMediaIcons.gif) no-repeat -42px 0;
}

.twitter {
	background: url(../../../../images/socialMediaIcons.gif) no-repeat 0 -60px;
	float: left;
	height: 60px;
	width: 42px;
	text-indent: -9999px;
}

.twitter:hover {
	background: url(../../../../images/socialMediaIcons.gif) no-repeat -42px -60px;
}

.youTube {
	background: url(../../../../images/socialMediaIcons.gif) no-repeat 0 -120px;
	float: left;
	height: 60px;
	width: 42px;
	text-indent: -9999px;
}

.youTube:hover {
	background: url(../../../../images/socialMediaIcons.gif) no-repeat -42px -120px;
}

.lighterLifeMedia {
	width: 396px;
	float: left;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

.thankyou .lighterLifeMedia {
	width: 603px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.lighterLifeMedia ul {
	clear: both;
}

.lighterLifeMedia li {
	display: inline;
	margin: 0px 0px 0px 40px;
	float: left;
}

.thankyou .lighterLifeMedia li {
	margin: 0px 30px 0px 0px;
	padding: 0px!important;
}

.thankyou .lighterLifeMedia li.last {
	margin: 0px;
}

.newsletterSignup {
	background: url(../../../../images/newsletterSignup.gif) no-repeat 0 0;
	float: left;
	height: 65px;
	width: 92px;
	text-indent: -9999px;
}

.newsletterSignup:hover {
	background: url(../../../../images/newsletterSignup.gif) no-repeat 0 -77px;
}

.lighterLifeMagazine {
	background: url(../../../../images/lighterLifeMagazine.gif) no-repeat 0 0;
	float: left;
	height: 65px;
	width: 92px;
	text-indent: -9999px;
}

.lighterLifeMagazine:hover {
	background: url(../../../../images/lighterLifeMagazine.gif) no-repeat 0 -77px;
}

.lighterLifeBlog {
	background: url(../../../../images/lighterLifeBlog.gif) no-repeat 0 0;
	float: left;
	height: 65px;
	width: 92px;
	text-indent: -9999px;
}

.lighterLifeBlog:hover {
	background: url(../../../../images/lighterLifeBlog.gif) no-repeat 0 -77px;
}

.lighterLifePodcast {
	background: url(../../../../images/lighterLifePodcast.gif) no-repeat 0 0;
	float: left;
	height: 65px;
	width: 92px;
	text-indent: -9999px;
}

.lighterLifePodcast:hover {
	background: url(../../../../images/lighterLifePodcast.gif) no-repeat 0 -77px;
}

#info li {
	border-bottom: 1px solid #e0dad5;
	float: left;
	margin-bottom: 10px;
	}

#info img {
	float: left;
	margin-right: 10px;
	border: 1px solid #bebebe;
	margin-bottom: 10px;
	}
	
#info h4 {
	font-size: 1.4em;
	padding-top: 5px;
	}
	
#info h4 a {
	font-weight: normal;
	margin-bottom: 8px;
	display: block;
	}
	
#news {
	border-bottom: 1px solid #e0dad5;
	}
	
#news ul {
	padding-top: 4px;
	}
	
#news ul li {
	background: url(../../../../images/bullet-orange.gif) no-repeat 10px 4px;
	padding-left: 40px;
	margin-bottom: 17px;
	}
	
#news ul li a {
	font-size: 1.2em;
	display: block;
	margin-bottom: 6px;
	}
	
.podcast {
	background: url(../../../../images/home-podcasticon.gif) no-repeat 0 15px;
	}
	
.podcast, #social {
	font-size: 0.9em;
	line-height: 1.8em;
	}
	
.podcast a, #social a {
	font-size: 1.2em;
	display: block;
	}
	
.podcast a, #social a, .podcast p {
	padding-left: 40px;
	margin: 0;
	}
	
.facebookUpdate {
	background: url(../../../../images/home-facebookicon.gif) no-repeat 0 15px;
	}
	
.twitterUpdate {
	background: url(../../../../images/home-twittericon.gif) no-repeat 0 15px;
	}
	
.podcast, .facebookUpdate {
	border-bottom: 1px solid #e0dad5;
	padding: 15px 0 18px 0;
	}
	
.twitterUpdate {
	padding: 15px 0 18px 0;
	}
.mailingList input.field 
{
	padding: 5px;
	font-size: 1.1em;
	border: 1px solid #d0c7bc;
	width: 135px;
	float:left;
}

/* --------------------------------------------- Right Bar */

#right {
	width: 170px;
	float: left;
	}
	
#right img, #right div {
	margin-bottom: 10px;
	}
	
#right .doctor {
	background: #302d2e;
	}
	
#right .doctor h3 {
	background: url(../../../../images/right-doctor.jpg);
	width: 170px;
	height: 137px;
	text-indent: -9999px;
	}
	
#right .doctor p {
	color: #e7e0d9;
	margin: 0 10px 10px 10px;
	background: url(../../../../images/right-doctorquote.gif) no-repeat right top;
	}
	
#right .doctor p.footnote {
	font-size: 1.1em;
	background: none;
	border-top: 1px solid #4c4547;
	padding: 10px 0 10px 0;
	}
	
#right .mailingList {
	background: url(../../../../images/right-bg.gif) repeat-y;
	}
	
#right .mailingList h3 {
	background: url(../../../../images/right-subscribetitle.gif) repeat-y;
	width: 170px;
	height: 57px;
	text-indent: -9999px;
	}
	
#right .mailingList p {
	color: #8a5e91;
	margin: 10px 10px 0 10px;
	font-size: 1.1em;
	}
	
#right .mailingList input.field {
	margin: 10px;
	padding: 5px;
	font-size: 1.1em;
	border: 1px solid #d0c7bc;
	width: 135px;
	}
	
.SubscribeEmailValidationSummary, .EmailSubscribeError {
	color: #ff0000!important;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 10px 0 10px;
	}

#right .bmiCalc {
	background: url(../../../../images/right-bg.gif) repeat-y;
	}
	
#right .bmiCalc div {
	width: 160px;
	}
	
#right .bmiCalc h3 {
	background: url(../../../../images/right-bmititle.gif) repeat-y;
	width: 170px;
	height: 29px;
	text-indent: -9999px;
	}
	
#right .bmiCalc fieldset {
	border: 0;
	padding: 5px 0 5px 10px;
	}
	
#right .bmiCalc fieldset#inputs {
	border: 0;
	padding: 0;
	}
	
#right .bmiCalc input {
	margin-bottom: 10px;
	}
	
#right .bmiCalc input.reset {
	height: 24px;
	width: 70px;
	background: url(../../../../images/right-bmireset.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	border: 0;
	margin: 0;
	}

#right .bmiCalc input.calculate {
	height: 24px;
	width: 100px;
	background: url(../../../../images/right-bmisubmit.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	border: 0;
	margin: 0;
	}
	
#right .bmiCalc p {
	font-size: 1.1em;
	font-weight: bold;
	}
	
#right .bmiCalc p.result {
	margin-left: 10px;
	}
	
#right .bmiCalc label {
	line-height: 1.7em;
	margin: 0 4px 0 2px;
	}
	
#right .bmiCalc input.text {
	padding: 2px;
	width: 35px;
	font-size: 1em;
	border: 1px solid #999;
	}
	
#right .bmiCalc span.rightBmiradio {
	padding: 0!important;
	width: 150px!important;
	}
	
#right .bmiCalc span.rightBmiradio input {
	width: auto!important;
	}

#right .bmiCalc input.radio {
	margin-left: 5px;
	}
	
#right .bmiCalc form p {
	font-size: 1em;
	line-height: 1.7em;
	margin-top: 0;
	}
	
#right .bmiCalc p span {
	color: #F00;
	font-weight: bold;
	font-size: 1.3em;
	display: inline!important;
	padding: 0 0 0 6px!important;
	width: auto!important;
	}

#right .bmiCalc input.calculate active, #right .bmiCalc input.reset active {
	outline: none;
	}
	
#mainLabels {
	float: left;
	margin-right: 5px;
	}

#mainLabels label {
	display: block; 
	margin-bottom: 10px;	
	font-weight: bold;
	}
    
#units {
	margin-bottom: 5px;
	}
    
#imperialFieldSet, #metricFieldSet {
	float: left; 
	width: 120px;
	}
	
#imperialFieldSet label, #metricFieldSet label {
	display: inline;
	}
	
#imperialFieldSet input, #metricFieldSet input {
	margin-bottom: 10px;
	}
	
#imperialFieldSet input.text {
	margin-right: 1px; 
	width: 25px;
	}
	
#inputs {
	margin: 5px 0;
	font-size: 1.1em;
	}

/* --------------------------------------------- Footer */
#footWrap {
	background: url(../../../../images/footer_bg.gif) repeat-x;
	}

div#baseNav ul {
	font-size: 1.1em;
	height: 34px;
	text-align:center;
	padding-top:18px;
	margin-bottom: 25px;
}
div#baseNav ul li{
	display: inline;
	padding: 0 0 0 10px;
}

div#baseNav ul li a {
	border-right: 1px solid #8e8072;
	padding-right: 10px;
	}
	
#footerLinks {

	}

ul#footerLinks {
	width:960px;
	margin:0 auto;
	clear:both;
	font-size:1.3em;
	text-align:center;
}
ul#footerLinks h5{
	font-size:1.4em;
	margin-bottom: 18px;
}
ul#footerLinks li{
	padding: 0 30px;
	text-align:left;
	margin-bottom: 10px;
	width: 132px;
	display: block;
	float: left;
}

ul#footerLinks ul li{
	padding:0;
	display:block;
}

ul#footerLinks li a {
	color: #0d4856;
	font-size: 0.9em;
	}
	
/* --------------------------------------------- Content Pages */

body#content #mainCol h2 {
	color: #000000;
	font-size: 2.5em;
	margin-bottom: 0;
	}
	
 body#content #mainCol h3 {
	color: #bec682;
	font-size: 2.2em;
	margin-bottom: 0;
	height: 35px\9;
	width: 700px\9;
	display: inline-block\9;
	}
	
body#content #mainCol h4 {
	color: #000000;
	font-size: 2em;
	}
	
body#content #mainCol h5 {
	font-size: 1.8em;
	color: #00858a;
	}
	
body#content #joinBox{
	position: relative;
	top: 0;
	margin-bottom: 10px;
	}

body#content #mainCol ul {
	padding-top: 4px;
	margin-left: 5px;
	}
	
body#content #mainCol ul li {
	background: url(../../../../images/bullet-blue.gif) no-repeat 0 3px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-size: 1.2em;
	}
	
body#content #mainCol ul li a {
	font-size: 1.1em;
	margin-bottom: 6px;
	}
	
.blueBox {
	background-color: #e5f3f3;
	border: 4px solid #dbeeee;
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
	}
	
body#content #mainCol .blueBox h3, body#content #mainCol .orangeBox h3 {
	color: #004d69;
	margin-bottom: 10px;
	width: 475px;
	}
	
body#content #mainCol .blueBox ul li {
	background-image: url(../../../../images/bullet-beige.gif);
	}
	
body#content #mainCol .blueBox ul li a {
	font-weight: bold;
	}

.orangeBox {
	background-color: #fde5cc;
	border: 4px solid #fddab5;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	float: left;
	width: 672px;
}

.orangeBoxSmall {
	background-color: #fde5cc;
	border: 4px solid #fddab5;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	float: left;
	width: 482px;
}

.orangeBoxSmall div {
	clear: both;
    float: left;
    margin: 0 0 20px;
    width: 475px;
}

.orangeBoxSmall img {
	float: right;
}

body#content #mainCol .orangeBoxSmall h3 {
	color: #00413A;
}

.orangeBoxSmall h3, .orangeBoxSmall p {
	width: 325px;
	color: #000;
}

.orangeBoxSmall table, .orangeBoxSmall table tr {
	width: 482px!important;
	float: left!important;
}

.orangeBoxSmall td {
	float: left;
}
	
.orangeBoxHalf {
	background-color: #fde5cc;
	border: 4px solid #fddab5;
	margin: 0px 8px 15px 8px;
	padding: 10px;
	float: left;
	display: inline;
	width: 433px;
	}
	
.orangeBox h2, .orangeBoxHalf h2 {
	margin: 0px 0px 15px 0px;
}

.orangeBox .submit {
	/*margin: 0px 0px 25px 0px;*/
	float: left;
	clear: left;
}

.orangeBox .preFilled, .orangeBoxHalf .preFilled {
	margin: 0px 0px 10px 188px;
	font-size: 1.2em;
}

.orangeBox p, .orangeBoxHalf p {
	color: #000;
	margin: 0px 0px 10px 0px;
}

.orangeBox .forgottenLink, .orangeBoxHalf .forgottenLink {
	margin: 0px 0px 10px 163px;
}
	
.orangeBox .formInfo, .orangeBoxHalf .formInfo, .orangeBox .formInfoFirst, .orangeBoxHalf .formInfoFirst {
	background: #fff;
	padding: 10px 10px 0px 10px;
	width: 407px;
	border: #c86700 3px solid;
	margin: 5px 0px 15px 0px;
	height: 90px;
}
	
.orangeBox label, .orangeBoxHalf label {
	font-weight: bold;
	color: #c86700;
	font-size: 1.2em;
	float: left;
	clear: both;
	width: 140px;
	display: block;
	margin-bottom: 10px;
	padding: 5px 18px 5px 5px;
	text-align: right;
	}

.orangeBox input.idleField {
	margin-bottom: 10px;
	font-size: 1.1em;
	padding: 5px;
	width: 250px;
	border: 1px solid #a5acb2;
}

.orangeBoxHalf input.idleField {
	margin-bottom: 10px;
	font-size: 1.1em;
	padding: 5px;
	width: 250px;
	border: 1px solid #a5acb2;
}

.orangeBox input.focusField {
	margin-bottom: 10px;
	font-size: 1.1em;
	padding: 5px;
	width: 250px;
	/*height: 12px;*/
	border: 1px solid #C86700;
}

.orangeBoxHalf input.focusField {
	margin-bottom: 10px;
	font-size: 1.1em;
	padding: 5px;
	width: 250px;
	/*height: 12px;*/
	border: 1px solid #C86700;
}
	
.orangeBox .radioList, .orangeBoxHalf .radioList {
    width: 250px;
    float: left;
    }
    
.orangeBox .radioList input, .orangeBoxHalf .radioList input {
	width:auto;
	float:left;
	/*margin-top:6px;*/
	border: 0;
}
.orangeBox input[type=checkbox], .orangeBoxHalf input[type=checkbox]
{
	width:auto;
	border: 0;
}
.orangeBox .radioList label, .orangeBoxHalf .radioList label 
{
	clear:none;
	float:left;
}

.orangeBox textarea, .orangeBoxHalf textarea {
	display: block;
	margin-bottom: 10px;
	font-size: 1.1em;
	padding: 5px;
	width: 250px;
	border: 1px solid #a5acb2;
	}

.orangeBox select option, .orangeBoxHalf select option {
	height:14px;
	padding:3px 5px; 
}

	
.orangeBox input.submit, .orangeBoxHalf input.submit {
	clear: both;
	display: block;
	margin: 0px 0px 0px 163px;
	background:url(../../../../images/login-submit.gif) no-repeat;
	width:86px;
	height:24px;
	border:none;
	cursor:pointer;
	}

.orangeBox input.signIn, .orangeBoxHalf input.signIn {
	clear: both;
	display: block;
	margin: 0px 0px 0px 163px;
	background:url(../../../../images/buttonSignIn.gif) no-repeat;
	width:86px;
	height:24px;
	border:none;
	cursor:pointer;
}

.orangeBox input.register, .orangeBoxHalf input.register {
	clear: both;
	display: block;
	margin: 0px 0px 0px 163px;
	background:url(../../../../images/buttonRegister.gif) no-repeat;
	width:86px;
	height:24px;
	border:none;
	cursor:pointer;
}

.orangeBox input.contactMe, .orangeBoxHalf input.contactMe {
	background:url(../../../../images/buttonContactMe.gif) no-repeat;
	width:108px;
	height:24px;
	border:none;
	cursor:pointer;
	float: left;
	margin: 15px 0px 0px 0px;
}
	
.orangeBox .validate, .orangeBoxHalf .validate
{
	width:100%;
	display:block;
	text-indent:150px;
	clear:both;
	margin-bottom:15px;
}
.orangeBox p,
.orangeBox .inputLine, .orangeBoxHalf p,
.orangeBoxHalf .inputLine
{
	clear:both;
	/*width:100%;*/
}
.orangeBox .inputLine span, .orangeBoxHalf .inputLine span
{
	clear:both;
	margin: 0px 0px 10px 163px;
	display:block;
}

	
.orangeBox a, .orangeBoxHalf a {
	clear: both;
	margin-bottom: 15px;
	color: #c86700;
	font-size: 1em;
	}
	
.greenBox {
	background-color: #edffdf;
	border: 4px solid #e3f2d6;
	margin-bottom: 15px;
	padding: 10px;
	}
	
.greenBox h3 {
	color: #6f7f00;
	}
	
.greenBox ul {
	float: left;
	}

.greenBox ul li {
	clear: both;
	padding-bottom: 10px;
	background: none!important;
	padding-left: 0!important;
	float: left;
	}
	
.greenBox ul li img {
	float: left;
	margin-right: 10px;
	}
	
.greenBox a {
	display: block;
	clear: both;
	color: #6f7f00;
	}
	
.greenBox ul li p {
	font-size: 1.1em;
	float: left;
	}
	
.greenBox ul li a {
	clear: none;
	font-weight: bold;
	font-size: 1em!important;
	}
/* Styles for the Find a Counsellor Results */

#LLFindCounsellorSearchResults .counsellorName {
	font-size:1.2em;
	background:url(../../../../images/main_nav_bg_green.gif) repeat-x 0 50%;
	padding:0.4em 8px 0.4em 8px;
	margin-top:8px;
	color:#fff;
	font-weight:bold;
	height:1.3em;
	}

#LLFindCounsellorSearchResults .counsellorName .name {
	float:left;
	}

#LLFindCounsellorSearchResults .counsellorName a {
	float:right;
	background:url(../../../../images/white_arrow_green_bg.gif) no-repeat 100% 50%;
	padding-right:14px;
	margin-right:0px;
	cursor:pointer;
	}

#LLFindCounsellorSearchResults .counsellorName a:hover {
	text-decoration:none;
	}

#LLFindCounsellorSearchResults .counsellorInfo {
	font-size:1.1em;
	padding:8px;
	border:1px solid #a4a72a;
	line-height:1.5em;
	}

* html #LLFindCounsellorSearchResults .counsellorInfo {
	width:498px;
	overflow:hidden;
	}

#LLFindCounsellorSearchResults .counsellorInfo div {
	margin-bottom:8px;
	}

#LLFindCounsellorSearchResults .counsellorInfo #Image {
	float:right;
	margin:2px 2px 2px 20px;
	}
	
#LLFindCounsellorSearchResults .counsellorInfo .address {
	font-weight:bold;
	}

#LLFindCounsellorSearchResults .counsellorInfo .phone {
	font-weight:bold;
	}
	
#LLFindCounsellorSearchResults .counsellorInfo .profile {
	font-style:italic;
	font-size:1.2em;
	}
	
#LLFindCounsellorSearchResults .counsellorInfo .contactMe {
	margin:0;
	text-align:right;
	}
	
#LLFindCounsellorSearchResults .counsellorInfo .contactMe a {
	font-weight:bold;
	background:url(../../../../images/search_arrow.gif) no-repeat 100% 50%;
	padding-right:10px;
	cursor:pointer;
	text-decoration:none;
	margin-right: 10px;
	}
	
#LLFindCounsellorSearchResults .counsellorInfo .contactMe a.findOutMore {
	color:#004D69;
	background:#abb624 url(../../../../images/findoutmore-button.gif) no-repeat 100% 50%;
	padding:3px 16px 3px 5px;
	margin-right:0;
	}
#LLFindCounsellorSearchResults .counsellorInfo .contactMe a.findOutMore:hover {
	text-decoration:underline;
	}
	
/* Styles for SIGNED IN BANNER details */
.logged_in_area a:link, .logged_in_area a:visited, .logged_in_area a:hover, .logged_in_area a:active,
.login_area a:link, .login_area a:visited, .login_area a:hover, .login_area a:active{
font-size:1.2em;
font-weight:bold;
}

.logged_in_area {
padding:0;
margin:0;
text-align:right;
}
.logged_in_area a
{
	padding-left:10px;
}

.welcome_label {
text-decoration:none;
font-weight:normal;
padding-right:3px;
font-size:1.2em;
}

.member_button {
padding-left: 30px;
background: url(../../../../images/login_logo2.gif) no-repeat 10px 0px;
}

/* Styling for Success Stories Article Index */

body#content #mainCol ul.successStories {
	list-style:none;
	margin:0 !important;
	padding:0;
	}

body#content #mainCol ul.successStories li {
	list-style:none;
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #a4a72a;
	background:none;
	}

body#content #mainCol ul.successStories .personImage {
	float:left;
	display:inline;
	margin-right:10px;
	width:100px;
	}

body#content #mainCol ul.successStories .personImage img {
	width:100px;
	}

body#content #mainCol ul.successStories .successStory {
	margin-left:110px;
	}

body#content #mainCol ul.successStories .successStory a {
	display:block;
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
	}

/* Styling for Job Vacancies Plugin */

.VacanciesLightBg2 {
 font-size:1.4em;
 background:url(../../../../images/main_nav_bg_green.gif) repeat-x 0 50%;
 padding:0.4em 8px 0.4em 8px;
 margin-top:8px;
 color:#fff;
 font-weight:bold;
 }

.VacanciesLightBg3 td {
 font-size:1.1em;
 font-weight:bold;
 padding:0.4em 8px 0.4em 8px;
 vertical-align:top;
 border-bottom:1px solid #a4a72a;
 }

.VacanciesLightBg3 td a {
 font-weight:normal;
 }

#photos *
{
	color:#fff;
}
/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; margin-bottom:15px; }

/* GALLERY CONTAINER */
.gallery { background: #03537c; border: 1px solid #03537c; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */

.overlay {
top:386px!important;
height: 100px!important
}


.panel .panel-overlay,
.panel .overlay-background { height: 150px!important; padding: 0 1em;  }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }
.panel-overlay
{
	top: 394px !important;
	}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay p{ color: white!important; font-size: 1.1em!important; font-family:Arial, Helvetica, sans-serif; line-height:1.3em!important;}
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

.panel-overlay h3 {
font-size: 1.4em!important; color: #ffb02a!important; float: right; margin-top: -92px; width: 350px; font-weight:bold!important;
}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin-left: 120px!important; margin-top: 3px!important;  }

.strip_wrapper {
background:url(../../../../images/film_bg.jpg) repeat-x; height: 108px!important; width: 610px!important; left: 65px!important;
}

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
#pointer {
	border-color: #bed73b!important; width: 90px!important; height: 90px!important; 
}

#pointer img {
	border:none!important;
}
.filmstrip li img {
	border: 1px solid #fff !important;
}

#pointer img {left:35px!important; }

#photos li img {  border: 1px solid #fffff!important;}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}



#title {
	height:22px;
	width:741px;
	background-color:#04537c;
}
#photos {
	background: url(../../../../images/film_bg.jpg) bottom repeat-x #04537c;
}

#ErrorLbl p
{
	color:#ff0000;
}

.ratePage{
background:url(../../../../images/ratePageBackground.gif) no-repeat;
width: 562px;
height:54px;
margin-top:26px;
}

p.ratePageText{
color:#6c6c6c;
float: left;
margin-left:154px;
margin-top:20px;
}

.ratePlus{
float:left;
width:40px;
margin-left: 18px;
margin-top:8px;
}

.rateMinus{
float:left;
width:40px;
margin-left:40px;
margin-top:9px;
}

/* International Landing Page */
body.arabic #mainContent,
body.arabic #mainContent *
{
	direction:rtl;
	text-align:right;
}

body#international {
    background: #f4f2ef;
    }
	
#international #headerWrap {
	border-bottom: 1px solid #cccccc;
	height: 106px;
	}
	
#international #header #logoArea {
	float: left;
	}
	
#international #header h1 a {
	width: 170px;
	height: 75px;
	background: url(../../../../images/intl-logo.jpg) no-repeat;
	}
	
#international #header img {
	margin: 38px 0 0 25px;
	}
	
#international #header a.ukLink {
	display: block;
	float: right;
	color: #004e69;
	font-size: 1.2em;
	height: 57px;
	background: url(../../../../images/intl-uklinkright.jpg) no-repeat right top;
	margin-top: 10px;
	*width: 170px;
	min-width: 170px;
	}
	
#international #header a.ukLink span {
	display: block;
	height: 26px;
	background: url(../../../../images/intl-uklinkleft.jpg) no-repeat left top;
	padding: 31px 15px 0 63px;
	}

#international #mainContentWrap {
	padding-top: 0;
	background: #32bef3;
	}
	
#international #mainContent{
	position: relative;
	padding-bottom: 15px;
	padding-top: 18px;
	margin-bottom: 0;
	}
	
#international #intlMain {
	background: url(../../../../images/intl-maintop.jpg) no-repeat 0 0;
	margin-bottom: 18px;
	}
#international.arabic #intlMain {
	background: url(../../../../images/intl-maintop-arabic.jpg) no-repeat 0 0;
	}
#international #intlMain div {
	background: url(../../../../images/intl-mainbottom.jpg) no-repeat left bottom;
	padding: 15px;
	width: 930px;
	direction:ltr;
	}
	
#international #intlMain h2 {
	color: #7aaa1b;
	font-weight: bold;
	}
	
#international #intlMain p {
	color: #565c08;
	}
	
#international .intlSuccess {
	float: left;
	width: 463px;
	}
	
#international .intlSuccess h3 {
	margin: 10px 0 10px 15px;
	}
#international.arabic .intlSuccess h3 {
	margin: 10px 15px 10px 0;
	}
#international .intlSuccess h3 object {
	width: 265px;
	}

#international .intlSuccess p {
	margin: 0 15px 0 10px;
	}
	
#international .intlSuccess div.extraText {
	clear: both;
	background-color: #ffffff;
	margin: 10px;
	width: 422px;
	padding: 10px 10px 0 10px;
	display: inline-block;
	}
	
#international .intlSuccess div.extraText p {
	margin: 0 0 10px 0;
	}
	
#international .intlSuccess img {
	float: left;
	margin: 5px 15px 0 10px;
	}
#international.arabic .intlSuccess img {
	float: right;
	margin: 5px 15px 0 10px;
	}
#international .female {
	background: #fcd0a3;
	border: 4px solid #fddab5;
	margin-right: 18px;
	}
	
#international .female h3, #international .female p {
	color: #663300;
	}

#international .male {
	background: #bee6e6;
	border: 4px solid #dbeeee;
	}
	
#international .male h3, #international .male p {
	color: #00537c;
	}
	
#international #footWrap {
	height: 52px;
	text-align: center;
	padding-top: 15px;
	}
	
#international #footWrap p {
	color: #000000;
	text-align:center;
	}
	
/* International jquery area */

#international #infoArea {
	height: 277px;
	padding: 5px 0 0 0!important;
	width: 938px!important;
	background: url(../../../../images/intl-info-bg.jpg) no-repeat!important;
	position: relative;
	margin-top: 15px;
	}
	
#international #infoArea ul {
	height: 267px;
	width: 192px;
	padding-left: 5px;
	position: relative;
	background: url(../../../../images/intl-info-link-bg.jpg) no-repeat 5px 0;
	}
#international.arabic #infoArea ul {
	float:right;
	width: 197px;
	padding-right: 5px;
	}
#international #infoArea ul li {
	}
	
#international #infoArea ul li a {
	display: block;
	height: 74px;
	text-decoration: none;
	font-size: 1.5em;
	width: 158px;
	font-weight: bold;
	padding: 15px 25px 0 10px;
	position: relative;
	}
	
#international #infoArea ul li a.eat {
	color: #00b4d5;
	background: url(../../../../images/intl-info-bluearrow.jpg) no-repeat 170px 17px;
	}
	
#international #infoArea ul li a.eat:hover, #international #infoArea ul li.active a.eat {
	background: #00b4d5 url(../../../../images/intl-info-bluearrow.jpg) no-repeat 170px -127px;
	color: #ffffff;
	}
	
#international #infoArea ul li a.group {
	color: #ff005a;
	background: url(../../../../images/intl-info-pinkarrow.jpg) no-repeat 170px 17px;
	}
	
#international #infoArea ul li a.group:hover, #international #infoArea ul li.active a.group {
	background: #ff005a url(../../../../images/intl-info-pinkarrow.jpg) no-repeat 170px -127px;
	color: #ffffff;
	}
	
#international #infoArea ul li a.healthy {
	color: #64980b;
	background: url(../../../../images/intl-info-greenarrow.jpg) no-repeat 170px 17px;
	}
	
#international #infoArea ul li a.healthy:hover, #international #infoArea ul li.active a.healthy {
	background: #7aaa1b url(../../../../images/intl-info-greenarrow.jpg) no-repeat 170px -127px;
	color: #ffffff;
	}
	
/* Arabic version */
#international.arabic #infoArea ul li a.eat {
	background: url(../../../../images/intl-info-bluearrow-arabic.jpg) no-repeat 10px 17px;
	padding: 15px 10px 0 25px;
	}
#international.arabic #infoArea ul li a.eat:hover, #international.arabic #infoArea ul li.active a.eat {
	background: #00b4d5 url(../../../../images/intl-info-bluearrow-arabic.jpg) no-repeat 10px -127px;
	}
#international.arabic #infoArea ul li a.group {
	background: url(../../../../images/intl-info-pinkarrow-arabic.jpg) no-repeat 10px 17px;
	padding: 15px 10px 0 25px;
	}
#international.arabic #infoArea ul li a.group:hover, #international.arabic #infoArea ul li.active a.group {
	background: #ff005a url(../../../../images/intl-info-pinkarrow-arabic.jpg) no-repeat 10px -127px;
	}
#international.arabic #infoArea ul li a.healthy {
	background: url(../../../../images/intl-info-greenarrow-arabic.jpg) no-repeat 10px 17px;
	padding: 15px 10px 0 25px;
	}
#international.arabic #infoArea ul li a.healthy:hover, #international.arabic #infoArea ul li.active a.healthy {
	background: #7aaa1b url(../../../../images/intl-info-greenarrow-arabic.jpg) no-repeat 10px -127px;
	}

#international #infoArea div {
	height: 251px;
	padding: 10px 0 0 0;
	width: 730px;
	position: absolute;
	right: 5px;
	top: 5px;
	background: #ffffff url(../../../../images/intl-info-image-bg.jpg) no-repeat 0 -2px;
	display: block;
	}
#international.arabic #infoArea div {
	left: 5px;
}
	
#international #infoArea div.eat {
	border: 3px solid #00b4d5;
	}
	
#international #infoArea div.group {
	border: 3px solid #ff005a;
	}
	
#international #infoArea div.healthy {
	border: 3px solid #7aaa1b;
	}
	
#international #infoArea div .text {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 241px;
	width: 365px;
	margin-left: 333px;
	padding-right: 20px;
	background: none;
	}
	
#international #infoArea div h3 {
	margin-bottom: 0.2em;
	}
	
#international #infoArea div.eat h3 {
	color: #00b4d5;
	}
	
#international #infoArea div.group h3 {
	color: #ff005a;
	}
	
#international #infoArea div.healthy h3 {
	color: #64980b;
	}
	
#international #infoArea div p {
	line-height: 1.7em;
	margin-bottom: 1em;
	}
	
/* Members styles */

body.members #mainCol h1 {
    font-size: 3em;
    }

body.members #mainCol h2, body.members #mainCol h2 object {
    width: 400px;
    }
    
a.memberBenefits {
    display: block;
    background: url(../../../../images/membershipbutton-left.gif) no-repeat top left;
    color: #000000;
    text-decoration: none;
    width: 250px;
    min-width: 250px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    }
    
a.memberBenefits:hover {
    text-decoration: underline;
    color: #000000;
    }
    
a.memberBenefits span {
    background: url(../../../../images/membershipbutton-right.gif) no-repeat top right;
    display: block;
    height: 26px;
    font-size: 1.2em;
    padding: 7px 0 0 10px;
    color: #000;
    }

/* No javascript styles */

body.noJs #intlMain div {
    padding-bottom: 0!important;
    }

body.noJs #intlMain #infoArea {
    background: none!important;
    }
    
body.noJs #intlMain #infoArea div {
    background: none;
    border: 0;
    float: left;
    position: relative;
    width: 312px;
    right: auto;
    top: auto;
    }
    
body.noJs #intlMain #infoArea div .text {
    margin-left: 0;
    width: 285px;
    padding: 10px 10px 0 10px;
    background: #ffffff;
    }
	
body.noJs #infoArea ul {
    display: none;
    }

/* Counsellor PWS Pages - Default Styles */

/* Main page elements */

#counsellorPage #mainContentWrap {
	padding-top: 0;
	}
	
#counsellorPage #mainContent{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 40px;
	}
	
#counsellorPage h2 {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 2.5em;
	}
	
#counsellorPage h3 {
	font-weight: normal;
	font-size: 2.1em;
	}

/* Left column */

#counsellorPage .leftCol {
	width: 189px;
	margin-right: 30px;
	background: url(../../../../images/coun-corp-leftbg.jpg) repeat-y right top;
	}
	
#counsellorPage .leftCol ul.top {
	padding-top: 30px;
	}
	
#counsellorPage .leftCol ul.bottom {
	padding-bottom: 177px;
	background: url(../../../../images/coun-corp-nav-bottom.jpg) no-repeat right bottom;
	}
	
#counsellorPage .leftCol li {
	margin-bottom: 12px;
	background-repeat: no-repeat;
	}
	
#counsellorPage .leftCol li a {
	text-indent: -9999px;
	height: 51px;
	width: 189px;
	display: block;
	background-position: right top;
	background-repeat: no-repeat;
	}
	
#counsellorPage .leftCol li a:hover {
	background-position: right bottom!important;
	}
	
#counsellorPage .leftCol li.welcome, #counsellorPage .leftCol li.welcome a {
	background: url(../../../../images/coun-corp-nav-welcome.jpg);
	}
	
#counsellorPage .leftCol li.team, #counsellorPage .leftCol li.team a {
	background: url(../../../../images/coun-corp-nav-team.jpg);
	}
	
#counsellorPage .leftCol li.question, #counsellorPage .leftCol li.question a {
	background: url(../../../../images/coun-corp-nav-question.jpg);
	}
	
#counsellorPage .leftCol li.join, #counsellorPage .leftCol li.join a {
	background: url(../../../../images/coun-corp-nav-join.jpg);
	}
	
#counsellorPage .leftCol li.blog, #counsellorPage .leftCol li.blog a {
	background: url(../../../../images/coun-corp-nav-blog.jpg);
	}
	
#counsellorPage .leftCol li.facebook, #counsellorPage .leftCol li.facebook a {
	background: url(../../../../images/coun-corp-nav-facebook.jpg);
	}
	
#counsellorPage .leftCol li.twitter, #counsellorPage .leftCol li.twitter a {
	background: url(../../../../images/coun-corp-nav-twitter.jpg);
	}
	
/* Centre column elements */
	
#counsellorPage .main3Col {
	width: 480px;
	margin-right: 30px;
	padding-top: 30px;
	}

#counsellorPage #question h2 {
	margin-bottom: 10px;
	}

#counsellorPage #successArea {
	clear: both;
	display: inline-block;
	width: 741px;
	margin-left: 216px;
	}
	
#counsellorPage #successArea h3 {
	border-bottom: 1px solid #00537C;
	padding-bottom: 10px;
	}
	
#counsellorPage #successArea div {
	float: left;
	border: 1px solid #00537C;
	width: 172px;
	margin-right: 15px;
	}
	
#counsellorPage #successArea div.listEnd {
	margin: 0 0 0 0;
	border: 1px solid #00537C!important;
	}
	
#counsellorPage #successArea div img {
    display: block;
    }
	
#counsellorPage #successArea div a {
    display: block;
    text-decoration: none;
    background: url(../../../../images/coun-corp-gradientgreen.jpg) repeat-x left top;
	color: #ffffff;
	margin-bottom: 0;
	padding: 10px 5px 10px 5px;
	font-size: 1.4em;
	text-align: center;
	line-height: 1.2em;
    }
	
#counsellorPage #successArea div a:hover {
	text-decoration: underline;
	}
	
#counsellorPage #teamList h2 {
	font-style: normal;
	}
	
#counsellorPage #teamList div {
	clear: both;
	border-bottom: 1px solid #b1cc38;
	float: left;
	padding: 15px 0 15px 0;
	width: 480px;
	}
	
#counsellorPage #teamList img {
	float: left;
	margin-right: 15px;
	border: 1px solid #b1cc38;
	}
	
#counsellorPage #teamList strong {
	display: block;
	font-size: 1.4em;
	margin-bottom: 10px;
	}
	
#counsellorPage #question h2 {
	font-style: normal;
	}
	
#counsellorPage #question fieldset {
	background: #ebf2cd;
	border: 1px solid #9dbf06;
	clear: both;
	padding: 15px;
	margin-top: 15px;
	}
	
#counsellorPage #question legend {
	display: none;
	}
	
#counsellorPage #question label {
	clear: both;
	width: 150px;
	margin-right: 10px;
	float: left;
	display: block;
	font-size: 1.4em;
	margin-bottom: 15px;
	padding: 3px;
	}
	
#counsellorPage #question input, #counsellorPage #question textarea {
	margin-bottom: 15px;
	padding: 3px;
	width: 270px;
	border: 1px solid #9dbf06;
	float: left;
	}
	
#counsellorPage #question input:focus, #counsellorPage #question textarea:focus{
    background-color: #f4f7e7;
    }
	
#counsellorPage #question input.submit {
	margin-bottom: 0;
	margin-left: 166px;
	background: url(../../../../images/coun-corp-question-submit.jpg) no-repeat left top;
	display: block;
	width: 203px;
	height: 29px;
	float: none;
	border: 0;
	cursor: pointer;
	}
	
#counsellorPage #practises {
	padding-top: 30px;
	margin-bottom: 10px;
	display: inline-block;
	}
	
#counsellorPage #practises h2 {
	font-style: normal;
	}

#counsellorPage #practises div {
	float: left;
	margin-right: 40px;
	width: 210px;
	background: #f4f2ef url(../../../../images/coun-corp-practise-bg.jpg) repeat-x 0 41px;
	margin-top: 15px;
	}
	
#counsellorPage #practises div.listEnd {
	margin: 15px 0 0 0!important;
	}
	
#counsellorPage #practises div p {
	margin: 0 10px 12px 10px;
	color: #666666;
	}
	
#counsellorPage #practises div a {
	background: url(../../../../images/coun-corp-practise-link.jpg) no-repeat right top;
	display: block;
	height: 41px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.8em;
	line-height: 2.1em;
	padding : 0 10px 0 10px;
	margin-bottom: 10px;
	}
	
#counsellorPage #practises div a:hover {
	text-decoration: underline;
	}

#counsellorPage #practises div p a {
	background: none;
	display: inline;
	height: auto;
	color: #666666;
	font-size: 1.1em;
	padding: 0;
	line-height: normal;
	text-decoration: underline;
	}
	
#counsellorPage #practises div p a:hover {
	text-decoration: none;
	}
	
/* Right column */
	
#counsellorPage #right {
	width: 230px;
	background: url(../../../../images/coun-corp-rightbg.jpg) repeat-y left top;
	padding-top: 30px;
	clear: right;
	}
	
#counsellorPage #right img, #counsellorPage #right div {
	margin-bottom: 0;
	} 
	
#counsellorPage #right #counsellorImage {
	border: 1px solid #cccccc;
	width: 189px;
	margin-left: 20px;
	margin-bottom: 15px;
	}
	
#counsellorPage #right #counsellorImage img {
	width: 189px;
	height: 206px;
	display: block;
	}
	
#counsellorPage #right #counsellorImage p {
	background: url(../../../../images/coun-corp-gradient.jpg) repeat-x left top;
	color: #ffffff;
	margin-bottom: 0;
	padding: 10px 10px 12px 10px;
	font-size: 1.6em;
	text-align: center;
	line-height: 1.2em;
	}
	
#counsellorPage #right h3 {
	background: url(../../../../images/coun-corp-infotitle.jpg) repeat-x left top;
	width: 199px;
	height: 56px;
	display: block;
	margin-left: 16px;
	text-indent: -9999px;
	}
	
#counsellorPage #right h4 {
	border-bottom: 1px solid #b0cf7c;
	display: block;
	width: 199px;
	margin-left: 16px;
	height: 16px;
	text-indent: -9999px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	}
	
#counsellorPage #right #counsellorWhen, #counsellorPage #right #counsellorWhere, #counsellorPage #right #counsellorContact {
	margin-bottom: 15px;
	}
	
#counsellorPage #right #counsellorWhen h4 {
	background: url(../../../../images/coun-corp-whentitle.jpg) no-repeat left top;
	}
	
#counsellorPage #right #counsellorWhere h4 {
	background: url(../../../../images/coun-corp-wheretitle.jpg) no-repeat left top;
	}
	
#counsellorPage #right #counsellorContact h4 {
	background: url(../../../../images/coun-corp-contacttitle.jpg) no-repeat left top;
	}
	
#counsellorPage #right #counsellorWhen ul {
	margin-left: 20px;
	width: 199px;
	color: #666666;
	font-size: 1.2em;
	}
	
#counsellorPage #right #counsellorWhen ul li {
	margin-bottom: 1px;
	}
	
#counsellorPage #right #counsellorWhen p, #counsellorPage #right #counsellorWhere p, #counsellorPage #right #counsellorContact p {
	margin-left: 20px;
	width: 199px;
	color: #666666;
	}
	
#counsellorPage #right #counsellorWhere a {
	display: block;
	width: 199px;
	height: 30px;
	margin-left: 16px;
	text-indent: -9999px;
	background: url(../../../../images/coun-corp-mapbutton.jpg) no-repeat left top;
	}
	
#counsellorPage #right #counsellorWhere a:hover {
    background-position: left bottom;
    }
	
#counsellorPage #right #counsellorContact a {
	display: inline;
	background: none;
	color: #666666;
	word-wrap: break-word;
	overflow: hidden;
	}
	
#counsellorPage #right a {
	display: block;
	width: 230px;
	height: 30px;
	background: url(../../../../images/coun-corp-practisesbutton.jpg) no-repeat left top;
	text-indent: -9999px;
	}
	
#counsellorPage #right a:hover {
    background-position: left bottom;
    }

.publicationList label {
	text-align: left!important;
}

/* Kampyle link */

#kampylink {
	position: fixed;
	right: 0;
	bottom: 15px;
}

#k_slogan {
	position: fixed;
	right: 2px;
	bottom: 2px;
}


