html {margin:0; padding:0;}

body {
    margin:0;
    padding:0;
    font:normal 75% Arial, sans-serif;
    colour:#333;
    background:url(../img/body_bg.gif) 0 35px repeat-x;
}

a {
    outline:none;
}

#skip {
    position:absolute;
    margin-left:-999px;
}

#container {
    position:relative;
    width:960px;
    margin:-0 auto;
}

/**********
HEADER    *
**********/

#header {
height:86px;
}

#header h1 {
    display:none;
}

#logo {
position:absolute;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    width:324px;
}

#logo a img {
    border:none;
}

/**********
MENU      *
**********/

#menu {
    position:absolute;
    top:63px;
    left:334px;
}

#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}

#menu ul li {
    float:left;
    position:relative;

}

#menu ul li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0 8px 9px 8px;
    
}

#menu ul li a:hover {
    text-decoration:underline;
}

/***********
DROP DOWN  *
***********/

#menu ul li ul {
    display: none;
    padding: 0;
    position: absolute;
    top: 22px;
    z-index:1000;
    border-top:1px solid #fff;
}

#menu ul li:hover ul {
     display: block;
     width: 140px;
     background:#e40000;

}

#menu ul li ul li {
    float:none;
}

#menu ul li ul li a {
     border-bottom: 1px solid #FFFFFF;
     color: #fff;
     display: block;
     width: 130px;
     padding:7px 0 7px 10px;
}



/**************
SLIDESHOW     *
**************/

#slideshow {
min-height:287px;
overflow:visible;
margin-top:5px;
}

#slideshow .slide {position:relative; width:960px;}

#slideshow .slide .text {
    text-align:right;
    width:310px; 
}

#slideshow .slide .image {
   position:absolute;
width:630px;
height:346px;
text-align:center;
left:326px;
}

#slideshow .slide .text h2 {
    color:#e40000;
    font-size:40px;
    margin:10px 0 0 0;
    width:310px;
}

#slideshow .slide .text h3 {
    margin:0;
    font-size:20px;
}

#slideshow .slide .text a {
    color:#eb4040;
    text-decoration:none;
}

#slideshow .slide .text a:hover {
    text-decoration:underline;
}



/***********
CONTENT    *
***********/

#content {
   min-height:220px;
   overflow:auto;
   margin-top:60px;
}

h2 {
    font-family:georgia;
    color:#473b63;
    font-size:25px;
    font-weight:normal;
}

#content a{
    color:#473b63;
    text-decoration:none;
}

#content a:hover {
    text-decoration:underline;
}


.links a {
    color:#333;
    text-decoration:none;
    display:block;
    padding:2px 0;
}

.links a:hover {
    text-decoration:underline;
}

/****************
BRANDS VIEW     *
****************/

#cat_view ul li a {
    color:#de000d;
    text-decoration:none;
}

#cat_view ul li a:hover {
    text-decoration:underline;
}


#brand_view {
    overflow:auto;
}

#brand_view ul {
    margin:0;
    padding:0;
    list-style:none;
}

#brand_view ul li {
    float:left;
    width:190px;
    padding:10px 0;
}
 
.product_img_small {
    width:200px;
}

.product_img_small img{
    height:100px;
}

#brand_view ul li p.title {
    font-weight:bold;
    color:#dd000a;
    margin:5px 0 3px 0;
}

#brand_view a {
    color:#dd000a;
    text-decoration:none;
}

#brand_view a:hover {
    text-decoration:underline;
}

/****************
PRODUCT VIEW    *
****************/

#product_view h2 {
    margin-top:30px;
}

#product_view .product_img {
    width:390px;
    height:260px;
}

#product_view .product_content {
     width:390px;
}

#product_view .view_col_right {
    float:right;
    margin-top:53px;
    width:507px;
}

#product_view .price {
    border:1px solid #ccc;
    background:#eee;
    color:#000;
    margin-right:27px;
    padding:10px;
    width:235px;
}

#product_view .questions{
    color:#000;
    margin-top:10px;
}

#product_view .questions span,
#product_view .questions a {
    color:#01207a;
}

.product_img img {
    height:230px;
    float:left;
    margin-right:40px;
    margin-bottom:20px;
}

#product_view .compare h4 {
    margin:8px 0 0 0;
}

#product_view .compare a {
    text-decoration:none;
    color:#de000d;
}

#product_view .compare a:hover {
    text-decoration:underline;
}

#product_view .back_link a,
.back_link {
    width:196px;
    display:block;
}

#product_view .back_link a,
.back_link a {
    color:#de000d;
    text-decoration:none;
}

#product_view .back_link a:hover,
.back_link a:hover {
    text-decoration:underline;
}

.media_share {
    margin-right:187px;
    margin-top:10px;
    float:right;
    width:320px;
}

/********************
PRICE COMPARISON   *
*******************/

.brand_compare {
    margin-top:80px;
}

.brand_compare h2 {
    font-family:georgia;
    color:#473b63;
    font-size:25px;
    font-weight:normal;
    margin:10px 0;
}

.brand_compare h3 {
    margin:0 0 5px 0;
}

.brand_compare h3 a {
    color:#473b63;
    text-decoration:none;
}

.brand_compare h3 a:hover {
    text-decoration:underline;
}

.brand_compare ul {
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}

.brand_compare ul li {
    padding:8px 0;
    border-bottom:1px solid #ccc;
}

.brand_compare ul li.dark {
    background:#eeeeee;
}

.brand_compare ul li a {
    color:#de000d;
    font-weight:bold;
    text-decoration:none;
}

.brand_compare ul li a:hover {
    text-decoration:underline;
}

.brand_compare ul li .title {
    display:block;
    float:left;
    width:300px;
}

.compare_price {
    margin-left:-60px;
}

/********************
BOTTOM IMAGE LINKS *
*******************/


#bottom_links ul{
    margin:0;
    padding:0;
    list-style:none;
}

#bottom_links ul li {
    float:left;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    
}

#bottom_links ul li .link_img img{
    display:block;
    
}

#bottom_links ul li.off_road {
    border-right:1px solid #000;
}

#bottom_links ul li .link {
    background:#e40000;
    height:35px;
    border-top:1px solid #000;
    width:238px;
}

#bottom_links ul li .link a {
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    display:block;
    padding-top:5px;
    font-size:20px;
    text-shadow:#b30202 2px 2px;
    background:#e40000;
    text-align:center;
}

/*********
LOGOS    *
*********/

#logos {
    text-align:center;
    padding-bottom:10px;
    margin-top:15px;
}

#logos ul {
    margin:0;
    padding:0;
    list-style:none;
}

#logos ul li {
    display:inline;
    padding:0 5px;
}

#logos ul li a img {
    border:none;
}

/*************
NEWS ITEMS   *
*************/

ul.news_items_list {
    margin:0;
    padding:0;
    list-style:none;
}

ul.news_items_list li {
    border-bottom:1px dotted #ccc;
    padding:15px 0 5px 0; 
}

ul.news_items_list li a {
    color:#473b63;
    text-decoration:none;
}

ul.news_items_list li a:hover {
    text-decoration:underline;
}

.news_img {
    float:left;
    margin-right:30px;
}

.news_img img {
    height:56px;
}

.news_image {
    float:left;
    margin-right:30px;
}

/*********
FOOTER   *
*********/

#footer_outer {
    background:#222222;
    height:68px;
}

#footer {
    position:relative;
    width:960px;
    margin:-0 auto;
    color:#fff;
}

#footer .footer_left {
    padding-top:25px;
    font-size:20px;
}

#footer .footer_right {
    float:right;
    text-align:right;
    padding-top:12px;
}

#footer .footer_right a {
    color:#ddd;
    text-decoration:none;
}

#footer .footer_right a:hover {
    text-decoration:underline;
}




