@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html {
	overflow-y: scroll;
}
html, body {
	height: 100%;
	background-color: #00263c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.drop {
	display: block;
	clear: both;
	height: 20px;
	color:#FFFFFF;
	font-weight: bold;
}

/* h1 {
	background-color: #a4a272;
	background-image: url('../images/misc/h1-background.jpg');
	background-repeat: repeat-x;
	height: 15px;
	text-align: right;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.4;
} */

h1, h2, span.h2 {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

h1 {
	font-size: 16px;
}

p {
	margin-top: 5px;
	margin-bottom: 10px;
}

h2~p {
	margin-top: 0px;
}

q {
	padding-right: 5px;
}

q:before, q:after {
	content: "'" "'";
}

q+p {
	font-weight: bold;
}

blockquote {
	color: #54330e;
}

ol+p {
	margin-top: 10px;
}

p a, p a:hover, strong {
	color: #54330e;
	text-decoration: none;
	font-weight: bold;
}

.logo {
	margin-bottom: -15px;
}

.phone-number {
	position: absolute;
	margin-top: 57px;
	right: 0px;
}

#bottom {
	display: none;
	background-color: #a4a272;
	text-align: right;
	font-size: 9px;
	font-weight: normal;
	display: block;
	width: 100%;
	bottom: 0px;
}
.container {
	display:block;
	margin: auto;
	width: 787px;
}
#container-block {
	display:block;
	width: 787px;
	position: absolute;
	top: 50%;
	margin-top: -350px;
}
ul#topMenu {
	display: block;
	position: relative;
	width: 266px;
	left: 50%;
	margin-left: 127.5px;
	overflow:hidden;
	text-align: right;
}
ul#topMenu li, ul#topMenu li a {
	display: block;
	float: left;
	color: #a4a272;
	font-size: 10px;
	height: 25px;
	background-image: url('../images/top-menu/tween.jpg');
	background-position: right;
	background-repeat: no-repeat;
}
ul#topMenu li a {
	float: none;
	padding-left: 15px;
	background-position: 0px 0px;
}
ul#topMenu li a:hover {
	background-position: 0px -25px;
}
ul#topMenu li a.tm_home {
	width: 35px;
	background-image: url('../images/top-menu/tm_home.jpg');
}
ul#topMenu li a.tm_company-profile {
	width: 92px;
	background-image: url('../images/top-menu/tm_company-profile.jpg');
}
ul#topMenu li a.tm_contact {
	width: 45px;
	background-image: url('../images/top-menu/tm_contact.jpg');
}
ul#topMenu li a.tm_location {
	padding-left: 0px;
	width: 49px;
	background-image: url('../images/top-menu/tm_location.jpg');
}
ul#homepage {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 337px;
	border-top: 8px solid #a3a36e;
	border-bottom: 1px solid #a3a36e;
	width: 787px;
	background-image: url('../images/marketing/home-healthy-weight-loss.jpg');
	background-repeat: no-repeat;
}
ul#homepage li {
	margin-left: 13px;
}

ul#topMenu span, ul.menu-treatments span, ul.menu-other-information span {
	display: none;
}
ul#homepage ul.menu-treatments, ul#homepage ul.menu-other-information, div.menu ul.menu-treatments, div.menu ul.menu-other-information {
	display: none;
	position:relative;
	margin: 0px;
	padding: 0px;
	width: 139px;
	background-image: url('../images/landing-menu/menu-treatments.jpg');
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 2px;
	z-index: 200;
}
ul#homepage ul.menu-other-information {
	background-image: url('../images/landing-menu/menu-other-information.jpg');
	padding-top: 30px;
	padding-bottom: 3px;
}

div.menu ul.menu-treatments, div.menu ul.menu-other-information {
	display: block;
	width: 126px;
	background-image: url('../images/side-menu/menu-treatments.jpg');
	padding-top: 23px;	
	padding-bottom: 8px;
}

div.menu ul.menu-other-information {
	background-image: url('../images/side-menu/menu-treatments.jpg');
}

