BASKET/QUICK ORDER/WISHLIST CSS

-------------------------------------
Vers		Date		   Author
-------------------------------------
1.0			01.02.08	  SRF
-------------------------------------
*/

/* start barratts.css */

#basket_display li.basket_headers ul li h3 {
	font-size: 1em;
	}


/* End barratts.css */

.basket,
.quick_order {
	margin: 0;
	padding: 0;
	}

.discount_details_container dl dt {
	display: none;
	}
	
	
/*  Start breadcrumb styles */

#basket_container #breadcrumb {
	width: 960px;
	margin-left: 0;
	padding-bottom: 16px;
	margin-left: 0;
	margin-bottom: 16px;
	padding-left: 0;
	list-style-type: none;
	}
	

	
#basket_container #breadcrumb li {
	display: inline;
	padding: 0 0 0 25px;
	margin-right: 5px;
	}

#basket_container #breadcrumb li.first {
	background: none;
	}
	
#basket_container ul li.first {
 	padding-left: 0 !important;
	margin-left: 0;
	font-weight: bold;
	}


#basket_container ul li.first a {
	float: right;
	}
	
/* End breadcrumb styles */

/*  Start h1/h2 styles */

/* override for Master1_1.css*/
#basket_container h1,
#basket_container h2 {
	border-bottom: 0 !important;
	}

#basket_container h2 {
	margin-bottom: 0;
	}

/*  End h1/h2 styles */

/*  Start offer code styles */

#priceCodeDiv h3,
#promocode h3 {
	font-size: 1.1em !important;
	font-weight: bold;
	}

#promocode h3 {
	margin: 10px 0;
	}

#basket_container #offer_code,
#basket_container #intro {
	width: 960px;
	/*margin-bottom: 12px;*/
	}

#basket_container #offer_code label {
	font-size: 1.1em;
	}

#basket_container #offer_code span {
	display: inline;
	}

#basket_container #offer_code span.amount {
	display: inline;
	}

#basket_container #offer_code span.action {
	display: inline;
	margin: 0 0 7px 10px;
	padding-top: 0 !important;
	}
	
#basket_container #offer_code span.action input.button {
	position: relative;
	display: inline;
	clear: right;
	margin-bottom: -3px;
	*margin-bottom: -1px !important;
/*	height: 20px;*/
	}

#basket_container #offer_code span.action a img {
	vertical-align: top;
	}

#basket_container #offer_code #priceCodeDiv {
	margin-top: 20px;
	}

/*  End offer code styles */

/* Start table styles */

#basket_container #basket_display,
.ordstatusdisp .basket_display,
.wlistdisp #basket_display,
.personalisation #basket_display {
	clear: both;
	font-size: 1em;
	width: 960px;
	margin: 6px 0 15px 0;
	}

.personalisation ul.actions  {
	float: right !important;
	display: block;
}

.personalisation ul.actions .first img.backbutton {
	cursor: pointer;
	margin-top: 12px;
	clear: both;
	float: right;
	display: block;
}

.personalisation ul.actions .first input.continuebutton {
	float: right;
	display: block;
}

#basket_container #basket_display caption,
.ordstatusdisp .basket_display caption,
.personalisation #basket_display caption {
	display: none;
	}

#basket_container #basket_display tr.basket_headers th,
.ordstatusdisp .basket_display tr.basket_headers th,
.wlistdisp #basket_display tr.basket_headers th,
.personalisation #basket_display tr.basket_headers th {
	margin: 0;
	padding: 6px 0;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	}

#basket_container #basket_display tr.basket_contents td,
.ordstatusdisp .basket_display tr.basket_contents td,
.wlistdisp #basket_display tr.basket_contents td,
.personalisation #basket_display tr.basket_contents td {
	vertical-align: top;
	line-height: 1.5em;
	}

#basket_container #basket_display tr.basket_headers th.image, 
#basket_container #basket_display tr.basket_contents td.image {
	width: 216px;
	}
	
.quick_order #basket_container #basket_display tr.basket_headers th.image, 
.quick_order #basket_container #basket_display tr.basket_contents td.image {
	width: 170px;
	}

.personalisation #basket_display tr.basket_headers th.image, 
.personalisation #basket_display tr.basket_contents td.image {
	width: 150px;
	}

.personalisation #basket_display tr.basket_headers th.description, 
.personalisation #basket_display tr.basket_contents td.description {
	width: 200px;
	}

.personalisation #basket_display tr.basket_headers th.details, 
.personalisation #basket_display tr.basket_contents td.details {
	width: 320px;
	}
