/* Jean Philippe CSS Document */

@media all{

/* =universals
These rules are applied to all elements unless otherwise specified below.*/
* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol, hr { margin : 0 0px; padding: 0em; }

/* =html */
/*This creates a persistent scroll bar in Firefox to prevent page jump*/
html { overflow: -moz-scrollbars-vertical !important; }

/* =body */
body{background-color: #140C0A/*#160B0B*/;}

h1 {display: none;}

a{color: #EF9603; text-decoration: none;}
a:hover{color: #EF9603; text-decoration: underline;}

/* =pagecontainer */
div#pagecontainer{width: 1255px; margin: 0 auto;}

div#ShoppingCart{clear: both; width: 838px; margin: 20px 0px 0px 0px; text-align:right;}
div#ShoppingCartBottom{clear: both; width: 576px; text-align:right;}
div#flash-ShoppingCartNavigation{clear: both; width: 596;}

div#ContentArea{width: 858px; margin: 0px 0px 0px 0px; background-image: url(/images/shopping-cart/ContentBack.jpg);}

.NavigationBar{float: left; width: 262px; height: 538px;}
.NavigationBarLogo{width: 194px; height: 200px; margin: 34px 33px 36px 35px;}
.Navigation{width: 262px; height: 220px; margin: 0px 0px 0px 0px;}
.NavigationStamp{margin: 40px 0px 0px 141px; margin-bottom: 4px;}

div#CartWindow{float: right; clear: right; width: 596px;}
div#CartWindowBottom{clear: both; width: 858px;}
div#CartContainerBottom{width: 544px; height: 8px; background-image: url(/images/shopping-cart/CheckOut-PagerBottom.jpg); background-repeat: no-repeat;}

div#ProductCardContainer{width: 588px; background-image: url(/images/shopping-cart/ProductCards.jpg);}
div#ProductCardBottom{clear: both; width: 477px; height: 9px; margin-left: 111px; background-image: url(/images/shopping-cart/ProductCard-bottom.gif); background-repeat: no-repeat;}

div#ProductShot{float: left; width: 240px; margin: 15px 0px 0px 0px;}
div#ProductShotRightShadow{width: 10px; float: right;}

div#ProductPanContainer{width: 588px; background-image: url(/images/shopping-cart/ProductPan.jpg);}
div#ProductPanContainerBottom{width: 588px; height: 11px; background-image: url(/images/shopping-cart/ProductPan-bottom.gif);}

div#ContentContainer{float: right; width: 348px; min-height: 313px; margin: 15px 0px 0px 0px; background-image: url(/images/shopping-cart/ProductShotRightShadow.jpg); background-repeat:no-repeat; background-position: top left;}

div#TabsContainer{height: 33px; width: 324px; background-repeat: no-repeat;}

div#ProductName{
	float: left;
	width: 202px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EF9603;
	text-align: center;
	font-size: 12px;
	padding: 16px 10px 0px 0px;}

div#ProductCopy{
	float: left;
	width: 294px;
	font-family: Arial, Helvetica, sans-serif;
	color: #E8ECE9;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 10px 10px 20px;
}

div#ProductCopy p{
	margin: 0px 0px 10px 0px;
}

div#ProductCopy ul li{
	list-style-type: none;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

div#Igredients{
	float: left;
	width: 102px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EF9603;
	text-align: center;
	font-size: 12px;
	padding: 16px 10px 0px 0px;}

/***************************************************
	Shopping Cart Styles
***************************************************/
div#Cart{
	width: 544px;
	margin: 19px 0px 0px 24px;
}
div#CartColumnHeader{
	background-image: url(/images/shopping-cart/CheckOut-ColumnHeaderBck.jpg);
	margin: 18px 0px 0px 0px;
	padding: 10px;
	height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
}

div#CartContainer{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	min-height: 370px;
	color: #DEDAC7;
	font: 11px/18px Arial, Helvetica, sans-serif;
	background-image: url(/images/shopping-cart/CheckOut-PagerBck.jpg);
	background-repeat: no-repeat;
}