ul#homepage li ul li, ul.menu-treatments a, ul.menu-other-information a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 139px;

	background-repeat: none;
}

div.menu ul.menu-treatments a, div.menu ul.menu-other-information a {
	width: 126px;
}

ul.menu-treatments a:hover, ul.menu-other-information a:hover, .active, #active {
	background-position: 0 -16px;
}

ul#homepage ul.active {
	display: block;
	background-position: 0 0;
}

ul.type2-menu {
	width: 139px;
	background: #e8e8db;
	padding-bottom: 5px;
}

ul.type2-menu h2 {
	display: block;
	padding: 10px 5px 5px;
	margin: 0px;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
}

ul.type2-treatments h2, ul.type2-treatments a, ul.type2-treatments a:visited{
	color: #00253c;
}

ul.type2-treatments a:hover {
	color: #8f2502;
}

ul.type2-other h2, ul.type2-other li a, ul.type2-other a:visited {
	color: #666633;
}

ul.type2-other a:hover {
	color: #8f2502;
}

ul.type2-menu a, ul.type2-menu a:visited, ul.type2-menu a:hover {
	font-size: 11px !important;
	font-weight: normal !important;
	padding: 0px 5px;
	display: block;
	height: 16px;
	line-height: 16px;
}

.splash {
	margin-top: 20px;
	font-size: 18px;
	color: #a3a36e;
}


div.menu ul.menu-treatments a.mt_weight-loss { background-image: url('../images/side-menu/mt_weight-loss.jpg'); }
div.menu ul.menu-treatments a.mt_hair-removal { background-image: url('../images/side-menu/mt_hair-removal.jpg'); }
div.menu ul.menu-treatments a.mt_skin-rejuvenation { background-image: url('../images/side-menu/mt_skin-rejuvenation.jpg'); }
div.menu ul.menu-treatments a.mt_cellulite-treatment { background-image: url('../images/side-menu/mt_cellulite-treatment.jpg'); }
div.menu ul.menu-treatments a.mt_spray-tanning { background-image: url('../images/side-menu/mt_spray-tanning.jpg'); }
div.menu ul.menu-treatments a.mt_massage { background-image: url('../images/side-menu/mt_massage.jpg'); }
div.menu ul.menu-other-information a.mo_testimonials { background-image: url('../images/side-menu/mo_testimonials.jpg'); }
div.menu ul.menu-other-information a.mo_cellulite-breakdown { background-image: url('../images/side-menu/mo_cellulite-breakdown.jpg'); }
div.menu ul.menu-other-information a.mo_20-tips-to-slimming { background-image: url('../images/side-menu/mo_20-tips-to-slimming.jpg'); }
div.menu ul.menu-other-information a.mo_franchise-information { background-image: url('../images/side-menu/mo_franchise-information.jpg'); }
div.menu ul.menu-other-information a.mo_in-the-media { background-image: url('../images/side-menu/mo_in-the-media.jpg'); }
div.menu ul.menu-other-information a.mo_faq { background-image: url('../images/side-menu/mo_faq.jpg'); }

ol li {
	list-style-type:decimal;
	margin-left: 40px;
}

ol.list li, ol.list li:before {
	content: "- ";
	list-style-type:none;
	margin-left: 10px;
}

ol.directory li {
	list-style-type:none;
	margin: 0px;
	border: 1px solid #a1a371;
	margin-top: 10px;
	padding: 10px;
}

ol.directory li:hover {
	background: #fefff0;
}

div.body-content {
	display: block;
	width: 787px;
	clear: both;
	overflow: hidden;
	background-color: #FFFFFF;
	padding-bottom: 23px;
}

div#contact-adjustment {
	position: absolute;
	margin-top: -353px;
	left: 0px;
	height: 353px;
	background: none;
}

div#contact-adjustment p {
	font-size: 13px;
}

div#hide-content {
	display: none !important;
}
div.body-content .content {
	border-left: 1px solid #a39f72;
	border-right: 1px solid #a39f72;
	overflow: hidden;
	padding-left: 17px;
	padding-right: 17px;
	margin: auto;
	width: 385px;
	padding-top: 32px;
	padding-bottom: 25px;
	min-height: 312px ;
	font-size: 11px;
	color: #3c393d;
	float: left;
}

