/* CSS Document */

body {background-color: #c5e1ef; background-image: url(../img/site/background.jpg); background-repeat: no-repeat; background-position: top center; text-align: center; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; padding-top: 5px;}

#wrapper {
	width: 915px;
	margin: auto;
	font-size: 12px;
}

a:link {color: #a14544; font-weight: bold; text-decoration: underline;}
a:visited {color: #a14544; font-weight: bold; text-decoration: underline;}
a:hover {color: #a14544; font-weight: bold; text-decoration: underline;}
a:active {color: #a14544; font-weight: bold; text-decoration: underline;}

.floatDivLeft {float: left;}
.floatDivRight {float: right;}
.clearDiv {clear: both;}

ul, li, form, p, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
.input, .comments {background-color: #fff; background-image: url(../img/site/bg_input.gif); background-repeat: repeat-x; background-position: bottom left; border: solid #CCCCCC 1px;}

.buttonBlank {background-image: none; background-color: transparent; font-weight: bold; border: 0px; cursor: pointer;}


.fntSz14 {font-size: 14px;}
.fntSz18 {font-size: 18px;}
.dblUnder {border-bottom: double; color: #cf2027;}

.colourRed {color: #cf2027;}
.backTop {text-align: right;}
.BtmMarg {margin-bottom: 10px;}
.padTop10 {padding-top: 10px;}
.pageImg {float: right; margin-left: 20px; margin-bottom: 20px; border: solid 1px #ccc;}

/*header styles*/
#header {position: relative;}
#logos {
	position: absolute;
	left: 0px;
	top: 90px;
	z-index: 100;
	height: 66px;
	width: 306px;
}

* html #logos {left: -650px;}

.paperBasket {background-image: url(../img/site/bg_shopBasket.jpg); background-repeat: no-repeat; background-position: top left; width: 146px; height: 131px; float: left;}
.paperBasket .textArea {
	float: left;
	width: 100px;
	padding: 5px;
	margin-top: 80px;
	text-align: left;
	padding-left: 40px;
}
/**/

/*content styles*/
#content {
	width: 915px;
	float: left;
	text-align: left;
}

#leftBox {
	float: left;
	width: 302px;
	margin-right: 5px;
}
#rightBox {
	float: left;
	width: 600px;
}
/**/

/*nav styles*/
#nav {
	background-color: #e4f2f8;
	background-image: url(../img/site/bg_nav.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 260px;
	height: 176px;
	border: solid 10px #fff;
	float: left;
	text-align: left;
	padding: 10px;
}

#nav ul {list-style: none;}
#nav li {
	margin-bottom: 8px;
}

#nav a:link {color: #1c1a4b; text-decoration: none;}
#nav a:visited {color: #1c1a4b; text-decoration: none;}
#nav a:hover {color: #3f709d; text-decoration: none;}
#nav a:active {color: #1c1a4b; text-decoration: none;}
/**/

/*weight loss box styles*/
#weightBox {
	width: 280px;
	margin-top: 10px;
	float: left;
	background-color: #fff;
	height: auto;
	border: solid 10px #fff;
}

#weightBox img {
	float: left;
	margin-right: 5px;
	margin-bottom: 1px;
}
#weightBox p {font-size: 10px;}
/**/

/*smoking banner styles*/
#smokingBanner {
	background-color: #ebea4e;
	background-image: url(../img/site/bg_smoking.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	border: solid 10px #fff;
	float: left;
	margin-top: 10px;
	width: 280px;
	height: 290px;
}

#smokingBanner .titleArea {
	margin-top: 85px;
	padding: 10px;
}

#smokingBanner .titleArea h2 {color: #000; font-size: 14px;}
#smokingBanner .textArea {
	margin-top: 5px;
	padding: 10px;
	padding-top: 0px;
}
#smokingBanner .yellowBannerBg {
	background-image: url(../img/site/bg_yellowbar.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 279px;
	height: 38px;
	text-align: center;
	padding-top: 10px;
}

#smokingBanner .yellowBannerBg h3 {color: #1a1a4c; font-size: 16px;}
/**/

/*offer list styles*/
#offerList {
	border: solid 10px #fff;
	background-color: #f0f7fb;
	padding: 10px;
	width: 260px;
	float: left;
	margin-top: 10px;
	height: 647px;
}

#offerList h2 {font-size: 14px; margin-bottom: 10px;}
#offerList p {line-height: 14pt;}
#offerList ul {margin-top: 10px; list-style: none; text-transform: uppercase; font-size: 10px; color: #cf2027;}
#offerList li {
	line-height: 14pt;

}
/**/

