/**
* @author    JV - Javelin Group
* @version   1.0
* @media     screen
*
* @info      All account elements
*
* @contents
* =1: Sign in/Registration
* =2: Common
* =3: Account landing
* =4: Personal details and contact prefs
* =5: Info panels / Address book / payment cards / child info
* =6: Wishlist / Giftlist
* =7: Basket
* =8: Order history
*/

/**
* =1: Sign in/Registration page
*/
.benefits ul { margin: 0 0 20px 20px; }
.pt_account .formleft .intro,
.pt_account .formright .intro { clear: left; }
.pt_accountlogin .forgotpassword, .ui-dialog .passwordreset .forgotpassword {
	display: block;
	padding: 5px 0 0 142px;
}
.ui-dialog .passwordreset .forgotpassword {
	padding-left: 139px;
}


/**
* =2: Common
*/
.pt_account h1.heading {
	padding: 10px 0 20px 70px;
	border-bottom: 0;
}
.pt_account #main h3 { padding-bottom: 10px; }
.pt_account #main #leftcolumn h3 { padding-bottom: 0px; }
.pt_account h2.subheading {
	padding: 0;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.pt_account h2.subheading span {
	display: block;
	padding: 5px 0 5px 10px;
}


.pt_account .fieldsetBorder {
	/*padding-top: 6px;*/
	/*background: url(../images/backgrounds/bg-form-fieldset-top-x470.png) left top no-repeat;*/
	
	border: 1px solid #ddd;
	background: none;
	background-color: #f1f1f1;
}
.pt_account fieldset div {
	/*float: left;
	padding-top: 5px;
	width: 468px;*/
	/*border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;*/
	
	border: 0;
}
.pt_account .fieldsetBtm {
	/*padding-top: 0;
	padding-bottom: 6px; 
	border: 0;
	width: 470px;*/
	/*background: url(../images/backgrounds/bg-form-fieldset-bottom-x470.png) left bottom no-repeat;*/
	
	background: none;
}

.pt_account form .submitButtons {
	background: none;
	padding-top: 10px !important;	
}

/**
* Account required captions
*/
.profileSection,
.pt_account .formcontentwrapper {
	position: relative;	
}

.profile .personalinfo .requiredcaption,
.profile .emailpasswordinfo .requiredcaption,
.profile .contactprefsinfo .requiredcaption,
.profile .addchild .requiredcaption,
.giftregistryaddress .requiredcaption,
.edit_address_form .requiredcaption  {
	position: absolute;
	right: 10px;
	top: 5px;
	padding: 0;
	width: auto;	
} 


/**
* =3: Account landing page
*/
.pt_account .accountoverview h1 {
	margin-bottom: 0;
	padding: 5px 0 5px 10px;
	border-bottom: 0;
	margin-bottom: 10px;
}
.accountlanding li {
	float: left;
	margin: 0 0 10px 8px;
	width: 389px;
	background: url(../images/backgrounds/bg-account-landing-item.png) left top repeat-y;
	list-style: none;
}
.accountlanding .first { margin: 0 0 10px 0; }
.accountlanding li a {
	display: block;
	padding: 20px 0 0 88px;
	width: 301px;
	min-height: 90px;
}
.accountlanding .profile a { background: url(../images/icons/icon-profile.png) 20px 20px no-repeat; }
.accountlanding .orders a { background: url(../images/icons/icon-orders.png) 20px 20px no-repeat; }
.accountlanding .address a { background: url(../images/icons/icon-addresses.png) 20px 20px no-repeat; }
.accountlanding .payment a { background: url(../images/icons/icon-payment.png) 20px 20px no-repeat; }
.accountlanding .wishlist a { background: url(../images/icons/icon-wishlist.png) 20px 20px no-repeat; }
.accountlanding .giftlist a { background: url(../images/icons/icon-giftlist.png) 20px 20px no-repeat; }
.accountlanding .birthdayclub a { background: url(../images/icons/icon-bbc.png) 20px 20px no-repeat; }
.accountlanding .askelc a { background: url(../images/icons/icon-askelc.png) 20px 20px no-repeat; }
.accountlanding li span {
	display: block;
	width: 280px;
	cursor: pointer;
}
.accountlanding li .title {
	font-size: 1.5em;
	padding-bottom: 10px;
}

/**
* =4: Personal details and contact preferences
*/
.pt_account #main .profile h1 {
	/*padding: 5px 0 25px 65px;*/
	background: url(../images/icons/icon-profile.png) 0 0 no-repeat;
	border-bottom: 0;
}
.pt_account .formcontentwrapper {
	overflow: hidden;
	width: 786px;
	padding: 0;
	margin: 0;	
}

.profileSection {
	clear: left;
	margin-bottom: 10px;
	width: auto;
	height: 1%;
}
div.profileSection { 
	float: left; 
	width: 100%;
}
.profile .intro {
	float: none;
	padding: 0 0 10px 10px;
	width: auto;
}
.profile .fieldsetBorder {
	clear: both;
	float: left;
}



.profile .submitButtons, .profile .submitButtons p { width: 786px; }
.profile .secondarybutton { float: right; }
.profile table {
	clear: both;
	margin: 10px auto;
	width: 620px;
	text-align: center;
}
.profile table th, .profile table td {
	padding: 0 5px 5px;
	width: 120px;
}
.profile table .deleteChildLink { margin-left: 10px; }
.profile .duedate { padding: 0 0 20px; }
.profile .addChildButton {
	padding: 0 0 10px 10px;
	width: 774px;
}
/*.profile .addChildButton .secondarybutton { margin-right: 10px; }*/
.profile .addchildform .submitButtons { background: none; }

