/* ################################################# */
/* STYLES SPECIFIC TO OSB CHECKOUT AND ACCOUNT PAGES */
/* ################################################# */

/* Arranged by OSB file, then alphabetically by tag, then by class/id name where applicable, then class/id of parent elements */

/*
Contents:
- Common styles (common to all/several files)
- accountinfo.cfm
- addressinfo.cfm
- billinginfo.cfm / shippinginfo.cfm
- cartinfo.cfm (Basket table styles also used in addressinfo.cfm & orderinfo.cfm)
- checkout_subheader.cfm
- forgetinfo.cfm
- logininfo.cfm / newlogininfo.cfm
- orderinfo.cfm / confirminfo.cfm / trackinfo.cfm
- passwordinfo.cfm
- paymentdetails.cfm
*/

/* ############# */
/* COMMON STYLES */
/* ############# */

/* <a> */
div.osb_message a {
	color: white;
}
div.osb_error_message a {
	color: red;
}

/* <div> */
div.content { /* This is the box around each section on most checkout pages. */
	background: #EEEEEE;
	border: 1px solid #C6C6C6;
	overflow: auto;
	padding: 10px;
}
div.osb_message { /* Used for on-page info/success messages */
	background: #999999;
	color: white;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 10px;
}
div.osb_error_message { /* Used for on-page error/warning messages */
	background: #FFDFDF;
	color: red;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 10px;
}

/* <h4> */
h4 {
	/* Override default.css <h4> style here if necessary */
}

/* <input> */
input.back,
input.back_to_shop,
input.change,
input.complete,
input.continue,
input.login,
input.print,
input.register,
div#content input.submit,
input.update,
.rugButton{
	/* Restate input.submit styles from default.css here so they get applied to all buttons */
	background: #3B8DE3 url(../images/submit.gif) repeat-x 0 bottom !important;
	border: 0 !important;
	color: white !important;
	cursor: pointer !important;
	margin: 10px 0 0 0 !important;
	overflow: visible;
	padding: 3px 6px 4px 6px !important;
	width: auto !important;
}
input.checkbox { /* Ideally this should be in default.css */
	float: left;
	margin: 14px 7px 5px 0;
	width: auto !important;
}

/* <label> */
label { /* Override default.css <label> styles here if necessary */
	float: none !important;
	width: auto !important;
}
label.checkbox_text {
	font-size: 90%;
	line-height: 140% !important;
	margin: 0;
	padding: 12px 0;
}

/* <p> */
div.osb_message p,
div.osb_error_message p {
	margin: 0; /* Override value set in default.css if necessary */
}
p.required { /* 'Required fields' text */
	color: gray;
	font-size: 90%;
	margin: 1em 0 !important;
}

/* <span> */
label span { /* Used for additional notes in labels, usually in parentheses) */
	color: gray;
	font-size: 90%;
}
span.asterisk { /* Used to denote required fields */
	color: red;
}
div.osb_message span {
	color: white;
}
div.osb_error_message span {
	color: red;
}

/* ############### */
/* ACCOUNTINFO.CFM */
/* ############### */

/* <ul> */
div#accountinfo ul {
	margin: 0;
}
div#accountinfo ul li {
	list-style: none;
	margin: 0;
}

/* ############### */
/* ADDRESSINFO.CFM */
/* ############### */

/* (Basket table styles defined under CARTINFO.CFM section) */

/* <input> */
div#addressinfo input.continue {
	float: right;
	margin: 0 0 0 0 !important;
}

/* <p> */
div#addressinfo_billingaddress p.address {
	margin: 0;
}
div#addressinfo_billingaddress p.edit {
	float: right;
	margin: -15px 0 0 0;
}
div#addressinfo_deliveryaddress p.address {
	margin: 0;
}
div#addressinfo_deliveryaddress p.edit {
	float: right;
	margin: -15px 0 0 0;
}
div#addressinfo_deliverymethod p.method {
	float: left;
	margin: 0;
}
div#addressinfo_deliverymethod p.explanation {
	float: right;
	margin: 0;
}

/* ################################## */
/* BILLINGINFO.CFM / SHIPPINGINFO.CFM */
/* ################################## */

/* <fieldset> */
div#billinginfo fieldset,
div#shippinginfo fieldset {
	float: left;
	width: 47%;
}

/* <input> */
div#billinginfo input.continue,
div#shippinginfo input.continue {
	float: right;
	margin: 10px 0 0 0 !important;
}

/* <p> */
div#billinginfo p,
div#shippinginfo p {
	margin-top: 0.01em;
}

/* ################################################################## */
/* CARTINFO.CFM                                                       */
/* (Basket table styles also used in ADDRESSINFO.CFM & ORDERINFO.CFM) */
/* ################################################################## */

/* <a> */
td.basket_remove a {
	color: red;
}

/* <img> */
td.basket_image img {
	border: 1px solid #B9B7B7;
	display: block;
	width: 62px;
}

/* <input> */
td.basket_quantity input {
	border: 1px solid #999999;
	margin: 0;
	padding: 0 1px;
	width: 30px;
}

