body{background-color:#000;}
#menuBg{position:absolute; background-color:#000; margin-left:120px; _margin-left:0px; z-index:10; width:2000px; left:0px; height:80px; clip:rect(0px 10px 10px 0px); visibility:hidden;}
#menu{position:absolute; background-color:#000; padding-right:15px; z-index:11; left:11px; top:1px; color:#333333; font-size:9px; font-family:verdana,arial,helvetica,sans-serif; visibility:inherit;}
#menuArrowLeft{position:absolute; z-index:12; width:11px; height:20px; left:0px; top:0px; visibility:inherit;}
#menuArrowRight{position:absolute; z-index:12; width:11px; height:20px; top:0px; visibility:inherit;}
#menu a{color:#fff; text-decoration:none; font-size:9px;}
#menu a:hover{color:#ff0; text-decoration:none;}
.nobr{white-space: nowrap;}
.menuItem{white-space: nowrap; text-align:center; vertical-align:top;}
img{border:none;}
#menuTable{height:78px;}
#menuTable img{border:none; margin-bottom:0px;}
#menuTable td{vertical-align:middle; text-align:center; padding:0 10px;}

/* styles used to indicate chosen camera, the camera id (id on the table cell of the camera) is linked to the id of the body, this means
that the body MUST have the same id as the camera displayed on the page in order for the camera to be bigger and text under yellow.*/
#COOLPIXS5 #menuTable #COOLPIXS5 a,
#COOLPIXL3 #menuTable #COOLPIXL3 a,
#COOLPIXS6 #menuTable #COOLPIXS6 a,
#F6 #menuTable #F6 a,
#D50 #menuTable #D50 a,
#D70s #menuTable #D70s a,
#D80 #menuTable #D80 a
{font-size: 11px; color:#FFF; font-weight: bold;}

#COOLPIXS5 #menuTable #COOLPIXS5 img,
#COOLPIXL3 #menuTable #COOLPIXL3 img,
#COOLPIXS6 #menuTable #COOLPIXS6 img,
#F6 #menuTable #F6 img,
#D50 #menuTable #D50 img,
#D70s #menuTable #D70s img,
#D80 #menuTable #D80 img
{height:60px;}