.personalisation #basket_display tr.basket_headers th.quantity, 
.personalisation #basket_display tr.basket_contents td.quantity {
	width: 50px;
	}
.personalisation #basket_display tr.basket_headers th.copydown, 
.personalisation #basket_display tr.basket_contents td.copydown {
	width: 160px;
	}

#basket_container #basket_display tr.basket_headers th.description, 
#basket_container #basket_display tr.basket_contents td.description {
	width: 215px;
	}

.wlistdisp #basket_container #basket_display tr.basket_headers th.description, 
.wlistdisp #basket_container #basket_display tr.basket_contents td.description {
	width: 365px;
	}
	
.quick_order #basket_container #basket_display tr.basket_headers th.description, 
.quick_order #basket_container #basket_display tr.basket_contents td.description {
	width: 190px;
	}
	
.quick_order #basket_container #basket_display tr.basket_headers th.options, 
.quick_order #basket_container #basket_display tr.basket_contents td.options {
	width: 227px;
	}

#basket_container #basket_display tr.basket_headers th.quantity, 
#basket_container #basket_display tr.basket_contents td.quantity {
	width: 217px;
	}
	
.quick_order #basket_container #basket_display tr.basket_headers th.quantity, 
.quick_order #basket_container #basket_display tr.basket_contents td.quantity {
	width: 130px;
	}

/*#basket_container #basket_display tr.basket_headers th.price,*/ 
#basket_container #basket_display tr.basket_contents td.price {
	width: 109px;
	text-align: right;
	}


.discount_details_container #basket_display tr.basket_headers th.image,
.discount_details_container #basket_display tr.basket_contents td.image {
	width: 166px !important;
	}

.discount_details_container #basket_display tr.basket_headers th.description,
.discount_details_container #basket_display tr.basket_contents td.description {
	width: 200px !important;
	}

.discount_details_container #basket_display tr.basket_headers th.total,
.discount_details_container #basket_display tr.basket_contents td.total {
	width: 400px !important;
	}



.discount_details_container #basket_display tr.basket_headers th.price,
.discount_details_container #basket_display tr.basket_contents td.price {
	padding-right: 20px !important;
	}

/* moved to 1_1 and 1_4
#basket_container #basket_display tr.basket_contents td.price span {
	font-weight: normal !important;
	}
*/	

#basket_container #basket_display tr.basket_contents td.price #priceelement ul li span.label,
#basket_container #basket_display tr.basket_contents td.price ul li span.label {
	/* width:35px;*/
	}


.quick_order #basket_container #basket_display tr.basket_headers th.price, 
.quick_order #basket_container #basket_display tr.basket_contents td.price {
	/*width: 160px;*/
	text-align: right;
	}

#basket_container #basket_display tr.basket_headers th.total, 
#basket_container #basket_display tr.basket_contents td.total {
	width: 85px;
	text-align: right;
	}

#basket_container #basket_display tr.basket_headers th.actions, 
#basket_container #basket_display tr.basket_contents td.actions {
	/*width: 118px;*/
	}
	
.quick_order #basket_container #basket_display tr.basket_headers th.actions, 
.quick_order #basket_container #basket_display tr.basket_contents td.actions {
	/*width: 160px;*/
	text-align: center
	}

#basket_container #basket_display tr.basket_contents td,
.ordstatusdisp .basket_display tr.basket_contents td {
	padding: 25px 0;
	}
	
.quick_order #basket_container #basket_display tr.basket_contents td,
.ordstatusdisp .basket_display tr.basket_contents td {
	padding: 25px 0 0 0;
	}

.ordstatusdisp .basket_display tr.basket_contents td.order,
.ordstatusdisp .basket_display tr.basket_headers th.order {
	padding-left: 5px;
	}
	
/* Start table content styles */

/* table generic list styles */

#basket_container #basket_display tr.basket_contents td ul {
	/*float: left;*/ 
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}

#basket_container #basket_display tr.basket_contents td #priceelement ul li span.amount,
#basket_container #basket_display tr.basket_contents td.price ul li span.amount {
	float: right !important;
	}

#basket_container #basket_display tr.basket_contents td ul li {
	margin-left: 0;
	padding-left: 0;
	}

/* table image styles */

#basket_container #basket_display tr.basket_contents td.image,
.personalisation #basket_display tr.basket_contents td.image,
.personalisation #basket_display tr.basket_contents td.quantity,
.personalisation #basket_display tr.basket_headers th.quantity {
	text-align: center;
	}

