/*
Theme Name: Pigmentation Care by Sia
Theme URI: http://pigmentationcarebysia.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: 1.30em;

}

#contents h1 {
	color: #583F86;
	font: 1.9em  Arial, Helvetica, verdana, sans-serif;
	padding: 3px 3px 8px 0px;


}
#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: 1.65em;
}
#contents p.extraspacebelow {
	margin-bottom: 15px; 
}
#contents p.footnote {
	font-size: 0.75em;
}

#contents strong {
	color: #644C8F;
}
#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 16px;
	font-size: 0.9em;
}
#sidebar ul li {
	border-bottom:1px solid #eee;
	padding:7px 0px 7px 14px;
	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;


}

#specials-box {
	width: 230px;
	/* height: 152px; */
	text-align: left;
	margin-bottom: 10px;


}

#our-clinic-box {
	width: 231px;
	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 15px 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;
}