.profile .emailpasswordinfo .fieldsetBorder,
.profile .contactprefsinfo .fieldsetBorder,
.profile .addchild .fieldsetBorder {
	margin: 0 auto;
	float: none;	
}

.profile .commsEmail {
	float: left;
	width: 380px;
	/*padding-bottom: 20px;*/
	padding: 0 0 20px 10px;
}
.profile .commsEmail h4 {
	clear: left;
	float: left;
	width: 100%;
}
.profile .commsEmail p { padding: 0 0 7px 20px; }
.profile .commsEmail dt {
	float: left;
	padding: 5px 0 0 20px;
}
.profile .commsEmail dl { 
	clear: both; 
	height: 1%; 
}
.profile .commsEmail dd {
	clear: right;
	float: right;
	margin-right: 5px;
	padding: 0 0 5px;
	width: 225px;
}
.profile .commsEmail dd.first { border-bottom: 1px solid #ddd; }
.profile .commsEmail dd input { margin-left: 0; }
.profile .commsEmail dd label {
	width: 100px;
	text-align: left;
}
.profile .commsEmail .checkboxInput { width: 360px; }
.profile .commsEmail .checkboxInput label { width: 330px; }
.profile .commsEmail .checkboxInput input, .profile .commsSMS .checkboxInput input, .profile .commsPost .checkboxInput input { margin-left: 0; }
.profile .commsPost .radioInput input { margin: 6px 5px 0 0; }
.profile .commsSMS {
	float: right;
	padding-bottom: 20px;
	/*width: 400px;*/
	width: 390px;
}
.profile .commsSMS label, .profile .commsPost label {
	padding-left: 20px;
	width: auto;
}
.profile .commsSMS p {
	/*width: 360px;*/
	width: 350px;
	padding: 0 20px 7px;
}
.profile .commsSMS p .errormessage { margin-left: 0; }
.profile .commsSMS .checkboxInput label, .profile .commsPost .checkboxInput label {
	padding-left: 0;
	width: 330px;
}
.profile .commsPost {
	padding-left: 10px;
	width: auto;
	width: 766px;
}
.profile .commsPost .fieldsetprompt { 
	padding-top: 10px;
	
	float: none;
	margin: 0 auto;
}
.profile .commsPost .fieldsetBorder label {
	padding-left: 0;
	width: 130px;
}
.profile .commsPost #findtaddress { 
	width: auto;
	float: none;
	padding: 0;
}
.profile .commsPost .fieldsetBorder .checkboxInput label { width: 250px; }
.profile .commsPost p { padding: 0 20px 7px; }
.profile .commsPost .caption { margin-left: 135px; }
.profile .commsPost input { float: left; }
.profile .commsPost .fieldsetBorder .secondarybutton { margin: 4px 0 0 10px; }
.profile .commsPost .submitButtons { clear: both; }
.adjacentbutton { 
	 width: 150px; 
	 height: 10px;
	 padding: 0; 
	 width: 786px;
	 clear: left;
	 float: left;
	 position: relative;
}
.adjacentbutton .secondarybutton { 
	position: absolute; 
	top: -20px; 
	right: 0;
}

.profile .bbcinfo .contentasset { padding-left: 10px; }


/**
* =5: Address book / Payment card details / Child info
*/

/**
* =5.1: Common
*
* @info: Common styles for all three areas.
*		 Each area inherits from here and can be overridden where required. 
*/
.infopanellist { 
	clear: both; 
	float: left;
	width: 100%;
}
.infopanellist li {
	clear: none;
	float: left;
	padding-bottom: 30px;
	width: 230px;
	list-style: none;
}
.infopanellist li.first { 
	padding-left: 0;
	clear: left;
}
.infopanellist .infopanel {
	padding-top: 6px;
	background: url(../images/backgrounds/bg-infopanel-top.png) left top no-repeat;
	border: 0;
	width: 230px;
	float: left;
}
.infopanellist .infopanel div {
	padding: 4px 20px 10px;
	border: 1px solid #ddd;
	border-top: 0;
	width: 188px;
	float: left;
}
.infopanellist .infopanel div p { width: 188px; }
.infopanellist .actions {
	float: left;
	width: 190px;
	padding: 10px 20px;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	background: url(../images/backgrounds/bg-infopanel-btm.png) left top no-repeat;
}
.infopanellist .infopanel p { padding: 0; }
.infopanellist .actions .auxbutton { float: right; }


/**
* =5.2: Child info panels
*
* @info: Overrides for child info 
*/
.childlist { 
	padding-left: 10px; 
	width: auto;
}
.childlist li { 
	padding-left: 43px;
	padding-bottom: 10px;
}
.childlist .infopanel div {
	min-height: 80px;
	height: auto !important;
	height: 80px;
	padding-right: 5px;
	width: 203px
}
.childlist .infopanel p { width: auto; }
.childlist .infopanel .infolabel,
.childlist .infopanel .infovalue { 
	float: left;
	display: block;
}
.childlist .infopanel .infolabel { width: 90px; }
.childlist .infopanel .infovalue { width: 88px; }


