/*
module.css
-----------------------------------------
Title:       Phoenix : Module [based on 'Manticore']
Author:      Matt Kauffman
Company:     Iventa
Version:     2.01 - 05 Sept. 2008 :: simplified version for project 'PHOENIX'

Description:
module.css is intended to hold all rules related to specific modules or page elements. Rules here can be used to override styles established
in global.css or extend upon them. A module can be defined as any self-contained element on a page. There are 3 types of modules: panels, widgets and primaryPageControls

*/

/* 
################
breakafter:true;
style-group:Quick Cart;
################
*/

/*
configurable:false; 
mapsto:Quick Cart;
*/
.quickCartListStyle ul.cartItems
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}

.quickCartListStyle ul.cartItems li
{
	list-style: none;
	clear: both;
}
.quickCartListStyle ul.cartItems .cartItemImage
{
	display: block;
	float: left;
	margin: 3px;
	padding: 0px;
	border: none;
}
.quickCartListStyle ul.cartItems .cartItemName
{
	margin-bottom: 8px;
}

.quickCartListStyle ul.cartItems .cartItemInfo
{
	float: left;
}

.quickCartListStyle ul.cartItems .cartItemInfo dl dt
{
	float: left;
	clear: both;
	width: 50px;
}
.quickCartListStyle ul.cartItems .cartItemInfo dl dd
{
	margin-left: 50px;
	color: #222;
}

.quickCartListStyle ul.cartItems .cartItemInfo p.cartItemOptions
{
	clear: both;
}

.quickCartListStyle ul.quickCartLinks
{
	list-style: none;
	display: block;
}

.quickCartListStyle ul.quickCartLinks li
{
	list-style: none;
	display: block;
	padding-left: 22px;
	float: left;
}

/***** Shipping and Tax Estimator *****/

.shippingAndTaxEstimator .zipcodeTextBox
{
	width: 60px;
}

.shippingAndTaxEstimator .spacer
{
	padding: 3px;
}

/* 
################
breakafter:true;
style-group:Product List Widget;
################
*/

/***** Product List Widget *****/

/*
help: Control the appearance product titles in product list widgets; 
configurable:false; 
*/
.productListWidget .productListItem h4 {
	text-align: center;
	color: #fff;
}

.productListWidget .productListItem a {
	text-align: center;
	color: #fff;
	text-decoration: none;
}

/*
help: Control the appearance of product thumbnails in product list widgets; 
*/
.productListWidget .productListItem img
{
	border-width: none; /* this !important is required to override the inline style generated by .NET */
	border-style: none; 
	border-color: none; 
	margin: 5px 0px 3px 10px;
	float: left;
}

/*
help: Control the appearance of original price labels when a product is on sale within the product list widget.; 
*/
.productListItem span.originalPriceLabel
{
	text-decoration: line-through;
	float: left;
	color: #CCCCCC;
	margin-left: 10px;
}

/*
help: Control the appearance of the original price when a product is on sale within the product list widget.; 
*/
.productListItem span.originalPrice
{
	text-decoration: line-through;
	float: right;
}

/*
help: Control the appearance of sale price labels when a product is on sale within the product list widget.; 
*/
.productListItem span.salePriceLabel
{
	font-weight: bold;
	float: left;
	clear: both;
	color: #990000;
	margin-left: 10px;
}

/*
help: Control the appearance of the sale price when a product is on sale within the product list widget.; 
*/
.productListItem span.salePrice
{
	font-weight: bold;
	float: right;
}

/*
help: Control the appearance of sale messages for products which are on sale within the product list widget. 
A sale message reads along the lines of "10% off you save $3.00!"; 
*/
.productListItem span.saleMessage
{
	color: #d85d34; 
	font-weight: bold;
}

/* 
################
breakafter:true;
style-group:Promo Widget;
################
*/

/***** Promo Widget *****/

/*
help: Promo area; 
configurable:false; 
mapsto:Promo Widget;
*/
div.promo
{
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #0e0e0e;
}

