/* CSS Document */
* { 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 { width: 180px; position: absolute; top: 6px; left: 6px; }

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

div#cont { width: 810px; min-height: 560px; float: left; margin-left: 190px; background-color: #c9c; }
* html div#cont { position: absolute; top: 6px; left: 6px; background-color: #c9c; height: 560px; }

div#info {float: right; padding: 0 10px 0 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%; }


div.logo { background: #CC99CC url(../logo.gif) left no-repeat; height: 72px; width: 800px; }
div.dinkyspread { font: normal 10px 'Courier New', Courier, monospace; width: 800px; background: #fff; }
div.dinkyspread a { color: #CC66CC; }
div.dinkyspread h1 {float: right; font: bold 17px 'Courier New', Courier, monospace; color: #C9C; float: right; margin: 8px auto 2px;}

div#dbname { float: left; text-align: center; color: #000; width: 400px; }
div#dbname h1 { font: bold 1.4em 'Courier New', Courier, monospace; }
div#dbname img { float: left; }
div#dbname hr {  border: 1px solid #000; color: #fff; background-color: #fff; height: 3px; margin: 6px auto; width: 80%; }
 
div#dbjsmenu { float: right; color: #000; width: 120px; height:30px; margin: 20px 20px 0 0; }
* html div#dbjsmenu { position: absolute; top: 6px; left: 600px; color: #000; width: 120px; height:30px; }

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

div.dbform { float: left; width: 380px; color: #000; padding: 12px 5px 0; 
			font: bold 16px 'Courier New', Courier, monospace;  text-align: right; }

div.radio { float: left; height: 34px; padding: 6px 0 0 10px; }

.dbsize { float: left; width: 200px; color: #000; padding: 16px 0 0;
				font: normal 14px Geneva, Arial, Helvetica, sans-serif; line-height: 34px; text-align: justify; }
.dbprice { float: right; color: #000; padding: 16px 12px 0 0; 
				font-size: 18px; line-height: 34px; text-align: center; }

/*  dainty layout  */		
div.da_pic { float: left; width: 477px; height: 340px; margin-right: 20px; background: #fff url(../images/da_pic_bg.gif) bottom left no-repeat; overflow: auto; }
div.da_pic img { border-left: solid 5px #000; border-right: solid 5px #000; }
* html div.da_pic { background: #FFF url(../images/da_pic_bg_ie.gif) bottom left no-repeat; margin-bottom: -4px; }

div.da_scroll { height: 370px; }
div.da_scroll img {float: left; }

div.da_name { float: right; height: 45px; text-align: center; margin: 4px 4px 0 0; }		
div.da_desc { float: right; padding: 6px 4px 0; width: 290px; font: normal 12px 'Courier New', Courier, monospace;}
.da_desc hr {  border: 1px solid #000; color: #fff; background-color: #fff; height: 3px; margin: 6px auto; width: 80%; }
* html div.da_desc { font-size: 12px;  }

div.da_desc h1 {text-align: center; font-size: 20px; }
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 18px; }
div.da_desc ul li li { background: url(../images/bullet_circle_2.gif) no-repeat; padding: 0 0 0 16px; line-height: 18px;  }
div.da_form { float: right; width: 294px; color: #000; padding: 12px 4px 6px 4px; 
				font-size: 1em; font-weight: bold; text-align: left; }
* html div.da_form { width: 294px; padding: 12px 0 4px; margin: 0 4px 0 0; }
* html div.da_desc ul li { font-size:90%;  }

div.title {font: bold 16px "Courier New", Courier, monospace; text-align:center; }
				
div#ur_jsmenu { float: right; color: #000; width: 120px; height:30px; margin: 20px 20px 0 0; }
* html div#ur_jsmenu { position: absolute; top: 6px; left: 600px; color: #000; width: 120px; height:30px; }



div#urban {float: left; padding: 20px 0; font-size: 12px;}
div#urban ul {list-style-type:none;margin:0 20px;padding:0;}
div#urban li {float:left;width:110px;margin:15px 5px 5px 0;background-color:#c9c;text-align: center;}
div#urban li img {display: block;width:100px;height:100px;margin:0 5px;border:0px;}
div#urban li a {color: #fff;}
div#urban li a:hover {color: #000;}

div#urb_info {float: left; margin-bottom: 20px; padding: 0 0 0 20px; width: 780px; font: normal 0.9em Geneva, Arial, Helvetica, sans-serif; height: 100px; }
* html div#urb_info { font-size: 11px; }
div#urb_info p { padding: 0 2px;  }
div#urb_info > p:first-child {float: right;}
div#urb_info ul { list-style: circle url(images/list.gif) outside; }
div#urb_info li {font-size: 0.9em;}
 

div#urb_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#urb_info a:hover { color: #666; background: #fff; border: 1px solid #f36; }
div#urb_info a span { display: none; }
div#urb_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#urb_info a:hover span { font-size: 90%; }

#urb_wrap {float: left; width: 494px; height: 360px; margin: 20px 0 30px 5px; overflow: auto;}
div.urb_scroll {background: #c9c; }
div.urb_pic {width: 477px; height: 350px; margin-bottom: 10px;}
div.urb_pic img { border-left: solid 5px #eee; border-right: solid 5px #eee; } 
* html div.urb_pic img { margin-bottom: -4px; }

/* div.urb_scroll { width: 1500px; height: 376px;} */

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

div.tie_pic	{float: left; width: 300px; height: 386px; margin-top: 4px; }

div.sp_pic { float: left; width: 300px; height: 420px; margin-top: 4px; background: #c9c; text-align: center; font: normal 12px Arial, Helvetica, sans-serif; overflow: hidden; }
* html div.sp_pic { background: #c9c url(../images/sp_pic_bg_ie.gif) bottom left no-repeat; }
div.sp_pic img { float: left; margin-right: 10px; }

div.sp_name { float: right; width: 400px; height: 45px; margin: 4px 60px 30px 20px; }
div.sp_form { float: right; width: 400px; color: #000; padding: 12px 6px 6px 4px; 
				font-size: 16px; font-weight: bold; text-align: left; }		

.checkout {float: right; margin-top: 6px}

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 { float: right; width: 120px; height: 48px; padding: 10px 0 0; background-color: #FFF; }

/* menu buttons 7=index, 18=checkout */
div.b7 { float: left; width: 84px; height: 28px; background: url(../txt_index_over.gif) 0 0 no-repeat; }
div.b7 a { display: block; width: 100%; height: 100%; background: url(../txt_index.gif) top left no-repeat; }
div.b7 span { display: block; }
div.b7 a:hover { background-image: none; }
div.b17 { float: left; width: 102px; height: 28px; background: url(../txt_clo_menu_over.gif) 0 0 no-repeat; }
div.b17 a { display: block; width: 100%; height: 100%; background: url(../txt_clo_menu.gif) top left no-repeat; }
div.b17 span { display: block; }
div.b17 a:hover { background-image: none; }
div.b18 { float: right; width: 110px; height: 28px; background: url(../txt_viewbasket_over.gif) 0 0 no-repeat; }
div.b18 a { display: block; width: 100%; height: 100%; background: url(../txt_viewbasket.gif) top left no-repeat; }
div.b18 span { display: block; }
div.b18 a:hover { background-image: none; }

.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; }