@charset "utf-8";
html{margin:0;padding:0;width:100%;}
body{font:13px "Georgia","Lucida Bright",serif;line-height:1.3em;color:#999;margin:0;padding:0;text-align:center;vertical-align:top;background:#232323;background-image:url(../img/bg.gif);width:100%;}
*{margin:0;padding:0;}
img{border:0;outline:0;position:relative;top:0;left:0;}
a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#ccc;text-decoration:none;}
a:active{color:#fff;text-decoration:none;}

h1{font-weight:normal;font-size:30px;line-height:1.3em;margin-bottom:5px;}
h2{font-weight:normal;font-size:24px;line-height:1.3em;margin-bottom:5px;}
h3{font-weight:normal;font-size:18px;line-height:1.3em;margin-bottom:5px;}
p{padding:5px 0;}

option{padding-right:5px;}

#background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
#background .image{width:100%;height:100%;}

#foreground{position:absolute;top:0;left:0;z-index:2;width:100%;}
.wrapper{width:768px;margin:40px auto;overflow:visible;position:relative;top:0;left:0;}
.header{text-align:left;width:100%;float:left;clear:both;margin-bottom:-20px;position:relative;top:0;left:0;z-index:3;}
.menu{text-align:left;width:157px;height:360px;line-height:1.5em;float:left;clear:none;position:relative;top:0;left:0;z-index:4;}
.menu .item{background:#171717;margin-bottom:3px;font-size:17px;}
.menu .details{position:absolute;width:100%;bottom:0;left:0;margin-bottom:-3px;line-height:1.2em;}
.menu .details .item{font-size:13px;}
.menu a:hover{color:#fff;text-decoration:none;border-bottom:1px dotted #444;}
.body{text-align:left;width:608px;height:360px;overflow-y:auto;overflow-x:hidden;margin-left:3px;line-height:1.5em;float:left;clear:none;background:#171717;position:relative;top:0;left:0;z-index:5;color:#fff;}
.body .nav{width:100%;font-size:17px;height:1.5em;float:left;clear:both;margin-bottom:3px;color:#444;}
.body .nav a:hover{color:#fff;text-decoration:none;border-bottom:1px dotted #444;}
.body .image{width:300px;float:left;clear:none;padding-bottom:10px;}
.body .image .thumb{width:56px;height:56px;margin-right:3px;float:left;clear:none;overflow:hidden;background:#111;}
.body .image .thumb .image{width:50px;height:50px;margin:3px;overflow:hidden;background:#000;}
.body .full{width:100%;height:100%;background:#171717;overflow:hidden;}
.body .full .image{width:602px;height:354px;background:#000;border:3px solid #111;overflow:hidden;margin:0;padding:0;}

.body .text{width:270px;float:left;clear:none;}

.product{float:left;clear:none;margin:0 10px 10px 0;width:173px;height:158px;background:#111;position:relative;top:0;left:0;}
.product .image{width:167px;height:125px;margin:3px;overflow:hidden;background:#000;position:relative;top:0;left:0;}
.product .label{position:absolute;top:auto;left:0;bottom:0;width:100%;font-size:11px;line-height:1.3em;background:#111;}

.footer{text-align:left;color:#666;width:100%;float:left;clear:both;}

.error{background:#FFC8BD;color:#c20;margin:10px 0;padding:5px;}
.success{font-weight:bold;float:left;clear:both;margin:10px 0;padding:5px;}
.loader{clear:none;float:left;display:inline;vertical-align:middle;margin-left:5px;position:relative;top:4px;left:0;}
.loader img{vertical-align:middle;}

.button{background:#333;border:1px solid #444;color:#fff;cursor:pointer;padding:2px;font:13px "Georgia","Lucida Bright",serif;line-height:1.3em;}
.button:hover{border:1px solid #666;}

.padding-0-3{margin:0;padding:0 3px;}
.padding-2{margin:0;padding:2px;}
.padding-3{margin:0;padding:3px;}
.padding-3-5{margin:0;padding:3px 5px;}
.padding-4{margin:0;padding:4px;}
.padding-5{margin:0;padding:5px;}
.padding-3-10{margin:0;padding:3px 10px;}
.padding-10{margin:0;padding:10px;}
.padding-15{margin:0;padding:15px;}
.padding-25{margin:0;padding:25px;}
.padding-50{margin:0;padding:50px;}

.left{float:left;clear:none;}
.right{float:right;clear:none;}
.clear{float:left;clear:both;}