/* body class */
.bodyclass {
background-color : #ccc;
background-image: url(/images/hobsoncycles/main-bk.png);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: 50%;
margin: 0px 0px;
}
#header {
width: 900px;
margin: 0 auto;
}
#header .topnav {
color: #fff;
float: right;
valign: top;
margin-right: 50px;
margin-bottom: -10px;
}
#header .topnav a {
color: #fff;
text-decoration: none;
}
#coll {
padding: 5px;
}
#coll table{
border-collapse: collapse;
padding: 0px;
margin: 0px;
text-align: left;
}
#colm {
padding: 5px
}
#colr {
padding: 5px;
}

#prod-display .prod-info {
width: 159px;
height: 90px;
background-image: url(/images/hobsoncycles/text-back.png);
background-repeat: no-repeat;
margin: 0px 0px;
}
#prod-display .prod-info p {
vertical-align: middle;
text-align: center;
color: #fff;
}
#prod-display .prod-info a {
text-decoration: none;
vertical-align: middle;
text-align: center;
color: #fff;
}

.search_input {
margin-top: 2px;
margin-bottom: 2px;
width: 140px;
}

/* left section class */
.header_left, .column_left, A.links_left {
font-family : verdana, arial, sans-serif;
text-align : ;
}
.section_left {
background-color : #ffffff;
text-align : ;
vertical-align : top;
}
.sectionborder_left {
background-color : #DDDDDD;
}
.header_left {
background-color : #FFFFFF;
color : #000000;
font-style : normal;
font-weight : bold;
font-size : 8pt;
}
.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 : underline;
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 : ;
vertical-align : top;
}
.sectionborder_top {
background-color : #ffffff;
}
.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 : #DDDDDD;
}
.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 {
}
.sectionborder_bottom {
}
.header_bottom {
color : #000000;
font-style : normal;
font-weight : bold;
font-size : 8pt;
}
.column_bottom {
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 : ;
vertical-align : top;
}
.sectionborder_main {
background-color : #DDDDDD;
}
.header_main {
background-color : #FFFFFF;
color : #000000;
font-style : normal;
font-weight : bold;
font-size : 8pt;
}
.column_main {
background-color : #FFFFFF;
color : #000000;
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 : #ffffff;
}


/* error font class */
.font_error {
font-style : ;
font-weight : bold;
font-size : 10pt;
color : red;
}


/* button class */
.buttonstyle {
background-color: ;
border: 1px solid ;
font-family: ;
font-size: pt;
color: ;
}	    
input.btnhov{ 
border-color: ;
}


/* input field class */
.font_input {
border: 1px solid ;
}


/* bespoke css IDs */
#lastview_tbl {
/* last viewed products section css */
}
#lastview_hdr {
/* last viewed products section header css */
}
#cart_tbl {
/* small cart section css */
width: 141px;
background-color: #000;
color: #fff;
border-top: 1px solid #505050;
border-left: 1px solid #505050;
border-right: 1px solid #505050;
}
#cart_tbl a {
color: #fff;
}
#cart_tbl .small_main {
color: #fff;
}
#cart_hdr {
/* small cart section header css */
display: none;
}
#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 */
width: 141px;
background-color: #000;
color: #fff;
border-top: 1px solid #505050;
border-left: 1px solid #505050;
border-right: 1px solid #505050;
}
#login_tbl a {
color: #fff;
}
#login_tbl .small_main {
color: #fff;
}
#login_tbl .column_right {
background-color: #000;
}
#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 {
text-transform: uppercase;
width: 140px;                      
background-color: #000;      
padding-left: 0px;           
cursor: default;             
margin-left: 0px; 
margin-top: 0px;
padding-top: 2px;           
}
ul.makeMenu li {
list-style-type: none;       
margin: 0px;                 
position: relative;          
color: #fff600;                 
border: 0px solid #000; 
background-color: #000;     
}
ul.makeMenu li > ul {          
display: block;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background-color: #000;      
color: #fff;                 
}
ul.makeMenu ul.CSStoShow {     
display: block;              
background-color: #000;               
}
ul.makeMenu li a { 
color: #fff600; 
display: block; 
width: 100%; 
text-decoration: none;
margin-left: 4px;
padding: 2px;
}
ul.makeMenu li ul li a {
color: #fff; 
}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
color: #fff; 
}
ul.makeMenu li ul li a:hover, ul.makeMenu li ul li a.CSStoHighLink { 
color: #fff; 
}
ul.makeMenu li:hover > a { 
color: #fff600; 
}   
