/* ========================== GLOBAL STYLES ============================ */

/*	
	TOC -------------------- <
	HTML Tags
	Layout
	Navigation
	Tabular
	Miscellaneous
	Special Elements ------- <
/*

/* HTML Tags
------------------------------------------------------------------------ */

body {
	margin:0;
	background:#0a0c0e url(../interface/bg.jpg) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eee;
}

h1 {font-size:18px;font-weight:bold;margin:0 0 10px 0;}
h2 {font-size:15px;font-weight:bold;margin:0 0 7px 0;}
	h2 span {display:none}
h3 {font-size:16px;font-weight:bold;margin:0 0 7px 0;color:#fff;font-style:italic}

a {text-decoration:none;}
a:hover {}
a img {border:none}

form {margin:0;}


/* Layout
------------------------------------------------------------------------ */
#masthead {height:123px;text-align:center;}

#container {width:772px;margin:0 auto;}

#navContainer {height:37px;background:#b0b4b6 url(../interface/home/nav_bg.gif) 0 center no-repeat;position:relative;}

#headerPic {height:118px;background-repeat:no-repeat;background-position:0 0;}
#pageHeader {height:40px;background-color:#000;background-repeat:no-repeat;background-position:0 0;display:block;margin-bottom:0;}

#main {background:#55595c url(../interface/main_bg.jpg) 0 0 repeat-x;}
	#main .content {padding:10px 100px 10px 40px;}

#footer {height:21px;background:#8e9091;color:#fff;font-size:11px;line-height:21px;color:#000;border-top:5px solid #ed1b23;}
	#footer a {color:#ccc;}
	#footer .copyright {float:left;margin-left:10px}
	#footer .links {float:right;margin-right:10px;}
		#footer .links  a {margin-left:25px;}



/* Navigation
------------------------------------------------------------------------ */
.nav {list-style:none;margin:5px 0 0 0;padding:0;height:31px;float:left;}
	.nav li {float:left;position:relative;}
		.nav li a {display:block;height:26px;background-color:#e2e2e2;background-repeat:no-repeat;background-position:0 center;width:187px;margin-right:7px;}
		.nav li a span {display:none;}
		.nav li.home a {background-image:url(../interface/nav_home.gif)}
		.nav li.tyrerange a {background-image:url(../interface/nav_tyrerange.gif)}
		.nav li.manufacturing a {background-image:url(../interface/nav_manufacturing.gif)}
		.nav li.contact a {background-image:url(../interface/nav_contact.gif);margin-right:0;width:189px;background-repeat:repeat-x;}
		
		.nav li.home a:hover {background-image:url(../interface/nav_home_over.gif)}
		.nav li.tyrerange a:hover {background-image:url(../interface/nav_tyrerange_over.gif)}
		.nav li.manufacturing a:hover {background-image:url(../interface/nav_manufacturing_over.gif)}
		.nav li.contact a:hover {background-image:url(../interface/nav_contact_over.gif)}
		
	.nav li ul {display:none;}
	
/* For Drop Down Menu */
.nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 26px;
	left: -40px;
	width:187px;
	list-style:none;
	float:left;
}

.nav li ul li {border-right:none;width:100%;height:26px;line-height:26px;}
.nav li ul li a {background:#f1f1f1;font-weight:normal;background-image:none;color:#56626e;border-top:1px solid #bbb;padding-left:15px;width:172px;}
.nav li ul li a:hover {background:#2d2d2d;font-weight:normal;background-image:none;color:#f5f5f5;}
.nav li ul li a.nobg, .nav li ul li a.nobg:hover {background-image:none;}



.nav li:hover ul, #navContainer li.over ul { /* lists nested under hovered list items */
	display: block;
}



/* Tabular
------------------------------------------------------------------------ */
.stdForm th {font-weight:normal;text-align:left;padding:6px 20px 6px 0;}
    .stdForm th.required {background:transparent url(../interface/icon_requiredfield.gif) 95% center no-repeat;}
.stdForm td {padding:6px 0;}
.stdForm td.field input, .stdForm td.field select, .stdForm td.field textarea {width:300px;}
.stdForm td.fieldWide input, .stdForm td.fieldWide select, .stdForm td.fieldWide textarea {width:350px;}
.stdForm td.fieldNarrow input, .stdForm td.fieldNarrow select, .stdForm td.fieldNarrow textarea {width:70px;}
.stdForm td.value {font-weight:bold;color:#555;}
.stdForm td.descriptor {padding-top:0;font-size:11px;color:#888;padding-bottom:14px;}
.stdForm td.divider {padding:0;}
.stdForm .chkListHorizontal label {margin-right:14px;}
.stdForm h3 {font-size:14px;font-weight:bold;display:block;background-color:#00ab1e;padding:3px 5px;color:#fff;margin-top:30px;}
.stdForm .noPad {padding:0;}

table.regaltyredata {border-collapse: collapse}
table.regaltyredata a{color:#000;text-align:left;}    
table.regaltyredata a:hover{color:Red;text-align:left;}    
table.regaltyredata th {background: #df0024;color: #fff;font-size: 12px;font-weight: bold;text-align: center;padding: 3px 0;}
table.regaltyredata td {background:#7a7c7d;font-size: 12px;text-align: center;border-bottom: 1px solid #55595c;border-top: 1px solid #55595c;padding: 2px 0;}
table.regaltyredata .pattern {}



/* Miscellaneous
------------------------------------------------------------------------ */
.manufacturingHeaderPic {background-image:url(../interface/manu_headerpics.jpg)}
.tyresHeaderPic {background-image:url(../interface/tyres_headerpics.jpg)}

.manufacturingHeader {background-image:url(../interface/header_manu.gif)}
.tyresPassengerHeader {background-image:url(../interface/header_tyres_passenger.gif)}
.tyresLighttruckHeader {background-image:url(../interface/header_tyres_lighttruck.gif)}
.tyresTruckHeader {background-image:url(../interface/header_tyres_truck.gif)}
.contactHeader {background-image:url(../interface/header_contact.gif);border-top:5px solid #000;}

#manuBottom {border-top:5px solid #000;border-bottom:5px solid #000;height:97px;width:100%;background:#55595c url(../interface/manu_bottom_bg.jpg) 0 0 repeat-y;}
    #manuBottom .logos {width:335px;height:97px;float:left;margin-left:25px;}
    #manuBottom .text {float:left;padding-right:20px;margin-left:20px;width:300px;height:74px;margin-top:17px;}


/* Special Elements
------------------------------------------------------------------------ */
.contactDetails {margin:0px 0 20px 0;padding:0;border:1px solid #7a7c7d;}
    .contactDetails th {background-color:#7a7c7d;border-bottom:1px solid #7a7c7d;padding:4px;text-align:left;}
    .contactDetails td {padding:5px 4px;}