* {
	padding:0;
	margin:0;
	border:0;
}

body {
	font: 0.7em "Verdana", Arial, Helvetica, Sans-Serif;
	background:#fff;
	padding-top:20px;
	color:#49494a;
	}
	
.end {
	clear:both;
	list-style:none;
	font-size:0;
	text-indent:-2000em;
	line-height:0;
	height:0;
	display:block;
	}
	
#container {
	margin:0 auto;
	position:relative;
	width:768px;
	text-align:left;
	}
	
	
/* ---------- 1.0 Header ---------- */
#header {
	width:768px;
	}
	
	/* ---------- 1.1 Logo ---------- */
	
	#header h1 {
		float:left;
		width:564px;
		height:154px;
		}
		
	#header h1 a {
		display:block;
		width:564px;
		height:154px;
		background: #57297e;
		cursor:pointer;
		border-right:1px solid #57297e;
		}

  /* ---------- 1.2 Menu ---------- */
				
  #menu {
		width:203px;
		height:154px;
		float:left;
		background:#632481 url(images/menu_bg.png) 100% 0;
		}
		
	/* If you want to hide the text, using a textalign right or justify could effect the hiding */

  #menu ul {
		width:196px;
		height:129px;
		display:block;
		padding:22px 0 0 7px;
		background:url(images/menu_right.png) 100% 0 no-repeat;
		}
				 
  #menu ul li {
		display:block;
		height:10px;
		margin-bottom:10px;
		}

  #menu ul li a {
		height:10px;
		display:block;
		text-decoration:none;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		}

  #menu li.home a {
		background:url(images/link_home.png) 0 0 no-repeat;
		width:38px;
		}

  #menu li.fashion a {
		background:url(images/link_fashion.png) 0 0 no-repeat;
		width:53px;
		}
		
  #menu li.lifestyle a {
		background:url(images/link_lifestyle.png) 0 0 no-repeat;
		width:58px;
		}
		
  #menu li.carProblems a {
		background:url(images/link_car_problems.png) 0 0 no-repeat;
		width:90px;
		}
		
  #menu li.newUsedCars a {
		background:url(images/link_new_used_car.png) 0 0 no-repeat;
		width:130px;
		}
  #menu li.contactUs a {
		background:url(images/link_contact_us.png) 0 0 no-repeat;
		width:130px;
		}

 

  #menu li a:hover, #menu li a.selected {
		background-position:0 -10px !important;
		}

/* ---------- 2.0 Content ---------- */

