﻿/* Clearfix */
  
  .clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

  .clearfix {display: inline-block;}

  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}
  /* End hide from IE-mac */


/* Zero defaults */

  body, form, div, p, h1, h2, h3, h4, h5, h6, hl, dl, dd, dt, ul, ol, li, table, th, td, img, a, fieldset { 
	margin: 0px; padding: 0px; border: 0px; font-size: 100%; 
  }
  input, select, textarea { font-size: 100%; font-weight: normal; color:#000;}
  legend, caption { display:none;}
  ul li, ol li { list-style: none; list-style-type: none;}
  dl dt { font-weight: bold; }


/* Global */

  body { background:#ccc url(../images/bgg.gif) repeat-x 0 0 ;text-align:center; font-size:62.5%; font-family:"trebuchet ms", arial, verdana, sans-serif; }
  
  .left {float:left;}
  .right {float:right;}
  .pad-right {padding-right:16px;}
  .pad-right-big {padding-right:32px;}
  body
{
text-align: -moz-center;
}

  #container { width:810px; background:#fff; text-align:left;margin:0 auto;}
  #header {height:150px;background:#FFFF00 url(../images/header-bg.jpg) repeat-x 0 0 ;width:810px;float:left;}
  #header #header-logo {height:90px;width:810px;margin-top:10px;float:left;}
  #header #header-logo #limg {width:400px;float:left;height:90px;}
  #header #header-logo #lnum{width:400px;height:90px;float:left;}
  #header #header-logo #limg img.logo {margin-left:30px;margin-top:5px;}
  #header #header-logo  #lnum img.logo-text {float:left;}
  #header #header-nav {height:28px;float:left;background:#333333;width:810px;v-align:top;border:1px solid #CCC;}
  #header #header-nav #nav{height:25px;float:right; width:400px;}
  #header #header-nav #nav ul li{ float:left; height:25px; width:82px;text-align:center;border-left:1px solid #999;}
  #header #header-nav #nav ul li a { display:block; margin-top:5px; font-size:14px; color:#FFF; text-decoration:none; font-weight:bold;}
  #header #header-nav #nav ul li:hover { border-bottom:3px solid #CC0000;}
  #header #header-nav #nav ul li.active { border-bottom:3px solid #CC0000;}

  
   #content { min-height:250px; background:#FFFF00; width:810px;margin-left:0px;}
  * html #content { height:250px;}
  
  /* Home Page */
	
  #content #banner {float:left;background:transparent url(../images/banner.jpg) no-repeat 0 0; width:810px; height:205px;}
    #content #banner1 {float:left;background:transparent url(../images/banner1.jpg) no-repeat 0 0; width:810px; height:176px;}

       #content #banner-price {float:left;background:transparent url(../images/banner2.jpg) no-repeat 0 0; width:810px; height:233px;}
              #content #banner-contact {float:left;background:transparent url(../images/banner-contact.jpg) no-repeat 0 0; width:810px; height:198px;}

       #content #banner55 {float:left;background:transparent url(../images/banner-home.jpg) no-repeat 0 0; width:810px; height:233px;}
       #content #banner555 {float:left;background:transparent url(../images/banner555.jpg) no-repeat 0 0; width:810px; height:233px;}
       #content #bannerp {float:left;background:transparent url(../images/bannerp.jpg) no-repeat 0 0; width:810px; height:233px;}



  #content #sub-banner {width:790px;padding:10px;float:left;background:#FFFF00;}
  #content #sub-banner #left {width:500px;float:left;font-size:14px;}
  #content #sub-banner #left p {width:450px; float:left;font-size:14px;margin-left:25px; Color:#000;}
  #content #sub-banner #left h2 {width:600px;float:left;font-size:20px;margin-left:20px;color:#CC0000;padding:5px; }
  #content #sub-banner #left h3 {width:600px;float:left;font-size:16px;margin-left:20px;color:#CC0000;padding:5px; }
  #content #sub-banner #left h4 {width:600px;float:left;font-size:16px;margin-left:20px;color:#666;padding:5px; }


  #content #sub-banner #left p a {font-size:16px;Color:#CC0000;text-decoration:none;}
  #content #sub-banner #left #text {width:600px;float:left;margin-left:40px;}
  #content #sub-banner #left #text ul li {font-size:13px;color:#666;}
  #content #sub-banner #left #adds {width:560px;float:left;height:200px;margin-left:30px;}
  #content #sub-banner #left #adds ul li.f {width:270px;background:transparent url(../images/add1.jpg) no-repeat 0 0;float:left;height:181px;}
  #content #sub-banner #left #adds ul li.f p {width:230px;font-size:11px;margin-top:35px;margin-left:15px;}
  #content #sub-banner #left #adds ul li.f img{width:80px;height:29px;float:right;margin-top:40px;margin-right:10px;}
  
  #content #sub-banner #left #adds ul li.s {width:270px;background:transparent url(../images/add2.jpg) no-repeat 0 0;float:left;margin-left:20px;height:181px;}
  #content #sub-banner #left #adds ul li.s p {width:230px;font-size:11px;margin-top:35px;margin-left:15px;}
  #content #sub-banner #left #adds ul li.s img{width:80px;height:29px;float:right;margin-top:60px;margin-right:10px;}
  #content #sub-banner #left #serv ul li {width:600px;background:url(../images/serv.jpg) no-repeat 0 0;float:left;height:200px;}
  #content #sub-banner #left #serv ul li p {width:580px;font-size:14px;margin-top:10px;margin-left:10px;Color:#666}
  #content #sub-banner #left #serv ul li h2 {width:580px;font-size:18px;margin-top:10px;margin-left:10px;}
  #content #sub-banner #left #serv ul li p img{width:80px;height:29px;float:right;margin-top:10px;margin-right:10px;}


ul.services {
list-style-type:disc;display:block; width:auto; height:auto; float:left; 
margin-left:20px; padding:5px;}

ul.services li {}

li.nav_services:link, li.nav_services:visited {
display:block; padding:14px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(../images/bullet.png) no-repeat left; color:#000;}
li.nav_services_a {
padding:5px 0 0 14px;width:auto; text-align:left; background:url(../images/bullet.gif) no-repeat left; color: #000;}

li.nav_services:hover {
display:block; padding:14px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(../images/bullet_a.png) no-repeat left; color:#000000;}

  #content #sub-banner #right {width:240px; float:right;background:#fff;}
  #content #sub-banner #right ul li {width:240px;background:#FFF url(../images/li-img.jpg) repeat-x; height:60px;padding:2px;}
  #content #sub-banner #right ul li.w {width:240px;background:#fff; height:90px;}
  #content #sub-banner #right ul li h3{color:#fff;padding:5px;font-size:18px;}

  #content #sub-banner #right ul li a{color:#fff;margin-left:20px;font-size:12px;text-decoration:underline;}

  #content #sub-banner #right ul li a:hover{text-decoration:none;}

  #content #sub-banner #right ul li.w h3{color:#CC0000;padding:5px;font-size:18px;}

  #content #sub-banner #right ul li.w a{color:#4469FF;margin-left:5px;font-size:12px;text-decoration:underline;}
  #content #sub-banner #right ul li.w a.i{color:#4469FF;margin-left:5px;font-size:12px;text-decoration:none;}
  #content #sub-banner #right ul li.w a.h{margin-left:0px;font-size:16px;text-decoration:none;color:#CC0000;}


  #content #sub-banner #right ul li.w a:hover{text-decoration:none;}
  #content #sub-banner #right ul li.w img{width:226px;height:78px;}
  #content #sub-banner #right ul li.v {width:240px;background:#fff; height:148px;}
  #content #sub-banner #right ul li.v a img{width:240px; height:148px;}
  
  #content #sub-banner ul li img{width:192px; background:#fff;float:left;}
  
  
  
  
  #footer {width:810px;height:95px;background:transparent url(../images/tyre_logos1.jpg) no-repeat 0 0;float:left;}
  #footer1 {width:810px;height:30px;background:#333333;float:left;}

  #footer1 ul li {width:470px;font-size:11px;color:#fff;float:left;margin-top:5px;} 
    #footer1 ul li.r {width:250px;font-size:11px;color:#fff;float:right;margin-top:5px;}  
 
  #footer1 ul li p{color:#fff; margin-left:15px;font-size:11px;}
  #footer1 ul li p a { color:#fff; text-decoration:none;margin-left:6px;}
  #footer1 p a:hover { color:#CC0000;text-decoration:underline; }
  
  
  .textfield { width:200px; margin-bottom:6px; display:block; font-size:12px; border:1px solid #003366;margin-left:0px;}
  .textarea { width:424px; margin-bottom:6px; padding:3px; display:block; font-size:12px; border:1px solid #003366;}
  .button { margin-top:12px; padding:4px 30px; border:0; background:#ccc url(../images/f-img.jpg) repeat-x 0 100%; font-family:"trebuchet ms"; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer;}
  .label {margin-bottom:3px; display:block; font-size:12px; color:#003366;}
  .label1 {margin-bottom:3px; display:block; font-size:12px; color:#fff;}
  .button1 { margin-top:10px; padding:4px 5px; border:0; background:#F4DC78 url(../images/btn-yellow-send1.gif) repeat-x 0 100%; font-family:"trebuchet ms"; font-size:10px; color:#003366; font-weight:bold; cursor:pointer;}