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




body {
	background-repeat: no-repeat;
	background-color: #000;
	background-position:top center;
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	color:#cccccc;
}

a {
	color:#fff;
	text-decoration:none;
	
}

a:hover {
	color:#639;
	text-decoration:none;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


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

TEMPLATE PAGE CSS

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

#container {
	margin:auto;
	width:960px;
}


#logo {
	margin-bottom:15px;
}

#nav {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	width:960px;
	height:24px;
	background-image:url(nav_bg.png);
}

#nav a {
	color:#FFF;
	padding:2px 8px 3px 8px;
	margin-left:9px;
	margin-right:9px;
	text-decoration:none;
}



#nav a:hover {
	padding:2px 8px 3px 8px;
	height:24px;
	background-color: #695288;
	
}
.active {
	padding:2px 8px 3px 8px;
	height:24px;
	background-color: #695288;
	}


.mac .firefox #nav a:hover {
	background:#990066;	
	padding:2px 8px 15px 8px;
	height:24px;
	
}

#navlinks {
	padding-top:4px;
	padding-bottom:4px;
	float:left;
}

#searcharea {
	padding-top:4px;
	float:right;
}

.searchboxfield {
	background-image:url(search_background.png);
	width:114px;
	height:18px;
	border:none #000 0px;
	color:#CCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	padding:2px 0px 0px 20px;
	
}

#searchbox {
	margin-top:-2px;float:left;
}

#searchbutton {
	margin-left:2px;margin-top:-1px;float:left;
}

#mainpagetitle {
	background-color:#423455;
	background-image:url(purple.png);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding-left:20px;
	padding-top:1px;
	height:18px;
	margin-top:30px;
}
#titles {
	background-color:#423455;
	background-image:url(purple.png);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding-left:4px;
	padding-top:1px;
	height:18px;
	margin-top:15px;
}
#titles p{
margin-top:3px;

}

#mainpagetitlehome {
	background-color:#423455;
	background-image:url(purple.png);
	
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding-left:20px;
	padding-top:1px;
	height:18px;
	margin-top:30px;
}


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

HOME PAGE

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



#homebodyblock {
	
}

#bodyspacer {
	height:345px;	
	
}

#scrollerblockbox {
	float:left;
		
}

#scrollernav {
	width:500px;
	height:27px;
	float:left;
	color:#CCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
	font-size:9px;
	text-transform:uppercase;
}

#scrollernav a {
	text-decoration:none;
	color:#ccc;
}

#haircarenav {
	float:left;
	background-image:url(light_bg_shade24.png);
	width:94px;
	height:21px;
	padding-top:6px;
	text-align:center;
}

#proproductsnav {
	float:left;
	background-image:url(dark_bg_shade24.png);
	width:165px;
	height:21px;
	padding-top:6px;
	text-align:center;
	margin-left:2px;
}

#scrollerbox {
	background-image:url(light_bg_shade24.png);
	width:493px;
	height:93px;
	padding-top:10px;
	padding-left:7px;
	
}


#featureboxes {
	float:left;	
	margin-top:27px;
	margin-left:4px;
}


.featureimagepad {
	margin-left:2px;
	}


#footer {
	width:960px;
	margin-top:15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#3e3b38;
	color:#CCCCCC;
	margin-bottom:20px;
	text-align:right;
	text-transform:uppercase;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:7px;
	
}


#footer a {
	text-decoration:none;
	color:#CCCCCC;
}


#footer a:hover {
	text-decoration:underline;
}

#footer .smalltext {
	font-size:8px;	
}

.hiddenPic {display:none;}

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

TOOL TIP CSS

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


/* tooltip styling. uses a background image (a black box with an arrow) */

#scrollerblockbox .tooltip {
	background:transparent url(tooltip.png) no-repeat scroll 0 0;
	height:33px;
	padding:3px;
	width:207px;
	display:none;
	padding-left:7px;
	color:#fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	z-index:500;
	text-align:left;
}


#bodyblock .tooltip {
	background:transparent url(tooltipleft.png) no-repeat scroll 0 0;
	height:33px;
	padding:3px;
	width:207px;
	display:none;
	padding-left:7px;
	color:#fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	z-index:500;
	text-align:left;
}


#trigger {
	width:86px !important;
	position:relative;
}



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

PRODUCT LIST PAGE

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



#homebodyblock { }
.floatleft { float:left; }