div.body-content #show-location {
	width: 601px;
	border-right: 0px;
	padding-right: 0px;
}

div#contact-adjustment .content {
	position: absolute;
	width: 635px;
	/*max-height: 353px;
	/*margin-left: 150px; */
	left: 151px;
	padding-left: 20px;
	color: #FFFFFF;
	border: 0px;
}

/* FORMS */

form#directory-form p {
	display: block;
	overflow: hidden;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	vertical-align: text-top;
}

form#directory-form label {
	display: block;
	float: left;
	height: 50px;
	width: 250px;
	clear: left;
}

form#directory-form p.annoyme {
	height: 102px !important;
}

form#directory-form input[type="text"], form#directory-form textarea, form#directory-form .error, form#directory-form .success {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 20px;
}

div#contact-adjustment .content form {
	float: right;
	margin: 0px;
	padding: 0px;
	padding-right: 230px;
	font-weight: bold;
}

form h2:first-child {
	font-size: 13px;
}

div#contact-adjustment .content form input[type="text"], div#contact-adjustment .content form textarea, iv#contact-adjustment .content form .error, iv#contact-adjustment .content form .success {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 20px;
	background: #FFFFFF;
	opacity:0.6;
	filter:alpha(opacity=60);
	border: 1px solid #666666;
}

input[type="submit"] {
	border: 1px solid #666666;
	height: 20px;
	background-image: url(../images/icons/submit.jpg);
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

form#slimming label {
	display: block;
	float: left;
	height: 25px;
	width: 150px;
	margin-bottom: 3px;
}

form#slimming label[for="triedprogram"] {
	display: block;
	float: left;
	height: 32px;
	width: 150px;
}

form#slimming select {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 155px;
	margin-bottom: 17px;
}

form#slimming input[type="text"] {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 18px;
	margin-bottom: 10px;
	width: 150px;
}

form#slimming {
	display: block;
	width: 330px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

form#slimming input[type="submit"] {
	float: right;
}

form#slimming textarea  {
	width: 328px;
}

#goawaybots {
	display: none !important;
}

div#contact-adjustment .content form textarea, form#directory-form textarea, form#slimming textarea  {
	height: 100px !important;
	overflow: auto;
}

.error {
	background-color: #F6E4E4 !important;
	background-image: url('http://www.bluesoap.com.au/directory/admin/images/error.gif') !important;
	border: 1px solid #990000 !important;
	background-repeat: no-repeat !important;
	background-position: 164px 3px !important;
}

.success {
	background-color: #DFF6F9 !important;
	background-image: url('http://www.bluesoap.com.au/directory/admin/images/success.gif') !important;
	border: 1px solid #33CC66 !important;
	background-repeat: no-repeat !important;
	background-position: 164px 3px;
}

form#slimming .error, form#slimming .success {
	background-position: 312px 3px !important;
}

div#contact-adjustment .content  hr {
	position: absolute;
	height: 1px;
	width: 787px;
	border: none;
	border-top: 1px solid #bebdbd;
	margin: 0px;
	padding: 0px;
	margin-top: -10px;
	left: 0px;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index: 100;
}


div.body-content .hide-excess {
	display:block;
	width: 8px;
	height: 257px;
	position: absolute;
	left: 162px;
	z-index: 100;
	background: #FFFFFF;
	border-right: 1px #000000 solid;
}

div.body-content object {
	margin-left: -8px;
	z-index: -1;
}

div.body-content .menu {
	display: block;
	float: left;
	width: 152px;
	padding-top: 32px;
}
div.body-content .menu ul {
	margin-left: 15px;
	font-size: 11px;
}

div.body-content .menu a, div.body-content .menu a:hover {
	font-size: 11px;
	color: #a39f72;
	text-decoration: none;
	text-transform: capitalize;
}


