html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h5, h6, form, fieldset, a, div, img {
    margin:0;
    padding:0;
    border:0;
  }


body {
    /* needed to center content in ie */ text-align : center;
    background-color : #595959;
    background-image : url('graphics/page_background.png');
    background-position : top center;
    background-repeat : repeat-y;
    font-family : 'Verdana', sans-serif;
    font-size : 0.6em;
  }


table {
    font-size:1em;
  }


#main {
    /* centers div */margin : 0px auto;
    /* resets text align after centering content in ie */text-align : left;
    width : 778px;
  }


#title {
    background-image : url('graphics/title.jpg');
    background-repeat : no-repeat;
    height : 100px;
  }


#title h1, #title h2 {
    position:absolute;
    left:-999em;
  }


h3 {
    font-size : 1.2em;
  }


a {
    color:#595959;
  }


a:visited {
    color:#A5A5A5;
  }


#footer {
    background-color : #000000;
    color:#ffffff;
  }


#content {
    background-color: white;
  }


#content p, .middle h1, .middle h2 {
    padding:10px 10px 10px 10px;
  }


.middle h1, .middle h2 {
    color:gray;
  }


.middle h1 {
    font-size:1.8em;
  }


.middle h2 {
    font-size:1.5em;
  }


.on_left {
    float : left;
  }


.top_graphic {
    background-color:#088ad4;
    background-image : url('graphics/top_graphic_back.jpg');
    background-repeat : no-repeat;
    height : 50px;
    width : 778px;
    float:left;
    text-align:right;
  }


.offer {
    background-color : #04bf08;
    background-image : url('graphics/offer_back.jpg');
    background-position : top right;
    background-repeat : no-repeat;
    color : #ffffff;
    float : left;
    font-weight : bold;
    text-align : center;
    text-transform : capitalize;
    vertical-align : middle;
    width : 778px;
  }


.left {
    background-color : #7c7c7c;
    color : #ffffff;
    float : left;
    position : relative;
    width : 195px;
    background-image:url('graphics/logo_greyfade.png');
    background-position:right;
    background-repeat:repeat-y;
  }


.right {
    width : 195px;
    float:right;
  }


.shoes_ad {
background-color : white;
background-image : url('graphics/shoe_anim.gif');
height:100px;
}

.news {
    background-color : #7c7c7c;
    color : #ffffff;
    padding-bottom:20px;
    height:400px;
    overflow:scroll;
    width:195px;
    background-image:url('graphics/logo_greyfade.png');
    background-position:right;
    background-repeat:repeat-y;
  }


.news img, .newsarchive img {
    width:155px;
  }


.news a {
    color:#ffffff;
  }


.news ul, .newsarchive ul {
    padding-left:10px;
  }


.news span {
    padding-left:10px;
  }


.container_news {
    padding:10px;
  }


h3.news_subject {
    font-weight : bold;
    text-transform : uppercase;
    font-size : 1em;
  }


div.news_summary {
    padding-top:5px;
  }


div.news_date {
    font-size : 0.9em;
  }


.pro_tips {
    background-color : #c6c6c6;
  }


.middle {
    float : left;
    position : relative;
    width : 388px;
    background-color:white;
  }

/* ------------------------------------------------------------------ */
/* following is for the top naviagation */




#menu, #menu ul {
    background-color : black;
    float : left;
    list-style : none;
    width : 778px;
    z-index : 1;
    line-height : 1;
  }


#menu a {
    color : #ffffff;
    display : block;
    font-size : 1.1em;
    font-weight : bold;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    text-decoration : none;
    text-transform : uppercase;
    width:9em;
    /*width : 10em;
    *//*w\idth: 9em;
    /*box model hack for ie. allows top menu to fit on one line! */;
  }


#menu li {
    float: left;
    width: 10.5em;
  }


#menu li ul {
    position:absolute;
    width:10.5em;
    left: -999em;
  }


#menu li ul ul {
    margin: -2em 0 0 10em;
  }


#menu li:hover ul ul, #menu li.sfhover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul ul {
    left:-999em;
  }


