@import url('reset.css');
@import url('form.css');
@import url('slimbox2.css');
@import url('validation.css');

/* Common Elements ---------------------------------------------------------------------------------------------------------------------------- */
body {font:62.5%/1.8em Verdana,san-serif; background: #16327f; color: #dae3fe;}/* Add-in Font, background colour, colour */
h1 {font-size: 2em; color: #f8d800; padding: 0 0 20px 0; font-weight: normal;}
h2 {font-size: 1.6em; color: #f8d800; padding: 0 0 20px 0; font-weight: normal;}
h3 {}
p {font-size: 1.2em; line-height: 1.6em; padding: 0 0 20px 0;}
a {color: #f8d800; text-decoration: none;}
a:hover {color: #f8d800; text-decoration: underline;}

/* Container Elements ------------------------------------------------------------------------------------------------------------------------- */
#container {width: 960px; margin:0 auto;}
#header {width: 960px; height:172px; background: url(../images/core/header-bg.jpg) top center no-repeat; padding: 42px 0 0 0;}
#banner {width: 770px; height:240px; overflow: hidden; float: left;}
#content {clear:both;}
#primary {width:770px; float: left; display: block;}
	#primary_content {width: 490px; padding: 20px 30px 30px 30px; float: left;}
#secondary {width:180px; background:url(/images/backgrounds/secondary.png) no-repeat; float: right;}
	#cta {width: 136px; height: 650px; background: url(../images/core/cta-bg.jpg) top center no-repeat; padding: 0 22px 0 22px;}
#footer {height:80px; padding-top:15px; color:#525252;}

/* Header Elements ---------------------------------------------------------------------------------------------------------------------------- */
#nav {width:940px; height: 40px; overflow: hidden; padding: 33px 0 0 0;}
#nav li {float:left;} 
  
  #nav li a {display:block; text-indent:-9999em; background:url(../images/core/nav-home.jpg) no-repeat 0 0; text-decoration:none; width:100px; height:40px;}
    #nav li#nav-profile a {background-image:url(../images/core/nav-profile.jpg); width:100px;}
    #nav li#nav-tyres a {background-image:url(../images/core/nav-tyres.jpg); width:85px;}
    #nav li#nav-products a {background-image:url(../images/core/nav-products.jpg); width:114px;}
    #nav li#nav-mechanical a {background-image:url(../images/core/nav-mechanical.jpg); width:134px;}
    #nav li#nav-services a {background-image:url(../images/core/nav-services.jpg); width:113px;}
    #nav li#nav-contact a {background-image:url(../images/core/nav-contact.jpg); width:105px;}
    
    body#home-page #nav li#nav-home a,
    body#profile-page #nav li#nav-profile a,
    body#tyres-page #nav li#nav-tyres a,
    body#products-page #nav li#nav-products a,
    body#mechanical-page #nav li#nav-mechanical a,
    body#services-page #nav li#nav-services a,
    body#contact-page #nav li#nav-contact a,
    /* Add additional page active states here ------------------------ */
    #nav li a:hover {background-position:0 -40px;}
	

    
/* Content Elements  --------------------------------------------------------------------------------------------------------------------------- */

#logo {width: 449px; height: 72px; display: block;}


  /* Primary Elements ------------------------------------------------- */
   
   /*Products Page ----*/
   ul#brands {float: left;}
   	ul#brands li { padding: 15px;}
   ul#brands2 {float: left; padding: 0 0 0 80px;}
   	ul#brands2 li { padding: 15px;}
   
   /*Services Page ----*/
   .services_list {font-size: 1.2em; float: left; padding: 0 0 0 15px;}
   	.services_list li {width: 180px; padding: 0px 20px 15px 20px; background: url(../images/core/primary-bullet.jpg) 0 0 no-repeat;}
    
  /* Secondary Elements ----------------------------------------------- */
  #cta-book_your img {margin: 30px 0 0 0;}
  	#cta .cta_list {margin: 150px 0 0}
  	#cta .contact_details {padding: 10px 0 15px 15px; color: #000; font-size: 1.1em;}  

  /* Additional Page Elements ----------------------------------------- */
  

/* Footer Elements ----------------------------------------------------------------------------------------------------------------------------- */
#footer {padding:80px 0 0 0;}
#footer ul#sitemap li {display:inline;}
#footer p {font-size: 1em; color: #dae3fe; padding: 10px 0 0 0;}
#footer img {}
#footer a {padding: 0 3px 0 3px;}
#footer a:hover {}

#logo-webfirm {width: 67px; height: 21px; float: right; padding: 0 10px 0 10px;}

/* Enquiry Form Elements ------------------------------------------------------------------------------------------------------------------------ */

#enquiry_form {width: 220px; height: 400px; background: url(../images/core/form-bg-bottom.jpg) bottom center no-repeat #122373; float: left;}

form.form li {position:relative; background: url(../images/core/form-bg-input.jpg) no-repeat 0 0;  margin: 16px; }
form.form label {width: 180px; height: 29px; position:absolute; top:0; left:0; display:inline-block; color: #ededed; padding: 6px 0 0 6px ;font-size: 1em;}

input{width: 180px; height: 23px; color: #ccc; background: none #1c4193; border: none; padding: 6px 0 0 5px;font-size: 1em; }
textarea{width: 180px; height: 89px; color: #ccc; background: none #1c4193; border: none; padding: 7px 0 0 5px;font-size: 1em; resize:none; overflow:hidden;}

form.form li#textarea {background: none; margin: 16px; }
form.form li.button {background:none;}
form.form li.button label {display:none;}
form.form li.button input {width: 89px; height: 19px; background:url(../images/core/form-btn-submit.jpg) no-repeat; text-indent:-9999em; cursor:pointer; display: block;}