/* 
------------------------------------------------
PrimaryPageControls
------------------------------------------------
*/

/* 
################
breakafter:true;
style-group:Homepage;
################
*/

/***** Home *****/

/*
help: Control the apperance of headers for product list widgets.; 
configurable:false; 
mapsto:Home Page;
*/

#pPCHomePage .productListWidget h2
{
	font-weight: bold;
}

/*
help: Control the padding around home page product list widgets.; 
configurable:false; 
mapsto:Home Page;
*/
#pPCHomePage .productListWidget
{
	border: solid 1px #555555;
	margin-bottom: 10px;
}

/*
help: Control the appearance of product titles in home page product list widgets.; 
configurable:false; 
mapsto:Home Page;
*/
#pPCHomePage .productListWidget .productListItem h3
{
	margin-bottom: 3px;
	font-weight: bold;
	border: none;
}

/* 
################
breakafter:true;
style-group:Category Page;
################
*/

/***** Category/Department *****/

#pPCCategory .gridStyleCategoryListItem
{
	float: left;
}

/*
help: Control the appearance of products on Category Pages ; 
configurable:false; 
mapsto:Category/Department Page;
*/
#pPCCategory .productListItem .spacer
{
	padding: 10px; 
	margin: 5px;
	border: none;
}

#pPCCategory .
.productListItem .first
{
	clear: both;
}

/*
help: Control the appearance of the original price when a product is on sale on category pages.; 
configurable:false; 
mapsto:Category/Department Page;
*/

#pPCCategory .saleOriginalPrice
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: line-through;
	padding-right: 1px;
}

/*
help: Control the appearance of the sale price when a product is on sale on category pages.; 
configurable:false; 
mapsto:Category/Department Page;
*/
#pPCategory .salePrice, 
{
	display: inline;
	color: #222;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 2px;
}

/*
help: Control the appearance of sale messages for products which are on sale on category pages. 
A sale message reads along the lines of "10% off you save $3.00!"; 
configurable:false; 
mapsto:Category/Department Page;
*/
#pPCCategory .saleMessage
{
	color: #D85D34;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 1px;
}

/***** List sorter panel *****/
div.categorySorter fieldset
{
	border-width: 0px;
}

div.categorySorter legend
{
	display: none;
}

div.categorySorter .sortCriteriaDropDown
{
	display: block;
	float: left;
	margin: 5px;
}

