@import url('/css/submenu.css');


/*________________________________________________________________________________________________________________________________________________
Product pages layout.  All pages have a div on the left of the content area for text 285px wide by 410 high with id #contentTextProducts if a lot of specific formatting or background image required a class will be added to the div with the same name as the page (e.g. .haircare). Simple fomatting like text color will just be added through a generic class (eg.blacktext). Logo images will be positioned at the bottom left and will already be cropped to the required size allowiing 25px left-padding unless its part of a background image in which case the background image is to be the full div size. 
To the right will always be an image div it will always have the same name #contentImageProducts and a size of 483px wide by 410 high.  All images will be resized to 472 wide by x high and positioned in the bottom right. They will be added to the HTML.
_________________________________________________________________________________________________________________________________________________*/

.serviceText {	
	background: #FFF;
	float: left;
	width: 424px; /*std width 474 - padding of 50 = 424px*/
	height: 410px;
	padding: 0px 25px; /* remember that padding is the space inside the div box and margin is the space outside the div box T R B L*/
/*	margin-right: 483px;
	margin-left: 222px;*/
}

.serviceImg {
	float: right; /* since this element is floated, a width must be given */
	width: 294px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 410px;
	background: #FFF;
	margin: 0;
	padding: 0;
}
.disclaimer {
	font-size: 80%;
	position: absolute;
	width: 430px;
	left: 247px;
	bottom: 0px;
}
.serviceText ul{
	font-size: 70%;	
	font-weight: bold;
	color: #19a0e2;
	text-transform: uppercase;
	padding-top: 10px;
}
.serviceText ul li {
	padding-bottom: 5px;
}
.ulfltlft {
	float: left;
	padding-left: 15px;
	padding-right: 9%;
}

/*For Y positions for images Y=410-image height*/

/*#contentTextServices {
	background: #000;	
}*/
#contentTextServices h1 {
	padding-top: 60px;	
	padding-bottom: 5px;
}
#contentImageServices{
	background: url(../images/content_images/services_home.jpg) no-repeat 0px 22px;
}
/*#contentTextSalon {
	background: #6fbfeb;	
}*/
#contentImageSalon {
	background: url(../images/content_images/salon.jpg) no-repeat 9px 21px;
}

#contentTextSalon h1{
	padding-top: 50px;
}
/*#contentTextWaxing {
	background: #000;
}*/
#contentTextWaxing .ulfltlft {
	padding-right: 20%;
}
#contentTextWaxing ul li {
	padding-bottom: 4px;
}
#contentImageWaxing {
	background: url(../images/content_images/waxing.jpg) no-repeat 0px 22px;
}
/*#contentTextPiercing .ulfltlft {
	color:#006;
}*/
/*#contentTextPiercing {
	background: #6d6c71;
}*/
#contentTextPiercing .ulfltlft {
	padding-right: 30%;
}
#contentImagePiercing {
	background: url(../images/content_images/piercing.jpg) no-repeat 0px 22px;
}

/*#contentTextNailbar {
	background: #6fbfeb;
}*/
#contentTextNailbar h1 {
	padding-top: 50px;
}
#contentImageNailbar {
	background: url(../images/content_images/nailbar.jpg) no-repeat 0px 22px;
}

/*#contentTextTanning {
	background: #000;
}*/
#contentImageTanning {
	background: url(../images/content_images/tanning.jpg) no-repeat 0px 22px;
}