/**
* =5.3: Address info panels
*
* @info: Overrides for address info
*		 Overrides specific to checkout are held within checkout.css 
*/
.addresslist li { 
	width: 230px; 
	padding-left: 48px;
}
.pt_account .addresslist li,
.pt_bbc .addresslist li { padding-bottom: 10px; }
.addresslist .infopanel div {
	min-height: 160px;
	height: auto !important;
	height: 160px;
}
.addresslist .infopanel .addressname { 
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
.bbcsection .addresslist { 
	padding-left: 10px;
	width: auto;
}


/**
* =5.4: Payment card info panels
*
* @info: Overrides for payment card info
*/
.paymentlist li { padding-left: 48px; }
.paymentlist .infopanel div {
	padding-right: 0;
	width: 208px;
}
.paymentlist .infopanel div p {
	padding: 5px 5px 10px 90px;
	background-position: top left;
	background-repeat: no-repeat;
	width: 113px;
}
.paymentlist fieldset { 
	width: auto; 
	float: left;
}


/**
* =5.5: Address book specific
*/
.pt_account #main .accounteditaddress h1, .pt_account #main .edit_address_form h1 {
/*	padding: 0 0 35px 60px;*/
	background: url(../images/icons/icon-addresses.png) 0 0 no-repeat;
}
.accounteditaddress h2 { float: left; }
.accounteditaddress .secondarybutton { float: right; }
.addresslist .giftlistaddress .addressname { background: url(../images/icons/icon-giftlist-small.png) top left no-repeat; }
.privacymsg {
	font-size: 0.9em;
	color: #666;
}
.address_list form .actions { 
	width: 786px; 
	clear: left;  
	padding: 0;
}
.address_list .empty { clear: left; }
.pt_account .edit_address_form .formtall { 
	margin: 0 auto;
	float: none;
}

/**
* =5.6: Payment card details specific
*/
.pt_account #main .accountpaymentinstruments h1 {
	background: url(../images/icons/icon-payment.png) 0 0 no-repeat;
}
.pt_account .accountpaymentinstruments .empty { clear: left; }



/**
* =6: Wishlist/Giftlist
*/
/**
* =6.1: Common
*/
.wishlistlogin .benefits ul, .giftregistry .benefits ul {
	margin-left: 0;
	list-style: none;
	padding-bottom: 10px;
	float: left;
	width: 768px;
}
.wishlistlogin .benefits li, .giftregistry .benefits li { 
	padding: 10px 30px;
	width: 708px;
	list-style-type: none;
}
.benefits ul .stepOne { background: url(../images/icons/icon-step-1.png) left no-repeat; }
.benefits ul .stepTwo { background: url(../images/icons/icon-step-2.png) left no-repeat; }
.benefits ul .stepThree { background: url(../images/icons/icon-step-3.png) left no-repeat; }
.wishlistlogin .benefits ul a, .giftregistry .benefits ul a { text-decoration: underline; }
.wishlist .wishlistitems table,
.giftregistry .wishlistitems table {
	border-bottom: 0;
	border-top: 0;
}

.listSummary th, .listSummary td {
	padding: 10px 0;
	width: 130px;
	border-bottom: 1px solid #ddd;
}
.listSummary th, .wishlistitems th {
	padding: 5px 0 5px 10px;
	text-align: left;
	
}

.wishlist .wishlistitems table .first td,
.giftregistry .wishlistitems table .first td { border-top: 0;}
.emptylist { 
	color: #d00;
}