#productselectortitle {
	background-color:#800916;
	background-image:url(red_header.png);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding-left:5px;
	padding-top:1px;
	height:18px;
	margin-top:30px;
}

#productselectorbody {
	background-image:url(dark_bg_shade24.png);
	padding:12px 0px 15px 30px;
	text-transform:uppercase;
	
}
	
.productselectbox {
	background-color: #404244;
	color:#d7d7d7;	
	border: 1px solid #707070;	
	padding: 1px 7px 2px 7px;
	margin-right:3px;
	float:left;
	font-size:10px;
	text-transform:uppercase;
}

.productselectbox a, .productselectboxselected a  {
	color:#d7d7d7;	
	text-decoration:none;
}

.productselectbox a:hover, .productselectboxselected a:hover  {
	color:#fff;	
	text-decoration:underline;
}

.productselectboxselected {
	color:#d7d7d7;	
	background-color: #000;
	border: 1px solid #707070;	
	padding: 1px 7px 2px 7px;
	margin-right:3px;
	float:left;
	font-size:10px;
	text-transform:uppercase;
}

.number1 { margin-right:10px; margin-top:3px; }
.number2 { margin-left:30px; margin-right:10px; margin-top:3px; }

.productgobutton {
	float:left;
	margin-left:15px;
}

.productboxtitle {
	background-color:#423455;
	background-image:url(purple.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding-left:5px;
	padding-top:1px;
	height:18px;
	margin-top:30px;
}

.productboxbody {
	background-image:url(med_bg_shade24.png);
	padding:12px 0px 0px 10px;
}

.productboxbody h1 {
	font-size:26px;	
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.productboxbody p {
	margin:0px;
	padding:0px;
	width:300px;
}

.productinfo {
	float:left;
	width:335px;
}
.productimgs { float:left; margin-left:20px; width:590px; }
.imagestyles { margin-right:9px; margin-bottom:9px; }
.btnGo { width:39px; height:20px; border:0px;  }
.btnShowAllProducts { border: none 0px; color:#fff; background-color:Transparent; font-size:10px;}

#productintro {

margin-bottom:10px;
text-transform:none;
font-size:12px;
color:#fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


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

PRODUCT PAGE 

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

#productarea {
	margin-top:20px;
	
	height:330px;
}


.productimage {
	float:left;	
}

#navblock {
	float:left;	
}

#middleproductarea {
	width:511px;
	height:330px;
	margin-right:3px;
	float:left;
	background-image:url(med_bg_shade24.png);
	overflow:hidden;
}

#middleproductareapro {
	width:389px;
	height:330px;
	margin-right:3px;
	float:left;
	background-image:url(med_bg_shade24.png);	
	overflow:hidden;
}

.aligntop
{
	top: 0px;
}

.viewrange, #viewrange, #backtoresults {
	
	width:auto;
	padding-left:5px;
	padding-right:5px;
	height:21px;
	float:right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:6px;
	border : none 0px;
	background: transparent;
	color:#ccc;
}

.viewrange hover {
	
	width:auto;
	padding-left:5px;
	padding-right:5px;
	height:21px;
	float:right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:6px;
	border : none 0px;
	background: transparent;
	color:#fff;
	text-decoration:underline;
}

#viewrange a, #backtoresults a {
	text-decoration:none;
	color:#ccc;
	
}

#viewrange a:hover, #backtoresults a:hover {
	text-decoration:underline;
	color:#fff;
	
}



#backtoresults {
 	margin-right:3px;
 }



#relatedproductarea {
	
	height:330px;
	width:118px;
	float:left;
	
}

#relatedproductlist {
	padding-left:13px;
		background-image:url(med_bg_shade24.png);	
	margin-top:30px;
	height:300px;
}

.relatedproductimages {
	margin-top:8px;
	border : 0px;
}


#relatedproducttitle {
	background-image:url(dark_bg_shade24.png);	
	padding-left:5px;
	padding-right:5px;
	height:21px;
	float:right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:6px;
	width:108px;	
}


#productdetails {
	padding:45px 25px 25px 25px;
	color:#ccc;
}
	
#productdetails h2 {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
	
}

#productdetails h1 {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:19px;
	color:#fff
}

#productdetails p{
	color:#ccc;
}

.sharethisbutton {
	margin-top:5px;	
}




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

NEWS PAGE

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


