/* CSS Document */

html, body{
margin:15px 0px 15px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#fff;
background:#000 url(../images/background.jpg) repeat;
}

#main-container{
margin:0px auto;
padding:0px;
width:995px;
}

.header
{
margin:0px ;
padding:0px;
background:url(../images/header_img.jpg) left top no-repeat;
border-left:1px solid #000;
border-right:1px solid #000;
border-top:1px solid #000;
width:995px;
text-decoration:none;
}

.center-repeate
{
margin:0px;
padding:0px;
background:#4D4D46 url(../images/center-repeate.gif) left top repeat-x;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
.bottom-left
{
margin:0px;
padding:0px;
background:url(../images/bottom-left.gif) left top no-repeat;
width:13px;
height:58px;
}
.bottom-right
{
margin:0px;
padding:0px;
background: url(../images/bottom-right.gif) left top no-repeat;
width:13px;
height:58px;
}
.bottom-center
{
margin:0px;
padding:0px;
background: url(../images/bottom-center.gif) left top repeat-x;
height:58px;
}

.footer-links
{
margin:0px;
padding:10px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}
.footer-links a
{
color:#fff;
text-decoration:none;
}

.footer-links a:hover
{
color:#FF7F00;
}

/*----------------------------------toptab_menu-----------------------------------*/



ul#navlist, ul#navlist li{
        list-style-type:none;margin:0;padding:0;
		
        }
ul#navlist{
margin:19px 0px 0px 10px;
padding:0px;
        }
ul#navlist li{
padding:0px;
        float:left;
        text-align: center;
		padding-left:2px;
        }
ul#navlist a span{
text-decoration:none;
padding:15px;
padding-top:10px;
padding-bottom:5px;
background:url(../images/top_link1.gif) no-repeat top right;
}		

ul#navlist a{
float:left;     
		text-decoration:none;
        color:#ffffff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:10px;
padding-bottom:2px;
background:url(../images/top_link.gif) top left no-repeat;

}
ul#navlist a:hover{
color:#D11A00;
background:url(../images/top_link2.gif) top left no-repeat;
}

ul#navlist a:hover span{
color:#D11A00;
background:transparent url(../images/top_link3.gif) no-repeat top right;
}

ul#navlist .active a span{
color:#D11A00;
background:transparent url(../images/top_link3.gif) no-repeat top right;
}

ul#navlist .active a{
color:#D11A00;
background:url(../images/top_link2.gif) top left no-repeat;

}

/*--------------------------------end_menu----------------------------------*/
/*-------------------------------------top menu----------------------------------------*/

ul#navlist, ul#navlist2 li{
        list-style-type:none;margin:0;padding:0;

        }
ul#navlist2{
margin-left:0px;
margin-top:0px;


        }
ul#navlist2 li{
	float:left;
	text-align:center;
  	padding-left:18px;
  	padding-right:18px;
 }
		
ul#navlist2 li.last	
{
background:url(../images/link-line.gif) right top no-repeat;

}
	
	
ul#navlist2 a{
   float:left;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
        color:#fff;
		font-size:14px;
		text-align:center;
		padding-top:22px;
		font-weight:bold;
        }
		
ul#navlist2 a:hover{
color:#363634;
}

ul#navlist2 .active a{
color:#fff;
}

/*-------------------------------------end menu----------------------------------------*/

.black-bg
{
margin:0px;
padding:8px;
background:#000000;
}

.form
{
margin:0px;
padding:3px;
width:395px;
border:1px solid #282828;
}

.form1
{
margin:0px;
padding:0px;
width:135px;
height:24px;
}

.bk-bg
{
margin:0px;
padding:1px 12px 12px 12px ;
background:#000000;
border:1px solid #6D6D68;
}
.space
{
margin:0px;
padding:0px 1px 0px 2px;
}
.space1
{
margin:0px;
padding:0px 2px 0px 0px;
}
.vertical-dash
{
margin:0px;
padding:8px;
background:url(../images/dash-line.gif) left top no-repeat;
height:271px;
background-position:right;
}
.vertical1-dash
{
margin:0px;
padding:8px 8px 8px 0px;
background:url(../images/dash-line.gif) left top no-repeat;
height:271px;
background-position:right;
}

.h-dash
{
margin:0px;
padding:12px 0px 10px 0px;
background: url(../images/dash-line2.gif) left top no-repeat;
width:295px;
background-position: center;

}

.text-para
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFCCBB;
font-weight:normal;
}

.readmore
{
margin:0px;
padding:15px 0px 0px 10px;
font-family:verdana;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
background:url(../images/arrow-orenge.gif) left 20px no-repeat;
}
.readmore a
{
color:#fff;
text-decoration:none;
}
.readmore a:hover
{
color:#F8F500;
}

