body {
background: #000 url(bg.gif) repeat-x top;
margin: 0;
} 

/*img {
behavior: url(pngbehavior.htc);
}*/

.top-border {
width: 778px;
line-height: 36px;
color: #FFF;
font: 11px/11px Arial, Helvetica, sans-serif;
}

.top-border a {
color: #FFF;
text-decoration: none;
}
.top-border a:hover {
color: #FFF;
text-decoration: underline;
}

.contents {
background: #FFF;
}
#home .contents {
background: #000;
}

.footer {
color: #FFF;
font: 11px/14px Arial, Helvetica, sans-serif;
text-align: center;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}

.left-border,
.rite-border {
width: 14px;
}

.leftcol {
/*background: url(bg-nav-tiles.png);*/
background: #B1B1B1 url(bg-nav.png) no-repeat top;
width: 158px;
}

.footer {
	background: url(bg-footer.png) no-repeat;
	color: #000;
	line-height: 28px;
}

#breadcrumb {
background: url(bg-mast.png);
margin-left: 1px;
padding-left: 23px;
}
#breadcrumb h1 {
color: #CC1108;
font: 20px/20px Arial, Helvetica, sans-serif;
margin: 0;
}
#breadcrumb p,
#breadcrumb a {
color: #333;
font: 10px/28px Arial, Helvetica, sans-serif;
margin: 0;
}
#breadcrumb a:hover {
color: #CC1108;
}

/*navigation menu*/

/* All <ul> tags in the menu including the first level */
.menulist {
margin: 0;
padding: 26px 0 0 0;
width: 158px;
list-style: none;
/*margin-right: 1px;*/
}

.menulist ul, .menulist ul ul {
margin: -1px;
padding: 0;
width: 158px;
list-style: none;
padding: 1px 1px 0 1px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
/* visibility: hidden;*/
display: none;
 position: absolute;
 top: 0;
 left: 160px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
text-align: left;
margin-bottom: 1px;
line-height: 25px;
position: relative;
}

.menulist li li {
background: none;
background-color: #383A40;
text-align: left; 
margin-bottom: 1px;
}

/* Links inside the menu */
.menulist li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #333;
text-decoration: none;
text-transform: uppercase;
display: block;
padding-left: 10px;
}
.menulist a.subnav {
padding-left: 10px;
color: #FFF;
}

/* IE fix because it doesn't support transparent borders */
* html .menulist a {
}

.menulist a.nocursor {
cursor: default;
}
/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
color: #FFF;
background: url(bg-navitem.png) repeat-x;
}
.menulist a.highlighted {
background: url(bg-navitem.png) repeat-x;
color: #FFF;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */

/* menu state */
#about #about,
#tyreswheels #tyreswheels,
#wholesale #wholesale,
#retail #retail,
#tyremgmt #tyremgmt,
#mfg #mfg,
#investor #investor,
#news #news,
#virtual #virtual,
#enquiries #enquiries {
background: url(bg-navitem.png) repeat-x;
color: #FFF;
}

/* masthead graphic, changes by page currently viewed */
#masthead {
background: url(spacer-mast.png) no-repeat;
width: 592px;
height: 25px;
background-color: #E6E5E5;
}
#home #masthead {
/*background: url(homepix.png) no-repeat;
width: 592px;
height: 238px;*/
display: none;
}

#content-area {
margin-left: 1px;
padding: 10px 23px 30px 23px;
}
#content-area p {
margin: 6px 0;
font: 11px/16px Arial, Helvetica, sans-serif;
color: #333;
}
#content-area td {
font: 11px/16px Arial, Helvetica, sans-serif;
color: #333;
}
.salute {
	font: bold 12px Arial, Helvetica, "sans-serif bold";
	text-transform: uppercase;
	color: #CC1108;
}
.name,
.table-1 th,
.table-2 th {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CC1108;
	text-align: left;
}
.title {
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.hr {
background: url(bg-hr.png) no-repeat center;
height: 1px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
#product-table {
background-color: #CCC;
}
#product-table td {
background-color: #FFF;
height: 70px;
}

#subnav {
background-color: #AB0504;
color: #FFF;
font: 11px/23px Arial, Helvetica, sans-serif;
margin-left: 1px;
padding-left: 23px;
}
#subnav a {
color: #FFF;
}

.product-img {
float: left;
margin-right: 17px;
}

#content-area ul {
margin: 0;
padding: 0;
}
#content-area li {
list-style: none;
background: url(bullet-grey.gif) no-repeat left;
font: 11px/16px Arial, Helvetica, sans-serif;
list-style: none;
padding-left: 15px;
}