#newsbodyarea {
	width:600px;
	padding-left:20px;
	padding-right:27px;
	padding-top:12px;
	padding-bottom:30px;
	background-image:url(med_bg_shade24.png);
	line-height:normal;
	float:left;
}
#newsbodyareahome {
	width:400px;
	padding-left:20px;
	padding-right:27px;
	padding-top:15px;
	padding-bottom:30px;
	background-image:url(med_bg_shade24.png);
	line-height:20px;
	float:left;
}

#newsbodyarea h1 {
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0px;
}
h1 {
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0px;
}


.newsdate {
		text-transform:uppercase;
		font-size:10px;
}

.newsimage {
	float:right;
	margin: 0px 10px 20px 20px;
}

#newsnavarea {
	width:303px;
	float:right;
}

.newsnavbox {
	width:299px;
	height:97px;
	background-image:url(med_bg_shade24.png);	
	margin-left:3px;
	margin-bottom:3px;
}

.newsnavtitle {
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
}

.newsnavtitle a {
	text-decoration:none;
}

.newsnavtitle a:hover {
	text-decoration:underline;
}

.newstextarea {
	float:left;
	width:150px;
	height:68px;
	padding:12px 12px 12px 12px;
	overflow:hidden;
}

.newsarrow {
	float:left;	
	margin-top:68px;
	margin-left:5px;
}

.newsthumbimg {
	padding:15px 15px 15px 0px;
	float:right;
}

#newsfooterbox {
	height:20px;
	width:284px;
	background-image:url(med_bg_shade24.png);
	float:left;
	text-align:right;
	padding-top:7px;
	padding-right:15px;
	padding-bottom:7px;
	margin-left:3px;
	margin-bottom:3px;
}

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

MEDIA PAGE / IMAGE PHOTO GALLERY

--------------------- */
	
.mediaimagebox {
	width:189px;
	height:270px;
	background-image:url(med_bg_shade24.png);
	overflow:hidden;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

.mediathumbimage {
	text-align:center;
	margin-top:20px;
	height:150px;
}

.mediathumbimgcentre {
margin: auto;
} 

.mediatitlename {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin-top:10px;
	background-color:Transparent;
	border : none 0px;
}

.mediatitlename a {
	text-decoration:none;
	
}

.mediatitlename a:hover {
	text-decoration:underline;
	
}

.mediadate {
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

.mediadisc {
	text-align:center;
	color:#999;
	margin-top:7px;
	
}

.downloadlink {
	text-align:center;
	color:#999;
	margin-top:2px;
	font-size:13px;
}



#mediafooterbox {
	height:20px;
	width:950px;
	background-image:url(med_bg_shade24.png);
	float:left;
	text-align:right;
	padding-top:7px;
	padding-right:7px;
	padding-bottom:7px;
}


.GalleryPrevBtn { background-color: transparent;	border : none;	background-image: url(previous.jpg); }
.GalleryPrevBtn:hover { background-image: url(previous_over.jpg); }
.GalleryNextBtn { background-color: transparent;	border : none;	background-image: url(next.jpg); }
.GalleryNextBtn:hover {	background-image: url(next_over.jpg); }


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

MEDIA PUBLICATION PAGE

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

#mediapubarea {
		background-image:url(med_bg_shade24.png);
		padding:25px 25px 25px 25px ;
}



#mediapubarea h1 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:5px;
}

.mediapubdate {
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	width:250px;
	
}

.mediapubdisc {
	color:#999;
	margin-top:7px;
	width:250px;
	margin-bottom:10px;
	
}

.mediapubimg {
	float:right;
	margin-left:20px;
}

.imagepubimg {
	margin:auto;
}


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

ABOUT PAGE

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



.cmsdisc {
	margin-top:7px;
	/* width:565px; */
	margin-bottom:10px;
	
}

#mediapubarea h2 {
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	margin:15px 0px 4px 0px;
	padding-bottom:3px;
	padding-top:10px;
}

#mediapubarea p {
	margin-top:0px;
	margin-bottom:15px;
	line-height:18px;
}

li {
	list-style-type: square;		
}



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

MEMBERS PAGE

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


.memberspage{
	margin-top:7px;
	width:440px;
	margin-bottom:10px;
}





#membersbox {
	width:400px;
	background-color:#000;
	padding:20px;



	font-family: font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-align: left;
	
}


.noncapital {
	text-transform:none;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}




.formfieldtext {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:250px;
	
}

.formfieldtext500 {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
	
}

.formfieldtextnowidth {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	
}

.formfieldtext300 {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:250px;
	
}


