/*
Theme Name: Skin Care by Sia
Theme URI: http://skincarebysia.com.au/
Description: Custom WordPress theme developed for LaserBySia
Version: 1.0
Author: LaserBySia

*/

/* Begin Typography & Colors */
a:active, a:focus {
	outline-style: none;
	-moz-outline-style:none;
}
* {
	padding:0;
	margin:0;
	border: 0;
}
.hidden {
	display: none;
	text-indent: -9999px;
	text-decoration: none;
}
body {
	font: 62.5% Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #888888;
	background: #FFF url(images/header-bg.jpg) repeat-x;
}
#mainWrapper {
	width: 960px;
	margin: auto;
}
/* Base Definitions */
a, a:link, a:active {
	color: #644c8f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a.image, a.image:link, a.image:visited, a.image:active, a.image:hover {
	text-decoration: none;
	border-bottom: none;
}
p {
	text-align:justify
}
/* Header Definitions */

h1 {
	color: #583f86;
	font-weight: normal;
}
#headerWrapper {
	float: left;
	width: 960px;
	height: 56px;
	background: url(images/header_top_bg.jpg) no-repeat;
}
#headerWrapper p {
	float: left;
}
#headerWrapper p a {
	display: block;
	width: 160px;
	height: 93px;
}
#bannerWrapper {
	float: left;
	height: 276px;
}
#banner-phone {
	margin-top: 280px;
	margin-left: 150px;
	height: 43px;
	width: 720px;
	
	background-repeat: no-repeat;
}

#contact-scroller{
	margin-top: 280px;
	margin-left: 370px;
	height: 43px;
	width: 720px;
}
/* Meta Nav Definitions */
#meta-nav {
	float: right;
	margin: 20px 0 0 0;
	padding: 0 20px 0 10px;
	color: #ffffff;
	font: 1.2em Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
#meta-nav ul {
	float: left;
	padding: 11px 0;
	list-style:none;
}
#meta-nav ul li {
	float: left;
	list-style:none;
	padding:0px 11px;
}
#meta-nav ul li a {
	color: #ffffff;
}
#meta-nav ul li a:hover {
	color:#ffffff;
}
/* Main Nav Definitions */
#main-navWrapper {
	float: right;
	width: 230px;
	background:url(images/main_menu_box.jpg) no-repeat left top;
	padding-top:0px;
	padding-bottom:1px;
}
ul#main-nav {
	float: right;
	width: 230px;
	height:322px;
	margin-top: 0px;
}
ul#main-nav li {
	clear: left;
	float: left;
	width: 205px;
	padding: 9px 0 9px 24px;
	background: url(images/bg_home-nav_li.gif) no-repeat center bottom;
	list-style: none;
	line-height: 1;
}
/* start by rakesh */ 
ul#main-nav li a {
	font-size: 1.2em;
	font-weight: normal;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	margin: 3px 0px 3px 4px;
	color: #ffffff;
}
ul#main-nav li a:hover {
	color:#FFFFFF;
	font-weight:bold;
}
/* End by rakesh */ 
ul#main-nav li.first {
	background: none;
	font-weight:bold;
}
ul#main-nav li:hover, ul#main-nav li.sfhover {
	background: #46326d;
	font-weight:bold;
}
ul#main-nav h3 {
	font-size: 1.1em;
	font-weight: normal;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	margin: 3px 0px 3px 4px;
}
ul#main-nav h3 a {
	color: #ffffff;
}
ul#main-nav li:hover h3 a, ul#main-nav li.sfhover h3 a {
	color: #ffffff;
}
/* Contents */

