/* 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; float: left; margin-left: 190px; background: #c9c; }
* html div#cont { position: absolute; top: 6px; left: 4px; width: 800px;}

div#cont_da {width: 800px; float: left; min-height: 536px; margin-left: 190px; background: #c9c; }
* html div#cont_da { position: absolute; top: 6px; left: 6px; background-color: #c9c; height: 560px; }
/*just dainties still on this  */

div.logo { background: #CC99CC url(logo.gif) left no-repeat; height: 72px; }
div.dinkyspread { font: normal 10px 'Courier New', Courier, mono; }
div.dinkyspread a { color: #CC66CC; }
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; }

#spmenu { width: 120px; height: 20px; background: #e2e2e2; border: 1px solid #ccc; padding: 4px 8px; margin: 10px 0 0 580px; font: normal 12px Geneva, Arial, Helvetica, sans-serif;text-indent: 8px; } 
#spmenu a:link { color: #333; text-decoration: none }
#spmenu a:hover {color: #c9c; }

/* dinky layout */
div.dbpic { float: left; width: 340px; background-color: #FFF; text-align: center; font: normal 1em Arial, Helvetica, sans-serif; }
div.dbpic a:hover { text-decoration: none; color: #FFF; background: #CC99CC; padding: 0 4px; }
div.dbpic a { text-decoration: none; border-bottom: 1px solid #FCF; background: #FCF; padding: 0 4px; }
div.dbform { float: left; width: 120px; color: #000; padding: 44px 0 0 0; 
				font-size: 18px; font-weight: bold;  text-align: left; }
div.radio { float: left; height: 34px; padding: 6px 0 0 10px; }
div.dbsize { float: left; width: 200px; color: #000; padding: 40px 0 0;
				font-weight: normal; line-height: 40px; text-align: justify; }
div.dbprice { float: right; color: #000; padding: 40px 12px 0 0; 
				font-size: 20px; font-weight: bold; line-height: 40px; text-align: center; }

/*  dainty layout  */		
div.da_pic { float: left; width: 340px; height: 386px; margin: 44px 0 60px 12px; background: #FFF url(images/da_pic_bg.gif) bottom left no-repeat; text-align: center; font: normal 12px Arial, Helvetica, sans-serif; overflow: auto; }
* html div.da_pic { background: #FFF url(images/da_pic_bg_ie.gif) bottom left no-repeat; }
div.da_scroll { height: 350px; }
div.da_scroll img {float: left; }
div.da_pic img { margin-right: 10px; }

div.da_name { float: right; width: 340px; text-align: center; margin: 12px 40px 0 0; margin-bottom: -12px; }
div.da_name h1 {font: bold 20px 'Courier New', Courier, monospace; line-height: 24px;}		
div.da_desc { float: right; padding: 4px 12px 0 4px; margin-top: 20px; width: 400px; font: normal 12px 'Courier New', Courier, monospace;}
.da_desc hr {  border: 1px solid #000; color: #fff; background-color: #fff; height: 3px; margin: 2px auto; width: 80%; }
div.da_desc h3 { text-align:center; text-decoration: underline; }
div.da_desc ul { line-height: 20px; list-style: none; }
div.da_desc ul li { background: url(images/bullet_circle.gif) no-repeat; padding: 0 0 0 22px; }
div.da_desc ul li li { background: url(images/bullet_circle_2.gif) no-repeat; padding: 0 0 0 18px; line-height: 18px;  }
div.da_form { float: right; width: 400px; color: #000; padding: 12px 6px 6px 4px; 
				font-size: 16px; font-weight: bold; text-align: left; }
* html div.da_form { width: 400px; padding: 12px 0 4px; margin: -12px 4px 0 0; }



div.title {font: bold 16px "Courier New", Courier, monospace; text-align:center; }
				
div.sp_pic { float: left; width: 350px; height: 460px; margin: 20px 0 60px 12px; background: #000; text-align: center; font: normal 12px Arial, Helvetica, sans-serif;  }
* html div.sp_pic { background: #FFF; }

div.sp_name { float: right; width: 320px; padding-left: 70px; height: 45px; margin:20px 40px 12px 0; }
/* da_form */



div#info {float: right; padding: 0 10px 10px 4px; width: 360px; 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: #c9c; }
/* 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; }