.vertical-line
{
margin:0px;
padding:0px;
background:url(file:///E|/bigo/images/dash-line.gif) left top no-repeat;
}
.horizontal-line
{
margin:0px;
padding:0px;
background: url(../images/dash-line2.gif) left top no-repeat;
}

/*-------------------------------------listing-page ----------------------------------------*/

.top-left
{
margin:0px;
padding:0px;
background:url(../images/top-left.gif) left top no-repeat;
width:8px;
height:35px;
}
.top-right
{
margin:0px;
padding:0px;
background: url(../images/top-right.gif) left top no-repeat;
width:8px;
height:35px;
}
.top-center
{
margin:0px;
padding:0px;
background: url(../images/top-center.gif) left top repeat-x;
}
.home
{
margin:0px;
padding:0px 0px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
}
.home a
{
margin:0px;
padding:0px 4px 0px 4px;
text-decoration:none;
color:#fff;
}

.home a:hover
{
text-decoration:none;
color:#000000;
}


.vertical-long
{
margin:0px;
padding:0px;
background:#000;
border:1px solid #000;

}


.links
{
margin:0px;
padding:10px 10px 0px 0px;
font-family:verdana;
font-size:12px;
text-align: right;
color:#fff;
font-weight:bold;
text-decoration: none;
}
.links a
{
margin:0px;
padding:0px 3px 0px 3px;
color:#B4B4B4;
text-decoration: underline;
}

.links a:hover
{
text-decoration: none;
color:#FF7F00;
}

.box
{
margin:0px;
padding:0px;
background:#000;
border:1px solid #6D6D68;
}
.box a
{
margin:0px;
padding:0px;
color:#FFFFFF;
text-decoration:none;
}

.inner-box
{
margin:0px;
padding:13px 0px 10px 0px;
background:#000;
border:1px solid #6D6D68;
}

.inner-box1
{
margin:0px;
padding:4px;
background:#000;
border:1px solid #6D6D68;
}


.audio
{
margin:0px;
padding:6px 0px 6px 10px;
font-family:verdana;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
background:#FF7F00;
text-decoration:none;
}

.audio1
{
margin:0px;
padding:6px 0px 6px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
background:#FF7F00;
text-decoration:none;
}



.audio-bk
{
margin:0px;
padding:10px 10px 20px 10px;
background:#000000;
}
.audio-bk1
{
margin:0px;
padding:10px 10px 110px 10px;
background:#000000;
}

.lorem
{
margin:0px;
padding:0px 0px 0px 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.lorem-text
{
margin:0px;
padding:0px ;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight: normal;
}

.xss
{
margin:0px;
padding:0px 0px 0px 10px;
font-family:verdana;
font-size:12px;
color:#FF0000;
font-weight:bold;
}
/*-------------------------------------listing-page end----------------------------------------*/

.audi
{
margin:0px;
padding:10px 0px 10px 20px;
font-family:verdana;
font-size:13px;
font-weight:bold;
color:#000000;
}
.audi1
{
margin:0px;
padding:0px;
font-family:verdana;
font-size:27px;
font-weight:bold;
color:#fff;
}
.audi-white
{
margin:0px;
padding:0px 0px 50px 0px;
font-family:verdana;
font-size:12px;
line-height:20px;
color:#fff;
}
.audi-white1
{
margin:0px;
padding:0px;
font-family:verdana;
font-size:12px;
font-weight:bold;
color:#fff;
}

.box1
{
margin:0px;
padding:3px;
background:#FFFFFF;
width:119px;
}

.box1-text
{
margin:0px;
padding:0px 29px 0px 0px;
font-family:verdana;
font-weight:bold;
text-align:right;
font-size:12px;
color:#fff;
}

.box5-text
{
margin:0px;
padding:11px 0px 0px 17px;
font-family:verdana;
font-weight:bold;
font-size:12px;
color:#fff;
}


.box2
{
margin:10px 0px 0px 0px;
padding:0px;
background:#FFFFFF;
width:678px;
height:63px;
vertical-align:middle;
}
.box2-text
{
margin:0px;
padding:10px 0px 0px 0px;
font-family:verdana;
font-size:12px;
color:#fff;

}
.button
{
margin:20px 0px 0px 10px;
padding:0px;
vertical-align:middle;

}


h1{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
}


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background: url(../images/left-tab.png) left top no-repeat;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background: url(../images/right.png) no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}



.red-buttton 
{
margin:0px;
padding:10px 0px 0px 0px;
background:url(../images/dollar-button.jpg) 3px 3px no-repeat;
width:112px;
height:45px;
display:block;
}
.red-text 
{
margin:0px;
padding:0px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
text-decoration:none;
}


.logo-link{
margin:0px;
padding:5px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
color:#fff;
}

.logo-link a{
text-decoration:none;
color:#fff;
}

.logo-link a:hover{
text-decoration:none;
color:#FF7F00;
}

.welcome{
margin:0px;
padding:0px 0px 10px 10px;
font-size:17px;
font-weight:bold;
text-decoration:none;
color:#fff;
}


/*star slider pannel*/
#mygallery{
margin-left:40px;
margin-right:30px;

}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:95%; /*Width of Carousel Viewer itself*/
height:70px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 121px;
height:70px;
}

