﻿/* General =========================================================== */

.clear {
	clear: both;
}

h4 {
	margin: 0;
	padding: 0;
}

#sidePanel {
	float: right;
	font-size: 1.1em;
	margin-right: 50px;
	padding-top: 10px;
	width: 285px;
	text-align: center;
}

#store_body {
	float: left;
	font-family: arial,tahoma,verdana,sans-serif;
	font-size: 1.2em;
	height: auto !important;
	margin: 0 0 0 50px;
	min-height: 340px;
	padding: 0px;
	width: 600px;
}

#breadcrumb {
	margin: 0 0 0 50px;
}

div#currency {
	width: 145px;
	margin: 0 auto;
	padding-bottom: 10px;
}

img#featItem {
	float: left;
	margin-right: 10px;
}

div#store_body ul {
	padding: 0 10px;
	list-style: inside  circle;
}

div#store_body ul li{
	margin: 5px 0;
}

#progress {
	margin-left: 50px;
}

div#progress img {
	border: none;
	margin-top: 3px;
}

div#store_body h2.storeTitle {
	font-size: 18px;
	text-indent: 0;
	font-weight: bold;
	height: 18px;
}

.VAMRequiredFieldMarker img{
	border: none;
}

/* Store Titles ========================================== */

div#store_body h2{
	width: 596px;
	height: 24px;
	text-indent: -30000px;
	margin: 10px auto;
}

h2#welcome {
	background: url(/store/images/titles/JB_welcome.gif)
}

h2#feature {
	background: url(/store/images/titles/JB_feat.gif)
}
	

/* Sidebar Titles ========================================== */

div#sidePanel h2 {
	width: 237px;
	height: 52px;
	text-indent: -30000px;
	margin: 10px auto;
}

h2#currency {
	background: url(/store/images/titles/JB_currency.gif)
}

h2#account {
	background: url(/store/images/titles/JB_account.gif)
}

h2#categories {
	background: url(/store/images/titles/JB_categories.gif)
}

h2#custserv {
	background: url(/store/images/titles/JB_custserv.gif)
}

/* Catalog Catrgory Listing ========================================== */

.thumbnailView {
	width: 30%;
	height: 250px;
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 0;
	border: 1px solid #ccc;
	text-align: center;
}

.thumbnailView h4 {
	margin: 0 0 10px 0;
	font-size: 16px;
	padding: 5px;
}

.DataListHeader {
	margin-top: 10px;
}

.DataListFooter {
	clear: both;
}

a.switchSummaryView, a.switchThumbnailView {
	padding: 5px;
	border: 1px solid #ccc;
	display: block;
	width: 100px;
}

a.switchThumbnailView {
	width: 110px;
}

a.switchSummaryView:hover, a.switchThumbnailView:hover {
	background: #ccc;
	color: #000;
	border: 1px solid #555;
}

/* Tickets ================================================================= */

table#TicketListing {
	border-collapse: collapse;
	width: 100%;
}

table#TicketListing th {
	text-align: left;
	background: #999;
	color: #000;
	padding: 5px;
}

table#TicketListing td {
	padding: 5px;
	border-bottom: 2px solid #ccc;
}

/* Summary View ===== */

.summaryView {
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 5px;
	width: 95%;
}

.summaryView h4 {
	margin: 0;
	padding: 5px;
	color: #AFB18C;
	font-size: 16px;
}

h4.displayNameSide {
	display: none;
}

.summaryView img {
	float: left;
	margin: 5px 5px 5px 0;
}

.summaries {
	width: 50%;
	float: left;
}

p.price {
	font-weight: bold;
}

p.timeLimit {
	color: #f00;
}

/* Add To Cart Panel ======= */

#addToCart {
	width: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
}

/* Summary Add To Cart ===== */

.summaryAddToCart #addToCart {
	width: 200px;
	padding: 5px;
	border: 1px solid #ccc;
	float: right;
	clear: none;
}

/* Product View ====================================================== */

img.productImage {
	width: 250px;
	height: 250px;
	float: right;
	margin: 0 0 10px 10px;
}

.description {
	border-top: 2px solid #ccc;
}

.description ol{
	list-style: outside decimal;
	padding-left: 30px;
}

.description h4{
	font-size: 16px;
	margin: 10px 0;
	color: #AFB18C;
}

div.trackWrapper {
	float: left;
	margin-right: 30px;
}

ul.features {
	list-style: none;
}

/* View Cart ========================================================== */

#cartHeader {
	text-align: right;
	margin-top: 10px;
}

a.checkoutButton {
	padding: 5px;
	border: 1px solid #ccc;
}