#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li:hover ul, #menu li li li.sfhover ul {
    left:auto;
  }


#menu li:hover, #menu li.sfhover {
    background-image : url('graphics/menu.png');
    background-repeat : repeat-x;
  }

/* ------------------------------------------------------------------ */




div #skate, div #bmx, div #snow, div #bikes {
    height:100px;
  }


div #skate {
    background-image : url('graphics/skate.jpg');
    background-repeat : no-repeat;
  }


div #bmx {
    background-image : url('graphics/bmx.jpg');
    background-repeat : no-repeat;
  }


div #snow {
    background-image : url('graphics/snow.jpg');
    background-repeat : no-repeat;
  }


div #bikes {
    background-image : url('graphics/bikes.jpg');
    background-repeat : no-repeat;
  }


div #seperator {
    background-repeat : no-repeat;
    background-image : url('graphics/splash.jpg');
    height:100px;
  }


div #seperator p {
    padding-left:160px;
    color:#606060;
  }


div #seperator .bike_links {
    float:left;
  }


.cat_skate, .cat_bmx, .cat_snow, .cat_mtb {
    background-repeat : no-repeat;
    height:293px;
    width:388px;
    float:left;
  }


div .cat_skate {
    background-image: url('graphics/category_title-skate.jpg');
  }


div .cat_bmx {
    background-image: url('graphics/category_title-bmx.jpg');
  }


div .cat_snow {
    background-image: url('graphics/category_title-snow.jpg');
  }


div .cat_mtb {
    background-image: url('graphics/category_title-mtb.jpg');
  }


.cat_skate p, .cat_bmx p, .cat_snow p, .cat_mtb p {
    color:#606060;
    width:200px;
    margin-left:140px;
    margin-top:110px;
  }


.hover_div {
    display:block;
    height:100%;
    width:100%;
  }


div #come_to_shop {
    background-image : url('graphics/call_us.jpg');
    background-repeat : no-repeat;
    width:195px;
    height:200px;
  }


.top_bubble {
    width:195px;
    height:36px;
    background-image : url('graphics/protips_topbubble.gif');
    background-repeat : no-repeat;
  }


.middle_bubble {
    background-image : url('graphics/protips_middlebubble.gif');
    background-repeat : repeat-y;
    padding-left:15px;
  }


.bottom_bubble0 {
    width:195px;
    height:168px;
    background-image : url('graphics/protips_bottombubble.jpg');
    background-repeat : no-repeat;
  }


.bottom_bubble1 {
    width:195px;
    height:169px;
    background-image : url('graphics/protips_bottombubble2.jpg');
    background-repeat : no-repeat;
  }


.bottom_bubble2 {
    width:195px;
    height:167px;
    background-image : url('graphics/protips_bottombubble3.jpg');
    background-repeat : no-repeat;
  }


.bottom_bubble3 {
    width:195px;
    height:167px;
    background-image : url('graphics/protips_bottombubble4.jpg');
    background-repeat : no-repeat;
  }


.bottom_bubble4 {
    width:195px;
    height:167px;
    background-image : url('graphics/protips_bottombubble5.jpg');
    background-repeat : no-repeat;
  }


.title_text {
    width:100%;
    height:22px;
  }


.title_text h3, #title_stop h3 {
    position:absolute;
    left:-999em;
  }


#title_aboutus {
    background: url('graphics/title_about_us.gif') no-repeat 5px 5px;
  }


#title_news {
    background: url('graphics/title_news.gif') no-repeat 5px 5px;
  }


#title_protips {
    background: url('graphics/title_pro_tips.gif') no-repeat 5px 5px;
  }


#title_products {
    background: url('graphics/title_products.gif') no-repeat 5px 5px;
  }


#title_basket {
    background: url('graphics/title_basket.gif') no-repeat 5px 5px;
  }


#title_newsarchive {
    background: url('graphics/title_newsarchive.gif') no-repeat 5px 0px;
  }


#title_shoppingbasket {
    background: url('graphics/title_shoppingbasket.gif') no-repeat 5px 0px;
  }


#title_yourdetails {
    background: url('graphics/title_yourdetails.gif') no-repeat 5px 0px;
  }


