/* body class */
.bodyclass {
    background-color : #00aff0;
    padding: 0;
    margin-top: 10;
    text-align: left;
}
#cat_hdr img {
    display: none;
}
#head {
    background-color: #fff;
    width: 900px;
    height: 110px;
    margin: 0 auto;
    clear: both;
}
#logo {
    float: left;
}
#search {
    float: left;
    padding-left: 50px;
    padding-top: 16px;
}
#search input {
    padding: 3px;
    margin: 0px;
    vertical-align: top;
    border-color: #00aff0;
    color: #666;
}
#search input.font_input {
    width:170px;
}

#login_tbl{
    display:none;
    /*margin: -100px auto 0 auto;
    width: 900px;
    background-color: #fff;*/
}
/*#login_tbl .small_main {
    width: 900px;
    text-align: right;
}
#login_tbl a {
    display:block;
    width: 100px;
    margin: 0 0 0 auto;
    padding: 0 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: underline;
    color: #0084c0;
}*/


#top-nav {
float: right;
padding-right: 10px;
padding-top: 10px;
}
#top-nav img {
padding: 1px;
}
#helpline {
float: right;
padding-right: 10px;
padding-top: 10px;
}


#cat-head {
width: 0px;
height: 0px;
padding-top: 0px;
padding-left: 0px;
visibility: hidden;
}



#main-nav img {
border: 1px solid #fff;
}
#home-prod .textbox {
width: 232px;
height: 48px;
background-color: #00aff0;
}
#footer {
background-color: #ffffff;
}
#footer .help {
background-color: #ffffff;
float: left;
}
#footer .opening {
background-color: #ffffff;
padding-top: 6px;
padding-right: 8px;
float: right;
}
#bottom-nav {
background-color: #fff;
float: right;
padding-top: 10px;
color: #00aff0;
}
#bottom-nav a {
text-decoration: none;
color: #00aff0;
}
.clear {
clear: both;
}
/* 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 : 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 : ;
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 : none;
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 : none;
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 : #ffffff;
}
.header_bottom {
background-color : #FFFFFF;
color : #000000;
font-style : normal;
font-weight : bold;
font-size : 8pt;
}
.column_bottom {
background-color : #00aff0;
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 : none;
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 : #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 : 10pt;
}
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 : #333333;
}
A.links_main:hover {
text-decoration : none;
font-style : normal;
font-weight : normal;
font-size : 8pt;
color : #333333;
}

A:link, A:active, A:visited {
text-decoration : none;
font-style : normal;
font-weight : normal;
color : #0084c0;
}
A:hover {
text-decoration : none;
font-style : normal;
font-weight : normal;
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 {
    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 */
}
#cart_hdr {
/* small cart section header css */
}
#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 */
}
#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 {
    width: 160px;                
    background-color: #ffffff;      
    padding-left: 0px;           
    cursor: default;             
    margin-left: 0px;        
}
ul.makeMenu ul {
    width: 158px;                
    background-color: #fff;      
    padding-left: 0px;           
    cursor: default;             
    margin-left: 0px;
    border: 2px solid #00aff0; 
}
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: 1px;                    
    left: 160px;   
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
    background-color: #ff0000;      
    color: #000000;                
}
ul.makeMenu ul.CSStoShow {     
    display: block;              
    background-color: #aa33cc;             
}
ul.makeMenu ul li:hover ul {     
    display: block;
    margin: -3px 0 0 -2px;         
    background-color: #aa33cc;             
}
ul.makeMenu li:hover > ul {    
    display: block;                 
}
ul.makeMenu li a { 
    width: 144px;
    height: 23px;
    padding-top: 10px;
    padding-left: 4px;
    display: block; 
    text-decoration: none;
    background-color: #00aff0;
    color: #fff;
    border: 1px solid #fff;
}
ul.makeMenu li ul li a { 
    width: 142px;
    height: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
    display: block; 
    text-decoration: none;
    background-color: #fff;
    color: #00aff0;
    border: 1px solid #fff;
}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
}
ul.makeMenu ul li:hover > a { 
    background-color: #ddf4fd;
}


/* static menu */

ul#category_list{
position: static;
left: 0;
padding: 0;
margin-left: 10px;
}

#category_list li {
list-style-type: none;
margin-left: 0;
display: block;
font-size: 8pt;
font-style: normal;
font-weight: normal;
border: 1px solid #ffffff;
text-decoration: none;
}

#category_list a {
width: 136px;
height: 23px;
background-color: #00AFF0;
color: #FFFFFF;
padding-left: 6px;
padding-top: 10px;
margin-left: 0;
display: block;
}





a.cssmouseover {
display:block;
width:200px;
height:100px;
background-image:url(pathto/image.jpg);
background-position:0px 0px;
}
a.cssmouseover:hover {
background-position:0px -100px;
}