.ProductItem{
	height: 100px;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	clear: both;
	border-bottom: #7C4A0D 1px solid;
	margin: 0px 0px 10px 0px;
}

.Item{float: left; width: 250px;}
.Item img{
	margin: 0px 10px 0px 0px;
}

.Quantity{float: left; width: 90px;}

.Availability{float: left; width: 120px;}

.Price{float: left; width: 50px;}

.EditItem{float: left; clear: both; width: 510px}

div#PromotionCode{margin: 12px 0px 0px 0px; text-align: right; width: 510px;}

div#SubTotal{margin: 12px 0px 0px 0px; text-align: right; width: 510px;}

.CheckOutContainer{
	height: 20px;
	margin: 12px 12px 0px 12px;
	padding: 0px 0px 8px 0px;
}

.ThankYouContainer{
	height: 16px;
	margin: 12px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
}

.ThankYouHeader{float: left; width: 250px; font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #DEDAC7; text-transform: uppercase; margin: 3px 0px 0px 0px;}

.PrintContainer{padding: 0px 0px 10px 0px; width: 243px; float: right; text-align: right;}


div#QuickCheckOut{
	height: 20px;
	margin: 4px 12px 0px 12px;
	padding: 10px 0px 12px 0px;
	text-align: right;
	color: #DEDAC7;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	border-top: #7C4A0D 1px solid;
}

/***************************************************
	Shipping Information Styles
***************************************************/
.HeaderLeft{float: left; width: 270px;}

.HeaderRight{float: left; width: 250px;}

