@charset "UTF-8";
/* CSS Document */

div#content div.column1of2 { float:left; width:730px; }
div#content div.column2of2 { float:right; width:155px; }

body#viewPaymentMethodsTemplate div#content div.column1of2, body#myAccountTemplate div#content div.column1of2, body#orderHistoryTemplate div#content div.column1of2, body#manageAddressTemplate div#content div.column1of2, body#pt_cataloguerequest div#content div.column1of2 { width:695px; }
body#viewPaymentMethodsTemplate div#content div.column2of2, body#myAccountTemplate div#content div.column2of2, body#orderHistoryTemplate div#content div.column2of2, body#manageAddressTemplate div#content div.column2of2, body#pt_cataloguerequest div#content div.column2of2 { width:200px; }

.section { padding: 10px 20px 30px 20px; }	

ul#securityIcons, ul#orderHistoryList { list-style: none; }
ul#orderHistoryList li.section { padding-bottom: 40px; position:relative; }

h1 { 
	background: #B5B009; 
	padding:5px 10px 5px 10px; 
	margin:0 0 15px 0;
}

div.section {
	position: relative;
}

p.fieldIndicate {
	position:absolute;
	top:15px;
	right:10px;
}

div.field, p.signInOption { 
	margin: 5px 0 25px 0;
	position: relative;
	/*width:690px;*/
}

div.field { 
	width:490px;
}

#pt_cataloguerequest div.field {
	width:670px;
}

div#signIn div.field { width:316px; }

div.field label { 
	width:170px;
	float:left;
}

#pt_cataloguerequest div.field label{
	width:180;
}

div.field input, div.field select, #orderHistory select { 
	width:300px;
	border: 1px solid #857F03;
	padding:2px;
	float:left
}

div.field input.radio { width: 30px; }

div.error div.field input, div.error div.field select { border: 1px solid #ff0000; }

div.field select, #orderHistory select { 
	width:305px;
}

/*p.additionalHelp, p.error { float:right; width:200px; padding:0; margin:0; }*/
p.additionalHelp{ 
	float: right;
	width: 160px;
	margin: 5px 0 5px;
	padding: 0;
	vertical-align: middle;
	clear: right;
}

p.error {
	clear: both;
	float: left;
	margin: 0.2em 0 0.1em 14.3em;
}

p.msg {
	margin-bottom: 15px;
}

input.submit, input.reset, input.recentlyShipped  {
	background:url(../img/buttons/moreLinkBtn.jpg) no-repeat center;
	border:none;
	width:53px;
	height:18px;
	text-align:center;
}

input.reset { position:absolute; bottom: 10px; left:10px; }
input.submit, a#createAccount { position:absolute; bottom: 10px; right:10px; }

ul#accountOptions { list-style: none; }

ul#accountOptions li, ul#deleteAddressForm li { 
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	background:url(../img/layout/hotspotsBg.jpg) repeat-x bottom;
	position: relative;
}

ul#accountOptions li {
	float:left;
	height:13em;
	width:200px;
	margin:0 12px 10px 0;
}

ul#accountOptions li.thirdCol { margin-right: 0px; }

p.accountButtons { position:absolute; bottom:10px; left: 10px; margin: 0; }

a.accountButtons, input.accountButtons {
	display:block;
	background:url(../img/buttons/largeLinkBtn.jpg) no-repeat center;
	border:none;
	width:115px;
	height:17px;
	text-align:center;
	}

input.catalogueButton {
	background:url(../img/buttons/largeLinkBtn.jpg) no-repeat center;
	border:none;
	width:115px;
	height:17px;
	text-align:center;
	position:absolute; bottom: 10px; right:10px;
	color: #ffffff;
	}
	
input.accountButtons  {
	height:18px;
	}
	
body#viewPaymentMethodsTemplate #goback input {
	height:17px;
	}

#orderHistory { margin-bottom:20px; }
#orderHistory h2, #orderHistory p, #orderHistory select, #orderHistory input  { float: left; margin-right:12px; }
#orderHistory h2 { width: 220px; }
p.orderInfo { padding-top:5px; margin-left:232px; }

