#container
{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:1224px;
    text-align:left;
    /*border-left: solid 1.0px silver;
    border-right: solid 1.0px silver;
    border-bottom: solid 1.0px silver;*/
    position:relative;
    display:table;
    top:-5px;
    z-index:1;
}
#rightnav
{
clear:both;
position:absolute;
top:10px;
right:-168px;
voice-family:inherit;
width:160px;
z-index:99;
margin:0;
}
#mainbody
{
position:relative;
top:0;
left:165px;
width:890px;
float:left;
margin:0;
padding:0;
}
.productbox
{
width:480px;
}
.productboxn
{
width:425px;
}
.detailbox
{
width:710px;
}
.detailboxn
{
width:620px;
}
#headerbar
{
background-image:url(/images/background/new_header2.jpg);
position:absolute;
width:1261px;
height:150px;
top:-22px;
left:-11px;
z-index:3;
}
/*#headerbar
{
background-image:url(/images/background/new_header_christmas.jpg);
position:absolute;
width:1261px;
height:150px;
top:-22px;
left:-11px;
z-index:3;
}
*/
.currencybar
{
float:right;
position:absolute;
right:590px;
top:5px;
width:250px;
height:30px;
}
.currencybar span
{
color:#FFF;
float:left;
padding-right:6px;
}
.button:link,.button:active,.button:visited,.button:hover
{
display:block;
float:left;
width:82px;
height:26px;
font-family:Tahoma, arial, verdana, arial, verdana;
font-size:12px;
text-decoration:none;
text-align:center;
line-height:18px;
vertical-align:middle;
color:#f1f1f1;
}
#tab_box
{
float:left;
width:100%;
height:28px;
margin-left:12px;
position:relative;
z-index:20;
}
.nh_blank
{
width:100%;
text-align:left;
float:left;
height:11px;
background-image:url(/images/background/nh_blank.png);
background-repeat:no-repeat;
position:relative;
z-index:30;
}
.nh_box
{
width:100%;
text-align:left;
float:left;
height:73px;
background-repeat:no-repeat;
position:relative;
z-index:1000;
background-image:url(/images/background/nh_box.png);
}
.titlebox
{
margin-top:22px;
width:870px;
text-align:left;
margin-left:22px;
}
.why_fit_box,.choosebox
{
height:90px;
background-image:url(/images/background/why.jpg);
margin-top:9px;
background-repeat:no-repeat;
display:block;
float:left;
width:700px;
line-height:90px;
vertical-align:middle;
text-indent:90px;
}
#footer
{
clear:both;
width:100%;
height:30px;
color:#333;
background-color:#303030;
border-top:1px solid silver;
vertical-align:middle;
margin:0;
}
#frontbox
{
width:276px;
height:255px;
}
.frontnewrow
{
height:260px;
}
#linkbar1
{
float:right;
text-align:right;
vertical-align:bottom;
margin-right:50px;
}
#headerbarbox
{
background-image:url(/images/background/asphelt_bg.jpg);
width:100%;
height:160px;
float:left;
position:relative;
}
#fadeleft, #faderight{
    background-image:url(/images/background/fadeleft.png);
    width: 161px;
    height: 400px;
    float:left;
    position:absolute;
    top:0px;
    z-index: 2;
    background-repeat:repeat-y;
}
#fadeleft{
    left:0px;
}

#faderight{
    background-image:url(/images/background/faderight.png);
    right:0px;
    float:right;
}
#faderbottom{
    background-image:url(/images/background/tar_bottom_fade.png);
    background-repeat:repeat-x;
    width:100%;
    height: 161px;
    float:left;
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:3;
}
#logobar
{
width:630px;
height:147px;
background-image:url(/images/background/dcp_top_logo.png);
background-repeat:no-repeat;
float:left;
position:relative;
top:-30px;
left:-3px;
z-index:20;
}
#tyremarks
{
width:187px;
height:244px;
margin-left:500px;
float:left;
background-image:url(/images/background/marks.png);
background-repeat:no-repeat;
z-index:10;
position:absolute;
top:0;
}
#header_shadow
{
float:left;
width:100%;
height:26px;
padding-top:5px;
background-image:url(/images/background/header_shadow.jpg);
background-repeat:repeat-x;
}
#redbox,#bluebox
{
width:213px;
height:85px;
float:left;
background-image:url(/images/background/red_box_bg.jpg);
background-repeat:repeat-x;
border:solid 2.0px #FF0404;
margin-left:35px;
margin-top:15px;
position:relative;
z-index:2000;
}
#bluebox
{
background-image:url(/images/background/blue_box_bg.jpg);
border:solid 2px #000099;
z-index:2001;
}
.smalldescbox p
{
line-height:18px;
font-size:14px;
}
.headerboximg{
    padding-left:10px;
    padding-top:20px;
}
#buttonbarbox, .buttonbarbox{
    width:100%;
    float:left;
    position:absolute;
    top:145px;
    left:0px;
    display:block;
    z-index:50;
}

#newbuttonbar{
    width:100%;
    height:46px;
    background-image:url(/images/background/button_bar_bg.jpg);
    background-repeat:repeat-x;
    z-index:200;
    float:left;
}
#buttonbarshadowbtm{
    width:100%;
    height:46px;
    background-image:url(/images/background/button_bar_shadow_btm.png);
    background-repeat:repeat-x;
    float:left;
    clear:both;
}
.newmenuitem:hover, .newmenuitem:active, .newmenuitem:visited, .newmenuitem:link {
    font-family:Tahoma, arial, verdana, arial, verdana;
    font-size:17px;
    color:#FFFFFF;
    line-height:43px;
    vertical-align: middle;
    float:left;
    height:47px;
    padding-left:20px;
    padding-right:20px;
    text-decoration:none;
}
.menuitemspacer{
    width:2px;
    height:44px;
    margin-top:1px;
    background-image:url(/images/background/menuitemspacer.jpg);
    background-repeat:no-repeat;
    float:left;
}
#menudropdownouter{
    width:100%;
    display:block;
/*    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}
.menuiteminner{
    width:99%;
    border:solid 7px silver;
    float:left;
    z-index:100000;
    background-color:#FFFFFF;;
}
#menuparts{
    width:31%;
    padding:10px;
    border-left:solid 1.0px silver;
    height:100%;
    display:table-cell;
    border-collapse:collapse;
    margin-bottom:10px;

}
.bullet1 {
    list-style-image:url('/images/background/bullet_1.gif');
    margin-left:7px;
    padding-left:0em;
}
#menuitembox li{
    width:50%;
    float:left;
}
#accordion{
    z-index:100;
}
#menuholder{
    float:left; width:100%; position:absolute; top:44px; left:0px;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
headerbarbox{width:480px}
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
headerbarbox{width:320px}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}