/*
STYLE SHEET

Table of contents :)
		
			1. General Layout Divs 
			2. Left Content
			3. Right Content
			4. Generic Classes
			5. Footer Style
			6. Text h1, h2, h3 p tags etc
 			7. Main Footer


/********************************************************
* LAYOUT DIVS
********************************************************/
* {
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:0;
	background-color:#C8BF95;
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
}

#wrapper {
	margin: 0px auto;
	padding:0;
	border:0;
	width: 934px;
	height:auto;
}

#leftShadow {
	width:26px;
	height:294px;
	float:left;
	background-image:url(images/leftShadow.jpg);
	background-position:top;
	background-color:transparent;
	padding:0;
	margin:0;
}

#contentWrapper {
	width:auto;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	background-image:url(images/imageBottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#leftContent {
	width:280px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}

#rightWrapper {
	width:598px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	border-left:1px solid #CCC;
}

* html #rightShadow { 
	margin:0;
	padding:0;
	width:22px;
}

#rightShadow {
	width:26px;
	height:294px;
	float:left;
	background-image:url(images/rightShadow.jpg);
	background-color:transparent;
	padding:0;
	margin:0;
}

* html #rightShadow {
	margin-left:-3px;
	background-color:transparent;
}

#footerContent {
	clear:both;
	width:883px;
	height:29px;
	padding:0;
	margin-left:26px;
}


/********************************************************
* LEFT CONTENT STYLING
********************************************************/
	
#imageTop {
	width:283px;
	height:407px;
	float:left;
	background-image:url(images/imageTop.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	border-right:1px solid #CCC;
}

#navigation {
	width:290px;
	height:auto;
}

* html #navigation {
	width:275px;
	margin-left:10px;
}

#navigation ul {
	margin:0;
	padding: 5px 20px 0 0;
	list-style: none;
	background:transparent;
	text-align:right;
}

#navigation li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#CC6633;
	margin-right:2px;
	padding: 10px 0px 5px 12px;
	border-bottom:1px dotted #CCC;
}

* html #navigation li {
	padding-right:-5px;
}

#navigation a {
	text-decoration:none;
	color:#CC6633;
}

#navigation a:hover {
	text-decoration:underline;
	color:#017A67;
}

#imageBottom {
	width:280px;
	height:auto;
	float:left;
}

/********************************************************
* RIGHT CONTENT STYLING
********************************************************/

#rightImageTop {
	width:598px;
	height:auto;
	float:left;
	background-image:url(images/rightContent.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#rightImage2 {
	width:500px;
	height:142px;
	background-image:url(images/rightImage2.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border:1px solid #FFF;
	margin-left:40px;
	margin-top:110px;
	margin-bottom:20px;
}

#rightmainContent p {
	margin-top:0;
	font-size:0.7em;
	line-height:1.6em;
}

#rightmainContent {
	width:400px;
	float:left;
	padding:0;
	margin:0;
}

#rightmainAdvert {
	width:155px;
	height:auto;
	float:left;
	margin-top:45px;
}

#rightmainContent ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-left:50px;
	margin-right:50px;
	color:#666666;
}

#rightmainContent ul a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-right:80px;
	color:#666;
	text-decoration:none;
}

#rightmainContent ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
}

#rightmainContent ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-right:0px;
	color:#666;
	text-decoration:none;
}

#rightmainContent ul li a:hover {
	color:#017A67;
	text-decoration:underline;
}

#rightmainContent ul ul a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	list-style:disc;
	color:#666;
	text-decoration:none;
}

#rightmainContent ul ul a:hover {
	color:#017A67;
	text-decoration:underline;
}

/********************************************************
* GENERIC CLASSES
********************************************************/

.logo {
	padding-top:40px;
	padding-bottom:50px;
	margin-left:40px;
}

.clear {
	clear:both;
}

.quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	color:#333333;
}

.quoteColor {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	color:#017A67;
}

.textDisplay {
	display:none;
}

.advertRight {
	border:none;
	padding:0;
	margin-left:15px;
}

.leftQuote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#999999;
	padding-left:35px;
	padding-top:0;
	padding-bottom:3px;
	position:bottom;
}

.leftQuote2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#666666;
	padding-left:90px;
	padding-top:0;
	padding-bottom:0;
}	

.boldTel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#CC6633;
	font-weight:bold;	
}

.floatLeft {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.floatRight {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
	

/********************************************************
* FOOTER STYLING
********************************************************/

#footerLeft {
	width:19px;
	height:28px;
	float:left;
	background-image:url(images/footerLeft.jpg);
	background-color:transparent;
	padding:0;
	margin:0;
}

#footerMiddle {
	width:842px;
	height:25px;
	float:left;
	background-image:url(images/footerMiddle.jpg);
	background-repeat:repeat-x;
	padding-top:3px;
	margin:0;
}