/*
help: Control the appearance of sort ascending button. When users click this button it reverse the order in which products are displayed.; 
configurable:false; 
mapsto:Category/Department Page;
*/
div.categorySorter .buttonSortOrderAscending
{
	display: block;
	float: left;
	background-image: url(/Images/GenericIcons/up.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 9px 5px 0px 5px;
}

/*
help: Control the appearance of sort descending button. When users click this button it reverse the order in which products are displayed.; 
configurable:false; 
mapsto:Category/Department Page Listing Controls;
*/
div.categorySorter .buttonSortOrderDescending
{
	display: block;
	float: left;
	background-image: url(/Images/GenericIcons/down.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;

}

div.categorySorter .itemsPerPageDropDown
{
	display: block;
	float: right;
	margin: 5px;
}

/***** Pagination panel *****/

/*
help:Control the appearance of the paging links on category list pages. Paging links appear when there are more products in a category than 
the items per page configuration setting in Feature Configuration. It provides links to subsequent pages of products.; 
configurable:false; 
mapsto:Category/Department Page Listing Controls;
*/
div.categoryPager
{
	padding-top: 10px; 
	padding-bottom: 10px;
	text-align: center;
}

div.categoryPager span.paginationLinks
{
	display: block;
	float: left;
	font-weight: bold;
	padding-left: 4px;
}

div.categoryPager span.paginationLinks span
{
	display: block;
	float: left;
	padding-top: 4px;
}

div.categoryPager span.paginationLinks span.activePaginationItem
{
	padding: 2px 4px 4px 3px;
	font-size: 16px;
}

/*
help:Control the appearance of the links to additional pages of products on category pages.; 
configurable:false; 
mapsto:Category/Department Page Listing Controls;
*/
div.categoryPager a
{
	display: block;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	background-color: #FBFAF5;
}

/*
help:Control the appearance of the links to additional pages of products on category pages when users mouse over them.; 
configurable:false; 
mapsto:Category/Department Page Listing Controls;
*/
div.categoryPager a:hover
{
	text-decoration: none;
	background-color: #ddd;
}

/*
help:Control the appearance of the text which displays the total number of products in a category.; 
configurable:false; 
mapsto:Category/Department Page Listing Controls;
*/
div.categoryPager span.itemCount
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 8px;
	padding-top: 4px;
}

/* 
################
breakafter:true;
style-group:Product Pages;
################
*/

/***** Product *****/

/*
configurable:false; 
mapsto:Product Page Layout;
*/
#pPCProduct p
{
	margin: 5px 0px 5px 8px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}


/*
help: Control the appearance of the area on product pages that includes the price, product item drop down, 
quantity field, add to cart button and teaser.;  
configurable:false; 
mapsto:Product Page Product Details;
*/
#pPCProduct .productDetail .spacer
{
	margin: 10px;
	margin-top: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	zoom: 1;
}

#pPCProduct .productDetail .spacer .giftCertificate
{
	margin-bottom: 10px;
}

#pPCProduct .productDetail div.rating
{
	float: left;
	clear: left;
}

#pPCProduct .productDetail div.SKU
{
	float: left;
	clear: left;
}

#pPCProduct .productDetail div.pricing
{
	float: left;
	clear: left;
}

#pPCProduct .productDetail div.addToCart
{
	text-align: right;
	float: right;
}

#pPCProduct .productDetail .productItemsDropDown
{
	display: block;
}

#pPCProduct .productDetail .quantityTextBox
{
	width: 35px;
}

/*
help: Control the appearance of the text which shows the count of items in stock if that feature is enabled.;  
configurable:false; 
mapsto:Product Page Product Details;
*/
#pPCProduct .productDetail .itemsInStock
{
	font-style: italic;
}

/*
help: Control the appearance of the button used to enlarge images. If you choose to use a different image change the height to match the 
height of that image and change the text-indent to match the width of the image.;  
configurable:false; 
mapsto:Product Page Images;
*/
#pPCProduct a.enlargeImageLink span
{
	display: block;
	float: left;
	background-image: url(/Images/GenericIcons/zoom.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 22px;
	text-indent: 24px;
	padding-top: 5px;
	margin: 3px;
	cursor: hand;
}

#pPCProduct .productImages ul.additionalImages
{
	list-style: none;
}

#pPCProduct .productImages ul.additionalImages li
{
	float: left;
}

/*
help: Control the appearance of additional images for a product. If a product has multiple images each will be represented with a mini image
 beneath the currently active detail image.;  
configurable:false; 
mapsto:Product Page Images;
*/
#pPCProduct .productImages ul.additionalImages li a img.mini
{
	height: 50px;
	padding: 1px;
	margin: 3px;
	border-width: 3px;
	border-style: solid;
	border-color: Black;
}

#pPCProduct .description
{
	clear: both;
}

/* rating stars are generated in markup so this is currently not configurable */
.reviews .ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.reviews .filledRatingStar
{
	background-image: url(/Images/GenericIcons/FilledStar.png);
}

.reviews .emptyRatingStar
{
	background-image: url(/Images/GenericIcons/EmptyStar.png);
}

/*
help:Saved Rating Star; 
configurable:false; 
mapsto:Review Panel;
*/
.reviews .savedRatingStar
{
	background-image: url(/Images/GenericIcons/SavedStar.png);
}

.reviews .avgStarRating
{
	position: relative;
	width: 75px;
	height: 15px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/Images/GenericIcons/star.gif) left -1000px repeat-x;
	background-position: left top;
}

.reviews .avgStarRating .currentRating
{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 15px;
	line-height: 15px;
	outline: none;
	overflow: hidden;
	z-index: 1;
	background: url(/Images/GenericIcons/star.gif) left -1000px repeat-x;
	background-position: left bottom;
}

/***** SignIn/SignUp *****/
#pPCSignIn h3
{
	margin-bottom: 5px;
}

#pPCSignIn fieldset
{
	border-width: 0px;
	border-bottom-style: none;
	border-color: #CCCCCC;
	padding: 15px;
}

#pPCSignIn fieldset legend
{
	display: none;
}

#pPCSignIn div.captchaWrapper
{
	clear: both;
}

#pPCSignIn .forgotPasswordLink
{
	vertical-align: text-bottom;
}

/***** Cart *****/
/* 
################
breakafter:true;
style-group:Cart Page;
################
*/

#pPCCart h2
{
	float: left;
}

/*
help:Customize the look of the table which lists the items in cart;  
configurable:false; 
mapsto:Cart;
*/
table.cart
{
	width: 99%;
	border-width: 1px;
	border-style: solid;
	margin: auto;
}

/*
help: Control the appearance of individual table cells on the cart page. 
 Table cells seperate each distinct bit of information shown in the cart 
such as a products title and price.;  
configurable:false; 
mapsto:Cart;
*/

table.cart td p
{
	margin-bottom: 3px;
}

table.cart .cartItemImage
{
	text-align: center;
}

table.cart .cartItem
{
	text-align: left;
}

table.cart .cartItemPrice
{
	text-align: left;
}

table.cart .cartItemQuantity
{
	text-align: center;
}

table.cart .cartItemSubTotal
{
	text-align: left;
}

table.cart td.promoDescription
{
	text-align: right;
}

table.cartTotals
{
	float: right;
	padding: 5px;
}

table.cart td.subTotalLabel
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}

