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

dt {
	padding-top: 8px;
	padding-bottom: 5px;
}

ol li {
	padding-bottom: 8px;
}
/*I could also apply this to contentFranchising 1 and 3 which effects pages 1 and 6 if it causes issues with other elements*/
#allContent ul li {
	padding-top: 5px;
}
caption {
	font-size: 80%;
	color: #19a0e2;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

/*________________________________________________________________________________________________________________________________________________
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.
_________________________________________________________________________________________________________________________________________________*/

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

#contentFranchising {
	float: right; /* since this element is floated, a width must be given */
	width: 330px; /* 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: #FFF;
	margin: 0;
	padding: 30px 100px 0px 50px;
}
#storesavailable { /*this applied formatting for the stores avaialble page only which is different to all the other franchising pages which use #contentFranchising*/
	float: right; /* since this element is floated, a width must be given */
	width: 473px; /* 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: #FFF;
	margin: 0;
	padding: 30px 0px 0px 10px; /*TRBL*/
	overflow-y: scroll;
	overflow-x: hidden;
}
#storesavailable td {
	font-size: 80%;
	text-align: left;
}
#storesavailable h4 {
	font-size: 85%;
}
#storesavailable td h4 {
	font-size: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #86858a;
}
#contentFranchising p {
	font-size: 80%;
	text-align: left;
}
#contentFranchising1 {
	float: right; /* since this element is floated, a width must be given */
	width: 340px; /* 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: #FFF;
	margin: 0;
	padding: 30px 90px 0px 50px;
}
#contentFranchising1 p {
	font-size: 80%;
	text-align: left;
}
#contentFranchising1 ul {
	font-size: 80%;
	text-align: left;
	padding: 10px 0px 10px 15px;
}
#contentFranchising1 ol {
	font-size: 80%;
	text-align: left;
	padding: 10px 0px 10px 15px;
}


#contentFranchising2 {
	float: right; /* since this element is floated, a width must be given */
	width: 330px; /* 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: #FFF;
	margin: 0;
	padding: 30px 100px 0px 50px;
}
#contentFranchising2 p {
	font-size: 80%;
	text-align: left;
}
#contentFranchising3 {
	float: right; /* since this element is floated, a width must be given */
	width: 385px; /* 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: #FFF;
	margin: 0;
	padding: 30px 45px 0px 50px;
}
#contentFranchising3 p {
	font-size: 80%;
	text-align: left;
}
#contentFranchising3 ul {
	list-style-type: none;	
	font-size: 80%;
	text-align: left;
}
#contentFranchising7 {
	float: right; /* since this element is floated, a width must be given */
	width: 385px; /* 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: #FFF;
	margin: 0;
	padding: 30px 45px 0px 50px;
	overflow-y: scroll;
}
#contentFranchising7 p {
	font-size: 80%;
	text-align: left;
}
#contentFranchising7 dl {	
	font-size: 80%;
	text-align: left;
}
#contentFranchising7 dt {	
	font-weight: bold;
}
/*________________
QUICKLINKS
________________*/

#quicklinks {	
	background: #FFF;
	float: left;
	width: 255px; /*std width 285 - padding of 50 = 235px*/
	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:#000;
	text-decoration: none;
}
#quicklinks a:hover, #quicklinks a:active {
	color:#19a0e2;
}
#quicklinks li.current a {
	color: #19a0e2;
}