#main-container {
	float: left;
	width: 960px;
	margin-left: 0px;
}
#containerinner {
	float: left;
	width: 960px;
}
#containerinner h1 {
	color: #46326D;
	font: 1.9em Arial, Helvetica, verdana, sans-serif;
	font-weight: normal;
	margin-top: 2px;
}
#containerinner h2 {
	color: #46326D;
	font: 1.7em Arial, Helvetica, verdana, sans-serif;
	font-weight: normal;
	margin-top: 2px;
}
#columnLeftInner {
	float: left;
	width: 230px;
	padding-right:5px;
	padding-top: 20px;
}
#columnLeftInner ul {
	list-style:none;
}
#columnLeftInner h3 {
	color:#583F86;
	float:left;
	font-size:2.3em;
	font-weight:normal;
	padding:20px 20px 2px 14px;
	width:230px;
}
#contentWrapper {
	width: 960px;
	font: 1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#contentWrapper a, #contentWrapper a:link, #contentWrapper a:active {
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
}
#contentWrapper a:visited {
	color: #4C769B;
	font-weight: bold;
	border-bottom: none;
}
#contentWrapper a:hover {
	color: #484848;
	text-decoration: underline;
	font-weight: bold;
	border: none;
}
#contentWrapper h1 {
	color: #593f86;
	font: 1.5em verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}
#contentWrapper h2 {
	color: #0E91CF;
	font: 1.25em verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 8px;
}
#contents {
	float:left;
	width:475px;
	padding: 10px 10px 50px 10px;
	font-size: 13px;
}

#contents strong {
	color:#644C8F;
}
#contents h1 {
	color: #583F86;
	font: 1.9em Arial, Helvetica, verdana, sans-serif;
	padding: 3px 3px 8px 0px;
}
#contents h2 {
	color: #46326D;
	font: 1.7em Arial, Helvetica, verdana, sans-serif;
	font-weight: normal;
	margin-top: 2px;
}
#contents div.freeconsultation {
	background:url(../../laserhairremovalbysia.com.au/images/freeconsultation.png) no-repeat;
	height:134px;
	width:710px;
	display:block;
	margin-bottom:20px;
	margin-left:-27px;
	margin-top:18px;
	cursor:pointer;
}
#contents div.freeconsultation a {
	font-weight:normal;
	color:black;
	display:block;
	line-height:24px;
	margin-left:134px;
	margin-right:22px;
	padding-top:17px;
	text-align:center;
	text-decoration:none;
}
#contents p {
	margin: 10px 0 10px 0;
	line-height: 21.45px;
}
#contents p.extraspacebelow {
	margin-bottom: 15px;
}
#contents p.footnote {
	font-size: 0.75em;
}
#contents ul {
	padding: 0 10px 0 0;
	margin: 10px 0 10px 20px;
	list-style-image: url(images/dots.html);
}
#contents li {
	margin: 0 0 10px 14px;
	line-height: 1.65em;
}
blockquote {
	background:url(images/quote.gif) bottom right no-repeat #fdf7ff;
	padding:0 10px;
	border:1px solid #eee;
	margin: 15px 0;
}
.listEm li {
	list-style:none;
	background-image:url(images/li-em2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 5px 0px 20px;
	margin:15px 0 15px 0;
}
.productList {
	padding:0 10px;
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;
	margin:30px 0 30px 0;
}
.productList h3 {
	margin:0;
	font:120% Arial, Helvetica, verdana, sans-serif;
	font-weight: bold;
	color:#583F86;
}
.productList p.productTitle {
	font:120% Arial, Helvetica, verdana, sans-serif;
	color:#B78FD5;
}
.productImage {
	float: left;
	clear: right;
	margin: 4px;
}
#pricing ul {
	list-style:none;
	border-top:1px solid #eee;
	border:none;
	padding:0 0 25px 0px;
	font-size: 0.9em;
}
#pricing ul li {
	border-bottom:1px solid #eee;
	padding:7px;
	margin:0;
}
/* Side Bar */
#sidebar {
	float:right;
	width:230px;
	padding: 0px 0px 0 0px;/*border-right-style: solid;
	border-right-color: #dcc7eb; 
	border-right-width: 1px; */
}
#sidebar p {
	margin: 10px 0 0 0;
	line-height: 1.65em;
}
#sidebar ul {
	list-style:none;
	border-top:1px solid #eee;
	border:none;
	padding:0 0 25px 15px;
	font-size: 0.9em;
}
#sidebar ul li {
	border-bottom:1px solid #eee;
	padding:7px 0px 7px 13px;
	margin:0;
}
#sidebar ul li a {
	color:#888888;
	font-size: 11px;
}
#sidebar li:hover, #sidebar li.sfhover {
	background-image:url(images/subnav-over.gif);
	background-repeat:no-repeat;
}
#sidebar h3 {
	color:#5a4188;
	font-size: 1.25em;
	padding-left:28px;
	padding-bottom:10px;
	font-weight: normal;
}
/*  Sidebar Content */
#contentSidebar {
	margin: 15px;
	width: 232px;
	text-align: left;
}
/*  columnLeftInner content */


	
	#columnspecialsText {
	color:#B78FD5;
	font-size:17px;
	padding-left:14px;
}
#free-consultation-box {
	width: 230px;
	height: 85px;
	text-align: left;
	margin-bottom: 10px;
}
#our-clinic-box {
	width: 231px;
	height: 152px;
	text-align: left;
	margin-bottom: 10px;
}
#specials-box {
	width: 230px;
	/* height: 152px; */
	text-align: left;
	margin-bottom: 10px;
}
#buttons-boxs {
	width: 230px;
	height: 39px;
	text-align: left;
	margin-bottom: 5px;
	padding-bottom:5px;
	border:none;
}
#doctor-box {
	width: 230px;
	height: 199px;
	text-align: left;
	margin-bottom: 10px;/*	background-image:url(images/doctor-box.gif) */
}
#facebook-box {
	width: 230px;
	height: 39px;
	text-align: left;
	margin-bottom: 5px;
	padding-bottom:5px;
	border:none;
}