/* tabs */
#tablist,
#tablist-add {
padding: 0;
margin: 0;
}
#content-area #tablist li {
list-style: none;
display: inline;
background: none;
margin: 0;
padding-left: 0;
}
#tablist li a,
#tablist li a:link, 
#tablist li a:visited {
padding: 3px 0.5em;
border-bottom: none;
background: #999;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
width: 130px;
text-decoration: none;
}
#tablist li a:hover {
color: #FFF;
}
#tablist li a.current,
#tablist li a.current:link, 
#tablist li a.current:visited {
background-color: #CC0000;
}
#tabcontentcontainer {
width: 100%;
/* Insert Optional Height definition here to give all the content a unified height 
border: 1px solid #CC0000;*/
font: 11px/16px Arial, Helvetica, sans-serif;
}
.tabcontent {
display:none;
padding: 10px 20px;
}
.tabcontent ul {
margin: 0;
padding: 0;
list-style: none;
}
#content-area .tabcontent ul li {
background: url(bullet.gif) no-repeat 0 5px;
padding-left: 15px;
margin-bottom: 10px;
color: #FFF;
}

#tablist-ws {
display: none;
}
#tabcontentcontainer-ws,
#tabcontentcontainer-add {
width: 100%;
/* Insert Optional Height definition here to give all the content a unified height */
}
.tabcontent-ws,
.tabcontent-add {
display:none;
padding: 0;
}

#specs-table {
font: 11px/16px Arial, Helvetica, sans-serif;
color: #333;
background-color: #F1F1F1;
}
#specs-table .table-header {
background-color: #FFF;
}

#notes {
font: 11px/16px Arial, Helvetica, sans-serif;
color: #333;
}

#content-area h2 {
font: italic 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-transform: uppercase;
margin: 0;
line-height: 33px;
}
#content-area a,
#content-area a:visited,
#content-area a:link {
color: #C00;
}
#content-area a:hover {
color: #909090;
}


/*Example CSS for demo ticker*/

#ajaxticker1 {
width: 100%;
height: 70px;
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #000;
}
#ticker strong {
color: #C00;
}
#ticker p {
color: #FFF;
margin: 0;
}
#ticker img {
float: left;
margin-right: 10px;
}

.table-1,
.table-2 {
margin-bottom: 15px;
font: 11px/16px Arial, Helvetica, sans-serif;
}

.table-1 th {
border-bottom: 3px solid #CB6363;
background: url(bullet-th.gif) no-repeat 7px;
text-indent: 24px;
line-height: 30px;
text-align: left;
}
.table-2 th {
background: url(bullet-th.gif) no-repeat 7px;
text-indent: 24px;
line-height: 30px;
text-align: left;
}
.table-1 .col1 {
background-color: #F7E7E7;
border-bottom: 1px solid #EBC2C2;
text-align: center;
width: 127px;
}
.table-1 .col2 {
border-bottom: 1px solid #EBC2C2;
padding: 6px 21px;
}

/* product details */
.brand {
	font: italic bold 16px Arial, Helvetica, sans-serif;
	color: #CC0000;
}
.product-pix-container {
width: 222px;
}
.table-features {
font: 10px Arial, Helvetica, sans-serif;
}
.table-features th {
border-bottom: 3px solid #BDBDBD;
text-align: center;
font: bold 10px Arial, Helvetica, sans-serif;
}
.table-features td.thead {
border-right: 3px solid #BDBDBD;
text-align: center;
font: bold 10px Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
#content-area .table-features td {
padding: 2px 5px;
font: 10px Arial, Helvetica, sans-serif;
}
.table-features td {
background-color: #E2E2E2;
text-align: center;
border: 1px solid #FFF;
}
.table-thumb {
background: #CCCCCC;
}
#content-area .table-thumb a,
#content-area .table-thumb a:visited,
#content-area .table-thumb a:link {
display: block;
color: #FFFFFF;
text-decoration: none;
width: 100%;
}
.table-thumb th {
	background: #CD150C url(view-details.gif) no-repeat right;
	color: #FFFFFF;
	font: bold 12px/17px Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	padding-right: 50px;
}
.table-thumb td {
background: #FFFFFF;
}
.table-address {
font: 11px/17px Arial, Helvetica, sans-serif;
}
.table-address th {
font-weight: bold;
border-bottom: none;
background: none;
text-indent: 0;
line-height: 24px;
text-align: left;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: none;
color: #333333;
}
.table-address td {
background-color: #ECECEC;
}

.somediv{
	width: 100%;
	clear: left;
	border: none;
	margin-bottom: 10px;
}

.somediv .floatbox{
float: left;
width: 201px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 156px;
}
#jump {
float: right;
}

#search {
margin: 50px 15px 0;
text-align: right;
}
#search .inputbox {
width: 121px;
background: #d1d1d1;
border: 1px solid #999999;
}
#search .inputbutt {
background: url(butt-bg.gif) repeat-x;
border: 1px solid #999999;
text-transform: uppercase;
font: 9px Arial, Helvetica, sans-serif;
padding: 2px 3px;
}