﻿/************* CART ********************************/

.RolloverBox
{
	background: #fff;
	border: 1px solid #000;
	padding: 5px;
}

.CartHeader
{
	font-weight: bold;
	font-size: 14pt;
	color: #BA161F;
}
.CartText
{
	color: #BA161F;
	padding-left: 5px;
	white-space: nowrap;
}
.CartSubHeader
{
	font-weight: bold;
	font-size: 13pt;
	color: #BA161F;
}

table.CheckoutHeader, table.OrderSummaryHeader
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top: 3px;
	padding-bottom: 0px;
	height: 40px;
	padding-left: 8px;
}
table.OrderSummaryHeader
{
	border-bottom: 0px;
	height: 20px;
}
table.CheckoutHeader h1, table.OrderSummaryHeader h1
{
	font-weight: bold;
	font-size: 14pt;
	color: #BA161F;
}
table.CheckoutHeader h1.YourCart, table.CheckoutHeader span.CheckoutLink
, table.OrderSummaryHeader h1.YourCart, table.OrderSummaryHeader span.CheckoutLink
{
	font-weight: bold;
	font-size: 14px;
	color: #BA161F;
	text-decoration: underline;
	margin-right: 6px;
	white-space: nowrap;
}
table.CheckoutHeader span.CheckoutLink, table.OrderSummaryHeader span.CheckoutLink
, table.OrderSummaryHeader span.CheckoutLink, table.OrderSummaryHeader span.CheckoutLink
{
	font-size: 12px;
}
table.CheckoutHeader .CheckoutLink, table.CheckoutHeader .CheckoutLink a, table.CheckoutHeader .CheckoutLink a:visited, table.CheckoutHeader .CheckoutLink a:hover, table.CheckoutHeader .CheckoutLink a:active
, table.OrderSummaryHeader .CheckoutLink, table.OrderSummaryHeader .CheckoutLink a, table.OrderSummaryHeader .CheckoutLink a:visited, table.OrderSummaryHeader .CheckoutLink a:hover, table.OrderSummaryHeader .CheckoutLink a:active
{
	text-decoration: underline;
}

div.ChargeLineHeader
{
	border-bottom: 1px solid #000;
	padding: 0px 10px 10px 10px;
	height: 100px;
	overflow: auto;
}

div.ChargeLineHeader table.ChargeLineTable 
{
	clear: both;
	float: right;
}

div.ChargeLineHeader table.ChargeLineTable td
{
	color: #000000;
	text-align: right;
}
div.ChargeLineHeader table.ChargeLineTable td.LineItemRow
{
	font-size: 14px;
}
div.ChargeLineHeader table.ChargeLineTable td.TotalRow
{
	font-size: 14px;
	font-weight: bold;
}

table.CartLineItem
{
	border-bottom: 1px solid #C8C8C8;
	width: 100%;
	background: #fff;
}

table.CartLineItem td
{
	background: #fff;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #E2E2E2;
}
table.CartLineItem td table td
{
	border: 0px;
	vertical-align: top;
}
table.CartLineItem td.Photo, table.CartLineItem td.ProductDetail, table.CartLineItem td.OrderDetail
{
	padding-right: 40px;
	width: 400px;
}
table.CartLineItem td.Photo
{
	padding-left: 40px;
	padding-right: 40px;
	width: 1px;
	text-align: center;
	width: 100px;
}
table.CartLineItem td.ProductDetail
{
	width: 400px;
	white-space: nowrap;
}
table.CartLineItem td.ActionButton
{
	width: 40px;
	white-space: nowrap;
	text-align: right;
}

table.CartLineItem .Detail
{
	font-weight: bold;
}
td.ProductDetail table td 
{
    width: 250px;
    padding:0px;
    padding-bottom:10px;
}

td.ProductDetail table td.ProductRemoveButton 
{
    padding: 0px;
    width: 60px;
    padding-top:8px;
    vertical-align: top;
}
td.ProductDetail table td.RetouchingRemoveButton 
{
    padding: 0px;
    width: 60px;
    vertical-align: top;
}

div.CheckoutFooter
{
	width: 100%;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #E2E2E2;
}

div.PhotographerCheckoutFooter
{
	width: 100%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #E2E2E2;
}
div.PhotographerCheckoutFooter table
{
	width: 1px;
}
div.PhotographerCheckoutFooter td
{
	white-space: nowrap;
	width: 1%;
	padding: 3px;
}
div.PhotographerCheckoutFooter td img
{
	padding-left: 3px;
}

/* modalpopup */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #fff;
	border: solid 1px #e2e2e2;
	padding: 10px;
}