#footerMiddle a {
	text-decoration:none;
	color:#333333;
	background-image:url(images/mailIcon.gif);
	background-position:center right;
	background-repeat:no-repeat;
	display:block;
	padding-right:20px;	
	height:16px;
	font-size:1em;
	text-align:right;
	margin-top:-4px;	
}

#footerMiddle a:hover {
	color:#017A67;
	margin-top:-4px;
}

*:first-child+html #footerMiddle {
	padding:0;
}

* html #footerMiddle {
	padding:0;
}

#footerRight {
	width:19px;
	height:28px;
	float:left;
	background-image:url(images/footerRight.jpg);
	background-color:transparent;
	padding:0;
	margin:0;
}

.cabLogo {
	border:none;
	width:166px;
	height:23px;
}

/********************************************************
* TEXT STYLING H1,H2, H3 etc p tags
********************************************************/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding-top:0px;
	margin-left:40px;
	padding-bottom:0px;
	display:block;
	color:#CC6633;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding-top:20px;
	margin-left:40px;
	padding-bottom:-10px;
	color:#CC6633;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-top:10px;
	margin-left:40px;
	padding-bottom:10px;
	color:#CC6633;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-top:10px;
	margin-left:40px;
	padding-bottom:10px;
	color:#017A67;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:15px;
	color:#666666;
}

p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;
	text-decoration:underline;
}

p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.4em;
	color:#CC6633;
	text-decoration:underline;
}

.homeHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/home-title.gif);
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:310px;
	height:31px;
}

.firstHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/first-aid-courses.gif);
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:213px;
	height:31px;
}

.beautyHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/beauty-courses.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:210px;
	height:31px;
}

.nailHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/nail-extension-h1.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:274px;
	height:30px;
}

.packageHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/beauty-package-h1.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:316px;
	height:66px;
}

.holisticHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/holistic-courses.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:203px;
	height:31px;
}

.contactHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/contact-title.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:153px;
	height:31px;
}

.accessHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/accessibility-title.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:286px;
	height:31px;
}

.siteHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/site-titile.gif);	
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:133px;
	height:31px;
}

.walesHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/h1images/wales-title.gif);
	background-repeat:no-repeat;
	font-size:1.4em;
	padding-top:5px;
	margin-left:40px;
	padding-bottom:5px;
	display:block;
	width:353px;
	height:60px;
}


/********************************************************
* MAIN FOOTER
********************************************************/

#companyLogo {
	text-align:center;
	padding-top:40px;
	margin-left:30px;
}

#companyLogo p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	text-decoration:none;
}

#companyLogo p a:hover {
	color:#333333;
	text-decoration:underline;
}

#companyDetails {
	text-align:center;
}

#companyDetails p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	text-decoration:none;
}

#companyDetails p a:hover {
	color:#000;
	text-decoration:underline;
}

#caboodleLogo {
	text-align:center;
	padding-top:0px;
	margin-left:30px;
}

.webaddress p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	padding-top:0.5em;
	margin:0;
	text-align:center;
	color:#009900;
}
/********************************************************
* CONTACT FORM
********************************************************/

#contactForm {
	width:340px;
	margin-left:2em;
	margin-top:1em;
}

.row {
	padding-top:0.4em;
	clear:both;
}

legend {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC6633;
	font-weight:bold;
	font-size:0.8em;
	margin-left:5px;
	padding:5px;
}

fieldset {
	padding-bottom:1em;
}

.formLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	color:#666666;
	padding-bottom:0.5em;
	padding-top:0.2em;
	padding-left:15px;
	text-align:right;
	width:60px;
	float:left;
}

.formControl {
	float:right;
	margin-right:1em;
}

.messageText {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
	font-weight:bold;
	font-size:0.7em;
	line-height:1.6em;
	margin-left:0em;
	width:100px;
}

.messageBox {
	width:340px;
	height:100px;
	margin-left:0em;
	background-image:url(images/bkg-form.gif);
	background-repeat:repeat-x;
	background-color:#FFF;

}

.submit {
	margin-left:0em;
	margin-top:0.6em;
}

.border {
	border:none;
	margin-right:10px;
}


span#visa-logo { float:left; margin: 0 8px 0 0; }

h1.quote {
	padding:0 0 8px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
	line-height:1.4em;
	}




/********************************************************
* END OF STYLE :)
********************************************************/