#wrapperContent {
	width:768px;
	position:relative;
	clear:both;
	}

	/* ---------- 2.1 Cols ---------- */
	
	#colLeft {
		width:564px;
		border-right:1px solid #57297e;
		float:left;
		background:url(images/end_leaves.png) 16px 22px no-repeat;
		}
		
	#colRight {
		float:right;
		width:203px;
		}


	/* ---------- 2.1.1 colLeft ---------- */
	
		/* ---------- 2.1.1.1 Heading ---------- */
	
		h2.heading  {
			width:564px;
			height:22px;
			background:url(images/h2_purple_bg.png);
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			}
			
		h2.heading strong {
			width:564px;
			height:22px;
			display:block;
			background:url(images/h2_welcome_bg.png) 0 0 no-repeat;
			}
			
		/* ---------- 2.1.1.2 Advert ---------- */
	
		#advert {
			width:728px;
			margin:5px 0 0 0;
			padding:10px 20px;
			background:#632481;
			text-align:center;
			}
			
			
		/* ---------- 2.1.1.3 Content ---------- */
		
		#content {
			width:392px;
			padding:18px 10px 33px 0;
			float:right;
			background:url(images/please_call_08444180214.jpg) 0 100% no-repeat;
			}
			
		*> #content {
			min-height:398px;
			}
			
		* html #content {
			height:400px;
			}
			
		#fashion #content, #lifestyle #content, #carProblems #content, #newUsedCars #content, #contactUs #content  {
			padding-top:8px;
			}
		
		#pleaseCall {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			position:absolute;
			top:-100px;
			}
		
			/* ---------- 2.1.1.3.1 MainContent ---------- */
			
	
			.mainContent {
				font-size:0.9em;
				line-height:1.1em;
				text-align:left;
				}
				
			.mainContent h1 {
				font-size:2.2em;
				border-bottom:1px dotted #d0cfd0;
				font-family:Arial, Helvetica, sans-serif;
				line-height:1.4em;
				margin-bottom:0.2em;
				}

			.mainContent h2 {
				margin-bottom:0.8em;
				font-size:1.1em;
				line-height:1.2em;
				color:#5e3282;
				}

			.mainContent strong {
				color:#5e3282;
				}
				
			#fashion .mainContent h1, #fashion .mainContent h2, #fashion .mainContent strong{
				color:#cc007a;
				}
				
			#lifestyle .mainContent h1, #lifestyle .mainContent h2, #lifestyle .mainContent strong {
				color:#45a12c;
				}
				
			#carProblems .mainContent h1, #carProblems .mainContent h2, #carProblems .mainContent strong {
				color:#009de0;
				}
				
			#newUsedCars .mainContent h1, #newUsedCars .mainContent h2, #newUsedCars .mainContent strong {
				color:#e64915;
				}
				
			.mainContent img {
				margin-bottom:5px;
				}
	
			.mainContent ul {
				margin:0 0 0.7em 18px;
				}
	
			.mainContent ul li {
				margin:0 0 0.3em 0;
				}
	
			.mainContent p {
				margin-bottom:0.9em;
				}
		
			.mainContent a {
				color:#5e3282;
				}
				
				
			/* ---------- 2.1.1.3.2 Form ---------- */
	
			/*.form form {
				width: 290px;
				padding-right:102px;
				background:url(images/leaves_low_opacity.png) 100% 0 no-repeat;
				margin-bottom:10px;
				}*/
			
			.form p {
				margin-top: 8px;
				position:relative;
				display:block;
				width:100%;
				left:0;
				z-index:10;
				}
				
			.form p.long {
				margin-top:6px;
				}

			.form p.submit {
				margin-top:10px;
				}
				
			.form p.gap {
				margin-bottom:30px;
				}
		
			.form dd.radio {
				margin-bottom:12px;
				position:relative;
				}
			
			.form .fields label {
				padding-right:180px;
				font-size:0.9em;
				display:block;
				}
				
			.form .fields label small{
				font-size:0.8em;
				}
			
			/*.form .fields input, .form .fields select {
				border:1px solid #dadadb;
				width:200px;
				position:absolute;
				display:block;
				background:#fff;
				right:0;
				top:0;
				height:1.2em;
				font-size:1.0em;
				z-index:200;
				}
			
			.form .fields select {
				background:#fff;
				color:#000;
				height:1.2em;
				}

			.form .fields .long label {
				padding-right:0;
				}

			.form .fields .long input {
				width:288px;
				position:static;
				}
				
			.form .fields .small label {
				padding-right:130px;
				}

			.form .fields .small select, .form .fields .small input {
				width:120px;
				}
				
			.form .checkBox label {
				padding:0 0 0 20px;
				}
		
			.form .checkBox input {
				border:0;
				height:16px;
				width:16px;
				left:0;
				top:0;
				z-index:200;
				}
			
			.form .radio input {
				border:0;
				margin-right:236px;
				height:16px;
				width:16px;
				}
				
			.form .radio2 input {
				border:0;
				margin-right:5px;
				height:16px;
				width:16px;
				}
			
			.form select option {
				color:#000;
				background:#fff;
				padding:3px 9px;
				border-bottom:1px solid #ccc;
				font-size:1.0em;
				font-weight:normal;
				}
			
			.form textarea {
				border:0;
				width:288px;
				height:80px;
				margin-top:8px;
				font-size:1.0em;
				border:1px solid #dadadb;
				}*/
				
			#errors {
				color: red !important;
				border: 1px solid red;
				padding: 18px 20px 0 20px;
				margin-bottom:10px;
				width: 435px;
				background:#FFF6EF;
			}
	
			#errors li {
				color: red !important;
			}
			
			#enquiry {
				width: 475px !important;
			}
			
			#enquiry form{
				width: 475px !important;
			}
			
			#enquiry textarea {
				width: 475px !important;
				height:40px;
			}
			


		
	
	/* ---------- 2.1.2 colRight ---------- */

		
		/* ---------- 2.1.2.1 Boxes ---------- */
		
			.boxes {
				width:203px;
				line-height:1.1em;
				}
				
			.article {
				padding:0 5px;
				}
				
			.article .content {
				border-bottom:1px dotted #d0cfd0;
				padding:10px 0;
				}

			#newsBox {
				background:#f6eae3;
				}
				
			#carProblemsBox {
				background:#edf6fc;
				}
				
			#fashionBox {
				background:#f6ecf3;
				}
				
			#lifestyleBox {
				background:#fffded;
				}

			.boxes h3, #articles h3 {
				width:195px;
				font-size:0.8em;
				color:#fff;
				padding:5px 4px;
				background:#632481;
				}

			*> .boxes h3, #articles h3 {
				width:194px;
				}
				
			#newsBox h3, #articles h3{
				background:#D1332A url(images/h3_new_used_car_bg.png) 100% 0 no-repeat;
				}
				
			#carProblemsBox h3{
				background:url(images/h3_blue_bg.png);
				}
				
			#fashionBox h3{
				background:url(images/h3_pink_bg.png);
				}
				
			#lifestyleBox h3{
				background:url(images/h3_green_bg.png);
				}
				
			#articles h4 {
				font-size:0.8em;
				margin-bottom:8px;
				}
				
			#articles h4 a{
				color:#cc007a;
				text-decoration:none;
				}
			
			#lifestyle #articles h4 a{
				color:#45a12c;
				}
				
			#carProblems #articles h4 a{
				color:#009de0;
				}
				
			#newUsedCars #articles h4 a{
				color:#e64915;
				}
				
			#articles h4 a:hover{
				text-decoration:underline;
				}
				
			.boxes span {
				width:83px;
				float:right;
				overflow:hidden;
				display:block;
				margin-left:2px;
				}
				
			.article span {
				width:45px;
				height:45px;
				float:left;
				overflow:hidden;
				display:block;
				margin-right:7px;
				background:#3a5b99;
				}
				
			.boxes span img {
				display:block;
				}
				
			.boxes p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:0.8em;
				padding:2px 0 0 4px;
				line-height:1.1em;
				}
				
			.article p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:0.8em;
				line-height:1.2em;
				margin:0;
				}
				
				
			
			
				

/* ---------- 3.0 Footer ---------- */

#footer {
	width:768px;
	background:#57297e url(images/footer.png) 0 0 no-repeat;
	height:42px;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	}