.stepcarousel.panel{
float: left; /*leave this value alone*/
overflow:hidden;/*clip content that go outside dimensions of holding panel DIV*/
width: 121px;
height:70px;
}




/*start tyre expert indexpage*/

.search-box1{
margin:0px;
padding:0px;
background:url(../images/searchbox1.jpg) left top no-repeat;
width:7px;
height:64px;
}


.search-box2{
margin:0px;
padding:0px;
background:url(../images/searchbox2.jpg) left top repeat-x;
}

.search-box3{
margin:0px;
padding:0px;
background:url(../images/searchbox3.jpg) left top no-repeat;
width:7px;
height:64px;
}

.zoom-box{
margin:0px;
padding:9px 2px 7px 25px;
border:0px;
background:url(../images/zoombox.jpg) left top no-repeat;
width:286px;
}

/* start tabs pannel*/

ul#topnav, ul#topnav li{
margin:0px;
padding:0px;
list-style-type:none;
}

ul#topnav, ul#topnav li{
margin:0px 0px 0px 22px;
padding:0px;
}

ul#topnav li{
float:left;
margin:0px;
padding:0px;
text-align:center;
}

ul#topnav a span{
float:left;
margin:0px;
padding:7px 15px 7px 15px;
background: url(../images/tab_btn1.gif) right top no-repeat;
}

ul#topnav a {
float:left;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#fff;
background: url(../images/tab_btn.gif) left top no-repeat;
}

ul#topnav a:hover{
color:#fff;
background: url(../images/tab_btn2.gif) left top no-repeat;
}

ul#topnav a:hover span{
color:#fff;
background: url(../images/tab_btn3.gif) right top no-repeat;
}


ul#topnav .active a span{
color:#fff;
background: url(../images/tab_btn3.gif) right top no-repeat;
}

ul#topnav .active a {
color:#fff;
background: url(../images/tab_btn2.gif) left top no-repeat;
}

.line-bar {
margin:0px;
padding:0px;
background: url(../images/line.gif) left top no-repeat;
height:9px;
}

.shadowbg {
margin:0px;
padding:0px;
background: url(../images/shadow.gif) left top repeat-x;
height:25px;
}

.img-gap {
margin:0px 0px 0px 15px;
padding:0px;
border:0px;
width:121px;
height:70px;
}


.bottom-line{
margin:0px;
padding:0px;
background:url(../images/bottom-line.gif) left top repeat-x;
height:2px;
}

/* ---Paging---- */

.pagination{
font-weight:bold;
margin: 1em 0;
clear: both;
padding-right:40px;
}

.pagination ul{

margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li{ /*IE7 only CSS hack*/
margin-right: 4px;
 /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited{
padding: 4px;
border: 1px solid #ffffff;
text-decoration: none; 
color: #ffffff; 
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000000;
color: #ffffff;
background-color:#000000
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #ffffff;
color: #FF0000 !important;
border-color: #976600;
font-weight: bold;
cursor: default;



}



.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}

/* -- end paging */

.norecord{
padding:10px;
font-size:14px;
background-color:#000000;
text-align:center;
}
.btn{
margin:0px;
padding:0px;
background:url(../images/btn.jpg) center top no-repeat;
height:33px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
text-align:center;
color:#fff;
}
.message{
margin:0px;
padding:0px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FF0000;
text-align:center;
}
.image1{
margin:2px;
width:85px;
height:64px;
border-color:#CC9900;
}
.image1:hover {
border-color:#FFFFFF;

}
.enquiry
{
margin:0px;
padding:10px 0px 0px 10px;
font-family:verdana;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}
.enquiry-note
{
margin:0px;
padding:0px 0px 5px 10px;
font-family:verdana;
font-size:13px;
color:#FFFFFF;
}
.enquiry-txt
{
margin:0px;
padding:5px;
font-family:verdana;
font-size:13px;
color:#FFFFFF;
text-align:left;
}
.form2{
margin:0px;
padding:10px 0px 10px 10px;
font-family:verdana;
font-size:13px;
border-bottom:1px solid #A62625;
text-decoration:none;
}
.lorem1
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}