/* Style Reset (start) */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,legend { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,acronym,cite,code,em,th,small { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none;} fieldset,img {border: none;} caption,th {text-align: left;} table {border-collapse: collapse; border-spacing: 0}
/* Style Reset (end) */

body {background-color: #000; font: 100% Arial, Verdana; color: #fff; line-height: 1.125em;}
a:hover {text-decoration: none}
hr {display: none}
.blue h3 {color: #006699 !important}
.hidden {display: none}

div#wrapper {background: #eee url('img/bg_gradient.gif') repeat-x top; width: 100%; margin-top: 4px; text-align: center; float: left; font-size: 0.875em; color: #000}

div#header {float: left; width: 100%; position: relative; overflow: hidden; margin-bottom: 20px; font-size: .85em; line-height: 1em;}
div#header ul {background: url('img/nav.gif') bottom no-repeat; margin-left: 268px; padding: 20px 10px 25px;}
div#header ul li {display: inline}
div#header ul li a, div#header ul li b {text-transform: uppercase; color: #fff; text-decoration: none; white-space: nowrap; padding: 20px 10px 25px; font-weight: normal;}
div#header ul li a:hover, div#header ul li b {color: #ff6633}
div#header ul li b {border: 1px solid #000; border-bottom: none; border-top: none; background: #fff url('img/active.gif') top repeat-x; color: #000; padding-bottom: 19px}
div#header .logo {float: left; margin: 10px 0 0}
div#header .logo img {filter:expression(fixPNG(this));}

div#container {margin: 0 auto; width: 868px;}

div#content {background: url('img/content.gif') repeat-y center #fff; width: 560px; float: right; text-align: left; font-size: .9em; margin-top: -25px; padding: 0 20px; position: relative; margin-bottom: 90px}
div#content h2 {padding: 25px 20px 15px; font-size: 1.3em; color: #666; background: url('img/header.gif') top no-repeat; margin: 0 -20px}
div#content h2 img {display: block; border: 3px double #ccc; margin: 0 -3px}
div#content h1 {color: #ccc; font-size: .9em; font-style: italic; margin: -5px 0 15px}
div#content h3 {padding: 15px 0 8px; text-transform: uppercase; font-weight: bold; color: #ff6633; clear: both}
div#content ul, p {margin-bottom: 5px}
div#content ul.black li {color: #000}
div#content ul li {list-style: disc inside; color: #666;}
div#content p {clear: both; text-align: justify;}
div#content a {color: #000}

div#content form {float: left; width: 100%;}
div#content form table {width: 100%; margin: 15px 0; border: 1px solid #BBB; border-collapse: separate; border-spacing: 1px; text-align: center}
div#content form table th {padding: 7px 3px; background: #666; color: #fff; text-align: center; text-transform: uppercase; font-size: .9em}
div#content form table tr.odd td {background: #DDD}
div#content form table td {padding: 5px 3px; vertical-align: top}
div#content form table td.left {text-align: left}
div#content form table td input, input.count {border: 1px solid #ccc; padding: 1px 2px; color: #666;}
div#content form table td input:focus, input.count:focus {color: #000; border-color: #666}
div#content form fieldset legend {display: none}
div#content form fieldset br {display: none}
div#content form fieldset label {display: block;}
div#content form fieldset input {border: 1px solid #ccc; padding: 1px 2px; color: #666; width: 200px; margin-bottom: 4px}
div#content form fieldset input.red {border-color: #ff6633}
div#content form fieldset input:focus {color: #000; border-color: #666}

input.refresh {position: relative; top: 5px; //margin-bottom: 1px}

div#content .flright, div#content .flleft {margin: 20px 0; width: 200px; clear: none }
div#content .flright {text-align: right; float: right;}
div#content .flleft {text-align: left; float: left;}
div#content .flright a, div#content .flleft a {color: #666}
div#content .flright a:hover, div#content .flleft a:hover {color: #000}
div#content .flright b, div#content .flleft b, div#content a.sort {color: #ff6633; text-decoration: none}

div#content .pager a, div#content .pager b {margin: 0 2px}

div#content dl {left: -8px; position: relative; padding: 0 8px 8px; clear: both; background-color: #fff; width: 560px; float: left; margin-bottom: 30px}
div#content dl {behavior: url('hover.htc');}
div#content dl:hover, div#content dl.active {background-color: #ccc;}
div#content dl dt {padding: 8px 0 0; color: #000; text-align: right; font-size: 2em}
div#content dl dt br, div#content dl dt span {display: none}
div#content dl dt a {display: inline; border: 1px solid #ccc; width: 110px; height: 110px; float: left; background-color: #fff; margin-right: 10px; line-height: 110px; overflow: hidden}
div#content dl dt strong a {text-transform: uppercase; font-weight: bold; color: #ff6633; float: left; font-size: .5em; border: none; height: auto; width: auto; background-color: transparent; line-height: 1em!important}
div#content dl dt img {display: inline; vertical-align: middle}
div#content dl:hover dt a, div#content dl.active dt img {border-color: #666!important}
div#content dl dd {padding-left: 120px; text-align: justify}
div#content dl dd a {float: right; white-space: nowrap}

div#content .existance {color: #fff; background-color: #f63; padding: 0 3px; font-weight: normal}

div#content .product {float: right; width: 440px; display: block;}
div#content .gallery {float: left; width: 120px;position: relative}

div#content .gallery a.pic {display: inline; border: 1px solid #ccc; width: 110px; height: 110px; float: left; background-color: #fff; margin-right: 10px; line-height: 110px; overflow: hidden}
div#content .gallery a.pic img {display: inline; vertical-align: middle}
div#content .gallery a.pic:hover {border-color: #666;}
/*div#content .gallery a.pic:hover img {visibility: hidden}*/
div#content .gallery br {display: none}
div#content .gallery a.color, div#content .gallery b {border: 1px solid #ccc; float: left; width: 14px; height: 14px; margin: 3px 3px 0 0; overflow: hidden; display: block; text-indent: 1000px}
div#content .gallery b {border: 1px solid #333; width: 14px; height: 14px;}
div#content .product a {white-space: nowrap; margin-top: 1.3em; display: block; float: left}
div#content .product div {margin-top: 1.3em; color: #666; float: left}
div#content .product div form {float: none !important; width: 440px; display: inline}
div#content .product div a {margin-top: 0; display: inline; float: none}

div#content #banner, div#content #banner2 {position: absolute; width: 560px; height: 196px; top: 28px; left: 20px}

div#content .ontop {display: block; background: url('img/bottom.gif') bottom no-repeat; padding: 30px 20px; margin: 0 -20px; clear: both; text-align: center;}

div.sideblock {float: left; width: 210px; background-color: #eee; padding: 0 0 30px 10px; text-align: left; font-size: 0.9em; clear: left}
div.sideblock h3 {text-transform: uppercase; color: #ff6633; padding-bottom: 15px; font-weight: bold}
div.sideblock ul li {list-style: disc inside; color: #666;}
div.sideblock a {color: #666;}
div.sideblock a:hover, div.sideblock b {color: #000}

div.hit h3 {margin-left: -3px; padding-left: 3px; background: url('img/hit-top.gif') 0 100% no-repeat}
div.hit a {margin: 0; display: block; width: 140px; padding: 5px 8px 8px; background: url('img/hit.gif') 0 100% no-repeat #fff; margin-left: -3px; position: relative; text-decoration: none}
div.hit a:hover img {border-color: #666}
div.hit a img {border: 1px solid #ccc; margin: 0; display: block}
div.hit a b {color: #fff; position: absolute; top: 0; right: 3px; font-size: 23px; width: 50px; height: 50px; text-align: right; background: url('img/hitprice.png') 100% 100% no-repeat; padding: 20px 10px 0; overflow: hidden; cursor: pointer; filter:expression(fixPNG(this));}
div.hit a span, div.hit br {display: none}

div#footer {background: url('img/footer.gif') repeat-x top; width: 100%; border-top: 1px solid #666; clear: both; overflow: visible; height: 80px; padding: 15px 0 0; line-height: 2em; font-size: 0.75em; float: left }
div#footer a {color: #fff;}
div#footer ul, div#footer p {width: 630px; margin: 0 auto; padding: 0 10px; position: relative; padding-right: 210px}
div#footer ul li {display: inline}
div#footer ul li a, div#footer ul li b {border-left: 1px solid #fff; padding: 0 3px 0 5px; font-weight: normal}
div#footer p span {display: block; position: absolute; right: 0; top: 0; text-align: right; width: 200px}

acronym {color: #006699; cursor: help; border-bottom: dotted 1px #006699}
.tool-tip {width: 100px; color: #000; font-size: 12px; text-align: center; z-index: 13000; background-color: #fff; border: #006699 1px solid; padding: 4px; }
.tool-title {}
.tool-text {}