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

body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#808080;
}
#container{
width:950px;
margin:10px auto 0px auto;
clear:both;
}

#homeimg{
float:left;
width:720px;
height:510px;
border:none;
margin: 0;
padding: 0;
}

#product_container{
float:left;
width:700px;
height:480px;
margin-top:10px;
margin-left:10px;
}
#product_content{
margin-top:10px;
}
#product_content a{
color:#666666;
text-decoration:none;
}
#product_title{
width:580px;
float:left;
color:#4f4f4f;
font-weight:bold;
font-size:13px;
margin-left:22px;
}
#product_back_next{
float:right;
}
#product_thumbs{
float:left;
width:145px;
height:210px;
margin-left:25px;
margin-top:15px;
}
#stylist_content{
float:left;
width:700px;
height:480px;
margin-top:10px;
margin-left:10px;
}
#stylist_content1{
float:left;
width:700px;
height:480px;
margin-left:10px;
}
#stylist_title{
width:580px;
float:left;
color:#4f4f4f;
font-weight:bold;
font-size:13px;
margin-left:22px;
margin-top:10px;
}

h1{
}

h2{
}

h3{
}

h4{
margin:0px;
padding:10px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:ffffff;
font-weight:normal;
}

h5{
margin:0px;
padding:0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:C7DED8;
font-weight:normal;
}

h6{
}

a img:hover {
opacity: .5;
filter: alpha(opacity=50);
}
a:visited{
	border:none;
}
a img {
border:none;
}

#logoAndNav{
width:950px;
height:100px;
margin:0px auto 0px auto;
}

#logoHolder{
float:left;
width:123px;
height:100px;
border:none;
margin: 0;
padding: 0;
}

#topNavHolder{
float:right;
width:810px;
}

a.topNav, 
a.topNav:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding:45px 27px 41px 27px;
display:block;
float:right;
background-image:url(../images/navColours.gif);
background-repeat:no-repeat;
background-position:0px -100px;
}

a.topNav:hover, 
a.topNav:visited:hover{
background-image:url(../images/navColours.gif);
background-repeat:no-repeat;
background-position:0px -200px;
}

a.topNavSelected, 
a.topNavSelected:visited, 
a.topNavSelected:hover, 
a.topNavSelected:visited:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding:45px 27px 41px 27px;
display:block;
float:right;
background-image:url(../images/navColours.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

#homeFeaturePod{
width:970px;
height:300px;
margin:0px auto 10px auto;
}

#homeSmallerPods{
width:950px;
height:190px;
margin:10px auto 0px auto;
float:left;
}

.homePodA{
height:190px;
width:230px;
float:left;
}

.homePodB{
height:190px;
width:230px;
float:left;
margin-left:10px;
}


#reg_pod{
color:#FFFFFF;
background-color:#8B96C5;
height:190px;
width:230px;
}

#pod_text{
font-size:16px;
padding:20px;
}

#pod_button{
padding-left:20px;
padding-top:42px;
}



/* -------------------------------------- */



div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 690px;	 
	height:460px;	
}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;

}

#thumbs div {
	float:left;
	width:690px;
	height:460px;
	color:#888888;
	font-weight:bold;
}

div.scrollable {
	float:left;		
}

a.prev, a.next {
	cursor:pointer;;
}

a.prev:hover, a.next:hover {
	background-position:0px -18px;		
}

a.disabled {
	visibility:hidden !important;		
}

a.next {
	clear:right;	
}

/* ---------------------------------------- */
#logreg_title{
	width:200px;
	float:left;
	font-size:16px;
	margin-top:15px;
	margin-left:20px;
}
#logreg_title1{
	font-size:14px;
}

#logreg_subtitle{
	margin-top:5px;
	margin-bottom:5px;
	width: 178px;
	display: block;
	
}

#register #logreg_subtitle:first-letter{
  margin-left: -4px;
}

#logregContainer{
	margin-left:20px;
	width:690px;
	height:460px;
	margin-top: 10px;
	float:left;
}
#logregContainer input#email,
#logregContainer input#password,
#logregContainer input#emailp,
#logregContainer input#firstname,
#logregContainer input#lastname,
#logregContainer input#emailr,
#logregContainer input#phone,
#logregContainer input#passwordr,
#logregContainer input#confirm_passwordr,
#logregContainer select {
  width: 178px;
}
#login{
	margin-top: 5px;
	margin-right:36px;
	float:left;
	width:178px;
}
#logorreg{
	margin-top: 5px;
	font-size:14px;
	float:left;
}
#register{
	margin-top: 5px;
	padding-left:20px;
	float:left;
	width:231px;
}
#register_response{
	color:#FF0000;
	float:left;
	width:160px;
	margin-left:5px;
}
#reg_button{
	float:left;
	margin-top: 6px;
}
#register_right{
	float:left;
	width:190px;
	margin-left: 3px;
}
#register_text {
	margin-top:153px;
	padding-top: 6px;
}
#register_text1 {
	margin-top:56px;
}
#register_text1 a{
	color:#333333;
	text-decoration:none;
}
#login_response {
	color:#FF0000;
}
#thanks{
	margin-left:20px;
	margin-top: 15px;
	float:left;
}
#thanks_title{
	width:400px;
	float:left;
	font-size:16px;
}
#flash{
	height:510px;
	background-color:#000000;
}

#nextback{
	width:80px;
	float:right;
	text-decoration:none;
	margin-top:10px;

}
#nextback a{
	text-decoration:none;
	color:#777777;
}
#comp_images{
	width:700px;
	float:left;
}
.reginput{
width:145px;
margin-bottom:2px;
}
#comp_btns{
width:200px;
margin-left:20px;
margin-top:230px;
}
#comp_btns1{
width:200px;
margin-left:20px;
margin-top:420px;
}
#refState{
float:left;
width:200px;
margin-top:20px;
margin-left:25px;
}
#refSuburb{
float:left;
width:200px;
margin-top:20px;
margin-left:25px;
}
#refSalon{
float:left;
width:200px;
margin-top:20px;
margin-left:25px;
}
#refInput{
width:200px;
border:0;
}
#result_line1{
border-bottom:1px solid #cccccc;
margin-top:10px;
width:170px;
}
#result_title{
font-size:14px;
font-weight:bold;
}