@charset "UTF-8";

/* CSS Document */

body { margin:0; padding:0; background:url(images/bg.jpg) repeat-x top #000; font-family:Arial, Helvetica, sans-serif; color:#333; }

p { color:#545454; font-size:0.69em; line-height:20px; font-weight:normal; }

/*Design div id tags */
#contain { margin:0 auto; width:1000px; height:auto; overflow:hidden; }

#header { float:left; width:1000px; height:122px; }

#headtop { float:left; width:1000px; height:92px; }

.logo { float:left; width:210px; height:92px; padding:0 0 0 50px; }

.head-flash { float:left; width:350px; height:40px; padding:37px 0 0 40px; }

.callus { float:right; width:290px; height:40px; padding:50px 40px 0 0; color:#6a267b; font-size:1.5em; font-weight:lighter; }

.grey { color:#5a575b }

#flash { float:left; width:1000px; height:327px; }

#bodycontain { float:left; padding:0 50px; width:900px; height:auto; overflow:hidden; }

#mainbody { float:left; width:900px; height:auto; overflow:hidden; background:url(images/bodybg.gif) no-repeat top #fefefe; }

#mainleft { float:left; width:460px; height:auto; overflow:hidden; padding:20px 0 20px 10px; }

#mainright { float:right; width:380px; height:auto; overflow:hidden; padding:20px 10px 20px 0; }

#wholemain { float:left; width:870px; height:auto; overflow:hidden; padding:15px 0 20px 15px; }

.searchbox { float:right; width:490px; height:auto; overflow:hidden; font-size:0.8em; padding-left:10px; }

.searchbox input { background-color:#FFF; border:1px solid #333; margin:5px 0; width:240px; padding:2px; }

.boxleft { float:left; width:365px; height:auto; overflow:hidden; }

.clear { clear:both; margin:10px 0 0; }

/*Navigation*/
#navigation { float:left; width:950px; height:30px; padding:0 0 0 50px; }

#navigation ul { margin:0; padding:0; float:left; display:block; width:950px; height:30px; }

#navigation li { font-size:0.8em; list-style:none; display:inline-block; float:left; width:auto; }

#navigation li a { padding:8px 20px; margin:0 20px; display:block; background:transparent url(images/li-bg.gif) repeat-x 0 -200px; }

#navigation a, #nav a:visited { text-decoration:none; color:#CCC; }

#navigation li a:hover { background:transparent url(images/li-bg.gif) repeat-x 50% 100%; }

/*text styles */
h1 { font-size:1.4em; color:#666; font-weight:lighter; margin:5px 0; padding:0; }

h2 { font-size:1em; color:#666; font-weight:lighter; margin:0; padding:0; }

h3 { font-size:0.9em; color:#999; font-weight:lighter; margin:0; padding:0; }

.introtext { font-size:0.75em; }

.subheading { font-size:0.75em; font-weight:bold; margin-bottom:0; padding-bottom:0; }

.h1-under { font-size:0.7em; color:#666; clear:left; display:block;}

.li-norm { font-size:0.68em; font-weight:bold; color:#969; line-height:22px; }

.li-under { font-size:0.69em; font-weight:bold; color:#666; margin:0; padding:0; line-height:16px; }

.footerhead { color:#FFF; font-size:0.8em; font-weight:bold; margin:0; padding:0; }

.pclose { margin:0; padding:0; }

.pclosetop { margin:10px 0 0; padding:0; }

.li-sitemap { font-size:0.8em; line-height:22px; }

.contacthead { font-size:0.9em; color:#999; margin:10px 0 0 0; }

.contactdetails { font-size:1.1em; color:#336; margin:0; }

.smallheader { font-size:1.4em; color:#999; margin:0; padding:0; }

.bold { font-weight:bold; }

a:link { color:#900; }

a:visited { }

a:hover { }

.basefooter { margin:10px 0 0; padding:5px 0; width:100%; text-align:center; }

.basefooter a { font-size:0.6em; color:#999; }

.linkbox { margin:10px 0 0 0; padding:5px 0; width:100%; border:1px #333 solid; font-size:0.8em; text-align:center; }

.resourcebox { width:100%; height:95px; margin:10px 0 0 0; border:1px dotted #036; }

a.resource { font-size:1.1em; }

.p-under { margin-top:0; padding-top:0; }

/*sprites*/


/*footer*/ 
#footer { float:left; width:900px; height:auto; overflow:hidden; padding:10px 50px; clear:both; text-align:center; color:#CCC; }

#footer ul { font-size:0.69em; margin:10px 0; display:block; }

#footer li { display:inline; }

#footer a { color:#CCC; text-decoration:none; border-right:1px #999 solid; padding:0 5px; }

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

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

/*php forms*/

/*tyre quote*/
.tyreform { margin:0; background:url(images/tyre-quote-bg.gif) no-repeat; width:870px; height:128px; }

.tyredrop { font-size:0.7em; width:105px; margin:50px 0 0 20px; }

.tyreinput { width:145px; background-color:#FFF; padding:1px; margin:27px 0 0 20px; border:1px solid #8f897c; color:#666; font-size:0.7em; }

.tyresubmit { width:145px; color:#fff; font-weight:bold; margin:0 0 0 20px; padding:1px; background-color:#636; font-size:0.7em; cursor:pointer; border:1px #fff solid; }

/*small form*/
.formsmall { margin:0 0 15px 0; background:url(images/enquiry-bg.gif) no-repeat left; width:380px; height:98px; }

.forminput { width:165px; background-color:#FFF; padding:1px; margin:43px 0 0 15px; border:1px solid #8f897c; color:#666; font-size:0.7em; }

.smallsubmit { width:165px; color:#999; font-size:0.7em; margin:10px 0 0 205px; padding:1px; border:1px solid #8f897c; background-color:#FFF; }

/*mainform*/

.expose { width:700px; height:auto; overflow:hidden; padding:8px 0 20px 0; margin:0 auto 20px auto; background-image:url(images/contactbg.gif); background-repeat:no-repeat; font-size:0.7em; }

label { display:block; margin-top:8px; width:100%; background-repeat:no-repeat; }

.blue { color:#bace00; font-weight:bold; font-size:2em; }

.leftform { float:left; width:225px; height:auto; padding-left:80px; }

.rightform { float:right; width:320px; height:auto; }

input { background-color:#ccc; border:1px #000 solid; padding:2px; color:#404040; width:240px; }

textarea { background-color:#ccc; border:1px #000 solid; padding:2px; color:#404040; height:45px; width:240px; }

label { color:#fff; cursor:pointer; padding-left:2px; line-height:12px; }

/*Text inputs*/
.smalltext { font-size:0.7em; }

.margin { margin:10px 0 0 0; width:183px; }

.textinput, .textinputHovered { border:1px #FFF solid; }

.textinputHovered { border:1px #FFF solid; }

/*Button*/
.buttonSubmit { width:240px; height:20px; color:#000; font-weight:bold; margin:0 0 10px 0; padding:2px; background-color:#ccc; cursor:pointer; border:1px #fff solid; }

.buttonSubmitHovered { background-color:#000; }