html,body{width:100%;height:100%;overflow:hidden;border:0;margin:0;padding:0;font:10px/10px "Helvetica","Arial",sans-serif}
img{border:0;}

/*For making the background size*/
.scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:#111;display:table}
.scaler div{position:absolute;left:0;top:50%;width:100%;zoom:1}
.scaler > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
.scaler img{margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html .scaler img{position:relative;top:-50%} /*Fix IE7*/
*:first-child+html .scaler div{position:absolute;top:50%;height:auto} /*Fix IE7*/
* html .scaler img{height:50%;position:relative;top:-50%} /*Fix IE6*/



/*Footer navigation*/
.scaler-nav{padding:0;margin:0;text-align:center;z-index:10;list-style:none}
.scaler-nav li{float:left;width:21px;margin-left:1px;line-height:21px;font-size:11px;list-style:none}
.scaler-nav a{height:21px;display:block;background:#000;text-decoration:none;color:#fff;outline:none}
.scaler-nav a:hover,.scaler-nav a:focus,.scaler-nav a.cur{background:#fff;color:#333}

/*Floating next/previous button navigation*/
.scaler-float{position:absolute;top:-99px;left:-99px;z-index:9;width:40px;height:20px;background:url(scaler-float.gif) 0 0;display:block;outline:none}
.scaler-next{background-position:-40px 0} /*both {options:css}-next and {options:css}-prev is class names the script uses*/

/*Example of alternative body-element, since the body is covered with the scaling image*/
#body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto}


/*///////////////////////////////////////////////////////////////////////////////////////////////////*/

#menu{position:absolute;top:0px;z-index:80;width:100%;}
#menu div{height:70px;background:#000;opacity:0.9;filter:alpha(opacity=90);padding:7px 0 0 7px; line-height:10px}
#menu img{float:left;padding-top:5px;}
#menu img.fb{float:right;padding: 20px 30px 0 0;}

#menu  ul{float:left;width:100px;margin:0;text-align:left;padding: 0 0 0 30px}
#menu ul.prodlink {width:150px;}
#menu ul.prodlink a{color:#f59126;}
#menu ul.prodlink a:hover, a:focus{color:#fff;}
#menu li.itemlink a{color:#ff1015;}
#menu li.itemlink a:hover, a:focus{color:#fff;}
#menu li.subitemlink a{color:#fff;}
#menu li.subitemlink a:hover, a:focus{color:#f59126;}

#menu li a{line-height:16px;padding:0 0px;font-weight:bold;color:#fffa70;display:block;text-decoration:none;}
#menu li a:hover,li.cur a,li a:focus{color:white}

#menu p{line-height:16px;margin:0;padding:0 0px;font-weight:bold;color:#fff;display:block;text-decoration:none;}



#specs{position:absolute;top:15%;z-index:80;width:220px;color:white;}
#specs{height:auto;background:#000;opacity:0.9;filter:alpha(opacity=90);padding:15px;}

#specs h1{margin:0px 0 10px 0;font-size:16px;}
#specs h2{margin:0px 0 20px 0;font-size:12px;}
#specs h3{margin:0px;font-size:12px;line-height:12px;clear:both}
#specs p{font-size:12px;line-height:14px;width:auto;padding:0;margin:15px 0 15px 0;}
#specs ul.feat{padding-left:15px;font-size:11px;line-height:12px;}

#specs table{font-size:10px;color:white;padding:10px 0 10px 0;width:200px;}

.itemlink a{color:#ff1015;}
.itemlink a:hover, a:focus{color:#fff;}