﻿
/* HTML ARTIFACTS */
body 
{
	text-align: center;
	margin: 0px 0px 20px 0px;
	background-image: url('images/bg.png');
	background-repeat: repeat-x; 
	/* background-color: #E1C5B9; #963508; #F8F8FF; */
	font-family: Arial;
}

#Content
{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#Content a
{
	color: #555555;
	text-decoration: none;
	padding: 0px 5px 0px 5px; 
}

#Content a:hover
{
	text-decoration: none;
	color: #963508;
}

#Header
{
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 130px;
	background-color: #FFFFFF;
}

#Footer
{
	font-size: 8.5pt;
	text-align: left;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

#Footer a, a:visited
{
	color: #963508;
	font-size: small;
	text-decoration: none;
}

#Footer a:hover
{
	color: #FFFFFF; 
	font-size: small;
	text-decoration: none;
}

#Navigation
{
	color: #555555;
	width: 550px;
	text-align: right;
	clear: both;
	font-size: 10pt;
}

#Navigation a
{
	color: #555555;
	text-decoration: none;
	padding: 0px 5px 0px 5px; 
}

#Navigation a:hover
{
	text-decoration: none;
	color: #963508;
}

#ShoppingCart a, a:visited
{
	color: #963508;
	text-decoration: none;
}

#CartImage
{
	float: right;
	width: 200px;
}

#ProductDetails
{
	/* border: solid 1px #666666; */
	width: 658px;
	min-height: 300px;
	margin: 0px auto 10px auto;
}

#ProductInformation
{
	float: right;
	width: 295px;
	font-size: 8pt;
}

#ShippingAddress
{
	width: 295px;
	float: left;
	padding-top: 3px;
	padding-bottom: 2px;
}

#BillingAddress
{
	width: 295px;
	float: right;
}

#PaymentInfo
{
	width: 295px;
	float: left;
	margin-top: 10px;
}

#PaymentSummary
{
	float: right;
	width: 295px;
	margin-top: 10px;
}

#Partners
{
	margin: 0 auto 0 auto;
	width: 600px;
	font-size: small;
}

#Partners a, a:visited
{
	color: #555555;
	text-decoration: none;
}

#ads
{
    background-image: url('images/mainShadow.png');
    background-repeat: no-repeat;
	padding-top: 10px;
	height: 420px;
}

/* CLASSES */
  
.product
{
    background: url('images/shadowAlpha.png') no-repeat bottom right;
    margin: 10px 0 0 10px;
	text-align: center;
	padding: 10px;
	font-size: 8pt;
	width: 160px;
}

.shoppingCartContents
{
	display: none;
	width: 200px;
	background-color: #963508;
	top: 0;
	left: 0;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	font-size: 10pt;
}

.shoppingCartContents a, a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.size
{
	background-color: #EEEEEE;
	border-color: #AAAAAA;
	border-width: 2px;
	border-style: solid;
	padding: 2px 2px 2px 2px;
	width: 24px;
	text-align: center;
	font-size: 9pt;	
	margin: 2px 2px 2px 2px;
	cursor: pointer;
	float: left;
	color: #AAAAAA;
}

.cartItem
{
	width: 650px;
	margin: 0 auto 0 auto;
	font-size: 9pt;
}

.cartItemHeader
{
	background-color: #FFFFFF;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	padding: 10px 0px 2px 10px;
	font-size: 10pt;
}

.cartItemBody
{
	border-left: solid 1px #666666;
	padding: 2px 7px 2px 10px;
}

.button
{
	cursor: pointer;
	color: #000000;
	background-color: #FFFFFF;
}

.shoppingCart
{
	float: right;
	width: 198px;
	text-align: right;
	font-size: 10pt;
	color: #963508;
	background-color: #FFFFFF;
	margin-right: 15px;
	margin-top: 10px;
}

.shoppingCart a, a.visited
{
	color: #963508;
}

.checkoutWrap
{
	width: 600px;
	margin: 0px auto 0px auto;
}

.modalBackground
{
	background-color: #CCCCCC;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.cardInfo
{
	width: 500px;
	height: 580px;
	border: solid 1px #000000;
	font-size: 10pt;
	background-color: #FFFFFF;
	cursor: default;
}

.cardInfoDrag
{
	width: 497px;
	height: 21px;
	padding-top: 4px;
	padding-left: 3px;
	color: #000000;
	text-align: left;
	border-bottom: solid 1px #000000;
	cursor: move;
}

.cardInfoBody
{
	width: 497px;
	height: 552px;
	padding-left: 3px;
	padding-top: 3px;
}

.calloutValidator
{
	border: solid 1px #CC0000;
	background-color: #FFDDDD;
	color: #CC0000;
	font-size: 10pt;
}

.noProductsPanel
{
	width: 600px;
	margin: 40px auto 20px auto;
	height: 280px;
	text-align: center;
}
