/**** RESET ****/
html{color:#fff;background:#010000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:11px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/**** BASIC STYLE ****/
html{height:100%}
body {position:relative;height:100%;font-family:Verdana, Arial, sans-serif}
a:focus {outline:none}
strong {font-weight:bold}
#layout {position:relative;}
#head {position: absolute;z-index:1000}
#logo {position: absolute;top: 32px;left: 32px;background:url('../img/shared/logo.gif') top left no-repeat;width:167px;height:37px;display:none}
#logo span {display:none}

/** nav **/
#nav {position: absolute;top:98px;left: 26px;padding: 8px 0 12px 4px;border-left:1px solid #4b3720;visibility:hidden}
#nav li {display:block;margin:6px 0;height:16px;position:relative}
#nav li a {position:relative;display:block;display:none}
#nav li a img {position:absolute;top:0;left:0;z-index:10}
#nav li a img.off {z-index:100}
#nav li a img.active {z-index:1000}

/** text boxes **/
#nav .text {position:absolute;top:0;left:0;width:370px;visibility:hidden}
#nav .text p.head {height: 17px;border-bottom:1px solid #54412b}
#nav .text p.head a.closeBox {margin-bottom:-1px;float:right;display:block;width:16px;height:17px;background:url('../img/shared/toggleBox.gif') top left no-repeat;cursor:pointer}
#nav .text p.head a.closed {background:url('../img/shared/toggleBox.gif') bottom left no-repeat;}
#nav .text p.head a.closeBox span {display:none}
#nav .text .container {padding: 30px 15px 30px 15px;margin-left: 75px;border-bottom:1px solid #54412b;background:#010100;opacity:0.8;}
#nav .text .content {height:230px;width: 250px;padding-right: 30px;color:#e5cb95;font:11px Arial;line-height:16px}
#nav .text h2 {font-weight:bold;color:#b79a5f;margin:10px 0 0 0}

/** images **/
#imgHolder {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;z-index:1;}
#imgHolder img {position:absolute;right:0;top:0;display:none}
#back {position:absolute;top:45%;left:0;z-index:1000;display:none;cursor:pointer}
#fwd {position:absolute;top:45%;right:0;z-index:1000;display:none;cursor:pointer}

p#productCode {position:absolute;bottom:65px;left:34px;color:#e5cb95;font-size:11px;z-index:100;display:none}

/*****FOOTER******/
#footer{position:absolute;left:0;top:0;width:100%;padding:1px 0 0;border-top:1px solid #362b14;z-index:400;visibility:hidden}	
#footer-wrap{height:23px;background:#0a0700;padding:4px 0 0 0}
#footer ul{text-align:center;}	
#footer li{display:inline;}
#footer li a {padding: 0 8px;line-height:auto;font-size:10px;color:#605540;text-decoration:none;font-weight:normal}
#footer li a.last{border:0;}	
#footer li a:hover{text-decoration:none;}
#footer li ul {display: none;position: absolute;height: 20px;bottom: 20px;left:0px;width:100%;background:black;margin:0px;padding:5px 0 0 0;}
#footer li:hover ul { display: block; }

/*#lingue{width:100%;margin: 0 auto;height:16px;background-color:#0a0700;z-index:500;position:absolute;bottom:29px;left: 0;text-align:center;font-size:11px;color:#434343;display:none;padding-top:4px;}
#lingue a {color:#605540;text-decoration:none}*/

/** JSCrollPane **/
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;margin-bottom:12px}
.jScrollPaneTrack {position:absolute;cursor:pointer;right: 10px;top: 0;height: 100%;background:transparent url('../img/shared/track-bg.gif') top left repeat-y;}
.jScrollPaneDrag {position: absolute;background:transparent url('../img/shared/drag-bg.gif') top left repeat-y;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}