/* FAQs */
#questions {
	margin-top: 5px;
	border-top: 1px solid #dcc7eb;
	border-bottom: 1px solid #dcc7eb;
	padding: 15px 5px 0 1em;
	margin-bottom: 30px;
	background-color: #fdf7ff;
}
#questions ol, .faq ol {
	margin-left: 30px;
	padding-bottom: 15px;
}
.faq {
	margin: 10px 0 25px 0;
	border-bottom: 1px solid #cecece;
	padding-bottom: 10px;
}
.faq h3 {
	margin-top: 8px;
	font:120% Arial, Helvetica, verdana, sans-serif;
	font-weight: bold;
	color:#583F86;
}
/* Contact Form */

#emailFormSidebarText {
	float:left;
	width: 190px;
	height: 30px;
	padding-top: 30px;
	padding-bottom: 10px;
}
#emailFormSidebar {
	float:left;
	width: 230px;
	height: 414px;
	padding-left: 20px;
	background: url(images/contact-box.gif) left top no-repeat;
}
#emailFormSidebarConstrainer {
	float:left;
	padding-top: 13px;
	width: 183px;
	padding-left:3px;
}
#emailForm {
	margin:14px 0px 15px 15px;
	float:right;
	padding-bottom: 20px;
	font-size: 11px;
	text-align:left;
	width:244px;
}
#emailContainer {
	height: 270px;
	width:210px;
}
fieldset {
	width: 175px;
	padding-top: 11px;
	position: relative;
}
fieldset.required {
	background: url(images/email_spiral.html) right top no-repeat;
}
input, textarea, select {
	width: 170px;
	background: #ffffff;
	font: 11px arial Arial, Helvetica, verdana, sans-serif;
	color: #888888;
	padding: 3px;
	margin-bottom:0px;
	outline: none;
}
input:hover, textarea:hover, select:hover {
}
input:focus, textarea:focus, select:focus {
	border-color: #888;
}
.emailSubmit {
	margin: 20px 0 0 0;
	width: 50%;
	clear: left;
	float: right;
}
input[type=button] {
	margin:0px;
 #margin-top: 12px;
	float:right;
	width: 108px;
	height:20px;
	padding:10px 15px 0px 0px;
	cursor: pointer;
	color: white;
	background-image: url(images/submit-enquiry.gif);
	font-size:11px;
	font-weight:bolder;
	background-repeat: no-repeat;
}
/* By Rakesh */
input[type=submit] {
	margin:0px;
 #margin-top: 12px;
	float:right;
	width: 108px;
	height:20px;
	padding:10px 15px 0px 0px;
	cursor: pointer;
	color: white;
	background-image: url(images/submit-enquiry.gif);
	font-size:11px;
	font-weight:bolder;
	background-repeat: no-repeat;
}
/* By Rakesh */
#captcha {
	margin: 0px 0 0 0;
	padding-top:0px;
	float:right;
	padding-right:48px;
}
#map {
	float: right;
	border: 5px solid #B78FD5;
}
#contact-page-box {
	float: left;
	width: 460px;
	height: 207px;
	margin: 15px 0px 15px 0px;
	font-size: 13px;
	background-image: url(images/contact-page-box.gif);
}
#contact-page-boxinner {
	float: left;
	width: 200px;
	line-height:18px;
	margin-left: 15px;
	padding-top:10px;
}
#contact-page-boxinnerright {
	color: #583F86;
	float: left;
	width: 200px;
	line-height:25px;
	margin-left: 15px;
	padding-top:10px;
}
#contact-page-box p {
	float: left;
	width: 420px;
	margin: 20px 15px 10px 15px;
}
/* Footer */
#footer {
	width: 960px;
	height: 67px;
	clear:both;
	position: relative;
	font-size: 1.1em;
	color: white;
	background: url(images/footer_bg.gif) left no-repeat;
}
#footer ul {
	position: absolute;
	top: 26px;
	right: 150px;
	font-size: 1em;
	text-align: center;
	list-style-type: none;
}
#footer a, #footer a:link, #footer a:active {
	color: #888888;
	font-weight: normal;
}
#footer a:visited {
	border-bottom: none;
}
#footer a:hover {
	border-bottom: none;
}
#footer ul li {
	margin-left: 8px;
	float: left;
}
#footer p {
	padding: 25px 0 0 10px;
	margin-left:18px;
	margin-right:14px;
}
#footerLower {
	margin-bottom: 4em;
	padding-top: 5px;
	text-align: center;
}
#footerLower a, #footerLower a:link, #footerLower a:active {
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
}
#footerLower a:visited {
	color: #644c8f;
	font-weight: bold;
	border-bottom: none;
}
#footerLower a:hover {
	color: #484848;
	text-decoration: underline;
	font-weight: bold;
	border: none;
}
#laserHistoryColumn {
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	font-size: 1.2em;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	width:260px;
	padding: 10px 10px 0 10px;
}
#laserHistoryColumn a, #laserHistoryColumn a:link, #laserHistoryColumn a:active {
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
}
#laserHistoryColumn a:visited {
	color: #4C769B;
	font-weight: bold;
	border-bottom: none;
}
#laserHistoryColumn a:hover {
	color: #484848;
	text-decoration: underline;
	font-weight: bold;
	border: none;
}
#laserHistoryColumn p {
	margin: 10px 0 0 0;
	line-height: 1.65em;
}
#laserHistoryColumn ul {
	list-style:none;
	border-top:1px solid #eee;
	border:none;
	padding:0 0 25px 0;
	font-size: 0.9em;
}
#laserHistoryColumn ul li {
	border-bottom:1px solid #eee;
	padding:5px;
	margin:0;
}
#laserHistoryColumn ul li a {
	color:#70a446;
}
#laserHistoryColumn h1 {
	color: #610A2F;
	font: 1.5em verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}
