﻿* { font-family:Verdana; }
span, label { white-space:normal; }

/* left side */
a.back { width:30px; height:auto; display:inline-block; vertical-align:top; margin:20px 0 0 5px; border:none 0; }
div.lt { width:400px; height:auto; padding-left:25px; margin:0; display:inline-block; vertical-align:top; border:none 0; float:left }

div.shipbar { width:250px; height:auto; margin:50px 0 10px 0; }
h2 { font-size:1.1em; font-weight:bold; color:#603913; display:block }
div.shipbar span { font-size:0.8em; font-weight:normal; color:#603913; margin-top:10px; display:block }

div.imgbar { width:330px; height:auto; overflow:hidden; display:block; background-color:white; margin:6px 0 15px 0; }
div.thmb { width:auto; height:auto; margin:0 2px 0 0; display:inline-block; border:none; cursor:pointer; background-color:white; padding:0 }
div.thmb div { border-color:#cccccc }
div.thmb:hover div { border-color:#cc66ff; }
div.thmb:hover div.imgzm { top:0px; display:block }

div.img64 { width:64px; height:64px; margin:1px 0 1px 0; cursor:pointer; border:solid 1px white; display:inline-block; background-color:White }
div.img64 div { width:64px; height:64px; margin:0; text-align:center; vertical-align:middle; display:table-cell; }
div.img64 div img { width:auto; height:auto; max-width:64px; max-height:64px; display:block; }

div.img320 { width:320px; height:320px; padding:4px; display:table-cell; line-height:320px;
	border:solid 1px #cccccc; text-align:center; vertical-align:middle; background-color:White; }
div.img320 img { width:auto; height:auto; max-width:320px; max-height:320px; display:block; vertical-align:middle; }

div.imgzm { position:absolute; z-index:999; top:-1500px; left:66px; display:none; }
div.imgzm div.img320 { border:solid 1px #CC66FF }
	
/* right side */
div.rt { width:500px; height:auto; padding-top:15px; margin:0;	display:inline-block; vertical-align:top; float:left; }

h1 { font-size:1.2em; font-weight:bold; white-space:normal; display:block; padding:0 }
span.desc { font-size:0.85em; margin:10px 0 10px 0; display:block; }

div.items { width:450px; height:auto; margin:15px 0 10px 0; padding:5px 0 5px 0; display:block; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc }
/*
div.itm { margin:0; width:100%; height:auto; display:block }
div.itmname { width:300px; padding:28px 10px 0 0; height:auto; display:inline-block; vertical-align:top; text-align:right }
div.itm h2 { font-size:0.8em; width:215px; height:auto; text-align:right; display:inline-block; vertical-align:top; }
div.itm span { font-size:0.8em; width:75px; height:auto; text-align:right; display:inline-block; vertical-align:top; }
div.itm input[type="text"] { padding:2px; font-size:0.85em; text-align:center; font-weight:bold; width:35px; height:auto; display:inline; border:solid 1px #999999; vertical-align:top; margin:25px 22px 0 10px; }
div.itm:hover { background-color:#F6E1FA; }
div.itm:hover div.imgzm { left:66px; }
div.itm:hover div.img64 { border-color:#cc66ff; }
*/

div.rt input[type="submit"] { height:1.85em; padding:0 7px 0 7px; margin:0 0 0 300px; border:outset 2px #cc9966; display:inline; 
	background-color:#663300; font-size:0.7em; font-family:Verdana; color:White; cursor:pointer }

/* item options list */
div.items table { margin:0; padding:0; border-collapse:collapse; }
div.items td { margin:0; padding:3px 0 3px 0; min-height:60px; border-collapse:collapse; font-family:Verdana; vertical-align:middle; text-align:center }
div.items td.c1 { width: 200px; text-align:right }
div.items td.c2 { width: 75px; text-align:right }
div.items td.c3 { width: 100px; }
div.items td.c4 { width: 75px; text-align:left; }
/* tr:hover td { background-color:#F6E1FA; } */
div.items tr:hover div.imgzm { left:66px; }

div.items td.c1 h2 { font-size:0.8em; height:auto; color:Black; text-align:left; display:block; }
div.items td.c1 span { font-size:0.7em; height:auto; color:black; text-align:left; display:block; }
div.items td.c2 span { font-size:0.8em; font-weight:normal; text-align:right; display:block; }
div.items td.c3 input[type="text"] { width:35px; padding:2px; border:solid 1px #999999; 
	font-size:0.85em; text-align:center; font-weight:bold; }
div.items td.c4 img.thmb { max-width:60px; max-height:60px; display:inline-block; }
div.items td.c4 span { width:30px; height:30px; display:inline-block; border:solid 1px #999999 }

span.prc { color:Black; }
span.sale { color:Red; }
span.reg { color:#666666; font-size:0.7em; }

/* footer */
div.also { width:100%; height:auto; min-height:75px; border-top:solid 1px #cccccc; margin:20px 0 10px 0; padding:0 }
div.also a { width:80px; height:auto; display:inline-block; }
div.also a img { max-width:80px; max-height:80px; display:block; }
div.also a span { font-size:0.8em; color:Purple; white-space:normal; display:block; }
div.also a:hover span { text-decoration:underline; }

div.btns { margin:10px 0 30px 0; display:block; vertical-align:middle; width:auto; height:auto; }
div.btns img { margin-right:5px; display:inline; vertical-align:middle; }
div.btns input[type="button"], div.btns input[type="submit"] { margin:1px 8px 0 0; }

input[type="button"], input[type="submit"] { height:2em; padding:0 5px 0 5px; display:inline; width:auto;
	border:outset 2px #cc9966;	background-color:#663300; font-size:0.7em; font-family:Verdana; color:White; cursor:pointer }

div.share { position:absolute; top:50px; left:50%; width:450px; height:auto; margin:0 0 0 -225px; 
	border:solid 5px #666666; background:white; z-index:999; padding:15px 20px 15px 20px; }
div.share span { padding:0; margin:0 }
div.share img { padding:0; margin:0 }
div.share div h3 { font-weight:bold; display:block; margin:0 0 20px 55px; padding:0; color:#603913 }
div.share div label { width:40px; display:inline-block; font-size:0.8em; color:#630; margin:4px 15px 15px 0; text-align:right; vertical-align:middle; }
div.share div input[type="text"] { width:350px; vertical-align:middle; font-size:0.85em; margin:0 0 5px 0; padding:5px; border:solid 1px #ccc }
div.share input[type="button"], div.share input[type="submit"] { margin:0 0 0 10px; float:right; height:2.2em }
div.share div textarea { width:350px; padding:5px; border:solid 1px #ccc; font-size:0.85em; vertical-align:top; }
div.share span.info { display:inline; color:#999; font-size:0.75em; font-style:italic }
div div.p2 label { width:60px; display:inline-block; vertical-align:middle }
div div.p2 h3 { margin:0 0 10px 5px; }
