/* CSS Document */

body{
margin:0 auto;
text-align:center;
}

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:underline;}


img{
border:0;
}

#container{
margin:0 auto;
width:800px;
}

h1{
text-indent:-9999px;
width:800px;
height:132px;
margin:0;
background-image:url(img/h1_background.jpg);
}

#order{
margin:1em 0;
}


/*---------------navigation---------------*/


ul#navigation{
margin:1em 0 0 0;
padding:3px;
background-color:#E8E9EC;
font-size:12px;
color:#4d4d4d;
}

ul#navigation li{
margin:0 1em 0 0;
display:inline;
}

ul#navigation a{
color:#23262D;
}


/*---------------display---------------*/


table#display{
margin:1em 0 0 0;
background-image:url(../images/display_background.gif);
}

table#display td{
padding:1em 0;
}

#order{
margin:1em 0;
}

#footer{
clear:both;
margin:1em 0;
}


#order{
margin:1em 0;
}

#footer{
clear:both;
margin:1em 0;
}

/*---------------container-left---------------*/


#container-left{
float:left;
width:198px;
}


/*---------------catalog---------------*/


ul#catalog{
margin:0;
padding:0;
list-style:none;
}

ul#catalog li{
margin:0 0 6px 0;
padding:0;
border:1px outset black;
}


/*---------------best---------------*/


li#best a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.best{
background-image:url(img/navigation_rank.gif);
background-repeat:no-repeat;
}

a:hover.best{
background-position:0px -60px;
}


/*---------------box---------------*/


li#box a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box{
background-image:url(img/navigation_box.gif);
background-repeat:no-repeat;
}

a:hover.box{
background-position:0px -60px;
}




/*---------------box1---------------*/


li#box1 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box1{
background-image:url(img/navigation_box1.gif);
background-repeat:no-repeat;
}

a:hover.box1{
background-position:0px -60px;
}


/*---------------box2---------------*/


li#box2 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box2{
background-image:url(img/navigation_box2.gif);
background-repeat:no-repeat;
}

a:hover.box2{
background-position:0px -60px;
}


/*---------------box3---------------*/


li#box3 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box3{
background-image:url(img/navigation_box3.gif);
background-repeat:no-repeat;
}

a:hover.box3{
background-position:0px -60px;
}


/*---------------box4---------------*/


li#box4 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box4{
background-image:url(img/navigation_box4.gif);
background-repeat:no-repeat;
}

a:hover.box4{
background-position:0px -60px;
}


/*---------------box5---------------*/


li#box5 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box5{
background-image:url(img/navigation_box5.gif);
background-repeat:no-repeat;
}

a:hover.box5{
background-position:0px -60px;
}


/*---------------box6---------------*/


li#box6 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box6{
background-image:url(img/navigation_box6.gif);
background-repeat:no-repeat;
}

a:hover.box6{
background-position:0px -60px;
}


/*---------------box7---------------*/


li#box7 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box7{
background-image:url(img/navigation_box7.gif);
background-repeat:no-repeat;
}

a:hover.box7{
background-position:0px -60px;
}


/*---------------box8---------------*/


li#box8 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box8{
background-image:url(img/navigation_box8.gif);
background-repeat:no-repeat;
}

a:hover.box8{
background-position:0px -60px;
}


/*---------------box9---------------*/


li#box9 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box9{
background-image:url(img/navigation_box9.gif);
background-repeat:no-repeat;
}

a:hover.box9{
background-position:0px -60px;
}


/*---------------box10---------------*/


li#box10 a{
display:block;
text-indent:-9999px;
width:198px;
height:60px;
}

a.box10{
background-image:url(img/navigation_box10.gif);
background-repeat:no-repeat;
}

a:hover.box10{
background-position:0px -60px;
}