div.body-content .ads {
	display: block;
	float: right;
	/*width: 187px;*/
	width: 214px;
	padding-top: 32px;
}

div.body-content .ads img {
	margin: 0px 17px 17px 17px; /* top right bottom left */

}

div.body-content .ads img.weight-loss {
	margin: -32px 0px 17px 0px;
}

div.body-content img.left-align {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.body-content img.right-align {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.right-align {
	float: right;
	font-size: 13px !important;
}

p.right-align {
	font-size: 11px !important;
}

div.clear {
	clear: both;
}

ul.footer {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	overflow: hidden;
}
ul.footer li {
	display: block;
	float: left;
	width: 160px;
	margin-top: 20px;
	margin-right: 43px;
}
ul.footer li.last {
	margin-right: 0px;
}
ul.footer span.h4 {
	font-size: 12px;
	color: #898989;
	font-weight: bold;
}
ul.footer span.h5 {
	font-weight: normal;
}
ul.footer hr {
	display: block;
	width: 150px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	background-color: #a79f71;
	border-bottom: 1px solid #00263c;
	float: left;
}
*:first-child+html #footer hr {
	height: 2px;
	border-top: 1px solid #a79f71;
	margin-bottom: 0px;
}
* html #footer hr {
	height: 2px;
	border-top: 1px solid #a79f71;
	margin-bottom: 0px;
}
ul.footer li ul {
	clear: both;
}
ul.footer li li {
	display: inline-block;
	margin: 0px;
	float: none;
	font-size: 10px;
	margin-bottom: 7px;
	color: #a3a073;
	text-transform: capitalize;
}
ul.footer a {
	color: #a3a073;
	text-decoration: none;
}
ul.footer a:hover {
	color: #54330e;
}
ul.footer span#icon-phone, ul.footer span#icon-email, ul.footer span#icon-fax, ul.footer div#icon-home {
	padding-left: 20px;
	background-image: url('../images/icons/icons-phone.jpg');
	background-repeat:no-repeat;
}
ul.footer span#icon-email {
	background-image: url('../images/icons/icons-email.jpg');
}
ul.footer span#icon-fax {
	background-image: url('../images/icons/icons-fax.jpg');
}
ul.footer div#icon-home {
	background-image: url('../images/icons/icons-home.jpg');
}
div#footer {
	border-top: 1px solid #a4a272;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	text-align: center;
	font-size: 9px;
	border-bottom: 1px solid #a4a272;
	color: #666666;
}
* html div#footer {
	padding-top: 5px;
}

div#footer a, div#footer a:hover {
	color: #666666;
	text-decoration:none;
}

div#footer a:hover {
	color: #CCCCCC;
}

div#footer a.bs-logo {
	display: block;
	width: 70px;
	height: 20px;
	float: right; 
	margin-top: -4px; 
	margin-right: 15px; 
	opacity:0.4;
	filter:alpha(opacity=40);
	background-image: url('../images/icons/search-engine-optimisation-bluesoap-logo-white-d.jpg');
	background-repeat: no-repeat;
}

div#footer a.bs-logo span {
	display: none;
}

div#footer a.bs-logo:hover {
	background-image: url('../images/icons/search-engine-optimisation-bluesoap-logo-blue.jpg');
}

/*/  NEW ADVERT MET  \*/

.advert {
	background: #a3a36e;
	padding: 0px 1px 8px;
}

.sales-pitch {
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
}

.splash-frame {
	position: relative;
	height: 261px;
}

.image-set {
	background: #00253d;
	overflow: hidden;
	width: 100%;
	display: none;
	position: absolute;
	top: 0px;
	z-index: 1;
}

.image-set p {
	color: #c3ccd1;
	height: 31px;
	line-height: 31px;
	margin: 0px;
	padding: 0px 14px 0px;
}

.image-set img {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #a3a36e;
}

.image-set .frame-l {
	float: left;
	border-right: 1px solid #a3a36e;
}

.image-set .frame-r {
	float: right;
}

.toc, .toc-active {
	display: none !important;
}

.splash-frame #next, .splash-frame #previous {
	display: none !important;
}