body { -webkit-text-size-adjust: none; margin:0px; padding:0px; background-color:#fff; font-family: 'Exo 2', sans-serif; font-size:1em; color:#7e8a91 }

.wrapper { width:1000px; margin:0 auto; min-width:1000px; }

.cfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .cfix { zoom: 1; } /* IE6 */

*:first-child+html .cfix { zoom: 1; } /* IE7 */

#header { float:left; width:1000px; background-color:#FFFFFF; }

#header img { float:left; padding-top:40px; padding-left:0px; margin-right:10px; border:none; }
#header img a { text-decoration:none; border:none; }

#social { float:right; margin-bottom:-15px; margin-top:5px; }
#social img { margin:0px; padding:0px; }

#topnavi { width: 100%; margin-top:20px; padding:0px; list-style-type:none; text-align:center; }
#topnavi li { width: 117px; float: left;  position: relative; text-transform:lowercase; vertical-align: baseline; margin-top: 32px; margin-bottom:10px; padding: 0; border: 0; }
#topnavi li a { width: 100%; min-height: 1em; display:block; color:#7e8a91; font-size:14px;  font-weight:300; text-decoration:none; text-align:center; padding: 20px 0 20px 0;  border-top: 1px solid #caccce;  border-bottom: 1px solid #caccce; }


#topnavi img { visibility:hidden; margin:0px; padding-top:52px; margin-right:-20px; }

#topnavi li:hover a {  color:#32678d; }
#topnavi #active a{ color:#ea891c }

#main { float: left; width:1000px; background-color:#FFF; margin-bottom:20px; }

#slider { width:960px; float:left; margin-top:10px;  }
#slider img {  border-style:none; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px;}

h1 { font-size:26px;  }
h2 { font-size:20px; margin-bottom:20px; margin-top:20px;}
h6 {font-size:1.3em; color:#fff; text-align:center; padding:5px; margin-bottom:0px; margin-top:0px; }
em	{ font-style:normal;}


#pictures { padding-left:4px; margin-top:4px;}

#pictures img {border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px;}

#pic1 { width:  245px; height: 191px; float:left; margin-right:5px; margin-top:10px; margin-bottom:0px; }
#pic2 {width:  245px; height: 191px; margin-right:5px; float:left; margin-top:10px; margin-bottom:0px;}
#pic3 {width:  245px; height: 191px; float:left; margin-right:5px; margin-top:10px; margin-bottom:0px;}
#pic4 { width:  245px; height: 191px; float:left; margin-top:10px; margin-bottom:0px; }

#catalogue { float:right; margin-top:0px; height:30px; margin-bottom:0px; margin-right:180px;  padding:0px; }
#catalogue img {border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px; border-style:none;}
  
#leftcontent {float:left; width:750px; margin-top:20px; padding-left:10px; }
#leftcontent1 {float:left; width:750px; margin-top:20px; margin-bottom:20px; padding-left:10px; }
#leftcontent a { color:#fa9f1d }
#leftcontent a:hover{ color:#32678d }
#leftcontent img {float:left; margin:0; margin-top:20px; margin-bottom:20px; }
#rightcontent {float:right; width:200; margin-top:20px; padding-right:20px;}

#rightdetails { width:250px;float:right; padding-right:40px; margin-top:30px; }

#leftdetails { width:250px; float:left; padding-left:30px; margin-top:30px; margin-bottom:0px; }

#qrcode { padding-top:80px;}

#offer1 { z-index:100; }
#offer2 { z-index:50;  }

#catalogue_button a { width:242px; height:188px; margin-right:7px; margin-top:-15px; background-image: url('../gallery/catalogue_right_image_sprite.jpg');  float:right; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px;  }
#catalogue_button a:hover { background-image: url('../gallery/catalogue_right_image_sprite.jpg'); background-position:241px 0px; }

#lowercontact { float:left; padding-left:20px;}
#lowercontact p { margin:2px; font-size:1.1em;}


#leftcontact {float:left; width:700px; margin-top:20px; padding-left:10px; }
#rightcontact {float:right; width:250px; margin-top:20px; margin-right:-3px;}

#leftcontent_ac {float:left; width:700px; margin-top:20px; padding-left:10px; }
#rightcontent_ac {float:right; width:250px; margin-top:20px; margin-right:-3px;}
#rightcontent_ac img { width:245px; margin-top:8px;  border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px;}
#right1 { margin-top:-14px; }
#right1 a { text-decoration:none; border:none; }
#right1 img { width:245px;}
#right2 { margin-top:10px; margin-bottom:30px; width:245px; height:320px; background-image: url('../images/rightbg.jpg'); background-repeat:repeat-x; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px; }
#right3 { margin-top:8px; margin-bottom:10px; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px; }

#clear { clear:both; }

#actionicons { margin-top:10px; padding-left:2px }

.actionicons a { padding: 0 20px; margin-top:10px; margin-bottom:10px; }



#btn_startermotors a { width:  245px; height: 191px; float:left; margin-right:5px; background-image: url('../images/startermotor_sprite.png');} 

#btn_startermotors a:hover { background-image: url('../images/startermotor_sprite.png'); background-position:244px 0px; }

#btn_alternators a { width:  245px; height: 191px; margin-right:5px; float:left; background-image: url('../images/alternator_sprite.png'); }

#btn_alternators  a:hover { background-image: url('../images/alternator_sprite.png'); background-position:244px 0px;}

#btn_batteries a { width:  245px; height: 191px; float:left; margin-right:5px; background-image: url('../images/battery_sprite.png'); }

#btn_batteries a:hover { background-image: url('../images/battery_sprite.png'); background-position:244px 0px; }

#btn_aircon a { width:  245px; height: 191px; float:left; background-image: url('../images/aircon_sprite.png'); }

#btn_aircon a:hover { background-image: url('../images/aircon_sprite.png'); background-position:244px 0px; }

#numbers { margin-left:-8px;  }

iframe {
  margin-top: 0px;
  margin-bottom: 20px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; 
  border-radius: 12px; 
 }


#footer { width: 1000px; background-image: url(../images/footerbg.jpg); background-repeat: repeat-x; float:left; text-align: center; color: #FFFFFF; -moz-border-radius: 0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }
#footer img { float:left; padding-left:50px; padding-top:50px; padding-bottom:20px; padding-right:20px;  }
#footer a { color:#f5991c; }
#footerdetails {margin-top:35px; padding-left:250px;}
#footer p { margin:0px; color:#6d6e71; margin-top:5px; font-size:13.5px; text-align:left;  margin-bottom:10px;  }
#footerdetails1 {float:left; color:#6d6e71; font-size:11.5px; }
#footerdetails2 { float:left; padding-right:100px; color:#6d6e71; font-size:11.5px;  }

@media only screen and (max-width : 320px) {
#right2 { margin-top:10px; margin-bottom:50px; width:245px; height:500px; background-image: url('../images/rightbg.jpg'); background-repeat:repeat-x; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px; }
}