#laserHistoryColumn h2 {
	color: #0E91CF;
	font: 1.25em verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 8px;
}
#laserHistoryColumn h3 {
	color:#610A2F;
}
.clear {
	clear:both;
}
/* form CSS */ 
.form_main {
	width:230px;
	padding:0px;
	margin:0px;
	float:left;
}
.form_top {
	width:230px;
	padding:0px;
	margin:0px;
	float:left;
}
/* OLD 17-11-2009 .form_middle{width:230px; padding:0px; margin:0px; float:left; background:url(images/form_bg.jpg) center top repeat-y;} */
.form_middle {
	background:transparent url(images/form_middle_bg.jpg) no-repeat scroll center bottom;
	border-left:1px solid #C9C9C9;
	float:left;
	margin:0;
	padding:0;
	width:230px;
}
.form_middle ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.please_fill {
	list-style:none;
	padding:0px 20px;
	margin:15px 0px 13px 0px;
}
.your_name {
	list-style:none;
	color:#46326D;
	padding:5px 20px 8px 23px;
	margin-bottom:10px;
	background:url(images/yourname_bg.jpg) center top no-repeat;
}
.message {
	list-style:none;
	color:#46326D;
	padding:2px 2px 12px 23px;
	margin:0px;
	background:url(images/message_bg.jpg) center top no-repeat;
}
.message_height {
	height:100px;
}
.submit_enquiry {
	list-style:none;
	padding:10px 25px 0px 20px;
	margin:0px;
	text-align:right;
}
.form_bottom {
	width:230px;
	padding:0px;
	margin:0px;
	float:left;
}
select {
	border:0px none;
}
/* form CSS  end */ 