.personalisation #basket_display tr.basket_contents td.copydown {
	text-align: right;
	padding: 12px 12px 0 0;
	}

#basket_container #basket_display tr.basket_contents td.image img {
	width: 128px;
	height: 105px;
	}

#basket_container #basket_display tr.basket_contents td.image span.catno {
	display: block;
	clear: both;
	}

.personalisation #basket_display tr.basket_contents td.image span.catno {
	display: block;
	clear: both;
	}

.quick_order #basket_container #basket_display tr.basket_contents td.image dl dt {
	display: none;
	}
	
.quick_order #basket_container #basket_display tr.basket_contents td.image dl dd {
	margin-left: 0;
	padding-left: 0;
	}
	
.quick_order #basket_container #basket_display tr.basket_contents td.image dl dd.catnumber {
	/*margin: 5px 0 0 60px;*/
	text-align: center;
	}
	
/* table description styles */

#basket_container #basket_display tr.basket_contents td.description dl dt,
.personalisation #basket_display tr.basket_contents td.description dl dt {
	display: none;
	}

#basket_container #basket_display tr.basket_contents td.description dl dd {
	margin-left: 0;
	padding-left: 0;
	padding-right: 6px;
	}

#basket_container #basket_display tr.basket_contents td.description dl dd.discount {
	margin-top: 15px;
	}
	
/* table options styles */

#basket_container #basket_display tr.basket_contents td.options dl dt {
	display: none;
	}

#basket_container #basket_display tr.basket_contents td.options dl dd {
	margin-left: 0;
	padding-left: 0;
	}

#basket_container #basket_display tr.basket_contents td.options dl dd.attribute span.label {
	margin-right: 10px;
	}

#basket_container #basket_display tr.basket_contents td.description dl dd.discount {
	margin-top: 15px;
	}

/* table quantity styles */

#basket_container #basket_display tr.basket_contents td.quantity span.action {
	margin-left: 27px;
	}

/* table price styles */

.basket #basket_container #basket_display tr.basket_headers th.price {
	text-align: right;
	padding-right: 0px;
	}

* html .basket #basket_container #basket_display tr.basket_headers th.price {
	padding-right: 7px; /* IE6 */
	}

/*html>body #basket_container #basket_display tr.basket_headers th.price {
	*padding-right: 48px;
	}*/

html>body .quick_order #basket_container #basket_display tr.basket_headers th.price {
	*padding-right: 0 !important; /* IE7 */
	}

#basket_container #basket_display tr.basket_contents td.price #priceelement span.label {
	/* display: none; */
	}

html>body #basket_container #basket_display tr.basket_contents td.price {
	*padding-top: 9px !important; /* IE 7 adding extra padding */
	}

* html body #basket_container #basket_display tr.basket_contents td.price ul {
	padding-top: 0px !important; /* IE 6 removed padding */
	margin-top: -7px !important;
	}
	

/* table actions styles */

#basket_container #basket_display tr.basket_contents td.actions ul {
	float: right;
	text-align: right;
	margin-right: 20px;
	}

/* Wishlist-specific */

.wlistdisp #basket_container #basket_display tr.basket_headers th.add,
.wlistdisp #basket_container #basket_display tr.basket_contents td.add {
	text-align: left;
	padding-left: 100px;	
	}

.wlistdisp #basket_container #basket_display tr.basket_contents td.add ul {
	padding-left: 3px;
	margin-top: 20px;
	}


#basket_container #basket_display tr.basket_contents td.actions ul li span a {
	text-decoration: none;
	}

#basket_container #basket_display tr.basket_contents td.actions ul li span a:hover {
	text-decoration: underline;
	}

/* End table content styles */

/* End table styles */

/*  Start basket summary styles */

#basket_information {
	width: 960px;
	}

#basket_container #postage_packaging {
	float: left;
	display: inline;
	}

#basket_container #basket_information #basket_summary {
	float: right;
	display: inline;
	margin-right: 15px;
	}
	
#basket_container #quick_order_actions {
	float: right;
	display: inline;
	}

/*#basket_container #basket_display ul.summary {
	width: 400px;
	float: right;
	margin-right: 15px;
	background-color: #ccc;
	}

#basket_container #basket_display .summary li {
	list-style-type: none;
	line-height: 1.5em;
	float:left;
	display: inline;
	}*/
	
#basket_container #basket_display .summary {
	width: 400px;
	float: right;
	margin-right: 15px;
	}

