body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font-family: Verdana, sans-serif;
font-style: normal;
font-weight: normal;
color:#000066;
}

#products, #menu{
position: absolute; 
top: 0; 
left: 0; 
width: 220px; /*Width of left frame div*/
height: 100%;
background-color: #0066ff; 
}

#menu{
top: auto; 
left: 220px; /*Set left value to WidthOfLeftFrameDiv*/
width: auto;
bottom: 0;
right: 0;
height: 80px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#products{
overflow: auto}


#maincontent{
position: fixed; 
top: 0;
left: 220px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 80px; /*Set bottom value to HeightOfTopFrameDiv*/
overflow: auto; 
background-color: #ffffff; 
font-size: 12px;
text-align: left
}

table {border-collapse:collapse}

table.main{
background-color: #ffffff; 
font-size: 12px;
text-align: left}

table.size{background-color: #ffffff; 
font-size: 10px;
text-align: center;
border: 1px solid #CCCCCC}

table.bigsize{background-color: #ffffff; 
font-size: 12px;
text-align: center;}
.bigsize td {border: 1px solid #CCCCCC}

table.links{background-color: #ffffff; 
font-size: 11px;
font-weight: 500;
text-align: center;
}

.links td {
text-decoration: none;
vertical-align: middle;
}

.links a {
display: block;
border: 1px solid;
border-color: #0066ff #000066 #000066 #0066ff;
width: 110px;
height: 20px;
background: #f0f8ff;
}

.links a:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #000066 #0066ff #0066ff #000066;
}






table.footer{background-color: #ffffff; 
width: 100%;
font-size: 10px;
text-align: left}

#infobar {position: relative; margin-left: 50px; margin-bottom: 20px; width: 100%} 
#header {overflow: auto; position: relative; height: auto; margin-left: 100px; width: 600px; border: 2px double #CCCCCC}
#mainheader {overflow: auto; position: relative; height: auto; margin-left: 50px; width: 700px; border: 2px double #CCCCCC}
#content {position: relative; margin-top: 30px; margin-left: 50px; margin-right: 75px}
.item {margin-top: 50px}

#footer {position: relative; margin-top: 50px; margin-left: 50px; width: 700px; font-size: 10px;}


img.floatLeft { 
    float: left; 
    margin: 0 15px 15px 0; 
}
img.floatRight { 
    float: right; 
    margin: 0 0 15px 15px; 
}

div.clearer {clear: left; line-height: 0; height: 0;}

hr {color:#CCCCCC}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

a:link { color: #0000ff; }
a:visited { color: #0000ff; } 
a:active { color: #ff0000; }
a:hover { color: #ff0000; }

.header {font-size: 140%; font-weight: bold; color: #ff0000}
.small {font-size: 90%;}
.tiny {font-size: 80%;}
.darkblue {color: #000066}
.lightblue {color: #0000ff}
.red {color: #ff0000}
.darkred {color: #a00000}

h1 {font-size: 150%;
 font-weight: bold;
 }
h2 {font-size: 120%;
 font-weight: bold;
}
h3 {font-size: 110%;
 font-weight: bold;
}

* html body{ /*IE6 hack*/
padding: 0 0 80px 220px; /*Set value to (0 0 HeightOfTopFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #menu{ /*IE6 hack*/
width: 100%;
}


/*Pop-up image viewer*/
.thumbnail{
visibility: visible;
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 1px solid #0033FF;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
*top: 0;
left: -50px; /*position where enlarged image should offset horizontally */

}