#title_confirmyourorder {
    background: url('graphics/title_confirmyourorder.gif') no-repeat 5px 0px;
  }


#title_stop {
    background: url('graphics/stop.gif') no-repeat 5px 0px;
    width:100%;
    height:44px;
  }


#title_privacystatement {
    background: url('graphics/title_privacystatement.gif') no-repeat 5px 0px;
  }


#title_skateteam {
    background: url('graphics/title_skateteam.gif') no-repeat 5px 0px;
  }


#title_contact {
    background: url('graphics/title_contact.gif') no-repeat 5px 0px;
  }


#title_postage {
    background: url('graphics/title_postage.gif') no-repeat 5px 0px;
  }


#title_faq {
    background: url('graphics/title_faq.gif') no-repeat 5px 0px;
  }


#title_staff {
    background: url('graphics/title_staff.gif') no-repeat 5px 0px;
  }


#title_bmxteam {
    background: url('graphics/title_bmxteam.gif') no-repeat 5px 0px;
  }


#title_sitemap {
    background: url('graphics/title_sitemap.gif') no-repeat 5px 0px;
  }


#title_404 {
    background: url('graphics/title_404.gif') no-repeat 5px 0px;
  }


#title_skateps {
    background: url('graphics/title_skateps.gif') no-repeat 5px 0px;
  }


.sitemap-link {
    text-align:center;
    margin: 20px;
    border-top:1px solid gray;
    padding:10px 0px 10px 0px;
  }


.site-map {
    padding-left:20px;
    padding-top:10px;
  }


.site-map ul {
    padding-bottom:10px;
    padding-top:10px;
  }


.site-map li {
    margin-left:20px;
    list-style : none;
  }


.site-map div {
    float:left;
    padding-right:20px;
    border-right:1px solid gray;
    margin-right:10px;
  }


.site-map h1 {
    font-size:1em;
  }


#gallery {
    text-align:center;
  }


#gallery table {
    width:100%;
  }


#gallery td {
    padding-bottom:10px;
  }

/*  ---------------------------------------------------------- */



/* for oscommerce */


.left table, .right table {
    padding-left:10px;
    padding-right:10px;
    color:white;
  }


.left table a {
    color : #ffffff;
    text-decoration:none;
    font-size : 1.1em;
  }


.left table a:hover {
    background-color:#909090;
  }


.right_minicart {
    padding-bottom:10px;
    background-color : #7c7c7c;
    background-image:url('graphics/logo_greyfade.png');
    background-position:right;
    background-repeat:repeat-y;
  }


.right_minicart div {
    text-align:center;
    padding-bottom:10px;
  }


.pageHeading {
    font-size : 1.6em;
    font-weight : bold;
  }


.middle table , .middle div {
    padding-left:5px;
    padding-right:5px;
  }


.loginoff {
    text-align:right;
    color:white;
    background-color:black;
    padding:5px 10px 5px 0px;
    font-weight:bold;
    text-transform : uppercase;
  }


.loginoff a {
    text-decoration:none;
    color:white;
  }


.productSpecialPrice {
    color:red;
  }


.products {
    float:left;
    padding-bottom:20px;
  }

.product_image, .product_name, .product_price, .add_to_cart, .product_description {
    padding:10px;
  }


.product_price {
    float:left;
  }


.product_description h3, .product_image h3 {
    font-size : 1.2em;
  }




.product_name h2 {
    font-size : 1.6em;
    font-weight : bold;
    color:black;
    padding-left:0px;
  }

.middle table a {
    text-decoration:none;
    font-size : 1.1em;
    font-weight : bold;
    color:#000000;
  }

.right_minicart a {
    color:#ffffff;
  }

.button {
    background-color:#000000;
    color:#ffffff;
    border:none;
    font-size : 1.1em;
    font-weight : bold;
  }

.middle td {
    width:33%;
    vertical-align:top;
    padding-top:10px;
  }


.section_info {
background:url('graphics/section_info.png') no-repeat #e4e4e4;
min-height:117px;
visibility:visible;
}