a.checkoutButton:hover {
	background: #ccc;
	border: 1px solid #555;
	color: #000;
}

p.subTotal {
	padding: 5px;
	border: 1px solid #ccc;
}

.dollars {
	font-weight: bold;
}

table#cartItems {
	width: 100%;
	border-collapse: collapse;
}

table#cartItems th {
	text-align: left;
	background: #999;
	color: #000;
	padding: 5px;
}

table#cartItems td {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#cartFooter {
	text-align: right;
	margin: 15px 0;
}

a.continueButton {
	float: left;
}

/* Checkout General ========================================= */

.WizardButtonCss { /* The continue and cancel order buttons at the bottom of the checkout pages */

}

.WizardButtonCss a {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 10px;
}

.WizardButtonCss a.cancelButton {
	float: left;
	border: 1px solid #999;
}

.WizardButtonCss a.cancelButton:hover {
	background: #999;
	color: #000;
}


.WizardButtonCss a.nextButton {
	float: right;
	border: 1px solid #999;
}

.WizardButtonCss a.nextButton:hover {
	background: #999;
	color: #000;
}

/* Payment Method =========================================== */

#newPayment {
	padding: 5px;
	margin: 5px 0;
}

/* New Payment Method */

.styledForm label {
	width: 140px;
	display: block;
	float: left;
	text-align: right;
	margin: 5px;
}

.styledForm input, .styledForm select {
	margin: 5px 3px;
}

/* Address And Payment Methods ================================================== */

/* New Address */

#newAddress {
	padding: 5px;
	margin: 5px;
}

.newAddressArea {
}

.savedAddress, .savedPayment, .selectedAddress, .selectedPayment {
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
	width: 50%;
}

.selectedAddress, .selectedPayment {
	background: url(/store/images/selected.gif) top right no-repeat;
	border: 1px solid #ccc;
	width: 60%;
}

.savedAddresses, .savedPayments {
	padding: 5px;
	margin: 10px 0;
}

.savedAddress dl, .savedPayment dl {
	margin: 0;
	padding: 0;
}

.selectedPayment dl dt {
	width: 70px;
	float: left;
}

.savedPayment dl dt, .selectedPayment dl dt {
	font-weight: bold;
}

.savedAddress dl dd, .savedPayment dl dd, .selectedAddress dl dd {
	margin: 0;
	padding: 0;
}

.AspNet-FormView-Data dl dd {
	margin: 0;
	padding: 0;
}

.addButton {
	display: block;
	margin: 10px 0;
}

.switchView {
	margin-top: 10px;
}

.savedAddresses h4, #newAddress h4, .newPaymentArea h4 {
	width: 50%;
}

/* Delivery Method */

.deliveryMethod {
	clear: both;
	margin: 10px 0;
	padding: 5px;
}

/* Order Summary =================================================== */

.finishButton {
	width: 100%;
}

.finishButton a{
	border: 1px solid #999999;
	float: right;
	margin: 10px;
	padding: 5px;
	text-align: right;
	width: 76px;
	display: block;
	clear: both;
}

.finishButton a:hover {
background:#CCCCCC none repeat scroll 0%;
border:1px solid #555555;
color:#000000;}

.confirmSection {
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;
}

.confirmSection h3 {
	margin: 0 0 10px 0;
}

a.changeButton {
	padding: 5px;
	border: 1px solid #ccc;
	float: right;
}

a.changeButton:hover {
	background: #ccc;
	border: 1px solid #555;
	color: #000;
}

/* Your Items */

.confirmSection table {
	border-collapse: collapse;
	width: 100%;
}

.confirmSection table th {
	padding: 5px;
	text-align: left;
	background: #999;
	color: #000;
}

.confirmSection table td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

/* Order Summary */

table#orderSummary th {
	border-bottom: 1px solid #ececec;
	vertical-align: top;
}

.detailsLink {
	display: none;
}

/* Shipping Method */

dl.shippingMethod dt {
	font-weight: bold;
}

/* CCV Number Pop Up ========================================= */

#helpPopup {
	position: absolute;
	width: 400px;
	background: #000;
	border: 1px solid #fff;
	padding: 5px;
	display: none;
	font-size: small;
}

#helpPopup h3 {
	margin: 0;
	padding: 0;
}
	
.commentBox {
	width: 590px;
}

.CheckoutWizardCss .DataListItemRow img{
	display:none;
	}	
	
div#CDSubCat {
	text-align: center;
}

div#CDSubCat img{
	margin: 10px 15px;
}

/* VALIDATION */


.DESVALRequiredFieldMarker img{border:none;}