body#myAccountTemplate div.column2of2 ul, body#orderHistoryTemplate div#content div.column2of2 ul, body#pt_cataloguerequest div#content div.column2of2 ul,
body#manageAddressTemplate div#content div.column2of2 ul, body#viewPaymentMethodsTemplate div#content div.column2of2 ul
 {
	margin: 3px 0 10px 0;
	list-style:none;
}

body#myAccountTemplate div.column2of2 li, body#orderHistoryTemplate div#content div.column2of2 li, body#pt_cataloguerequest div#content div.column2of2 li,
body#manageAddressTemplate div#content div.column2of2 li, body#viewPaymentMethodsTemplate div#content div.column2of2 li
{
	padding: 3px 10px 3px 20px;
	background: url(../img/layout/searchRefine.gif) no-repeat left;
	font-size:1.2em;
}

div#signIn, div#newCustomers { width: 317px; height:18em; float: left; margin-right:12px ; }
div#newCustomers { margin-right:0; }


div#signIn div.field label { 
	width:100px;
}

div#signIn input#emailAddress, div#signIn input#password { 
	width:210px;
}

div#signIn p#forgotPassword { margin:0 0 0 100px; }

input#signInSecurely, input.completeOrder, input.deleteAddress { 
	background:url(../img/buttons/largeLinkBtn.jpg) no-repeat center;
	width:115px;
}

div#signIn p.error { margin:0; width: 317px; padding-bottom:10px; }
#orderHistory p.orderInfo { width: 370px; }

div.field input.radio { border:none; }

body#manageAddressTemplate .addressBookForm h2 { margin:0 0 20px 0; }

ul#deleteAddressForm {
	list-style: none;
	margin:-6px -6px 20px -6px;
}

ul#deleteAddressForm li {
	width: 201px;
	padding:10px 10px 40px 10px;
	float:left;
	margin:6px;
	height:12em;
}

ul#deleteAddressForm input.deleteAddress {
	left:10px;
}

form#postcodeForm { margin-bottom:20px; }
#selectAddress { width: 653px;}

body#manageAddressTemplate div#content form, fieldset#selectAddress { position: relative; }
fieldset#selectAddress input.reset { position:relative; bottom:0; right:0; left:0; margin: 10px 0 0 0; }
fieldset#manualAddress input.submit { position:relative; bottom:0; right:0; }
fieldset#manualAddress { position: absolute; right:20px; bottom:10px; }

#postcodeForm p.error { margin:0 0 5px 0; }

/*GBS-87*/
div.accountOptionButtons { position:absolute; bottom:10px; }
div.accountOptionButtons .image { margin-top:3px; }

/*GBS-170*/
body#orderHistoryTemplate div#orderHistory, body#orderHistoryTemplate div#orderHistory div.subSectionInner { width:650px; }
body#orderHistoryTemplate div#orderHistory div.orderDetails { width:100%; }
body#orderHistoryTemplate div#orderHistory div.deliveryAddress p, body#orderHistoryTemplate div#orderHistory input.completeOrder { float:none; }
body#orderHistoryTemplate div#orderHistory div.deliveryItems li { font-size:1.2em; }
body#orderHistoryTemplate div#orderHistory div.subSection { margin-bottom:10px; padding-bottom:10px; padding-top:10px; border-top:1px solid #B5B009; }
body#orderHistoryTemplate div#orderHistory form#ReminderConfirmForm { padding-bottom:10px; width:100%; margin-bottom:10px; padding-bottom:10px; }
body#orderHistoryTemplate div#orderHistory input.completeOrder, body#orderDetailsTemplate div#orderPaymentDetails { margin-top:10px; width:auto; }
body#orderHistoryTemplate div.buttons input.reset { width:auto; height:auto; bottom:45px; }
body#orderHistoryTemplate div#orderHistory div, body#orderHistoryTemplate div#orderHistory div.buttons { display:block; }

