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

.cufon-loading h2 { /* for Cufon.replace('h2') */
	visibility: hidden !important;
}

/*________________________________________________________________________________________________________________________________________________
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.
_________________________________________________________________________________________________________________________________________________*/
body ol ol li{
	list-style-type: lower-alpha;
}

#leftImage {
	float: left;
	width: 222px;
	height: 410px;
	background: #000;
}

#contentTerms {
	float: right; /* since this element is floated, a width must be given */
	width: 363px; /* the actual width of this div 483px, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 380px;
	background: #000;
	margin: 0;
	padding: 30px 70px 0px 50px;
	overflow-y: scroll;
}
#contentTerms h4 {
	text-transform: uppercase;
}
#contentTerms p {
	font-size: 80%;
	text-align: left;
	color:#FFF;
}

#contentTerms li {
	font-size: 80%;
	text-align: left;
	color:#FFF;
}
#contentTerms a {
	color: #FFF;
}
/*________________
QUICKLINKS
________________*/

#quicklinks {	
	background: #000;
	float: left;
	width: 255px; /*std width 285 - padding of 30 = 255px*/
	height: 410px;
	padding: 0px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box T R B L*/
}
#quicklinks h1 {
	padding-top: 25px;
	padding-bottom: 5px;
}
#quicklinks ul {
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#quicklinks li {
	padding-top: 10px;
}
#quicklinks a:link, #quicklinks a:visited {
	color:#FFF;
	text-decoration: none;
}
#quicklinks a:hover, #quicklinks a:active {
	color:#19a0e2;
}
#quicklinks li.current a {
	color: #19a0e2;
}