/*content text styles*/
.contentText {
	border: solid 10px #fff;
	background-color: #e5f1f7;
	background-image: url(../img/site/bg_content.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 10px;
	position: relative;
}

* html .contentText {height: 686px;}

.contentText h1, .contentText h2, .contentText h3, .contentText h4, .contentText h5, .contentText h6, .contentText p {margin-bottom: 10px; color: #1c1a4b;}
.contentText h2 {font-size: 14px;}
.contentText h1 {font-size: 18px;}
.contentText p {
	line-height: 15pt;
}
.contentText .indexH2 {font-size: 18px;}

.contentText ul {
	list-style-image: url(../img/site/arrow_bullet.gif);
	list-style-position: outside;
	margin-left: 45px;
	clear: both;
}
.contentText li {margin-bottom: 10px;}
.whyChoose {float: left; width: 550px; clear: both; margin-bottom: 10px;}
.linkRight {
	text-align: right;
	float: right;
	margin-bottom: 10px;
	width: 230px;
	padding-right: 15px;
}
.linkRight .arrowLink {float: left; padding-top: 2px; margin-right: 10px;}
.innerImg {float: right; margin-left: 10px; margin-bottom: 10px; border: #999999 solid 1px;}
#twtFc {
	position: absolute;
	width: 220px;
	height: 55px;
	right: 0px;
	top: 0px;
	z-index: 100;
}
/**/

/*inner text styles*/
.innerText {
	border: solid 10px #fff;
	background-color: #e5f1f7;
	background-image: url(../img/site/bg_content.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0px;
	position: relative;
	height: 1337px;
}
.innerText .innerTitleBox {
	background-image: url(../img/site/bg_innertitle.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 5px;
	height: 40px;
	padding-top: 8px;
	padding-left: 10px;
}

* html .innerText {height: 1353px;}

.innerText .textArea {padding: 10px;}
/**/

/*shop listing styles*/
.prodBox {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px;
	margin-bottom: 10px;
}
.prodBox .textArea {
	float: left;
	width: 400px;
	padding-left: 10px;
}

.prodBox .textArea p {line-height: 13pt;}
.pagingControls {
	background-color: #c9d8df;
	padding: 10px;
	text-align: right;
}

.pagingControls a:link {color: #000; text-decoration: none;}
.pagingControls a:visited {color: #000; text-decoration: none;}
.pagingControls a:hover {color: #000; text-decoration: underline;}
.pagingControls a:active {color: #000; text-decoration: none;}
/**/

/*prod detail styles*/
.buttonCD {background-image: url(../img/site/buy_button.jpg); background-color: transparent; border: none; width: 124px; height: 43px;}
.buttonDownload {background-image: url(../img/site/download_button.jpg); background-color: transparent; border: none; width: 124px; height: 43px;}
.smallInput {width: 20px; height: 17px; text-align: center; margin-right: 5px;}
.listen {
	float: left;
	width: 128px;
	border-left: solid 1px #ccc;
	height: 170px;
	background-image: url(../img/site/bg_sample.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.listen .textArea {
	margin-top: 100px;
	text-align: center;
}
.prodBox2, .testimonial{
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px;
	padding-top: 0px;
	height: 160px;
	margin-bottom: 10px;
	padding-right: 0px;
}

.testimonial{
	height: auto;
	padding: 15px;
}
.testimonial p {line-height: 13pt;}

.prodBox2 .textArea2 {
	float: left;
	width: 300px;
	padding-left: 10px;
	margin-top: 20px;
}


.shopProd .innerTitleBox h1 {float: left; width: 200px;}
.shopProd .innerTitleBox h2 {
	float: right;
	width: 160px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: normal;
}
/**/

/*shopping cart styles*/
.basketItem {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	float: left;
	width: 536px;
}
.prodBoxBasket {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

* html .prodBoxBasket {float: left; width: 535px; margin-bottom: 5px;}

.finalPrice {
	background-color: #e2eff7;
	padding: 10px;
	text-align: right;
	float: left;
	width: 518px;
}

.buttonsShop {background-color: #fcfcfc; text-align: right; padding: 5px;}
/**/

/*therapy vids styles*/
.therapyVids {
	margin-top: 10px;
	float: left;
}
.therapyVids .titleArea {background-color: #e1ecf3; padding: 10px;}
.therapyVids .titleArea h2 {font-size: 18px;}
.therapyVids .video {
	float: left;
	width: 295px;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #e0ecf3;
	background-image: url(../img/site/bg_vids.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 265px;
}
.therapyVids .video2 {
	float: left;
	width: 295px;
	margin-top: 10px;
	background-color: #e0ecf3;
	background-image: url(../img/site/bg_vids.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
    height: 265px;
}


.therapyVids .textArea {padding: 5px;}
.therapyVids .textArea h3 {font-size: 12px; margin-bottom: 10px;}
.therapyVids .textArea p {font-size: 10px; margin-bottom: 0px; padding-bottom: 0px;}
/**/

/*newsletter styles*/
#envelope {
	position: absolute;
	width: 55px;
	height: 55px;
	z-index: 100;
	left: -22px;
	top: -25px;
}
.newsletter {
	float: left;
	width: 570px;
	border: solid 10px #fff;
	margin-top: 10px;
	background-color: #FFFFFF;
	background-image: url(../img/site/bg_newsletter.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	padding: 5px;
	height: 90px;
}

.newsletter .textArea {
	float: left;
	width: 250px;
	padding-left: 40px;
	background-image: url(../img/site/bg_lines.gif);
	background-repeat: no-repeat;
	height: 70px;
	background-position: top;
}

.newsletter .errors {
	float: left;
	width: 250px;
	padding-left: 40px;
	background-image: url(../img/site/bg_lines.gif);
	background-repeat: no-repeat;
	height: 70px;
	background-position: top;
	color: #cf2027;
	font-weight: bold;
}

.newsletter .textArea p {line-height: 15pt;}
.newsletter .textArea h2 {
	margin-bottom: 3px;
	font-size: 16px;
}

.newsletterForm {
	float: left;
	width: 280px;
}

.newsletter .input {
	width: 190px;
}
/**/

/*skype banner styles*/
.skype {
	background-image: url(../img/site/bg_skype.gif);
	width: 570px;
	border: solid 10px #fff;
	float: left;
	margin-top: 10px;
	height: 51px;
	background-repeat: no-repeat;
	padding: 5px;
}

.skype .textArea {
	margin-left: 100px;
	float: right;
	margin-bottom: 5px;
}

.skype .textArea h2 {
	color: #237e94;
	font-size: 14px;
}
.skype .textArea p {color: #21a4c4; font-size: 12px;}
/**/

/*contact us styles*/
.contactTable .input {
	width: 175px;
	background-color: #fefbed;
	background-image: none;
}
.contactTable .comments {
	width: 460px;
	overflow: auto;
	background-color: #fefbed;
	background-image: none;
}

.contactTable .button {
	background-image: url(../img/site/submit_button.jpg);
	background-position: top left;
	color: #2b3a8b;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	background-repeat: no-repeat;
	width: 92px;
	height: 43px;
	border: 0px;
}
.errors {color: #cf2027; font-weight: bold; margin-bottom: 10px;}
.mapTitle {
	background-color: #e6f0f7;
	padding: 10px;
	margin-top: 10px;
	width: 518px;
}
.mapTitle h2 {margin-bottom: 0px;}

.map {height: 238px; width: 538px;}
.addressBox {
	height: 125px;
	border: solid 1px #ccc;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 537px;
}
.addressBox .textArea {
	float: left;
	padding: 10px;
	width: 200px;
	padding-left: 60px;
	color: #26536c;
}

.addressBox .textArea2 {
	float: left;
	padding: 10px;
	width: 200px;
    color: #26536c;
}

.buttonDisplay value {display: none;}

/**/

/*treatment styles*/
.questionBox {background-color: #fff; border: solid 1px #ccc; padding: 10px; margin-top: 5px;}
.questionBox h2 {margin-bottom: 0px; float: left; width: 200px;}
.questionBox h3 {margin-bottom: 0px; float: right; text-align: right; width: 200px; font-size: 12px; font-weight: normal;}
.dropBox {background-color: #fff; border: solid 1px #ccc; padding: 10px; border-top: 0px; margin-bottom: 5px; display: none;}
.dropBox p {line-height: 13pt;}
/**/

/*articles styles*/

.articles {background-color: #fff; border: solid 1px #ccc; padding: 10px; margin-top: 5px;}
.articles h2 {
	margin-bottom: 0px;
	float: left;
	width: 450px;
	padding-bottom: 0px;
}

/**/

/*site map styles*/
.siteMap ul {list-style-image: none; list-style: none; margin-left: 2px;}
.siteMap .darkLi {background-color: #daebf4; padding: 5px; text-align: left; margin-bottom: 0px;}
.siteMap .lightLi {background-color: #e5f1f7; padding: 5px; text-align: left; margin-bottom: 0px;}
/**/

/*footer styles*/
#footer {
	background-color: #fff;
	width: 888px;
	text-align: center;
	float: left;
	margin-top: 10px;
	padding: 10px;
}

* html #footer {margin-top: -10px;}

#footer h4 {font-size: 14pt;}
#footer ul {list-style: none; margin-top: 10px;}
#footer li {display: inline; padding-right: 5px; padding-left: 5px; border-right: solid 1px #000;}
#footer a:link {color: #000; text-decoration: underline;}
#footer a:visited {color: #000; text-decoration: underline;}
#footer a:hover {color: #000; text-decoration: underline;}
#footer a:active {color: #000; text-decoration: underline; font-weight: bold;}
/**/
.whyChoose ul li {font-size: 12px;}

.sessionBox {
	background-image: url(../img/site/bg_session.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 539px;
	height: 131px;
	padding: 10px;
	border: solid 1px #ccc;
}
.sessionBox h3 {font-size: 18px; color: #cf2051; margin: 0px; padding: 0px; font-weight: bold;}
.pBoxSession {
	width: 400px;
	float: left;
	margin-top: 5px;
}

.pBoxSession p {margin: 0px; padding: 0px;}