/* New CSS - Aman */
#links-nav {
	float: left;
	margin: 0px 0 0 0;

	padding: 0 340px 0 10px;
	color: #ffffff;
	font: 1.2em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	
}
#links-nav ul {
	float: left;
	padding: 0px 0;
	list-style:none;
	margin-left:0px;
	height: 30px;
	background: #46326d;
}
#links-nav ul li {
	float: left;
	list-style:none;
	padding:0px 11px;
}
#links-nav ul li a {
	color: #ffffff;
}
#links-nav ul li a:hover {
	color:#ffffff;
}

/* Top Nav margins */
#hair-removal {
	color:#fff;
	padding-right:5px;
}

#cosmetics {
	color:#fff; 
	padding-right:15px; 
	padding-left:32px;
}
#skin-care {
	color:#fff; 
	padding-right:15px; 
	padding-left:32px;
}
#injection-fillers {
	color:#fff; 
	padding-right:5px; 
	padding-left:30px;
}
#facial-care {
	color:#fff; 
	padding-right:16px; 
	padding-left:36px;
}
#pigmentation-care {
	color:#fff; 
	padding-left:36px;
	}
	
/* ALISTER'S MODS */

#loginform input[type="button"], #loginform input[type="submit"] {
	background-image: none;
	float: none;
	}
p.forgetmenot input {
	width: auto;
	}
div.simplemodal-login-credit {
	display: none;
	}

/* SIDEBAR CONTACT FORM - GRAVITY FORMS */

#sidebar div.form_main ul {
	padding: 0;
	text-align: center;
	}
#sidebar div.form_main ul li, #sidebar div.form_main ul li textarea {
	border: none;
	display: block;
	}
#gform_1 div.gform_heading {
	padding: 10px;
}
#gform_1 li.gfield {
	text-align: center;
	height: 32px;
	list-style:none;
	color:#46326D;
	padding:5px 20px 8px 23px;
	margin-bottom:10px;
	background:url(images/yourname_bg.jpg) center top no-repeat;
	}
#gform_1 li#field_1_6 {
	background:url(images/message_bg.jpg) center top no-repeat;
	height: auto;
	}
#gform_1 #input_1_6 {
	height: 120px;
	}
#gform_1 #gform_submit_button_1 {
	text-indent: -5000em;
	float: none;
	}
#emailContainer {
	height: auto;
}
div.validation_error {
	color: red;
	padding: 0 10px 10px;
	font-weight: bold;
	}
div.validation_message {
	color: red;
	position: absolute;
	background: #fee;
	width: 50px;
	margin-left: 170px;
	margin-top: -38px;
	padding: 3px;
	}
	
#twitter-box {
	width: 230px;
	height: 39px;
	text-align: left;
	margin-bottom: 5px;
	padding-bottom:5px;
	border:none;
	}

a#contact_tab {
	top: 25%;
	height: 102px;
	color: white;
	cursor: pointer;
	text-indent: -100000px;
	overflow: hidden;
	position: fixed;
	z-index: 100000;
	background-image: url(/assets/2011/09/contact_trans_tab.png);
	background-color: #4b2b65;
	right: auto !important;
	left: -5px !important;
	margin-right: auto !important;
	margin-left: 0 !important;
	width: 42px !important;
}

a#contact_tab:hover {
	left: -1px !important;
	background-color: #5f3a80;
}