.ShippingInfo{width: 255px; float: left; border-right: #7C4A0D 1px solid;}

.BillingInfo{width: 255px; float: right;}

/***************************************************
	Shipping Choices Styles
***************************************************/
.ShippingChoicesContainer{width: 100%; float: left; border-top: #7C4A0D 1px solid; padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px; line-height: 16px;}

.SCHeader{width: 100%; float: left;}

.SCShipTo{width: 165px; float: left;}

.SCShippingMethod{width: 120px; float: left;}

.SCItem{width: 175px; float: left;}

.SCPrice{width: 56px; float: left; text-align: right; padding-right: 8px;}

.ReturnToShopping{padding: 0px 0px 10px 0px; width: 243px; float: left;}

.CheckOut{padding: 0px 0px 10px 0px; width: 243px; float: right; text-align: right;}

.SubTotalList{width: 460px; float: left;}


/***************************************************
	Order Review Styles
***************************************************/
.ShippingToHeader{width: 240px; border-top: #7C4A0D 1px solid; border-bottom: #7C4A0D 1px solid; font-weight: bold; text-transform: uppercase;}

.BillingToHeader{border-top: #7C4A0D 1px solid; border-bottom: #7C4A0D 1px solid; font-weight: bold; text-transform: uppercase;}

.ReviewShipTo{width: 160px; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 80px;}

.ReviewBillTo{border-bottom: #7C4A0D 1px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 10px;}

.ReviewItem{width: 160px; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 80px;}

.ReviewItem img{margin: 0px 10px 0px -80px; float: left;}

.ReviewTotal{border-top: 1px solid #7C4A0D; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 10px;}

/**********************************************************
	Div Rules
**********************************************************/
.rule{border-bottom: #7C4A0D 1px solid; clear: both;}
.ruledotted{border-bottom: #7C4A0D 1px dotted; margin-bottom: 6px;}
.ruleleft{border-bottom: #7C4A0D 1px solid; clear: both; margin: 0px 20px 0px 0px;}
.ruleawards{border-bottom: #7C4A0D 1px solid; clear: both; margin: 10px 0px 10px 0px;}

.SpacerDiv{clear: both;}


/******************************************
	Product Page Styles
******************************************/

/* Red Button Styles */
.button{
	width: 120px;
	color: #FAF7EF;
	background-color: #990000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-top: #B54545 solid 2px;
	border-bottom: #630000 solid 2px;
	border-left: #B54545 solid 2px;
	border-right: #640000 solid 2px;
	padding: 1px 4px 2px 4px;
}
a.button:link{color: #E7D9AD; text-decoration: none;}
a.button:hover{color: #E7D9AD; text-decoration: none;
	background-color: #7E0908;
	border-top: #630000 solid 2px;
	border-bottom: #B54545 solid 2px;
	border-left: #640000 solid 2px;
	border-right: #B54545 solid 2px;
}
a.button:visited{color: #E7D9AD; text-decoration: none;}
a.button:active{color: #E7D9AD; text-decoration: none;
	background-color: #7E0908;
	border-top: #630000 solid 2px;
	border-bottom: #B54545 solid 2px;
	border-left: #640000 solid 2px;
	border-right: #B54545 solid 2px;
}

/* Yellow Button Styles */
.yellowbutton{
	color: #FAF7EF;
	background-color: #B16C05;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-top: #C69449 solid 2px;
	border-bottom: #734603 solid 2px;
	border-left: #C69449 solid 2px;
	border-right: #734603 solid 2px;
	padding: 1px 4px 2px 4px;
}
a.yellowbutton:link{color: #E7D9AD; text-decoration: none;}
a.yellowbutton:hover{color: #E7D9AD; text-decoration: none;
	background-color: #995B08;
	border-top: #734603 solid 2px;
	border-bottom: #C69449 solid 2px;
	border-left: #734603 solid 2px;
	border-right: #C69449 solid 2px;
}
a.yellowbutton:visited{color: #E7D9AD; text-decoration: none;}
a.yellowbutton:active{color: #E7D9AD; text-decoration: none;
	background-color: #995B08;
	border-top: #734603 solid 2px;
	border-bottom: #C69449 solid 2px;
	border-left: #734603 solid 2px;
	border-right: #C69449 solid 2px;
}

input.Quantity {
	background: url(/images/shopping-cart/FormInputBckgrnd.jpg) repeat-x;
	border: 1px solid #B16C05;
	width: 20px;
	height: 16px;
	font: 8pt arial;
	color: #321210;
	text-align: center;
	letter-spacing: 0px;
	float: left;
	}
	
input.PromoCode {
	background: url(/images/shopping-cart/FormInputBckgrnd.jpg) repeat-x;
	border: 1px solid #B16C05;
	height: 16px;
	font: 8pt arial;
	color: #321210;
	padding: 0px 0px 0px 4px;
	letter-spacing: 0px;
	}
	


.ProductQuantity{
	float: left;
	margin: 10px 10px 0px 0px;
}

.ProductPrice{
	float: left;
	margin: 10px 0px 10px 0px;
}

.AdToCart{
	float: left;
	width: 304px;
	margin: 10px 0px 0px 0px;
}

/**************************************************************
	Form Specific Styles
***************************************************************/
form { margin: 0; display: inline; }

.formred{
	color: #CC0000;
}

.PleaseEnter{
	color: #CC0000; 
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0; 
	padding: 7px 8px 6px 0px;	
}

.CallOutContainer{float: left;}
.FieldContainer{float: right;}

.FormText{
	display: inline;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
}

FormText2{
	margin: 0 0 0px 0; 
	padding: 7px 8px 6px 0px;
	line-height: 12px;
	text-align: right;	
}

input.TextField {
	background: url(/images/shopping-cart/FormInputBckgrnd.jpg) repeat-x;
	border: 1px solid #B16C05;
	height: 16px;
	width: auto;
	padding: 0px 0px 0px 4px;
	font: 8pt arial;
	color: #321210;
	/*text-align: center;*/
	letter-spacing: 0px;
	/*float: right;*/
	display: inline;
}

select.FormDrop {
	/*background: url(/images/shopping-cart/FormInputBckgrnd.jpg) repeat-x;*/
	border: 1px solid #B16C05;
	/*height: 16px;*/
	width: auto;
	font: 8pt arial;
	color: #321210;
	/*text-align: center;*/
	/*letter-spacing: 0px;*/
	/*float: left;*/
}


.Footer{float: left; width: 262px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #835107; margin: 8px 0px 0px 0px; text-align: center;}

.ShoppingCartFooter{float: right; width: 278px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #835107; text-align: center; padding-top: 0px; padding-bottom: 10px;}


/* closing tag for "@media all" below */
}