/**
* =6.2: Wishlist
*/
.wishlistlogin h1, .wishlist h1 {
	/*padding: 0 0 35px 60px;*/
	background: url(../images/icons/icon-wishlist.png) 0 0 no-repeat;
}
.wishlistlogin form p {
	padding: 0;
	width: auto;
}
.wishlistbrowse {
	float: left;
	padding-right: 20px;
}
.wishlistitems form p { padding: 0 0 7px; }
.wishlistitems form .primarybutton { float: left; }
.wishlistitems form fieldset.empty { width: auto; }
/*.wishlistsharing {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	height: 1%;
}*/
.wishlistEmail {
/*	float: left;*/
	/*padding: 10px 10px 10px 0;*/
	/*width: 165px;*/
	padding: 0 0 10px 10px;
}
.wishlistLink {
	/*float: right;*/
	/*padding: 10px 0 10px 10px;*/
	/*width: 600px;
	border-left: 1px solid #ddd;*/
	padding: 0 0 0 10px;
}
.wishlistitems .wishlistHelp {
	margin-bottom: 10px;
	width: 776px;/*786*/
	border: 0;
	padding: 10px 0 0 10px;
}
.wishlistitems .wishlistHelp p { width: 50%; }
.wishlistitems fieldset { 
	clear: left; 
	width: 100%;
}
.wishlistitems table, .giftregistry table {
	margin-bottom: 10px;
	width: 786px;
}
.wishlistitems table h3 { font-weight: normal; }
.wishlistitems table div { border: none; }
.wishlistitems table td div, .wishlistitems table td p { width: auto; }
.wishlistitems table label { width: auto; }
.wishlistitems table .checkboxInput input { margin-left: 0; }
.wishlistitems table td {
	padding: 10px 5px 0;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.wishlistitems table .prodImage {
	width: 60px;
	vertical-align: top;
}
.wishlistitems table .prodDetails { width: 346px; }
.wishlistitems table .prodDetails p { width: 140px; }
.wishlistitems table .price {
	float: left;
	padding-right: 20px;
}
.wishlistitems table .prodDetails .price span { display: block; }
.wishlistitems table .variants { float: left; }
.wishlistitems table .variants p { padding-bottom: 3px; }
.wishlistitems table .prodAttrib {  width: 200px; }
.wishlistitems table .prodActions { width: 140px; }
.wishlistitems table label {
	display: block;
	float: none;
	margin-top: 0;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.wishlistitems table .prodAttrib input { display: block; }
.wishlistitems table .prodAttrib p.checkboxInput { float: left; }
.wishlistitems table .checkboxInput input {
	display: inline;
	margin-left: 50px;
}
.wishlistitems table .removeProd {
	clear: none;
	float: right;
}
.wishlistitems table .dateAdded {
	clear: both;
	width: 100%;
}
.wishlistitems table .availabilityModule td {
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 0;
}
.wishlistitems table .availabilityModule .message p { width: 530px; }
.wishlistitems .secondarybutton { float: right; }
.wishlistitems .tertiarybutton {
	float: right;
	margin-right: 20px;
}
.wishlistsharing .eventuserinfo {
	float: left;
	padding: 10px 20px 10px 0;
	width: 360px;
	/*border-right: 1px solid #ddd;*/
}
.wishlistsharing .eventtimeinfo {
	float: right;
	padding: 10px 0 10px 20px;
	width: 360px;
}
.wishlistsharing .eventuserinfo strong, .wishlistsharing .eventtimeinfo strong {
	clear: both;
	float: left;
	padding-bottom: 10px;
	width: 100px;
}
.wishlistsharing .eventuserinfo span, .wishlistsharing .eventtimeinfo span { float: left; }
.wishlistLink a, .wishlistEmail a, .wishlistHelp a { text-decoration: underline; }

/* Wisth list pagination */
.wishlistitems .pageviewcontrols,
.wishlistitems .pageviewcontrols div { border: 0; }
.wishlistitems .pageviewcontrols fieldset { 
	width: auto;
	clear: none;
}
.wishlistitems .pageviewcontrolstop { margin-bottom: 10px; }
.wishlistitems .pageviewcontrols .resultshits {
	width: auto;
	clear: none;
	padding-bottom: 0;	
}
.wishlistitems .pageviewcontrols .itemsperpage {
	float: left;
	display: inline;
	width: auto;
	padding-top: 0;	
}

/* Sort by - for gift lists */
.wishlistitems .pagination {
	float: left;
	margin-bottom: 5px;
	width: 50%;
}
.wishlistitems .pagination label {
	padding-left: 10px;
	width: auto;
}
.wishlistitems ul.pagination {
	float: right;
	margin: 0;
	width: auto;
}




/**
* =6.3: Giftlist
* @info extends wishlist styles
*/
#giftRegistryTabsDiv {
	width: 786px;
	padding: 0;	
}
#giftRegistryTabsDiv #tabs {
	margin-top: 0;
	width: 786px;
	margin-bottom: 10px;
	border-bottom-color: #ddd;
}
form #giftRegistryTabsDiv #tabs li {
	clear: none;
	width: auto;
}
form .giftRegistryTabs { clear: left; }
/*form #giftRegistryTabsDiv #tabs li a { font-weight: bold; }*/
/*form #giftRegistryTabsDiv #tabs .ui-tabs-selected { background: url(../images/backgrounds/bg-tab-slide-selected.png) left top no-repeat; }
form #giftRegistryTabsDiv #tabs .ui-tabs-selected span { background: url(../images/backgrounds/bg-tab-cap-selected.png) right top no-repeat; }*/
/*form #giftRegistryTabsDiv #tabs .ui-tabs-selected a { color: #fff; }*/
/*form #giftRegistryTabsDiv #tabs .ui-state-hover a:hover { text-decoration: underline; }
form #giftRegistryTabsDiv #tabs .ui-state-active a:hover { text-decoration: none; }*/
form #giftRegistryTabsDiv #giftRegistryTab { display: none; }
.giftregistry h1 {
	background: url(../images/icons/icon-giftlist.png) 0 0 no-repeat;
}
.giftregistry h1#listname {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 30px;
}
.giftregistry form h3 {
	clear: both;
	float: left;
	padding: 10px 20px 5px;
}
.giftsignup, .creategiftlist, .giftlists { padding-bottom: 20px; }
.giftsignup form p, .creategiftlist form p {
	padding: 0;
	width: auto;
}
.giftregistry .wishlistEmail fieldset { width: 165px; }
.giftregistry .wishlistEmail fieldset p {
	padding: 0;
	width: 165px;
}
.giftregistry .wishlistEmail fieldset .primarybutton { float: left; }
.findgiftlist {
	clear: both;
	padding-top: 15px;
}
/*.listSummary th, .listSummary td {
	padding: 10px 0;
	width: 130px;
	border-bottom: 1px solid #ddd;
}
.listSummary th {
	padding: 5px 0 5px 10px;
	text-align: left;
	
}*/
.listSummary fieldset,
.listSummary fieldset p { 
	width: auto; 
	padding: 0; 
}
.listSummary td.emptylist .primarybutton {
	float: left;
}
.listSummary td.emptylist .emptylist { 
	display: inline-block; 
	margin-top: 3px;
}

.listSummary .eventname { width: 200px; }
.listSummary .eventname a { text-decoration: underline;	}
.listSummary .emptylist { padding-left: 10px; }
.listSummary p .primarybutton { float: left; }
.giftregistry .listSummary { 
	/*width: 590px; */
	border-bottom: none;
}
.giftregistry table h3 {
	padding: 0 0 10px;
	font-weight: normal;
}
.giftregistry table .prodDetails { width: 250px }
.giftregistry table .prodDetails p { width: 90px; }
.giftregistry table .giftregistrypriority select { width: 130px; }
.giftregistry table .giftregistrypriority p { text-align: center; }
.giftregistry table .giftregistrypriority strong {
	display: block;
	padding-bottom: 10px;
}
.giftregistry table .giftregistryqty { text-align: center; }
.giftregistry table .giftregistryqty input {
	margin-left: 0;
	margin-right: 0;
}
.giftregistry table .giftregistryqty .errormessage {
	clear: left;
	margin-left: 0;
	display: block;
	padding-top: 3px;
}
.giftregistry table th.qtyPurchased {
	padding-left: 65px;
}
.giftregistry table td.qtyPurchased {
	text-align: right;
	font-size: 1.25em;
	width: 45px;
	padding-right: 10px; 
}