#basket_container #basket_display .summary span.amount {
	float: right;
	display: inline;
	}

#basket_container #basket_display .summary span.label {
	float: left;
	display: inline;
	}

#basket_container #basket_display .summary tr.subtotal span {
	padding: 20px 0 40px 0;
	display: inline;
	}

#basket_container #basket_display .summary .subtotal span.vat {
	margin-left: 10px;
	display: inline;
	}

#basket_container #basket_display .summary .subtotal span.amount {
	font-size: 1.5em;
	display: inline;
	}
	
#basket_container #basket_actions ul.buttons {
	margin-right: 15px;
	float: right;
	}

#basket_container #basket_information .summary li {
	list-style-type: none;
	line-height: 1.5em;
	}

#basket_container #basket_information .summary li ul.buttons  li.action {
	line-height: 3em;
	clear: right;
	float: right;
	}

div.pcodeouter {
	width: 128px;
	text-align: center;
	margin-left:20px;
	}
	
.quick_order #basket_actions div.action {
	clear: right;
	float: right;
	margin-right: 15px;
	}
	
/*  End basket summary styles */

/* Basket totals styles */

#basket_container #basket_display tr.basket_totals td {
	vertical-align: top;
	}

/* End basket totals styles */

/*  Start Quick Shop Form page styles */

#basket_container p.intro {
	width: 960px;
	margin-bottom: 12px;
	}

.quick_order_form #product_code_container {
	width: 860px;
	}

.quick_order_form ul#product_code {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.quick_order_form ul#product_code li {
	display: inline;
	/*margin-right: 46px;*/
	text-align: center;
	line-height: 3em;
	}
	
.quick_order_form ul#product_code li.wrap {
	clear: left;
	}

.quick_order_form ul#product_code li label {
	display: none;
	}

.quick_order_form .action {
	float: right;
	}

#QuickShopItemResolution .options dl dd.attribute {
	margin-bottom: 0.35em;
	}

#QuickShopItemResolution .options dl {
	/*width: 15em;*/
	}

#QuickShopItemResolution .options dl dd.attribute {
	/*text-align: right;*/
	/*display: inline;*/
	clear: both;
	height: 30px !important;
	}

#QuickShopItemResolution .options dl dd.attribute label {
	float: left;
	display: inline;
	width: 90px;
	}

#QuickShopItemResolution .options dl dd.attribute span.action {
	float: left;
	display: inline;
	margin-left: 6px;
	}

#QuickShopItemResolution .options dl dd.attribute span.action select {
	float: left;
	display: inline;
	}

#QuickShopItemResolution #basket_display tr.basket_contents td.price {
	width: 130px;
}

/* Quick shop was/now pricing */

#QuickShopItemResolution ul li span {
	float: left
	}

#QuickShopItemResolution ul li span.wasprice,
#QuickShopItemResolution ul li span.price span.wasprice,
#QuickShopItemResolution ul li span.price span.saveuptoamount,
#QuickShopItemResolution ul li span.saveuptoamount,
#QuickShopItemResolution ul li span.saveuptopercent,
#QuickShopItemResolution ul li span.price span.saveuptopercent {
	float: right;
}

#QuickShopItemResolution ul li span.price {
	clear: both;
	width: 100%;
	}

#QuickShopItemResolution ul li span.label,
#QuickShopItemResolution ul li span span.waspricelabel,
#QuickShopItemResolution ul li span span.saveuptoamountlabel,
#QuickShopItemResolution ul li span span.saveuptopercentlabel {
	float: left;
}

/*  End Quick Shop Form page styles */

/* Order Item eSpot styles, shared across all sites */

.eMktgSpotOrderItem {
	clear: both;
	/*border: 1px solid #ccc;*/
	float: left;
	width: 154px;
	margin-top: 12px;
	padding: 8px 0 0 0;
	}

.eMktgSpotOrderItem h3 {
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 10px
	}

.eMktgSpotOrderItem .description,
.eMktgSpotOrderItem .image,
.eMktgSpotOrderItem .price {
	margin: 0 8px 8px 8px;
}

.eMktgSpotOrderItem .image {
	display: block;
	border:1px solid #CCC;
}

.eMktgSpotOrderItem .image img {
	height:74px;
	width:90px;
	display: block;
}

.eMktgSpotOrderItem .action ul li.first a {
	margin: 0 8px 8px 0;
	color: #000;
	font-weight: normal;
}

.eMktgSpotOrderItem .description a {
	display:block;
	color:#000;
	padding:0;
}