.formfielddopdown {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:250px;
	
}

.formfielddopdownnowidth {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
}

.formfielddopdownnowidthlower {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	text-transform:none;
}


#contactenquiry {
	width:400px;
	background-color:#000;
	padding:20px;
	text-align: left;
	float:right;
	
}

#headingenquirybox {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:6px;
	
}


.formtitletext {
	font-family: font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;	
}

.contactheaders {
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;	
	margin-bottom:4px;
}


.formfieldtextbox {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:250px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

.contactfloaters {
	float:left;
	width:150px;
	color:#fff;
}

#membersloginbox {
	float:right;
	width:300px;
	height:150px;
	margin-top:10px;
	background-color:#000;
	padding:15px 10px 10px 15px;
	font-family: font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}

.memberlogintitle {
	font-size:16px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

.formfieldtext150 {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:190px;
	
}


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

MEMBERS LOGGED IN PAGE

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

.membersdetailsloggedinpage{
	margin-top:7px;
	width:440px;
	margin-bottom:10px;
	float:right;
}

.memberspagetext {
	width:420px;
}

#memberscompsbox {
	width:400px;
	background-color:#000;
	padding:20px;
	text-align: left;
	
}


#memberscompsbox h2 {
	margin-top:0px;	
	padding-top:0px;
}

.compbold {
	font-weight:bold;
	color:#fff;
	
}

.formfieldtextboxlonger {
	background-color:#252525;
	border:1px #424242 solid;
	color:#898989;
	width:300px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

.compimage {
	float:right;	
}

#memberscompsbox h2 a {
	text-decoration:none;
}

#memberscompsbox h2 a:hover {
	text-decoration:underline;
}



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

SALON FINDER

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


.salonfinderbody {
	background-image:url(dark_bg_shade24.png);
	padding:12px 0px 0px 30px;
	
}

.salonfinderbody h2 	{ 
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	
}

.salonfinderbody p 	{ 
	margin-top:5px;
	
}

#salonfindersearchbox {
	width:500px;
	height:65px;
	padding-top:12px;
	padding-left:15px;
	margin-top:10px;
	margin-bottom:3px;
	background-color:#000;
	font-family: font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;	
}

.floatleft {
	float:left;	
}

.salonsearchboxfield {
	background-image:url(search_box_icon.jpg);
	width:155px;
	height:18px;
	border:none #000 0px;
	color:#CCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	padding:2px 0px 0px 20px;
	
}

#salonsubmitbutton {
	margin-top:0px;
	margin-left:5px;
	float:left;
	
}

#salontextbox {
	float:left;
}

.salonresultsbox {
	width:154px;
	height:170px;
	background-image:url(med_bg_shade24.png);
	overflow:hidden;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	padding:15px 15px 15px 20px;
}

#statedrop {
	margin-top:0px;
	float:left;	
	margin-left:5px;
}


.salonresultstitle {
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.salonresultsphone {
	color:#fff;
	font-size:12px;
	margin-bottom:10px;
}


.mapbox {
	width:652px;
	height:367px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-158px;
	margin-left:-326px;
	z-index:500;
	
}

.mapaddress {
	width:163px;
	float:left;
	text-align:right;
	height:347px;
	background-color:#0a0c0c;
	padding:15px;
}

.maparea {
	background-color:#fff;
	height:375px;
	float:left;
	width:458px;
	
}



.mappadding {
		margin:12px;
		width:438px;
		height:362px;
}


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

PRIVACY PAGE

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



.privacydisc {
	margin-top:7px;
	/* width:865px; */
	margin-bottom:10px;
	
}




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

SALES LOGIN PAGE

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

#saleslogin {
	width:400px;
	height:190px;
	padding-top:20px;
	background-color:#000;
	margin:auto;
}



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

SEARCH RESULTS PAGE

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


#searchresultsarea {
	padding:25px 25px 25px 25px ;
	background-color:#262626;
}

#searchresultsarea h1 {
	font-size:18px;
}


.popup 
{
	background-color: Gray;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.PwdRequestButton 
{
	border: none 0px black;
	background-color: black;
	color: #FFF; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:x-small;
}


.ViewMap 
{
	border: none 0px;
	background-color: transparent;
	color: #FFF; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
}

.ViewMap:hover
{
	border: none 0px;
	background-color: transparent;
	color: #FFF; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	text-decoration:underline;
}

.aligncenter
{
	margin:auto;
}