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

.style2{font-family:"Helvetica";
        font-size:14px;
		color:#663300;
		background-color:#333333;
		margin-left:16px;

}
html, body { height:100%; width:100%; font-family:"Helvetica"; }
		  body {position:absolute; margin:0; padding:0; overflow:visible;
		  		top:0; left:0; width:100%; height:100%;
			}
#head{width:950; background-image:url(../images/headerBG.gif); background-repeat:repeat-x;}
#header{width:430px; height:50px; vertical-align:bottom; text-align:left;  font-size:12px;  color:#f6f6f2;} 
#cartFont{color:#f6f6f2; width:250px;}
#spacer{height:60px; width:950px;}
#spacer1{height:15px; width:950px;}
#SFboxesQuote{width:310px; font-size:11px; vertical-align:top; text-align:justify; margin:10px;}
#Hey{margin-left:55px, margin-right:60px;}
#spacerServices{height:35px; width:950px;}


/*************************************
contact
***************************************/
.contact a:link{color:#000000;}
.contact a:hover{color:#FF0000;}

/*bottom bars properties*/
#gift{vertical-align:middle;  color:#666666; font-size:11px; text-align:justify;}
#giftContact{width:500px; vertical-align:top; color:#666666; font-size:11px; text-align:justify;}
#emailContent{width:350px; font-family:"Helvetica"; font-size:14px; margin-top:35px; padding: 0; z-index:-5;background-color:#ffffff;}
#Table_02{width:400px;}
#contactForm{width:950px; height:250px;} 
#giftRonnie{vertical-align:top;  color:#666666; font-size:11px; text-align:justify; padding-right:20px;}

#services{width:900px; height:360px; background-image:url(../barberShopImage.png); background-repeat:no-repeat; text-align:left;}
#services1{width:900px; height:360px; background-image:url(../crew.png); background-repeat:no-repeat;text-align:left;}
#contact{width:900px; height:360px;vertical-align:bottom; background-image:url(../contactUS.png); background-repeat:no-repeat;text-align:left;}
#contact1{width:900px; height:360px;vertical-align:bottom; background-image:url(../map.png); background-repeat:no-repeat;text-align:left;}
#list{width:450px; height:360px; color:#f6f6f2; font-size:16px;vertical-align:bottom; }
.helper{font-size:10px;}

#flashBlade{width:100%; height:250px;}
#flashNorm{width:100%; height:250px; background-image:url(../images/bg_HomeFlash.jpg);}
#flashStaff{width:100%; height:250px; background-image:url(../images/servicesBack.jpg); vertical-align:top;}
#flashStaffPress{width:100%; height:250px; min-width:900px; background-image:url(../images/bg_350.jpg); margin-top:}
#flashStaff350{width:100%; height:250px; background-image:url(../images/bg_Gray.gif); vertical-align:top;}
#flashStaffServices{width:100%; height:250px; background-color:#f9f9f9; vertical-align:top;}
#flashProducts{width:100%; height:250px; min-width:900px; background-image:url(../images/bg_Pureology.jpg);}
flashProductsPictureLess{width:100%; height:250px; min-width:900px;}
#servicesPrices{width:950px; height:250px; vertical-align:text-top;}

a.PureologyVideo:link{font-size:10px; color:#FF0000;}
a.PureologyVideo:hover{font-size:10px; color:#333333;}
a.PureologyVideo:visited{font-size:10px; color:#FF0000;}
a.PureologyVideo:active{font-size:10px; color:#FF0000;}

#SFboxes{width:230px; margin-left:10px; margin-right:10px; font-size:12px; vertical-align:top;text-align:left;}
#SFboxes1{width:230px; padding-left:20px; margin-left:10px; margin-right:10px; font-size:12px; vertical-align:top;text-align:left;}

.TClogo{font:"Times New Roman", Times, serif; font-size:14px;}
#SFboxesQuote{width:210px; margin-left:5px; margin-right:5px; line-height:14px;font-size:11px; vertical-align:top; text-align:left;}
#SFboxesQuoteSpace{width:20px; text-align:left;}
#SFboxesPrice{width:60px; vertical-align:top; font-size:11px; text-align:left; text-align:left;}
.itemColorServices{color:#000000; font-size:11px; width:500px; text-align:justify; text-align:left;}
.priceIncidentals{line-height:12px; color:#333333;text-align:left; }
.itemColorServicesa{color:#000000; font-size:10px; width:500px; text-align:left;}
.priceIncidentals1{font-size:15px; font-weight: bolder; line-height:12px; color:#333333;font:"Times New Roman", Times, serif; text-align:left;}
.Quotation{font:icon; font-weight:bolder;font-size:22px; line-height:14px;color:#FF0000;}
.PriceBolder{text-align:left;}

#page-background {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-100;}
#footer{width:950px;height:200px; color:#CCCCCC; background-image:url(../bg_footer.png); background-repeat:no-repeat;}
#footer1{width:950px; color:#CCCCCC; background-image:url(../bg_footer.png); background-repeat:no-repeat;}
#mailTo{height:45px; vertical-align:middle;}

#BuyPureology{width:209px; margin-right:25px; font-size:12px; color:#666666;}
#friend{width:210px; margin-right:15px; padding-left:35px; font-size:12px; color:#666666;}
#title{font-size:10px; height:20px; color:#cccccc; vertical-align:middle; text-align:left;}
#left_pan{width:100%; height:580px;	padding:0 0 0 0; margin:0;z-index:-1;}

a:link {color: #f6f6f2; text-decoration: none; }
a:visited {text-decoration: none; color: #f6f6f2;}
a:hover {text-decoration: none; color: #ff0000;}
a:active {text-decoration: none;color: #cccccc;}

/*cart properties*/
#left{text-align:left; font-size:25px; line-height:5px}
#cart{width:950px; height:350px; font-size:10px;color:#333333; }
#cartPureolo{width:950px; height:auto; font-size:10px;color:#333333; }
#price{width:200px; color:#999999; font-size:10px; background-color:#fafafa;}
#carter{height:265px;color:color:#999999}
.itemContainer{width:100%;float:left;}
.itemContainer div{height:18px;float:left; margin: 0px 5px 5px 0px ; padding-right:10px;}
.itemContainer a{color:#999999; text-decoration:none;}
.cartHeaders{width:100%; float:left;}
.cartHeaders div{float:left;margin: 0px 5px 0px 5px ;}
.simpleCart_items{float:left; height:auto; vertical-align:top; color:#999999; width:711px; background-image:url(../images/shopCartBack.png)}
.simpleCart_shelfItem{width:200px; height:150px;color:#999999; font-size:9px;}
.simpleCart_checkout{color:#333333;}
.simpleCart_finalTotal{color:#333333;}
.simpleCart_total{text-align:right; color:#999999;}
.item_image{float:left; margin-right:8px;}
.item_name{text-transform:uppercase;font:bold 12px "Helvetica", Arial, sans-serif; color:#333333;}
.item_price{font:bold 15px "Helvetica", Arial, sans-serif;color:#333333}
.item_add{display:block; width:40px; color:#999999; height:25px; text-indent:-9999px; overflow:hidden; 0 -21px;}
.item_add:hover{background-position:-85px -21px; color:#ff0000;}
.item_add:active{background-position:-170px -21px;color:#ff0000;}
.cartHeaders{display:none;}
.itemContainer{float:left; width:650px; height:20px; vertical-align:top;}
.itemthumb{float:left;	margin-right:0px;}
.itemQuantity{float:left; margin-top:4px; color:#ff0000;}
.itemQuantity input{background:none; border:none; width:21px; height:17px; background:url(../buttonBack.gif); text-align:center; color:#f9f9f9; font:bold 11px Arial, sans-serif;margin-right:0px; vertical-align:top;}

.Buy{font-size:12px; color:#999999; font-weight:bold;}
.Buy,a:hover{color:#FF0000;}

.itemTotal{float:right; color:#999999; font:bold 11px Arial, sans-serif;}
#cartTotal{float:right;color:#333333; clear:both;text-align:right; font:11px Arial, sans-serif; text-shadow:none; }


/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.LightBoxDistance{ width:1000px; vertical-align:bottom; padding-top: 70px;}


/*SLider*/
/*SLider*/
/*SLider*/
.anythingSlider                         { width: 760px; height: 360px; position: relative; margin: 0 auto 2px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 241px; margin: 0 10px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 249px; text-align: right; margin-right:148px;}
#thumbNav a                             { color:black; font: 11px/18px "Helvetica"; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #f0f0f0 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { color:#f0f0f0; background: #000000; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 253px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow:hidden; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }