* {padding:0; margin:0; }
body { font: 10pt Arial,Verdana,Geneva,Helvetica,sans-serif; color:#000; margin:10px auto; background:#fff url('images/store/10/background.png'); width:950px;}
a { color:#3a6ea5; text-decoration: none;}
a:hover { text-decoration: underline; }
div {position:relative;}
fieldset {border:1px solid black; padding:10px;}
label {text-align:right; padding:3px 5px 0 0; float:left;}

.clear {clear:both;}
.button {width:1%; padding: 0 4px; width:auto; overflow:visible; border: 1px solid black; margin:1px;}
.input {width:143px; padding: 1px; border: 1px solid #b2bac7; margin:1px;}
.textarea {border: 1px solid #b2bac7; margin:1px; padding: 1px; }
.checkbox {margin:4px 0 0 1px;}
.error {color:red;}
.inputdiv {clear:both;}
.inactive {text-decoration: line-through;}
td.min {width:1%; white-space:nowrap;}
#submitbutton {text-align:center; clear:both;}
.inputtxt {padding:3px 0 0 0;}

#login fieldset {width:250px;}
#login label {width:80px; }

#page { padding: 0; height:100%; }
#body { height:100%; width:100%; background: url('images/store/10/body.png');}
.content { float: left; padding-left:20px; width:700px; margin-top:10px;}

#header { clear:both; background: url('images/store/10/header.png') no-repeat; height:105px; width:950px;}
#header h1 {text-indent:-10000px;}
#footer { clear:both; background: url('images/store/10/footer.png') no-repeat; height:35px; width:950px;}
#copywrite {clear:both; padding-top:20px; font-size:8pt; text-align:center;}

#menu {float:left; width:168px; margin-top:10px;}
#menu .border {width: 168px; margin-bottom:5px; background: url('images/store/10/menu.png') no-repeat;}
#menu .bordercap {background: url('images/store/10/menu.png') no-repeat bottom; height:10px;}
#menu .menucontent {padding: 10px 5px; overflow: hidden; }
#menu h2 {font-size: 10pt; font-weight:bold; text-align:center; display:block; text-decoration:underline;}

#menu #menumain li {list-style:none;}
#menu #menumain li.cats {display:inline; padding:0; margin:0;}
#menu #menumain li a { color:#808080; font-weight: bold; text-decoration:none; }
#menu #menumain li.divider {border-top:1px solid black; margin: 5px 0; height:0;}
#menu #cart #checkoutlink {text-align:center; }
#menu #cart li {clear:both; list-style:none; border-top: 1px solid black; }
#menu #cart .cart_qty {float:left; width:20px; padding-top:2px;}
#menu #cart .cart_del {float:right; width:15px; text-align:right; z-index:10; padding-top:2px;}
#menu #cart .cart_name {float:left; padding-top:2px; font-size:8pt;}
#menu #cart .cart_name_color {font-size:7pt; }
#menu #cart .cart_name_size {font-size:7pt; }
#menu .indent1 {padding-left:0px;}
#menu .indent2 {padding-left:10px;}
#menu .indent3 {padding-left:20px;}
#menu .indent4 {padding-left:30px;}
#menu .indent5 {padding-left:40px;}
#menu .indent6 {padding-left:50px;}
#menu .indent7 {padding-left:60px;}
#menu .indent8 {padding-left:70px;}
#menu .indent9 {padding-left:80px;}
#menu .indent10 {padding-left:90px;}

#store #catitems li {list-style:none; padding:5px; width: 100px; float:left; border: 1px solid #7292cb; margin:5px; position:relative; text-align:center;}
#store #catitems li .itemprice {text-align:right; clear:both;}
#store #catitems li img {border:none; width:100px;}
#store li.childname {float:left; width:100px; list-style:none; padding:5px; text-align:center; border: 1px solid #7292cb; margin:5px;}
#store li.childname img {border:none;}
#store .itemrow {clear:both;}

#search #catitems li {list-style:none; padding:5px; width: 100px; float:left; border: 1px solid #7292cb; margin:5px; position:relative; text-align:center;}
#search #catitems li .itemprice {text-align:right; clear:both;}
#search #catitems li img {border:none; width:100px;}
#search fieldset {width:300px;}
#search label {width:100px;}
#search .itemrow {clear:both;}

#item fieldset {border:none;}
#item label {float:none;}
#item #pic {float:right; width:350px; margin-left:10px; }
#item #pic img#itempic {width:350px; border:none;}
#item #pic p {text-align:center; }
#item #pic .coloricon {width:30px; height:30px; margin:2px; border:2px solid black; padding:2px; cursor:pointer; text-align:center; float:left;}
#item #pic .coloriconsel {border:2px solid red;}
#item #pic .coloricon p {font-size:7pt;}
#item #iteminfo {width:280px; float:left;}
#item #iteminfo #itemdesc ul {margin: 10px;}
#item #iteminfo #itemdesc li {margin-left: 10px;}
#item #iteminfo #itemprice {font-weight: bold; margin:5px; text-align:right;}
#item #iteminfo #itemoptions {text-align:right;}
#item #iteminfo #itemoptions #qty {width:20px; text-align:right;}
#item #iteminfo #itemcart {text-align:right;}

#item #pic p {clear:both;}
#item #otherpics {text-align:center;}
#item #otherpics .picicon { float:left; border:2px solid black; margin:2px; }
#item #otherpics .piciconsel {border:2px solid red; }
#item #otherpics img {width:50px; height:50px; padding:2px; border:none; }



#largepic {width:600px; position:absolute; top:60px; left:150px; display:none; text-align:center; z-index:100; background:#fff; border:3px solid #000; padding:10px;}
#largepic img {width:550px; border:none; margin:5px;}

#checkout table {width:100%;border-collapse: collapse;}
#checkout table thead th {border-bottom:2px solid black; padding:0 5px;}
#checkout table td {border-bottom:1px solid black; padding:5px; vertical-align:top;}
#checkout .qty {width:20px; text-align:right;}
#checkout .each {text-align:right;}
#checkout .total {text-align:right;}
#checkout #submitbutton {text-align:right; padding:5px;}
#checkout #emptybutton {text-align:right; padding:5px;}
#checkout #checkoutbutton {text-align:right; padding:5px;}
#checkout #checkouttxt {margin:10px;}
#checkout fieldset {float:left; margin:15px; padding:10px;}
#checkout .textarea {width:143px;}
#checkout #shippingbox {width:290px; }
#checkout #shippingbox label {width:120px;}
#checkout #billingbox {width:270px; }
#checkout #billingbox label {width:100px;}
#checkout #payment {width:270px; }
#checkout #payment label {width:100px;}
#checkout #payment #cc_exp {width:80px;}
#checkout #payment p {font-size:8pt; display:inline;}
#checkout #totalbox {width:120px; border: 1px solid black; float:right; padding:10px; margin:5px; }
#checkout #totalbox label {width:70px;}
#checkout #totalbox .amount {padding:3px 5px 0 0; text-align:right;}
#checkout #authcc p {padding:10px;}
#checkout #promo_error {color:red; text-align:center; font-weight:bold;}


#order table {width:100%;border-collapse: collapse;}
#order table thead th {border-bottom:2px solid black; padding:0 5px;}
#order table td {border-bottom:1px solid black; padding:5px; vertical-align:top;}
#order .qty {width:20px; text-align:right;}
#order .each {text-align:right;}
#order .total {text-align:right;}
#order fieldset {float:left; margin:15px; padding:10px;}
#order #shippingbox {width:290px; }
#order #shippingbox label {width:120px;}
#order #billingbox {width:270px; }
#order #billingbox label {width:100px;}
#order #payment {width:270px; }
#order #payment label {width:100px;}
#order #payment #cc_exp {width:80px;}
#order #totalbox {width:120px; border: 1px solid black; float:right; padding:10px; margin:5px; }
#order #totalbox label {width:70px;}
#order #totalbox .amount {padding:3px 5px 0 0; text-align:right;}
#order #infobox {width:100%;}
#order #infobox label {width:100px;}



/* Lightbox */
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox//images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }