/* MAIN CSS */
html, body, #wrapper { width: 100%; margin:0px; padding:0px; }
body { background-color: #000000;text-align: center; }
#wrapper { width: 100%; text-align: center; margin: auto; font-size: 12px; color: #FFFFFF; font-family: Arial; }
#main { width: 100%; height: 100%; text-align: left; }
#MainContent { /*text-align: right;*/ text-align: left; width: 822px; background: url('/images/content_bg.jpg') no-repeat top; }  
img { border: 0px; }
a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }
div.gap { height: 50px; }
.chromoPurple { color: purple; }
.chromoIndigo { color: rgb(153, 51, 102); }
.chromoBlue { color: blue; }
.chromoYellow { color: yellow; }
.chromoOrange { color: #f90; }
.chromoRed { color: red; }
.chromoTitle { font-weight: bold; font-size: 24px; color: #FFFFFF; }
.g20 { height: 20px; } 
.whiteBox { background: #ffffff; }
.saleinfoprice { font-size: 11pt; color:#F00; font-weight: bold; margin: 0px; padding: 0px; }
.salecostprice { font-size: 16pt; color:#94F773; font-weight: bold; margin: 0px; padding: 0px; word-spacing: 5px; }
.saleinfowas { font-size: 10pt; margin: 0px; padding: 0px;}
.prodPanelTitle {  }
.prodPanelImg { }
.discreetproductheader { font-size: 8pt; font-weight: normal; padding: 0; margin: 0; text-align: left; }
#boxmenu{ font-size:10px; }
#boxmenu a:visited { color:#0F0; }

/* CSS Additions by Marc Gray */
.noboldlink:hover {text-decoration: none;font-weight: normal;color: #0ad;}
.filter_open {border: 1px Solid White;padding-left: 3px;padding-right: 3px;font-size: 9pt;cursor:auto;margin-right: 4px;margin-bottom: 2px;text-align: center;display: inline-block;width: 8px;}
.filter_content {margin-left: 8px;border-left: 1px dashed #fff;padding-left: 8px;}
.hovertip {visibility: hidden;position: absolute;z-index: 100;border: 1px Solid #888;background-color: #333;color: #ddd;font-size: 10pt;padding: 2px;width: 200px;}
.hovertip h1 {font-size: 12pt;border-bottom: 1px Solid #888;text-align: center;margin-top: 0;margin-bottom: 0;}
.hovertip p {text-align: center;}

/* HEADER CSS */
.head_bg { background: url('/images/header/header_01.jpg') no-repeat; width: 998px; height: 38px; }
.head02 { background: url('/images/header/header_03.jpg') no-repeat; width: 822px; height: 126px; text-align: left; vertical-align: bottom; }
.home_logo { width: 176px; height: 126px; }
table#adWarnTable { left: 25%; top: 25%; bottom: 25%; right: 25%; position: absolute; color: #000000; height: 200px; width: 800px; z-index: 600000;	display: block; }
table#adWarnTable td.trans, table#adWarnTable td.transV, table#adWarnTable td.transH { background: #FFFFFF; }
table#adWarnTable td.transH { width: 10px; }
table#adWarnTable td.transV { height: 10px }
table#adWarnTable td { background: #FFFFFF; }

/* FOOTER CSS */
.foot { background: url('/images/footer/footer.jpg') no-repeat; width: 998px; height: 116px; vertical-align: bottom; text-align: left; padding-left: 150px; }
.footlink { font-weight: normal; }
.foottext { font-size: 10px; }

/* MENU CSS */
#menu { width:100%; float:left; font-size: 12px; }
#menu a { color: #FFFFFF; font-family: Arial; font-weight: bold; display: block; margin: 0; padding: 1px 0 1px 3px;	text-transform: uppercase;	background: #000000;	text-decoration: none;	text-align: left; }
#menu a, #menu a:visited { color: #FFFFFF; background: #000000; }
#menu a:hover {color: #000000;background: #FFFFFF;}
#menu a:active {color: #000000;background: #FFFFFF;}
#menu ul { list-style:none; margin:0; padding:0; float:left; text-align: left; }
#menu ul { width: 170px; }
#menu ul.shortLink { width: 60px; }
#menu ul.longLink { width: 100px; }
#menu ul.contactLink { width: 175px; }
#menu li { position:relative; background: url('/images/down.gif') no-repeat right; white-space: nowrap; }
#menu ul ul {position:absolute; z-index:500; width:200px; top:auto; display:none; }
#menu ul ul ul {top:0;left:100%; }
div#menu a:hover {/*background:#000 url(/images/expand.gif) no-repeat -999px -9999px;*/ }
div#menu li:hover { cursor:pointer;z-index: 100; }
div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul { display:none; }
div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul { display:block; }
#menu a.x, #menu a.x:visited{ color:#FFFFFF;background:#000000 url(/images/expand.gif) no-repeat 100% 100%; }
#menu a.x:hover{ color:#000000;background:#FFFFFF url(/images/expand2.gif) no-repeat 100% 100%; }
#menu a.x:active{ color:#FFFFFF;background:#000000; }

/* BOXES CSS */
.box00 { background: url('/images/box/box_02.jpg') no-repeat; height: 35px; text-align: left; vertical-align: bottom; text-indent: 5px; text-transform: uppercase; font-weight: bold; }
.box01 { background: url('/images/box/bspan.jpg') repeat-y; text-align: center; padding: 10px; }
.spaceBox { height: 60px; }
.mb { border: solid 1px #ffffff; }
.mc { padding: 10px; }
.st { height: 30px; }
.sb { height: 60px; }

.onsale { z-index:4; background: url(../../images/onsale.png) no-repeat 0% 0%; width:99px; height: 83px; position: absolute; top: -20px; left: -5px; }

/* NAVIGATION CSS */
.top_nav { position: fixed; background: #000000; top: 0; left: auto; bottom: auto;	right: auto; }
div#menuParent { position: fixed; background: #000000; top: 0; left: auto; bottom: auto; right: auto; }

/* Bubbles */
.gloss{width:200px;display:none;position:absolute;border:1px solid #AAAAAA;background-color:#333;padding:5px;font:normal 11px Tahoma,serif,Gergia;text-align:justify}
.bubble_link{ color:#06F; }

form label { line-height:normal !important; margin: 0px 0px;  font-size:12px;	font-weight:bold; }
.smallInput { padding:3px 3px; border:1px solid #999; background:#FFFFE6; font-size:12px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; font-style:italic; }
form .medium { width:250px; }