table.cart td.subTotal
{
	font-size: 12px;
	font-weight: bold;
}

table.cart td.shippingLabel
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}

table.cart td.shipping
{
	font-size: 12px;
	font-weight: bold;
}

table.cart td.discountsLabel
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}

table.cart td.discounts
{
	font-size: 12px;
	font-weight: bold;
}

table.cart td.taxLabel
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}

table.cart td.tax
{
	font-size: 12px;
	font-weight: bold;
}

table.cart td.totalLabel
{
	text-align: right;
	font-size: 13px;
	font-weight: normal;
}

table.cart td.total
{
	font-size: 13px;
	font-weight: bold;
}

#pPCCart .buttonBottomCheckout, #pPCCart .buttonTopCheckout
{
	margin-top: 15px;
	font-size: 14px;
	height: 28px;
}

#pPCCart div.topCartButtons
{
	float: right;
}

/*
help: Control the appearance of the promo code entry form on the cart page.;  
configurable:false; 
mapsto:Cart;
*/
#pPCCart div.promoCodeForm
{
	float: left;
	padding: 3px;
	margin-top: 15px;
}

#pPCCart div.promoCodeForm fieldset
{
	border-width: 0px;
	border-style: solid;
	border-color: #000000;
}

#pPCCart div.promoCodeForm fieldset legend
{
	display: none;
}

#pPCCart div.promoCodeForm h3
{
	margin: 0px;
}

/**** MyAccount Left Navigation ****/

#myAccountNav div.secondaryNavigation
{
	padding: 0px 0px 8px 0px;
	width: 165px;
	border: 1px solid #ccc;
	background: #fff; /*url(../Images/Template/myaccount-nav-bg.gif);*/
	height: auto;
	text-align: left;
}

#myAccountNav h3
{
	background: #aabcb8;
}

#myAccountNav ul
{
	margin: 0;
	padding: 0;
}

#myAccountNav ul li a
{
	color: #444;
	font-size: 12px;
	padding: 3px 4px 3px 7px;
	display: block;
	border-left: 3px solid #fff;
	text-decoration: underline;
	text-align: left;
}

#myAccountNav li a:hover
{
	color: #668501;
	text-decoration: none;
	border-left: 3px solid #668501;
}

/***** MyAccount Edit Profile *****/
/* 
################
breakafter:true;
style-group:MyAccount Section;
################
*/