/* <table> */
table.basket {
	border-collapse: collapse;
}
table.basket td {
	border: 1px solid #FFF;
	background: #E4E4E4;
	padding: 4px;
}
table.basket tr.even td {
	background: #EAEAEA;
}
td.basket_price {
	text-align: right;
}
td.basket_quantity {
	font-size: 11px;
	text-align: center;
}
td.basket_remove {
	font-size: 18px;
	text-align: center;
}
td.basket_subtotal_description {
	background: #D4D4D4 !important;
	text-align: right;
}
td.basket_subtotal_amount {
	background: #D4D4D4 !important;
	/*padding-right: 63px !important;*/
	text-align: right;
}
td.basket_total {
	text-align: right;
}
td.basket_total_description {
	background: #C4C4C4 !important;
	font-weight: bold;
	text-align: right;
}
td.basket_total_amount {
	background: #C4C4C4 !important;
	font-weight: bold;
	/*padding-right: 63px !important;*/
	text-align: right;
}
td.basket_custom {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}
table.basket th {
	background: #918E8E;
	border: 1px solid white;
	color: white;
	font-weight: bold;
	padding: 2px 5px;
}
th.basket_description {
	width: 400px;
}
th.basket_variation {
	width: 400px;
}
th.basket_image {
	text-align: center !important;
	width: 64px;
}
th.basket_price {
	text-align: right !important;
	width: 80px;
}
th.basket_quantity {
	text-align: center;
	width: 60px;
}
th.basket_remove {
	text-align: center;
	width: 50px;
}
th.basket_total {
	text-align: right;
	width: 90px;
}

/* ###################### */
/* CHECKOUT_SUBHEADER.CFM */
/* ###################### */

/* <a> */
ul#checkout_nav li a {
	color: black;
}

/* <p> */
p#security_message {
	left: -10000px;
	position: absolute;
	top: -10000px;
}

/* <ul> */
ul#checkout_nav {
	background: #B5B2B2;
	clear: both;
	margin: 0 0 10px 0;
	overflow: auto;
	padding: 4px 0 5px 0;
}
ul#checkout_nav li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 12px;
}
ul#checkout_nav li.current {
	color: white;
	font-weight: bold;
}

/* ############## */
/* FORGETINFO.CFM */
/* ############## */

/* <p> */
div#forgetinfo p {
	margin: 0 0 1em 0;
}

/* ################################ */
/* LOGININFO.CFM / NEWLOGININFO.CFM */
/* ################################ */

/* <div> */
div#benefits_of_registering {
	font-size: 90%;
	line-height: 150%;
	margin: 1em 0;
}
div#login_or_register {
	clear: both;
}
div#login_or_register div#login_as_existing_customer {
	float: right;
	width: 49%;
}
div#login_or_register div#login_as_existing_customer div.content {
	min-height: 150px;
}
div#login_or_register div#register_as_new_customer {
	float: left;
	width: 49%;
}
div#login_or_register div#register_as_new_customer div.content {
	min-height: 150px;
}

/* <h6> */
div#benefits_of_registering h6 {
	font-size: 100%;
	margin: 0 0 0.5em 0;
}

/* <ol> */
div#benefits_of_registering ol {
	margin: 0;
}

/* <p> */
div#login_as_existing_customer p {
	font-size: 90%;
	line-height: 130%;
}
p#forgotten_password {
	margin: 1em 0 0.5em 0;
}
p#privacy_guaranteed { /* Requires reduction of top margin in IE (6 and/or 7??) */
	clear: both;
	color: gray;
	font-size: 90%;
	margin: 1.5em 0;
}

/* ############################### */
/* ORDERINFO.CFM / CONFIRMINFO.CFM */
/* ############################### */
/* Both files use <div id="orderinfo"> */

/* (Basket table styles defined under CARTINFO.CFM section) */

/* <p> */
div#orderinfo_billingaddress p {
	margin: 0;
}
div#orderinfo_deliveryaddress p {
	margin: 0;
}
div#orderinfo_deliverymethod p {
	margin: 0;
}

/* <table> */
table.order {
	border-collapse: collapse;
	border: none;
	width: 100%;
}
table.order td {
	background: #E4E4E4;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding: 2px 5px;
}
table.order th {
	background: rgb(178,196,236);
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
	width: 15em;
}

/* ################ */
/* PASSWORDINFO.CFM */
/* ################ */


/* ################## */
/* PAYMENTDETAILS.CFM */
/* ################## */

/* <div> */
div#paymentdetails div.input_fields {
	clear: both;
}

/* <fieldset> */
div#paymentdetails fieldset {
	float: left;
	width: 47%;
}
div#paymentdetails fieldset.confirm {
	clear: both;
	float: none;
	padding-top: 10px;
	width: auto;
}

/* <input> */
div#paymentdetails input#issuenumber,
div#paymentdetails input#securitycode {
	width: 4em;
}
div#paymentdetails input.complete {
	float: right;
	margin: -22px 0 0 0 !important;
}

/* <select> */
div#paymentdetails select#startmonth,
div#paymentdetails select#startyear,
div#paymentdetails select#expirymonth,
div#paymentdetails select#expiryyear {
	width: 65px;
}
select#shippingmethod {
	width: 250px;	
}
input#custom10 {
	width: 380px;	
}

#deliveryInstructions {
	width: 551px;	/* was 380 */
	height: 26px;
	/*line-height:13px;*/
}
/*==========================================*/
/*        Validation         */
/*==========================================*/
form input.error, textArea.error, select.error {border:1px solid red !important}
/*==========================================*/
/*        Address Details page         */
/*==========================================*/
.addressListContainer{display:none}

.half {width:49%; float:left;}
a.rugButton.backButton{margin-top:10px!important; text-decoration:none!important; display:inline-block;}
.addressFindButton {margin: -5px 0px 0px 10px!important; width:150px; }
/*==========================================*/
/*        Confirm Order Page       */
/*==========================================*/

/*==========================================*/
/*         General basket display        */
/*==========================================*/
.basket_description {text-align:center}
.basket_variation ul {margin-bottom:0px}