/* body class */

            .bodyclass {
                background-image : "../images/cycleworldwesse/background1.jpg";
                margin: 0px 0px;
             }

/* left section class */

            .header_left, .column_left, A.links_left{
                font-family : verdana, arial, sans-serif;
                text-align : center;
             }
            ._left {
                background-color : #ffffff;
                text-align : centre;
                text-decoration : none;
                vertical-align : top;
             }
            .sectionborder_left {
                background-color : #ffffff;
            }
            .header_left {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
                vertical-align : top;
            }
            .column_left {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_left:link, A.links_left:active, A.links_left:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_left:hover {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


/* top section class */

           .header_top, .column_top, A.links_top {
                font-family : verdana, arial, sans-serif;
                text-align : ;
             }
            .section_top {
                background-color : #ffffff;
                text-align : center;
                vertical-align : top;
            }
            .sectionborder_top {
                background-color : ;
            }
            .header_top {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_top {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_top:link, A.links_top:active, A.links_top:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_top:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


/* right section class */

            .header_right, .column_right, A.links_right {
                font-family : verdana, arial, sans-serif;
                text-align : ;
            }
            .section_right {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_right {
                background-color : #ffffff;
            }
            .header_right {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_right {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_right:link, A.links_right:active, A.links_right:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_right:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


/* bottom section class */
            .header_bottom, .column_bottom, A.links_bottom {
                font-family : verdana, arial, sans-serif;
                text-align : ;
            }
            .section_bottom {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_bottom {
                background-color : ;
            }
            .header_bottom {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_bottom {
                background-color : ;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_bottom:link, A.links_bottom:active, A.links_bottom:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_bottom:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


/* main section class */
            .header_main, .column_main, A.links_main {
                font-family : verdana, arial, sans-serif;
                text-align : ;
            }
            .section_main {
                background-color : #ffffff;
                text-align : left;
                vertical-align : top;
            }
            .sectionborder_main {
                background-color : #ffffff;
                padding-left : 10px
                padding-right : 10px
                padding-bottom : 10px

            }
            .header_main {
                background-color : #ffffff;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_main {
                background-color : #ffffff;
                color : #000000;
                text-align : centre;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_main:link, A.links_main:active, A.links_main:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_main:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


/* small text class */

            .small_main {
                font-style : ;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
              
              
/* error font class */

            .font_error {
                font-style : ;
                font-weight : bold;
                font-size : 10pt;
                color : red;
            }
                             
              
/* button class */

            .buttonstyle {
                background-color: #fcde00;
                border: 1px solid ;
                font-family: arial ;
                font-size: inherit;
                color: ;
            }          
            input.btnhov{ 
                border-color: ;
            }
              
                   
/* input field class */

           .font_input {
                background-color: ;
                border: 1px solid ;
                font-family: ;
                font-size: pt;
                color: ;
           }


                /* bespoke css IDs */
              #lastview_tbl {
                /* last viewed products section css */
              }
              #lastview_hdr {
                /* last viewed products section header css */
              }

	    #cart_tbl {
                /* small cart section css */
                border-collapse: collapse;
                border: 2px solid #000;
                width: 187px;
	    }
	    #cart_hdr {
                /* small cart section header css */
                background-color: #fff;
                padding: 0;
                height: auto;
                border: 0;
	    }
	    #cart_hdr a{
                width: 183px;
                margin: 0;
                display: inline-block;
                background-color: #000;
                color: #fff;
                text-align:center;
                height: 30px;
                line-height: 30px;
                font-family: Verdana, Geneva, sans-serif;
                font-size: 12pt;
                font-weight: normal;
	    }
	    #cart_hdr a b{
                font-weight: normal;
	    }

              #srch_tbl {
                /* search section css */
              }
              #srch_hdr {
                /* search section header css */
              }
              #catMenu_tbl {
                /* category menu section css */
              }
              #catMenu_hdr {
                /* category menu section header css */
              }
              #top10_tbl {
                /* Top Sellers section css */
              }
              #top10_hdr {
                /* Top Sellers section header css */
              }
              #login_tbl {
                /* login section css */
              }
              #cat_hdr {
                /* product category header css */
              }
              #catprods_hdr {
                /* category product listings header css */
              }
              #catprods_tbl {
                /* category product listings table css */
              }
              #prod_tbl {
                /* product detail page css */
              }
              #item_Tbl {
                /* product detail page item layout css */
              }
              #shopcart_hdr {
                /* basket stage header css */
              }
              #shopcart_tbl {
                /* basket stage table css */
              }
              #summary_tbl {
                /* summary stage table css */
              }
              #sitemap_tbl {
                /* sitemap table css */
              }
                   