.giftregistry table .prodActions { width: 150px; }
.registryconfirm div {
	float: left;
	clear: both;
	margin-bottom: 30px;
	width: 786px;
}
.registryconfirm dt {
	float: left;
	margin-right: 20px;
	padding-bottom: 5px;
	width: 200px;
	text-align: right;
	font-weight: bold;
}
.registryconfirm dd {
	float: left;
	padding-bottom: 5px;
	width: 566px;
	min-height: 15px;
}
.registryconfirm dd span {
	display: block;
	padding-bottom: 5px;
}
.registryconfirm form { clear: both; }
.registryconfirm form p {
	padding: 0 0 10px;
	width: 786px;
}
#helppageslink { text-decoration: underline; }
.giftregistry fieldset#addresssearch { margin-bottom: 10px; }
#addressResults .error { 
	padding-left: 177px; 
	padding-right: 0;
	width: 255px;
}
.giftregistry .registryselect .intro { padding-bottom: 20px; }
.giftregistry .registryselect table { margin-bottom: 30px; }
.giftregistry .giftregistrypurchases table th { padding-left: 0; }
.giftregistry .giftregistrypurchases table th, 
.giftregistry .giftregistrypurchases table td { text-align: center }
.giftregistry .giftregistrypurchases table th.prodDetails { 
	padding-left: 5px;
	text-align: left;
}
.giftregistry .giftregistrypurchases table td.prodDetails { 
	width: 200px; 
	text-align: left;
}


.giftsignup .intro, .giftregistryaddress .intro,
.findgiftlist p,
.eventinformation .fieldsetBorder { clear: left; }
.eventinformation form .submitButtons { 
	width: 100%;
}
.eventinformation .formcontentwrapper fieldset { margin: 0 auto 10px auto; }
.giftregistryaddress .formcontentwrapper fieldset.addresslookup { margin: 0 auto; }
.giftregistryaddress .formcontentwrapper fieldset.addresslookup fieldset.addresslist { margin-bottom: 10px; }
.giftregistryaddress .formcontentwrapper h3 { padding-left: 0; }


/**
* =7: Basket
*
* @info: Covers various sections for the basket
*	=7.1: Container and Title
*	=7.2: line items
*		=7.2.1: Table structure
*		=7.2.2: Image
*		=7.2.3: Name / attributes
*		=7.2.4: Quantity
*		=7.2.5: Subtotal
*	=7.3: Bundle items
*	=7.4: Promotions (coupons)
*	=7.5: Gift wrap and message
*	=7.6: Actions buttons
*	=7.7: Totals
*	=7.8: Warnings / errors
*	=7.9: Common delivery / payment info
*	=7.10: 
*/


/**
* =7.1: Container and title
*/
.cart {
	float: left;
	width: 786px;
}
.cart h1 { padding-left: 10px; }
.cart h2 { padding: 10px 0 15px 10px; }

/**
* =7.2: Line items
*
* @info: Covers table stucture, image, name and attributes, quantity and price
*/