body#orderDetailsTemplate ul.itemsOrdered, body#orderDetailsTemplate div#orderPaymentDetails div.subSectionInner,
body#orderDetailsTemplate ul.orderSummary, body#orderDetailsTemplate ul.itemsOrdered li { display:block; margin-bottom: 10px}
body#orderDetailsTemplate ul.itemsOrdered, body#orderDetailsTemplate ul.itemsOrdered li { display:block; width:690px; }

body#orderDetailsTemplate ul.itemsOrdered a img,
body#orderDetailsTemplate ul.itemsOrdered div.basketItemDesc,
body#orderDetailsTemplate div#orderPaymentDetails div#cardInformation { float:left; margin-right:10px; }
body#orderDetailsTemplate ul.itemsOrdered div.basketItemPrice,
body#orderDetailsTemplate div#orderPaymentDetails div#invoiceDetails { float:right; }
body#orderDetailsTemplate div#orderPaymentDetails div#invoiceDetails td { font-size:1.2em; padding:0 0 5px 10px; }
body#orderDetailsTemplate div#orderPaymentDetails div#invoiceDetails #grandTotal td { font-weight:bold; }

body#orderDetailsTemplate div.column2of2 ul, body#orderHistoryTemplate div.column2of2 ul
{ margin: 3px 0 10px 0; list-style:none; }

body#orderDetailsTemplate div.column2of2 ul li, body#orderHistoryTemplate div.column2of2 ul li
{ padding: 3px 10px 3px 20px;
	background: url(../img/layout/searchRefine.gif) no-repeat left;
	font-size:1.2em; }
	
/*GBS-175*/
body#pt_cataloguerequest div.field #go { width:auto; border:none; padding:0; display:none; }
body#pt_cataloguerequest div.field, body#pt_cataloguerequest div.clearfix { display:block; }
body#pt_cataloguerequest div.section { padding-bottom:40px; }

/* GBS-175 */
body#pt_cataloguerequest div.column1of2 {
	float: right;
}

body#pt_cataloguerequest div.column2of2 {
	float: left;
}
/*GBS-321*/
body#pt_cataloguerequest input.image{
	float: right;
	margin-top: 12px;
}

.rightalign {
	float: right;
}

div#errorAlert {
	border:1px solid #FF0000;
	margin:0 0 20px;
	padding:10px;
	font-size: 1.2em;
}

/*GBS-191*/
body#pteditPaymentMethod #editpayment .clearfix { display:block; }
body#pteditPaymentMethod #editpayment .reset, body#pteditPaymentMethod #editpayment .submit { width:auto; height:auto; }
body#pteditPaymentMethod #editpayment p.cardNumber { margin-bottom:20px; }
body#pteditPaymentMethod #editpayment p.cardNumber span { width:170px; float:left; }
body#pteditPaymentMethod #editpayment select { width: 50px; }
body#pteditPaymentMethod #editpayment .field { display:block;  }
body#pteditPaymentMethod #editpayment #expiryMonth, body#pteditPaymentMethod #editpayment #expiryYear { float:none; }
body#pteditPaymentMethod #editpayment div.editCardDetails img { position:absolute; right:10px; }


/*GBS-257 div.column2of2 */
body#pt_cataloguerequest div#content div#catalogueRequestSideBar h3.customerServiceHeading {
	color:#857F03;
	font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
	margin:0 0 5px;
	font-size:1.6em;
	font-weight:bold;
}

body#pt_cataloguerequest div#content div#catalogueRequestSideBar li.first {
	background: none;
}

body#pt_cataloguerequest div#content div#catalogueRequestSideBar li.first h4 {
	font-weight:bold;
	color:#857F03;	
}
body#pt_cataloguerequest div#content div#catalogueRequestSideBar li { 
	font-size:1.0em;
	padding:3px 10px 3px 20px;
}
	
body#pt_cataloguerequest div#content div#catalogueRequestSideBar a {
	color:#FEA102;
	text-decoration:underline;
}
/*GBS-335*/
div#postcodeFinder {
	height: 180px;
}