/* CSS Document */

/*root level icdb*/
* { border: none; padding: 0; margin: 0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 1%; }
fieldset { padding: 0.5em; }
img { border: 0; }
html>body { font-size: 80%; line-height: 1.3em; }

body {padding: 6px; font: normal 12px Arial, Helvetica, sans-serif;}

.menu {width: 180px; float: left; }
* html .menu {position: absolute; top: 6px; left: 6px; width: 180px; }
		
#cart { width: 180px; float: left; margin-top: 10px; color: #777; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }

div#cont { width: 800px; height:570px; float: left; margin-left: 190px; background: #c9c; }
* html div#cont { position: absolute; top: 6px; left: 4px; width: 800px;}

div.logo { background: #C9C url(../logo.gif) left no-repeat; height: 72px; }

div.dbname { float: left; width: 650px; text-align: center; color: #CC99CC; }
div.dbname img { float: left; }

div#dbjsmenu { float: right; color: #000; width: 120px; height:30px; margin: 14px 20px 0 0; }
* html div#dbjsmenu { position: absolute; top: 6px; left: 600px; color: #000; width: 120px; height:24px; }

/* dinky layout */
div.dbpic { float: left; width: 350px; height: 460px; background-color: #000; text-align: center; font: normal 1em Arial, Helvetica, sans-serif; margin: 10px 0 0 10px; }
#db_pic a:hover { text-decoration: none; color: #FFF; background: #CC99CC; padding: 0 4px; }
#db_pic a { text-decoration: none; border-bottom: 1px solid #FCF; background: #FCF; padding: 0 4px; }


td.fld {font: bold 18px 'Courier New', Courier, monospace; padding: 2px 10px;}
td.size {font: normal 12px Geneva, Arial, Helvetica, sans-serif; padding: 2px 45px;}

* html div.db_pic img {margin-bottom: -4px;}
* + html div.db_pic img {margin-bottom: -4px;}

#dbname {width: 400px; padding: 0 10px; float: right; text-align:center;}
#dbname h1 {font: bold 24px 'Courier New', Courier, monospace; line-height: 24px;}		
#dbname hr {  border: 1px solid #000; color: #fff; background-color: #fff; height: 3px; margin: 2px auto; width: 80%; }

#dbform { width: 370px; color: #000; padding: 44px 0 0 0; 
				font-size: 16px; font-weight: bold;  text-align: left; }
#dbform td {width: 180px;}


/* tie */
div.da_name { float: right; width: 340px; margin: 12px 40px 0 0; margin-bottom: -12px; }
div.da_name h1 {font: bold 20px 'Courier New', Courier, monospace; line-height: 24px; text-align: center;}		
div.da_name ul {margin-left: 30px;}

div.title {font: bold 16px "Courier New", Courier, monospace; text-align:center; }

div#info {float: right; padding: 0 10px 10px 4px; width: 368px; font: bold 0.8em Geneva, Arial, Helvetica, sans-serif; }
div#info p { padding: 2px; }
div#info ul { list-style: circle url(images/list.gif) outside; }
div#info li {font-size: 0.9em;} 
div#info a { font: bold 0.9em Verdana, Arial, Helvetica, sans-serif; padding: 3px 4px; margin-left: 4px; 
   text-decoration: none; color: #000; background: #fff; border: 1px solid #666; }
div#info a:hover { color: #666; background: #fff; border: 1px solid #f36; }
div#info a span { display: none; }
div#info a:hover span { display: block; position: absolute; top: 6px; left: 6px; width: 300px; height: 200px; z-index: 100; color: #000; background: #fff url(../info/popup_bg.gif); border: 3px solid #F0F; font: normal 12px Geneva, Arial, Helvetica, sans-serif; text-align: justify; padding: 80px 20px 20px; overflow: hidden; }
*>div#info a:hover span { font-size: 90%; }

input.btn { color: #000;
   font: bold 84% Arial, Helvetica, sans-serif;
   background-color: #fff; border:1px solid;
   border-top-color: #666;
   border-left-color: #666;
   border-right-color: #000;
   border-bottom-color: #000;
   filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcc99cc'); }
input.btnhov { color: #666;
   border-top-color: #f69;
   border-left-color: #f69;
   border-right-color: #f36;
   border-bottom-color:#f36; }			
				
div.cl { clear: both; }
div.infomenu { width: 800px; height: 48px; padding: 20px 0 0; background-color: #fff; }
/* menu buttons 7=index, 18=checkout */

.dbnames { font: bold 18px 'Courier new', Courier, mono; color: #000; }
.dbinfo { font: normal 11px 'Courier new', Courier, mono; color: #000; line-height: 14px; border: 1px dotted #000; padding: 2px 4px; text-align: justify; margin: 0 32px; width: 280px; height: 48px; float: right; }

div#tie_jsmenu {float: right; width: 120px; height:30px; margin: 14px 20px 0 0;}


div#tie_pic { float: left; width: 200px; height: 460px; background-color: #000; text-align: center; font: normal 1em Arial, Helvetica, sans-serif; margin: 10px 0 0 10px; }

div#tie_name { float: right; width: 280px; height: 45px; margin: 4px 60px 32px 0; }