#pPCUserProfile .buttonUpdateUserProfile
{
	display: block;
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

/***** MyAccount Change Password *****/
#pPCChangePassword .buttonUpdatePassword
{
	display: block;
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

/***** MyAccount Mailing List Subscriptions *****/
#pPCUserMailingList .buttonUpdateMailingListSubscriptions
{
	margin-top: 15px;
}

/***** MyAccount Downloads [Accordions]*****/

/*
help: Control the appearance of unselected download groups headers on the MyDownloads page;  
configurable:false; 
mapsto:MyAccount MyDownloads;
*/
.accordionHeader
{
	font-size: default;
	background-color: default;
}

/*
help: Control the appearance of selected download group headers on the MyDownloads page.;
configurable:false; 
mapsto:MyAccount MyDownloads;
*/
.accordionHeaderSelected
{
	font-size: default;
	background-color: default;
}

/*
help: Control the appearance of the areas in which download items are listed.;  
configurable:false; 
mapsto:MyAccount Downloads;
*/
.accordionContent
{
	background-color: default;
}

/***** MyAccount Customer Service  *****/
/* 
################
breakafter:true;
style-group:Customer Service Section;
################
*/

#pPCCustomerService .buttonSubmitCustomerServiceTicket
{
	display: block;
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCCustomerService table.customerServiceResponses
{
	width: 100%;
}

/*
help: Control the appearance of the status information about each customer service thread, such as how many responses its had 
and its current state.;  
configurable:false; 
mapsto:MyAccount Customer Service ;
*/
#pPCCustomerService p.ticketThreadInfo
{
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: italic;
}

#pPCCustomerService table.customerServiceResponses th
{
	padding: 3px;
}

/*
help: Control the appearance of seperators within a customer service thread.;  
configurable:false; 
mapsto:MyAccount Customer Service ;
*/
#pPCCustomerService table.customerServiceResponses td
{
	padding: 3px;
	border: 1px solid #666666;
}

#pPCCustomerService table.customerServiceResponses td h5
{
	margin-top: 0px;
	margin-bottom: 3px;
}

#pPCCustomerService .buttonAddCustomerServiceResponse
{
	margin-top: 15px;
}

#pPCCustomerService .buttonSubmitNewCustomerServiceResponse
{
	clear: both;
	float: left;
	margin-top: 15px;
}

#pPCCustomerService .buttonCancelNewCustomerServiceResponse
{
	clear: both;
	float: left;
	margin-top: 15px;
}

/***** MyAccount Shipping Addresses *****/

#pPCShippingAddresses .buttonSaveShippingAddress
{
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCShippingAddresses .buttonCancelAddShippingAddress
{
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCShippingAddresses .shippingAddressManager h3
{
	margin-bottom: 5px;
}

#pPCShippingAddresses .shippingAddress h4
{
	margin-bottom: 5px;
}

#pPCShippingAddresses .shippingAddress dl
{
	clear: both;
}

#pPCShippingAddresses .shippingAddress dl dt
{
	width: 150px;
	float: left;
	clear: both;
}

#pPCShippingAddresses .shippingAddress dl dd
{
	margin-left: 150px;
}

#pPCShippingAddresses .shippingAddressOptions
{
	clear: both;
}

#pPCShippingAddresses .buttonAddShippingAddress
{
	display: block;
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

/***** Select Shipping *****/

#pPCSelectShipping .buttonSaveShippingAddress
{
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCSelectShipping .buttonCancelAddShippingAddress
{
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCSelectShipping .shippingAddressManager h3
{
	margin-bottom: 5px;
}

#pPCSelectShipping .shippingAddress h4
{
	margin-bottom: 5px;
}

#pPCSelectShipping .shippingAddress dl
{
	clear: both;
}

#pPCSelectShipping .shippingAddress dl dt
{
	width: 150px;
	float: left;
	clear: both;
}

#pPCSelectShipping .shippingAddress dl dd
{
	margin-left: 150px;
}

#pPCSelectShipping .shippingAddressOptions
{
	clear: both;
}

#pPCSelectShipping .buttonAddShippingAddress
{
	display: block;
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

/***** Payment *****/

#pPCPayment div.promoCodeForm
{
	clear: both;
}

#pPCPayment div.promoCodeForm fieldset
{
	border-style: none;
}

#pPCPayment div.promoCodeForm fieldset legend
{
	display: none;
}

#pPCPayment .paymentMethod div.formRow span.formField
{
	width: 290px;
}

#pPCPayment .paymentMethod div.formRow span.formLabel
{
	text-align: right;
}

#pPCPayment .buttonSelectPayment
{
	clear: both;
	float: left;
	margin-top: 15px;
}

#pPCPayment .buttonEditShipping
{
	float: left;
	margin-top: 15px;
	margin-left: 5px;
}

#pPCPayment .paymentMethod .creditCardDetails
{
	float: left;
	width: 49%;
}

#pPCPayment .paymentMethod .billingAddress
{
	float: left;
	width: 49%;
}

#pPCPayment .paymentMethod .help
{
	clear: both;
	margin: 5px;
	width: 325px;
}

#pPCPayment .paymentMethod img
{
	margin: 5px;
}

/***** Confirmation *****/

#pPCOrderConfirmation .buttonPlaceOrder
{
	margin-top: 15px;
}

#pPCOrderConfirmation .buttonEditShipping
{
	margin-top: 15px;
	margin-left: 5px;
}

#pPCOrderConfirmation .buttonEditBilling
{
	margin-top: 15px;
	margin-left: 5px;
}

/***** Single Page Checkout *****/

/* 
################
breakafter:true;
style-group:Single Page Checkout;
################
*/

/*
help: Customize the appearance of the Single Step Checkout if it is in use.;  
configurable:true; 
mapsto:Single Page Checkout;
*/
#pPCSinglePageCheckout div.checkoutSinglePageStep
{
	padding: 0px; /* configurable:true; */
	color: default; /* configurable:true; */
	font-family: Calibri, Arial, Helvetica, Sans-Serif; /* configurable:true; */
	font-size: 12px; /* configurable:true; */
	font-style: default; /* configurable:true; */
	font-weight: default; /* configurable:true; */
	background-color: default; /* configurable:true; */
	background-image: default; /* configurable:true; */
	background-position: default; /* configurable:true; */
	background-repeat: default; /* configurable:true; */
	border-width: 1px; /* configurable:true; */
	border-color: #CCCCCC; /* configurable:true; */
	border-style: solid; /* configurable:true; */
	border-top: none; /* configurable:true; */
}

#pPCSinglePageCheckout div.checkoutSinglePageStep h3
{
	margin-bottom: 5px;
}

#pPCSinglePageCheckout div.checkoutSinglePageStep h4
{
	margin-bottom: 3px;
}

#pPCSinglePageCheckout .accordionHeader h3 a.disabled
{
	font-style: italic;
}

/* Shipping */
#pPCSinglePageCheckout div.shippingAddressManager
{
	width: 65%;
	float: left;
}

#pPCSinglePageCheckout div.existingShippingAddresses
{
	width: 30%;
	float: left;
}

#pPCSinglePageCheckout div.shippingAddress
{
	width: 65%;
	float: left;
}

#pPCSinglePageCheckout div.shippingMethodSelector
{
	width: 30%;
	float: left;
}

#pPCSinglePageCheckout .buttonSaveShippingAddress
{
	clear: both;
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCSinglePageCheckout .buttonCancelAddShippingAddress
{
	float: left; /* If this element is not floated the top-margin will not work */
	margin-top: 15px;
}

#pPCSinglePageCheckout .shippingAddressManager h3
{
	margin-bottom: 5px;
}

#pPCSinglePageCheckout .shippingAddress h4
{
	margin-bottom: 5px;
}

#pPCSinglePageCheckout .shippingAddress dl
{
	clear: both;
}

#pPCSinglePageCheckout .shippingAddress dl dt
{
	width: 150px;
	float: left;
	clear: both;
}

#pPCSinglePageCheckout .shippingAddress dl dd
{
	margin-left: 150px;
}

#pPCSinglePageCheckout .shippingAddressOptions
{
	clear: both;
}

#pPCSinglePageCheckout .buttonSelectShippingMethod
{
	margin-top: 15px;
}

/* Promo Code */

/* Payment */

#pPCSinglePageCheckout .paymentMethod div.formRow span.formField
{
	width: 225px;
}

#pPCSinglePageCheckout .buttonSelectPayment
{
	clear: both;
	float: left;
	margin-top: 15px;
}

#pPCSinglePageCheckout .paymentMethod .creditCardDetails
{
	float: left;
	width: 49%;
}

#pPCSinglePageCheckout .paymentMethod .billingAddress
{
	float: left;
	width: 49%;
}

#pPCSinglePageCheckout .paymentMethod .help
{
	clear: both;
	margin: 5px;
	width: 325px;
}

#pPCSinglePageCheckout .paymentMethod img
{
	margin: 5px;
}

#pPCSinglePageCheckout .buttonPlaceOrder
{
	margin-top: 15px;
	margin-left: 10px;
}

/***** Checkout Steps Panel *****/

/*
help: Checkout Steps; 
configurable:true; 
mapsto:Checkout Steps Panel;
*/
#checkoutSteps
{
	margin: 5px 5px 15px 5px;
}

#checkoutSteps ul
{
	margin: 0px;
	display: block;
	line-height: 1;
}

#checkoutSteps ul li
{
	display: block;
	float: left; 
	margin: 5px; 
	padding: 5px; 
	background-color: #CCCCCC; 
	list-style-type: none;
	height: auto;
	color: #000000;
}

#checkoutSteps ul li.active
{
	background: #668501;
	color: White;
	font-weight: bold;
	padding: 6px 5px 20px 5px;
}

#checkoutSteps ul li.completed
{
	background-color: #666666;
	color: White;
	text-decoration: line-through;
}

/*
help: Control the checkout step 1 graphic for both single and multi-step checkouts.; 
configurable:true; 
mapsto:Checkout Steps;
*/
#checkoutSteps ul.singleStepCheckout li.checkoutStep1
{
	width: 79px;
	height: 30px;
	text-indent: -5000px;
	background-image: url(../Images/GenericIcons/checkout-steps-single-1.png); /* configurable:true; */
	background-position: top left; /* configurable:true; */
	background-repeat: no-repeat; /* configurable:true; */
}
/*
help: Control the checkout step 2 graphic for single-step checkouts.; 
configurable:true; 
mapsto:Checkout Steps;
*/
#checkoutSteps ul.singleStepCheckout li.checkoutSinglePageStep2
{
	width: 79px;
	height: 30px;
	text-indent: -5000px;
	background-image: url(../Images/GenericIcons/checkout-steps-single-2.png); /* configurable:true; */
	background-position: top left; /* configurable:true; */
	background-repeat: no-repeat; /* configurable:true; */
}

/*
help: Control the checkout step 2 graphic for multi-step checkouts.; 
configurable:true; 
mapsto:Checkout Steps;
*/
#checkoutSteps ul.multiStepCheckout li.checkoutStep2
{
	width: 79px;
	height: 30px;
	text-indent: -5000px;
	background-image: url(../Images/GenericIcons/checkout-steps-multi-2.png); /* configurable:true; */
	background-position: top left; /* configurable:true; */
	background-repeat: no-repeat; /* configurable:true; */
}

/*
help: Control the checkout step 3 graphic for multi-step checkouts.; 
configurable:true; 
mapsto:Checkout Steps;
*/
#checkoutSteps ul.multiStepCheckout li.checkoutStep3
{
	width: 79px; 
	height: 30px; 
	text-indent: -5000px;
	background-image: url(../Images/GenericIcons/checkout-steps-multi-3.png); /* configurable:true; */
	background-position: top left; /* configurable:true; */
	background-repeat: no-repeat; /* configurable:true; */
}


/*
help: Control the checkout step 4 graphic for multi-step checkouts.; 
configurable:true; 
mapsto:Checkout Steps;
*/
#checkoutSteps ul.multiStepCheckout li.checkoutStep4
{
	width: 79px;
	height: 30px;
	text-indent: -5000px;
	background-image: url(../Images/GenericIcons/checkout-steps-multi-4.png); /* configurable:true; */
	background-position: top left; /* configurable:true; */
	background-repeat: no-repeat; /* configurable:true; */
}

/*
help: Control the appearance of the order information section headers on the invoice and on order confirmation. These are the headers which read 
shipping info, shipping method and payment details.;  
configurable:false; 
mapsto:Order Review;
*/
table.orderReview th
{
	padding: 5px;
	width: 32%;
}

/*
help: Control the appearance of the area which surrounds all three sections of order information on the invoice and on order confirmation. 
These sections of order information are shipping info, shipping method and payment details.;  
configurable:false; 
mapsto:Order Review;
*/
table.orderReview
{
	width: 100%;
	clear: both;
	border: 1px solid #666;
}

/*
help: Control the appearance of the area which displays each type of order information on the invoice and on order confirmation. 
These areas includes the shipping info, shipping method and payment details.;   
configurable:false;
mapsto:Order Review;
*/
table.orderReview td
{
	padding: 5px;
	font-size: 12px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #d9dde3;
}

table.orderReview dl
{
	clear: both;
}

table.orderReview dl dt
{
	width: 150px;
	float: left;
	clear: both;
}

table.orderReview dl dd
{
	margin-left: 150px;
}

.printPageLink
{
	float: right;
}

table.orderReview .shippingAddress dl dt
{
	display: none;
	width: 0px;
}

table.orderReview .shippingAddress dl dd
{
	margin-left: 0px;
}

/********Forms**********/

.formField option
{
	padding-right: 6px;
}

.countryDropDown {
	width: 150px;
}

/**********Custom site Cart ***********/

#pPCCart div.topCartButtons
{
	float: right;
	margin-top: 0px;
}

.productListItem
{
	height: 175px;
	background-color: #fff;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #000;
	border: solid 1px #555555;
	margin-left: 9px;
	margin-top: 3px;
	margin-bottom: 7px;
	float: right;
	
}

/* 
################
breakafter:true;
style-group:Popups;
################
*/
/**** TOOK THIS OUT OF GLOBAL.CSS, DON'T THINK MOST USERS NEED TO BE ABLE TO CUSTOMIZE MODAL AND AJAX POP-UPS ****/

/***** Modal Popups *****/

.modalPopUpContentOff
{
	display: none;
}
/*
help:You'll notice that in certain parts of your website, such as when viewing an enlarged image on a Product Page 
that content will "pop up" and the rest of the page will typically have a grey overlay. This type of pop up behavior 
is referred to as a Modal Pop Up. You can customize the look of Modal Pop Ups here.; 
configurable:false; 
mapsto:Modal Popup Content;
*/
.modalPopUpContentOn
{
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	width: auto;
	margin: auto;
}
/*
help:Choose the color of the Modal Pop-Up Backgrounds on the site.; 
configurable:false;  
mapsto:Modal Popup Background;
*/
.modalBackground
{
	background-color: #666666;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
/* Ajax Loading */

/*
help:Choose the color of the AJAX Loading Backgrounds on the site. AJAX loading backgrounds are pop-up windows 
which show while content is loading.; 
configurable:false;  
mapsto:AJAX Loading Background;
*/
#ajaxLoadingBackground
{
	position: absolute;
	display: none;
	background-color: #CCCCCC;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
/*
help:Use to control the display of the AJAX Loading Message on the site. You'll notice that at certian points your 
website will have a (usually) grey overlay and show a loading graphic. You can control how that loading graphic displays here.; 
configurable:false; 
mapsto:AJAX Loading Message;
*/
#ajaxLoadingMessage
{
	position: relative;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	background-image: default;
	background-position: default;
	background-repeat: default;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 80px;
}