/* css menu example stylesheet */

              ul.makeMenu, ul.makeMenu ul {
                width: 130px;                
                border: 1px solid #ffffff;      
                background-color: #ffffff;      
                padding-left: 0px;           
                cursor: default;             
                margin-left: 0px;            
              }
              ul.makeMenu li {
                list-style-type: none;       
                margin: 0px;                 
                position: relative;          
                color: #000000;                 
                border: 0px solid #000000; 
                background-color: #ffffff;     
              }
              ul.makeMenu li > ul {          
                display: none;               
                position: absolute;         
                top: 2px;                    
                left: 130px;   
              }
              ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
                background-color: #000000;      
                color: #000000;    
                   }
              ul.makeMenu ul.CSStoShow {     
                display: block;              
                background-color: #aa33cc;               
              }
              ul.makeMenu li:hover > ul {    
                display: block;              
              }
              ul.makeMenu li a { 
                color: #000000; 
                display: block; 
                width: 100%; 
                text-decoration: underline;
              }
              ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
                color: #000000; 
              }
              ul.makeMenu li:hover > a { 
                color: #000000; 
              }

/* NEW WEB MENU  */

.menu{
    width:958px;
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
.menu ul{
    background:#000000;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}
.menu li{
    float:left;
    padding:0px;
}
.menu li a{
    background:none url("../images/seperator.gif") bottom right no-repeat;
    color:#ffffff;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
    background: none url("../images/hover.gif") bottom center no-repeat;
    color: #000000;
    text-decoration:none;
}
.menu li ul{
    background:none;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:680px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
}
.menu li:hover ul{
    display:block;
    border:#thick;
}
.menu li li {
    background: none url('../images/sub_sep.gif') bottom left no-repeat;
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:170px;
}
.menu li:hover li a{
    background:none;
}
.menu li ul a{
    display:block;
    height:30px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
    border:0px;
    color:#ffffff;
    text-decoration:none;
}
.menu p{
    clear:left;
}

.sub-menu{display:inline-block; width:500px !important;}

.sub-menu li{width:50% !important;}

.sub-menu li a:hover

.sub-menu li:nth-child(even)



/* WORKAROUND .endmenu */

.endmenu ul{
    background:#000000;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}
li.endmenu {
    float:left;
    padding:0px;
}
li.endmenu a{
    background:#000000 url("../images/seperator.gif") bottom right no-repeat;
    color:#ffffff;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
li.endmenu a:hover, .menu ul li:hover a{
    background: #000000 url("../images/hover.gif") bottom center no-repeat;
    color:#ffffff;
    text-decoration:none;
}
li.endmenu ul{
    background:#000000;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:340px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
}
li.endmenu:hover ul{
    display:block;
}
li.endmenu li {
    background:url('../images/sub_sep.gif') bottom left no-repeat;
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:170px;
}
li.endmenu:hover li a{
    background:none;
}
li.endmenu ul a{
    display:block;
    height:30px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
li.endmenu  ul a:hover, .menu li ul li:hover a{
    background: #000000 url('../images/hover_sub.gif') center left no-repeat;
    border:0px;
    color:#595959;
    text-decoration:none;
}
.endmenu p{
    clear:left;
}

/* COMPONENTS */

.comp ul{
    background:#000000;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}
li.comp {
    float:left;
    padding:0px;
}
li.comp a{
    background:#000000 url("../images/seperator.gif") bottom right no-repeat;
    color:#ffffff;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
li.comp a:hover, .menu ul li:hover a{
    background: #000000 url("../images/hover.gif") bottom center no-repeat;
    color:#ffffff;
    text-decoration:none;
}
li.comp ul{
    background:#000000;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:510px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
}
li.comp:hover ul{
    display:block;
}
li.comp li {
    background:url('../images/sub_sep.gif') bottom left no-repeat;
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:170px;
}
li.comp:hover li a{
    background:none;
}
li.comp ul a{
    display:block;
    height:30px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
li.comp  ul a:hover, .menu li ul li:hover a{
    background: #000000 url('../images/hover_sub.gif') center left no-repeat;
    border:0px;
    color:#595959;
    text-decoration:none;
}
.comp p{
    clear:left;
}




.workshop{
   width:150px;
   sub-menu:340px;
}


/* BOX ATTRIBUTES */

#attributes{
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 10px;
    margin: 5px;
}


/* BACKGROUND  */

#background{
    background-color: #000000;
    color: #fcde00;
    font: 75% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    padding-left: 25px;
    padding-top: 7px;
    padding-bottom: 8px;
    text-decoration: underline;
}