/**
* =7.2.1: Line items table structure
*/
.cart table.carttable {
	clear: both;
	width: 786px;
	/*background: url(../images/backgrounds/bg-grad-e0e3e8-x786.png) top left no-repeat;*/
	
}
.cart tr.tablerow td { border-top: 1px solid #ebebeb; }
.cart tr.bundlerow td { border-top: none; }
.cart th { 
	font-size: 1.4em; 
	text-align: right; 
	padding: 6px 10px; 
	text-transform: lowercase;
}
.cart th.qty { padding-right: 0;}
.cart th.price { width: 80px; }
.cart th.item { text-align: left; width: 250px; }
.cart th.qty, .cart td.quantitycolumn {
	width: 150px;
}
.cart th.subtotal { padding-right: 15px; width: 150px; }
.cart td { 
	vertical-align: top;
	padding: 10px 0;
}
.cart td.pricecolumn { 
	vertical-align: top;
	padding: 10px 10px 0 0;
}

/**
* =7.2.2: Image
*/
.cart .imagecolumn { width: 60px; }
.cart .imagecolumn .quickviewbutton { position: relative; background-color: red;}
.cart .imagecolumn .quickviewbutton a {
	background: url(../images/buttons/btn-quickview-vert.png) center center no-repeat;
	display: block;
	height: 31px;
	width: 60px;
	top: -34px;
	left: 0px; 
}

/**
* =7.2.3: Name and attributes
*/
.cart td.detailscolumn { 
	padding-left: 10px;
	width: 400px;
}
.cart td.detailscolumn .name {
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden; 
}
.cart td.detailscolumn .productoption {	padding-top: 10px; }
.cart td.detailscolumn .productattributes { 
	padding-top: 10px;
	width: 50%;
	float: left;
}
.cart td.detailscolumn .productattributes .variants p { 
	width: auto;
	padding: 0 0 3px;
}
.cart td.detailscolumn .productattributes .promocalloutlink {
	text-decoration: underline;	
}
.cart td.detailscolumn .productdeliveryinfo { clear: left; }
.cart td.detailscolumn .productdeliveryinfo p {
	padding: 0;
	width: auto;
}	
.cart td.detailscolumn .promotionlist ul li {
	width: auto;
	padding-left: 0;
}
.cart td .promo { color: #d00; }
.cart td.detailscolumn .label {
	width: 50px;
	text-align: left;
}
.cart td.detailscolumn .attribute { font-size: 1em; }

/**
* =x.7.4: Quantity
*
* @Info: Includes stock warning indicator 
*/
.cart td.quantitycolumn .secondarybutton { margin-right: 5px; float: right; clear: both;}
.cart td.quantitycolumn input.tiny { margin: 0 0 0 2px; width: 38px; }
.cart td.quantitycolumn .errormessage { margin-left: 0; }
.cart td.quantitycolumn .stockindicator { 
	padding: 0 10px 5px 0px; 
	float: right;
	clear: both;
}
.cart td.quantitycolumn .lowstockindicator { background: url(../images/icons/icon-exclam-small.png) top left no-repeat; }
.cart .quantitycolumn .bonusquantity { 
	display: block;
	text-align: center; 
	width: 110px;
}
.pt_cart .cart .quantitycolumn { text-align: left; }
.cart td.quantitycolumndetails {
	padding: 10px 10px 10px 0; 
	width: 20px; 
	text-align: left;
}
.cart td.quantitycolumndetails .textinput {	width: 20px; }
.cart td.quantitycolumndetails .tertiarybutton { margin: 5px 0 0 25px; }

/**
* =7.2.5: Item subtotals 
*/
.cart td.itemtotalcolumn {
	width: 176px;
	text-align: right;
}
.cart td.itemtotalcolumn .tertiarybutton input { text-transform: uppercase; }
.cart .itemtotals {
	float: right;
	font-weight: bold;
	padding-right: 10px;
}
.cart .itemtotals .itemtotalswrapper {
	width: auto;
	float: left; 
	padding: 3px 10px 0 0;
}
.cart .itemtotals .label {
	float: none;
	text-align: right;
	width: auto;
}
.cart .itemtotals .value {
	float: none;
	text-align: right;
}
.cart .itemtotals .promo {
	font-size: 1em;
	font-weight: normal;
	width:140px;
}
.cart .itemtotals .promo,
.cart .itemtotals .promoprice,
.cart .itemtotals .standardprice,
.cart .itemtotals .salesprice { padding-bottom: 3px; }
.cart .itemtotals .standardprice .value { font-size: 1em; }
.cart .itemtotals .salesprice { font-size: 1.1em; }
.cart .itemtotals .promoprice { 
	color: #d00; 
	font-weight: normal; 
}
.cart .itemtotals .itemtotal { font-size: 1.4em; }
.cart .itemtotals .itemtotal .label {
	font-weight: bold;
	font-size: 1.1em;
}
.cart .pricecolumn .bonusitem {
	font-weight: bold;
	color: #d00;
}
.cart .itemtotals .bonusitem { color: #d00; }
.cart .pricing p.price { padding: 0 23px 7px; width: auto;}


/**
* =7.3: Bundle items 
*/
.cart .hasbundles td { padding-bottom: 0; }
.cart .bundleproducts { padding-top: 0; }
.cart .bundleproducts p { padding: 0 0 5px 0; }
.cart .bundleproducts ul {
	float: none;
	padding-left: 15px;
}
.cart .bundleproducts ul li {
	float: none;
	margin-left: 0px;
	padding-bottom: 3px;
	display: list-item;
	list-style-type: disc;
	width: auto;
}
.cart .bundleproducts ul li .wrapper {
	display: block;
	width: 565px;
	position: relative;
}
.cart .bundleproducts ul li .name {
	display: block;
	width: 455px;
}
.cart .bundleproducts ul li .name a { text-decoration: underline; }
.cart .bundleproducts ul li .bundleqty {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 110px;
	text-align: center;	
}


/**
* =7.4: Promotions 
*/
.cart .promotions { 
	margin-top: 20px; 
	float: left;
	clear: both; 
	width: 786px;
}
.cart .promotions p {
	width: auto; 
	padding: 0 0 0 10px;
}
.cart .promotions p a { text-decoration: underline; }
.cart .promotioncode {
	width: 776px;
	float: left;
	clear: both;
	padding: 20px 0 0 10px;
}
.cart .promotioncode .label {
	margin: 6px 10px 0 0;
	float: left;
}
.cart .promotioncode input { float: left; }
.cart .promotioncode .secondarybutton { margin: 5px 0 0 10px; }
.cart .promotioncode .errormessage {
	padding: 5px 0 4px 150px;
	width: auto;
	margin: 0;
	clear: left;
}
.cart .promotionlist .tertiarybutton input { text-transform: uppercase; }
.cart .promotionlist p { padding: 20px 0 5px 10px; }
.cart .promotionlist { clear: left; }
.cart .promotionlist ul {
	float: left;
	clear: both;
}
.cart .promotionlist ul li {
	padding: 3px 0 3px 10px;
	width: 770px;
	list-style-type: none;
}
.cart .promotionlist ul li .couponinfo,
.cart .promotionlist ul li .coupon { 
	display: block; 
	float: left; 
	width: 440px;
	padding-top: 2px 
}
.cart .promotionlist ul li .warning{ 
	width: 770px;
}
.cart .promotionlist ul li .coupon { width: 300px; }
.cart .promotionlist ul li .tertiarybutton { float: right; }
.cart .promotionlist ul li .notapplied { color: red; }
.cart .promotionlist ul li p { padding: 0; }
.cart .promotionlist ul li.couponerror {
	padding-left: 40px;
	padding-bottom: 4px;
	width: 740px;
	background: url(../images/icons/icon-exclam-small.png) 10px 0 no-repeat;	
}
.cart .priceadjustment { color: red; }

/**
* =7.4.1: Promotion overrides for other pages 
*/
.pt_order .cart .promotions h2 { padding-bottom: 0; }


/**
* =7.5: Gift wrap and message
*/
.cart .giftwrap {
	clear: left;
	float: left;
	margin-top: 20px;
	width: 786px;
	position: relative;
	top: 0px;
	left: 0px;
}
.cart .giftwrap h2 { 
	text-transform: lowercase; 
	float: left;
}
.cart .giftwrap .giftservice {
	float: left;
	width: 786px;
	clear: left;
}
.cart .giftwrap .giftservice .tertiarybutton {
	float: right;
	margin: 10px 10px 0 0;
}
.cart .giftservice h4 { padding-bottom: 10px; }
.cart .giftwrap .giftwrapselection {
	float: left;
	padding-left: 10px;
}
.cart .giftwrap p {
	width: auto;
	padding: 0 0 5px 0;
	float: left;
}
.cart .giftwrap p.intro { padding: 0 10px 20px; }
.cart .giftwrap ul {
	width: 370px;
	float: left;
	clear: both;
}
.cart .giftwrap ul li, .cart .giftwrap .giftlineitem {
	width: 370px;
	border-bottom: 1px solid #ebebeb;
	padding: 7px 0;
	position: relative;
}
.cart .giftwrap .giftlineitem { border-top: 1px solid #ebebeb; }
.cart .giftwrap ul li.free { border-bottom: 0; }
.cart .giftwrap ul li label {
	float: none;
	width: auto;
	margin: 0;
	text-align: left;
}
.cart .giftwrap ul li label span,
.cart .giftwrap .giftlineitem span {
	position: absolute;
	right: 10px;
	top: 7px;
	color: #333;
}
.cart .giftwrap .giftmessagetext {
	width: 380px;
	padding: 0 10px;
	float: left;
}
.cart .giftwrap .giftmessagetext textarea {
	width: 370px;
	height: 100px;
	border: 1px solid #969696;
}
.cart .giftwrap .giftmessagetext .maxchars {
	float: right;
	padding-right: 10px;
}
.cart .giftwrap ul li.free span,
.cart .giftwrap .giftmessagetext .maxchars,
.cart .giftwrap .giftmessagetext .maxcharsremaining {
	font-size: 0.9em;
	color: #999;
}
.cart .giftwrap .giftwraptoggle {
	float: right;
	margin: 10px 10px 0 0;
	display: inline;
}
.cart .giftwrap a.toggle {
	text-decoration: underline;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	text-transform: lowercase;
}
.cart .giftwrap a.show { background-position: 0 -15px; }
.cart .giftwrap .giftdisclaimer {
	padding: 10px 10px 0;
	width: 766px;
	color: #999;
	float: left;
}
.cart .delivery {
	margin-top: 20px; 
	float: left;
	clear: both; 
	width: 786px;
}
.cart .delivery h2 { text-transform: lowercase; } /*Due to case requirements in emails*/
.cart .payment {
	margin-top: 20px; 
	float: left;
	clear: both; 
	width: 786px;
}

/**
* =7.6: Basket action buttons
*/
.cart .actions {
	float: left; 
	clear: both;
	width: 786px;
	padding: 10px 0;
}
.cart .actions form.checkout,
.cart .actions form.formcontinueshopping { 
	float: left; 
	width: 50%;
}
.cart .actions form.checkout { float: right; }
.cart .actions form p { 
	clear: none;
	float: none;
	padding: 0;
	width: auto;
}

/**
* =7.7: Totals
*/
.cartordertotals { float: left; width: 786px;}
.cartfooter { clear: left; }
.cartfooter .ordertotals {
	margin-top: 20px;
	width: 786px;
	clear: left;
	float: left;
	background: transparent url(../images/backgrounds/bg-totals.png) top left repeat-x; }
}
.cartfooter .ordertotals h2 { padding-bottom: 0; }
.cartfooter .ordertotalstable { 
	float: right;
	font-size: 1.2em;
	margin: -15px 0 0;
}
.basket-totals-content-slot { 
	float: left; 
	display: inline;
	margin: 0 10px;
	width: 500px;
}
.payment-options-content-slot {
	width: 766px;
	float: left;
	display: inline;
	margin: 0 10px;
}
.cartfooter .ordertotalstable th,
.cartfooter .ordertotalstable td { 
	padding: 0 10px;
	line-height: 2em;
}
.cartfooter .ordertotalstable th {
	color: #333;
	font-weight: normal;
	font-size: 1em;
	text-transform: none;
	background-color: transparent;
}
.cartfooter .ordertotalstable .discount th { color: #d00; }
.cartfooter .ordertotal th, .cartfooter .ordertotal td { 
	font-size: 1.5em;
}
.cartfooter .ordertotalstable td { font-weight: bold; }
.cartfooter .freeshippingpromo {
	width: 45%;
	float: left;
	padding: 10px;
	border: 1px solid #ebebeb;
	margin: 10px 0 0 10px;
	display: inline;
}
.cartfooter .freeshippingpromo p {
	clear: none;
	float: none;
	padding: 0 0 7px;
	width: auto;
}
.cartfooter .freeshippingpromo p a { text-decoration: underline; }


/**
* =7.8: Warning and errors
*
* @info: Includes empty basket, continueshopping links, and low stock indicator. 
*		 For line item low stock icon, see x.2.4: line item quantity section
*/
.globalerrorheader,
.cart .carterror {
	clear: both;
	padding: 15px 0 10px 10px;
	background: url(../images/icons/icon-exclam-large.png) 10px 15px no-repeat;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
.globalerrorheader {
	float: left; 
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-position: 20px 0px;
	width: 965px;	
}
.checkout .paymenterror { 
	float: left;
	padding-bottom: 0;
}
.cart .cartempty,
.cart .cartlowstock,
.globalerrorheader .mainlandonly,
.globalerrorheader .error,
.carterror .error {
	padding: 15px 0 15px 60px;
	color: #f00;
	width: auto;
}
.cart .cartlowstock,
.globalerrorheader .mainlandonly { padding: 0 0 0 60px; }
.cart .cartlowstock strong { 
	padding-bottom: 10px; 
	display: block;
}
.cart .cartempty strong { 
	padding-bottom: 10px; 
	display: block;
}
.carterror .unorderable { padding-top: 0; }
.globalerrorheader .errorlist {
	list-style-type: outside;
	margin-left: 15px;
	padding: 10px 0;
	line-height: 1.5em;
}
.profile .globalerrorheader {
	width: auto;
	padding-left: 0;
	background-position: 0 0;
	padding-bottom: 10px;	
}
.confirmationmsgheader {
	float: left;
	clear: left;
	padding: 15px 0 15px 0;
	background: #e6f8eb url(../images/icons/icon-tick-small.png) 10px 10px no-repeat;
	width: 100%;
	margin-bottom: 10px;
}
.confirmationmsgheader p { padding: 0 0 0 50px; }

.cart #continueshoppinglist ul { width: 776px; }
.cart #continueshoppinglist ul li { width: 150px; }
.cart #continueshoppinglist h3 { font-size: 1.5em; }
.cart #continueshoppinglist {
	padding: 10px 0 20px 10px;
	background: url(../images/backgrounds/bg-grad-e0e3e8-x786.png) top left no-repeat;
}

.cartemptycontinue { padding-left: 10px; }

/**
* =7.9: Delivery and payment information
* @info: Displayed on Order history, Checkout summary and confirmation
*/
.cart .detailBox {
	clear:left;
	float: left;
	margin-left: 10px;
	padding-bottom: 6px;
	width: 230px;
	background: url(../images/backgrounds/bg-cnrs-x230-btm.png) left bottom no-repeat;
	display: inline;
}
.cart .detailBox h4 {
	padding-top: 6px;
	background: url(../images/backgrounds/bg-cnrs-x230-top.png) left top no-repeat;
	text-align: center;
}
.cart .detailBox div {
	padding: 0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.cart .detailBox p { padding: 10px 15px; }
.cart .deliveryMethod, .cart .carddetails {
	float: left;
	padding: 8px 0 0 20px;
	width: 300px;
}
.cart .deliveryMethod h4, .cart .carddetails h4 { padding: 0 10px 10px; }
.cart .deliveryMethod p { padding: 10px; }
.cart .deliveryMethod .deliveryOption {
	position: relative;
	margin-bottom: 8px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.cart .deliveryMethod .deliveryOption span {
	position: absolute;
	right: 10px;
}
.cart .carddetails p {
 	padding: 10px 0 10px 100px;
 	background-position: 10px 10px;
 	background-repeat: no-repeat;
	border-top: 1px solid #ebebeb;
}


/**
* =8: Order history
*/

/**
* =8.1: Common elements
*/
.pt_order #main h1 {
	padding: 10px 0 20px 70px;
	background: url(../images/icons/icon-orders.png) 0 0 no-repeat;
	border-bottom: 0;
	/*margin-bottom: 0;*/
}
.pt_order .orderheader {
/*	background: url(../images/backgrounds/bg-grad-e0e3e8-x786.png) left top no-repeat;*/
	clear: both;
	width: 786px;
	float: left;
}
.pt_order .orderheader p {
	float: left;
	padding: 5px 10px;
	width: 242px;
	font-weight: bold;
	font-size: 1.2em;
}
.pt_order .orderheader p strong { font-style: normal; }
.pt_order .orderheader p.ordernumber {
	/*font-size: 1.4em;*/
	float: left;
	padding-right: 0;
	width: 310px;
}
.pt_order .orderheader p.orderdate { 
	float: left;
	width: 194px;
	padding-right: 0;
}
.pt_order .orderheader p.orderstatus { 
	float: right; 
	text-align: right;
}
.pt_order .pageactionbuttonscentre { padding-top: 20px; }


/**
* =8.2: Order history list
*/
.pt_order .orders .orderheader p { clear: none; }
.orderinfotable { 
	clear: left; 
	width: 786px;
	border-bottom: 1px solid #ebebeb;
}
.orderinfotable td { 
	padding: 10px; 
	border-top: 1px solid #ebebeb;
}
.orderinfotable td.productname { width: 50%; }
.orderinfotable td.qty { width: 50%; text-align: center; }
.orders .orderinfo {
	clear: left;
	float: left;
	width: 786px;
	background-color: #f1f1f1;
	margin-bottom: 10px;
}
.orders .orderaction {
	float: right;
	text-align: right;
	padding: 10px 10px 5px 0;
	clear: both;
}
.orders .orderaction p.ordertotal { 
	font-size: 1.2em;
	padding: 3px 20px 0 0;
	width: auto;
	float: left;	
}
.orders .orderaction .primarybuttonright { float: left; }


/**
* =8.3: Order history details
*/
.pt_order .cart table.carttable { background-image: none; }
.pt_order .cart td.detailscolumn { width: 250px; }
.pt_order .cart td.orderstatus { 
	width: 140px; 
	padding-left: 10px;
}
.pt_order .cart td.itemtotalcolumn { width: 206px; }
.pt_order .cart td.itemtotalcolumn .itemtotalswrapper { padding-right: 0; }
.pt_order .cart td.consignmentinfo {
	 background-color: #f1f1f1;
	 padding: 0;
}
.pt_order .cart td.consignmentinfo td {
	padding: 20px 0 0;
	border-top: none;
}
.pt_order .cart td.consignmentinfo th { 
	padding: 20px 30px;
	text-align: center;
	font-size: 0.75em;
	color: #333;
	background-color: transparent;
}
.pt_order .cart td.consignmentinfo th h2 {
	background: url(../images/icons/icon-parcel.png) bottom center no-repeat;
	padding: 0 0 50px 0;
}
.pt_order .cart td.consignmentinfo a.tracking { text-decoration: underline; }
.pt_order .cart td.consignmentinfo .privatetracking { color: #666; }
.pt_order .cart .noconsignment td.consignmentinfo {
	background-color: transparent;
	border: none;	
}
.pt_order .cart .noconsignment h2 { padding: 15px 0 15px 0; }
.pt_order .pageactionbuttonscentre .primarybuttonright { float: right; }