/* MK Tyres Master - CSS Document */

/*Global Styles
--------------------------------------------------------------------------*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	margin-bottom: 100px;
}
p{
	margin-bottom: 20px;
}
/*Layout 
--------------------------------------------------------------------------*/
#invis-link {
	position:absolute;
	width:104px;
	height:54px;
	z-index:1;
	left: 648px;
	top: 266px;
	cursor:pointer;
}
#container{
	border-right: 1px dashed #ccc;
	width: 762px;
	margin:0px;
	padding: 0px;
	background-color:#fff;
	position:relative;
}
#rounded-top{
	height: 10px;
	background-image: url(../../images/misc/rounded-top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 762px;
}
#banner{
	width: 762px;
	height: 65px;
	background-image:url(../../images/misc/top.gif);
}
#index-image-banner{
	height: 228px;
	padding: 0px;
	margin: 0px;

}
#index-flash {
	position:absolute;
	width:248px;
	height:224px;
	z-index:1;
	left: 0px;
	top: 96px;
}
#image-banner{
	height: 137px;
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;

}
#divider{
	margin: 0px;
	height: 29px;
	background-image:url(../../images/index/index-divider.jpg);
}
#main-right{
	width: 500px;
	float: right;
	color: #666666;
	padding-bottom: 20px;
}
#main-right p{
	padding-left:20px;
	padding-right: 20px;

}
#main-right h1{
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0px;
	margin-top: 20px;
	padding-left: 20px;
		color: #333;
}
		
#main-right h2{
    padding-left: 20px;
    font-size:1.3em;
}

#main-left{
	width: 258px
}
#ring-back{
	background-color:#f3f3f3;
	padding: 10px;
	width: 225px;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	margin-bottom: 20px;
}
#ring-back form{
	margin-left: 20px;
	margin-right: 20px;
}
#footer{
	padding: 10px;
	width: 742px;
	background-color:#e2e2e2;
	text-align:center;
	font-size: 10px;
	clear: both;
}
#numbers{
	text-align:center;
	margin-top: 3px;
	width: 762px;
	display: block;
}
#flash_bottom{
	width:762px;
	padding-top: 10px;
}
#bottom-keywords{
margin-top:10px;
color:#CCCCCC;
font-size:9px;
width: 760px;
}
/*Navigation
-------------------------------------------------------------------------*/
#navcontainer {
	font-size:12px;
	margin: 0;
	padding: 0 0 0 0px;
	height: 23px;
	background-color:#000000;
	border-bottom: 4px solid #d11615;

}

#navcontainer UL {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navcontainer LI {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	background: #000;

}
#navcontainer A {
	color: #fff;
	font-weight: bold;
	display: block;
	width: auto;
	text-decoration: none;
	background:#000;
	margin: 0;
	padding: 4px 12.5px;

}

#navcontainer A:hover, #navcontainer A:active {
	background: #d11615;
	color: #fff;
}

#navcontainer A.active:link, #navcontainer A.active:visited {
	position: relative;
	z-index: 102;
	background: #BBBBBB;
	font-weight: bold;
}
body#welcome-page a#welcome-link,
body#mot-page a#mot-link,
body#tyre-page a#tyre-link,
body#services-page a#services-link,
body#exhaust-page a#exhaust-link,
body#clutch-page a#clutch-link,
body#cam-page a#cam-link,
body#contact-page a#contact-link,
{	
	background: #d11615;
}
/*Class Styles
--------------------------------------------------------------------------*/
.left-header{
	width: 258px;
	height: 30px;
	background-image:url(../../images/misc/left-header.gif);
	padding: 0px;
	display: block;
}
.left-header h2{
	color: #fff;
	font-size:14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 7px;
	padding-left: 7px;
}
.left-feature{
	background-color:#dddbdb;
	padding: 10px;
	width: 225px;
	height:164;
	text-align:center;
	border-bottom: #999999 solid 3px;
}
.large-bold{
	font-weight: bold;
	font-size: 20px;	
}
.medium-bold{
	font-weight: bold;
	font-size: 14px;	
}
.align-center{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}


.floated-img{
	float: right; 
	padding-left: 5px;
}

#footerNav {
float:left;
width:742px;
padding-left:70px;
}

#footerNav li {
display:inline;
padding-right:5px;
}

#footerNav a:hover {
color:#0000FF;
}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	float: left;
	width: 742px;
	padding: 10px;
	color: #bcbcbc;
	background: #eaeaea;
	font-size: 0.9em;
}

	#footer a {
		color: #666;
		text-decoration: none;
	}

	#footer a:hover {
		color: #222;
		text-decoration: underline;
	}

	#footer ul, #footer p {
		margin: 0px;
		padding: 0px;
	}
	
		#footer ul li {
			list-style: none;
		}
		
	#footerLeft{
	width: 260px;
	padding-left: 10px;
	}
	#footerMiddle{
	width: 200px;
	}
    #footerRight{
	padding-top:44px;
	width: 230px;
	}
	
	#footerLeft, #footerMiddle, #footerRight {
	
		font-size: 1.1em;
		float: left;
		color: #888;
		padding-bottom:20px;

	}
	
	#footerAreas{
	float: right;
	width: 200px;
	}
	

	#footerBottom p {
	
		padding-top: 5px;
		padding-bottom: 5px;
	}
		#footerBottom ul li  {
			float: left;
		}
		#footerBottom ul li a {
			float: left;
			padding: 0px 5px;
			color: #ccc;
			text-decoration: none;
		}
		
		#footerBottom  a{
		color: #ccc;
		}
		
		#footerBottom .index-a {
			padding-left: 0px;
		}
		
	
		#footerBottom .regVat {
			clear: both;
		}