@charset "UTF-8";
/* CSS DOCUMENT. BUILD FOR 'AB MOTORS' BY CREARE */

/* COLOURS
NAVIGATION: 	color: #ffffff;
TITLE RED: 		color: #a11717;
TITLE GREY: 	color: #373837;
LINK:			color: #de1c1d;
LINK HOVER:		color: #000000;

/* RESET */
*																		{margin: 0; padding:0;}
body 																	{font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color: #3b3b3b;}
p 																		{font-size:1.2em;}
img, img a																{outline: none; border: none;}
a:focus 																{outline: none;} /* REMOVES FIREFOX DOTTED OUTLINE */
a:link, a:visited 														{text-decoration: none; color: #de1c1d;}
a:hover 																{color: #000000;}

/* ACTIVE STATES FOR NAVIGATION */
#home li.home a, #about li.about a, #service li.service a, #mot li.mot a, #motorbikeservice li.motorbikeservice a, #testimonials li.testimonials a, #contact li.contact a, #news li.news a {color: #FC0;}

/* STYLES */
h1, h2																	{font-size: 2em; padding-bottom: 4px; border-bottom: #666666 double 3px; text-indent: 7px; font-weight: lighter;}
h3 /* NEWSFEED */														{font-size: 1.4em; letter-spacing: 1px; margin-top: 10px; font-weight: lighter;}
.welcome																{font-size: 2em; margin-top: 10px; font-weight: lighter; color:#de1c1d;}
#number p 																{font-size: 2.7em; color: #de1c1d; letter-spacing: -1px;}
#number span 															{font-size: 0.6em; font-style: italic; margin-right: 5px; padding-bottom: 2px;}
#navigation a:link, #navigation a:visited 								{text-decoration: none; color: #ffffff;}
#footer-col-right a:link, #footer-col-right a:visited 					{text-decoration: none; color: #6e6e6e; font-weight: bold;}
#footer-col-right a:hover 												{color: #de1c1d;}
p.title 																{font-size: 1.6em; letter-spacing: 5px; padding-bottom: 4px; border-bottom: #666666 double 3px; text-indent: 16px;}
p.telephone																{margin-top: 10px; font-size: 24px !important; letter-spacing: -2px;}
p.telephone span														{color: #de1c1d;}
.text-col-right	p, .text-col-left p 									{font-size: 1.2em;}
.about																	{font-size: 1em;}
#footer-essentials-inner a:link, #footer-essentials-inner a:visited 	{color: #333333;}
.side-box:first-child													{margin: 0;}
.side-box-new img														{float: left; margin-top: -4px;}
.side-box-new															{background: url(images/tyre-track.png) 230px no-repeat #dd1c1d; margin-top: -20px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;}
.side-box-new a:link, .side-box-new a:visited							{color: #000}
.side-box-inner															{width: 260px; margin: 0 auto; padding: 5px 0 13px 0;}
#main-col-right p														{padding-top: 5px;}
#main-col-right img														{float: left; margin-right: 10px;}
.header																	{font-size: 2em; font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: 1px; color: #fff; padding-top: 5px;}

/* LISTS */
.misc-list																{list-style: none; font-size: 1.2em;}
.misc-list li															{line-height: 18px;}
.areas ul																{font-size: 1.4em; margin-top: 3px; margin-left: 10px;}
.side-box-new ul														{padding: 10px;}
.side-box-new li														{list-style: url(images/li-icon.png); font-size: 1.4em; margin-top: 3px; margin-left: 10px; color: #000;}
.side-box-new li a:hover												{margin-left: 10px;}
.side-box-new li.answer													{list-style: none; font-size: 1.4em; margin-top: 3px; margin-left: 10px;}
.side-box-new li.title													{color: #fff; font-size: 1.4em; margin-top: 3px; margin-left: 10px;}
#navigation ul															{text-align: center;}
#navigation li															{display: inline-block; height:21px; font-size: 1.4em; letter-spacing: 2px; padding: 7px 15px 0; border-left: 1px #cecece solid; margin-left: -2px; text-shadow: 0 2px 1px #333333;}
#navigation li a															{display: block; height: 21px; width: 100%;}
#navigation li:first-child												{border: 0;}
#navigation li:hover 													{background: url(images/bg-nav-hover.png) repeat;}
#news-feed li															{list-style: none; margin-top: 15px;}
#news-feed li:first-child												{list-style: none; margin-top: 10px;}
#imagerow ul															{text-align: center;}
#imagerow li															{display: inline; list-style:none; margin: 5px 0 0 10px;}
#imagerow li:first-child												{margin: 0;}
#footer-essentials-inner ul 											{text-align: center;}
#footer-essentials-inner li 											{display: inline; font-size: 1em; color: #6e6e6e;}

/* HEADER */
#header-wrapper															{width: 100%; background: url(images/bg-header.jpg) repeat-x; border-bottom: #de1c1d 7px solid;}
#header-inner															{width: 1000px; margin: 0 auto;}
#information 															{width: 100%; height: 147px;}
#logo																	{width: 116px; height: 101px; float: left; margin-top: 20px;}
#number																	{width: 300px; float: left; margin: 60px 0 0 10px;}
#mot-top																{width: 124px; height: 80px; float: right; margin: 35px 0 0 0;}
#navigation																{width: 100%; height: 34px;}
#flash																	{width: 100%; height: 406px;}
#flash-shadow															{width: 100%; height: 3px; background: url(images/bg-shadow.png) repeat-x;}

/* MAIN */
#main-wrapper															{width: 100%; background: url(images/bg-main.jpg) repeat-x #d1d3d2; padding-bottom: 10px;}
#main-inner																{width: 1000px; margin: 0 auto; padding-top: 10px; display: table;}
#main-col-left															{width: 285px; float: left;}
#main-col-right															{width: 680px; float: right;}
#news-feed																{width: 100%;}
#content																{}
#imagerow 																{margin-top: 10px; display: inline-block;}
#imagerow img															{border: 1px solid #333;}
.text-col-left															{width: 48%; float: left;}
.text-col-right															{width: 48%; float: right;}
.text-col-bottom														{clear: both; padding-top: 10px;}

/* FOOTER */
#footer-wrapper															{width: 100%; background: #cbcecc;}
#footer-inner															{width: 1000px; margin: 0 auto; padding-top: 20px;}
#footer-information														{width: 100%; height: 107px; position: relative; z-index: 2;}
#footer-col-left														{float: left; width: 50%;}
#footer-col-right														{float: right; width: 40%;}
#footer-nav-col-one, #footer-nav-col-two 								{float: right; width: 140px;}
#footer-logo															{float: right;}
#footer-nav-col-one li, #footer-nav-col-two li							{list-style: none; letter-spacing: 1px; margin-top: 3px;}
#footer-essentials														{width: 100%; height: 50px; padding-top: 40px; background: url(images/bg-footer.jpg) repeat-x #c9cbca; position: relative; top: -10px; z-index: 1;}
#footer-essentials-inner 												{width: 1000px; height: 100%; margin: 0 auto;}

/* SHORT CONTACT FORM */
.short-form input														{width: 107px; height: 20px; margin: 0; border: 1px solid #6a6a6a; background: #ececec; padding-left: 5px;}
.short-form input.submit												{width: 45px; height: 24px; margin-top: 10px; border: none; background: none;}
.short-form textarea													{width: 230px; height: 30px; margin: 0; border: 1px solid #6a6a6a; background: #ececec;}
.short-form p															{font: 1.3em "Arial Narrow", Arial, sans-serif; color: #fff; padding-bottom: 3px;}
.single																	{float: left; margin-left: 5px; padding-top: 5px;}
.multi																	{clear: both; margin-left: 5px; padding-top: 5px;}

/* TESTIMONIALS */
#testimonials-box														{margin-top: 80px;}
#slider1 li 															{font-family: Georgia, "Times New Roman", Times, serif;}
.testimonial-name 														{padding: 0 0 0 10px; line-height: 22px;}
.test-top																{width: 206px; height: 49px; background: url(images/testimonial-bg.png) no-repeat;}
.test-box 																{float: left; width: 210px; margin-left: 10px;}

/* SERVICING & REPAIRS */
#services-sep															{width: 100%; height: 150px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin: 10px 0; padding: 0 0 10px 0}
.services-title															{font-weight: bold; font-size: 1.4em; color: #de1c1d; list-style: none;}
#services-sep li														{margin: 5px 0; padding: 0; font-weight: bold; list-style: url(images/li-icon-serv.png) inside;}

/* CONTACT */
.googlemap																{width: 300px; height:200px; margin-top: 20px; border: 1px solid #333;}
#main-col-right .contact p												{font-size: 1.2em; margin: 0; padding: 0;}

/* WORDPRESS SPECIFIC */
.post-title																{margin-top: 20px;}
.post-title:first-child													{margin: 0}
.post-content															{margin-top: 5px;}
.xoxo li																{list-style:none;}
.xoxo																	{margin-top: 10px; font-size: 1.2em;}
#searchform																{margin-bottom: 10px;}
#searchform input														{width: 200px; height: 30px; color: #999; text-indent: 5px; border: 1px solid #999}

/* FORM VALIDATION */
label 																	{font-weight: bold; }
input, select 															{width:300px; height: 25px; }
input, textarea, select													{border:1px solid #aaaaaa; padding:2px; margin-top:2px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333;}
input.checkbox 															{width:15px; background:none; border:0;}
input.radio_button 														{width:15px; background:none; border:0;}
input.small, select.small												{width:50px;}
input.large, select.large 												{width:200px;}
input.extra_large, select.extra_large 									{width:300px;}
input:hover, textarea:hover, select:hover 								{border:1px solid #888888;}
input:active, textarea:active, select:active 							{border:1px solid #888888;}
input.submit 															{width: 100px; height: 33px;}
input.submit:hover 														{cursor: pointer;}
input.code 																{width: 100px; padding-top:4px; color: #ccc;}
textarea 																{width:300px; height: 300px;}
textarea.deep															{height:350px;}
textarea.shallow 														{height:100px;}
fieldset 																{padding:5px 0 10px 20px; border:0;}
fieldset img															{margin-bottom: -8px;}
legend 																	{font-weight:bold; font-size: 120%;  letter-spacing: -1px; color:#666666;}
table 																	{border: 1px solid #999999;}
thead 																	{color: #ffffff; border-bottom: 1px solid #999999;}
tr.odd 																	{background-color: #eeeeee; }
th, td 																	{padding:3px; border-right: 1px solid #999999;}
.LV_valid 																{color:#00CC00;}	
.LV_invalid 															{color:#CC0000;}	
.LV_validation_message													{font-weight:bold; margin:0 0 0 5px;}   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;}   
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;}