/* ################################################# */
/* 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
- passwordinfo.cfm
- paymentdetails.cfm
- trackinfo.cfm
*/

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

/* <div> */
div.content {
	background: white;
	border: 1px solid black;
	color: black !important;
	overflow: auto;
	padding: 10px;
}
* html div.content {
	height: 1%;
	overflow: visible;
}
div.content p {
	color: black !important;
}
div.osb_message {
	border: 1px solid red;
	color: red;
	padding: 5px 10px;
}

/* <h3> */
h3 {
	background: url(../images/background/h3-bg.gif) no-repeat right top;
	border-bottom: 1px solid #B5B2B2;
	border-left: 1px solid #B5B2B2;
	color: #6C7543;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin: 20px 0 1px 0;
	padding: 3px 10px;
}

/* <input> */
input.back,
input.back_to_shop,
input.change,
input.complete,
input.continue,
input.login,
input.print,
input.register,
input.submit,
input.update {
	border: 0;
	color: #A32638;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 2px 10px;
	text-transform: lowercase;
	width: auto !important;
}
* html input.back,
* html input.back_to_shop,
* html input.change,
* html input.complete,
* html input.continue,
* html input.login,
* html input.print,
* html input.register,
* html input.submit,
* html input.update {
	padding-top: 1px;
}
input.change,
input.complete,
input.continue,
input.login,
input.print,
input.register,
input.submit {
	background: white;
	border: 1px solid #A32638;
}
input.back,
input.back_to_shop {
	background: white;
	border: 1px solid #A32638;
	padding-top: 1px;
}
* html input.back,
* html input.back_to_shop {
	padding-top: 0;
}
input.update {
	background: white;
	border: 1px solid #A32638;
	color: #A32638;
	font-size: 85%;
	padding-top: 1px;
}
* html input.update {
	padding-top: 0;
}
div.content input {
	margin-bottom: 5px;
	width: 200px; /* default which can be overriden elsewhere */
}
input.checkbox {
	float: left;
	margin: 14px 7px 5px 0;
	width: auto !important;
}
* html input.checkbox {
	margin: 7px 4px 0 -4px;
}

/* <label> */
label {
	display: block;
}

/* <p> */
p.checkbox_text {
	font-size: 90%;
	line-height: 140%;
	margin: 0;
	padding: 10px 0;
}
p.required {
	color: gray;
	font-size: 90%;
	margin: 0 0 1em 0;
}

/* <select> */
div.content select {
	margin-bottom: 5px;
	width: 200px; /* default which can be overriden elsewhere */
}

/* <span> */
label span {
	color: gray;
	font-size: 85%;
}
span.asterisk {
	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: -20px 0 0 0;
}

/* <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: -20px 0 0 0;
}

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

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

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

/* <div> */
div#benefits_of_registering {
	color: #666666;
	font-size: 90%;
	line-height: 150%;
}

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

/* <input> */
table.basket td.basket_quantity input {
	margin: 0;
	width: 40px;
}
div#cartinfo input.continue {
	float: right;
	margin: -20px 0 0 0;
}
input.update {
	float: right;
}

/* <table> */
table.basket {
	border-collapse: collapse;
	border: none;
}
table.basket td {
	background: #E4E4E4;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding: 2px 5px;
}
table.basket td.basket_description {
}
table.basket td.basket_image {
}
table.basket td.basket_price {
	text-align: right;
}
table.basket td.basket_quantity {
	font-size: 11px;
	text-align: center;
}
table.basket td.basket_remove {
	font-size: 18px;
	text-align: center;
}
table.basket td.basket_subtotal_description {
	background: #CCCCCC;
	text-align: right;
}
table.basket td.basket_subtotal_amount {
	background: #CCCCCC;
	padding-right: 63px !important;
	text-align: right;
}
table.basket td.basket_total {
	text-align: right;
}
table.basket td.basket_total_description {
	background: #CCCCCC;
	font-weight: bold;
	text-align: right;
}
table.basket td.basket_total_amount {
	background: #CCCCCC;
	font-weight: bold;
	padding-right: 63px !important;
	text-align: right;
}
table.basket td.basket_custom {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}
table.basket th {
	background: #918E8E;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	color: white;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
}
table.basket th.basket_description {
	width: 626px;
}
table.basket th.basket_image {
	text-align: center;
	width: 64px;
}
table.basket th.basket_price {
	text-align: right;
	width: 90px;
}
table.basket th.basket_quantity {
	text-align: center;
	width: 60px;
}
table.basket th.basket_remove {
	text-align: center;
	width: 50px;
}
table.basket 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;
}
* html ul#checkout_nav {
	height: 1%;
	overflow: visible;
	padding-top: 5px;
}
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 */
/* ############## */

/* <input> */
div#forgetinfo input {
	width: 15em; 
}

/* <p> */
div#forgetinfo p {
	margin: 0 0 5px 0;
}

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

/* <div> */
div#logininfo {
}
div#login_as_existing_customer {
}
div#login_as_existing_customer div.content {
	min-height: 150px;
}
* html div#login_as_existing_customer div.content {
	height: 185px;
}
div#login_or_register {
	clear: both;
}
div#login_or_register div#login_as_existing_customer {
	float: right;
	width: 49%;
}
div#login_or_register div#register_as_new_customer {
	float: left;
	width: 49%;
}
div#newlogininfo {
}
div#register_as_new_customer div.content {
	min-height: 150px;
}
* html div#register_as_new_customer div.content {
	height: 185px;
}

/* <p> */
div#login_as_existing_customer p {
	font-size: 90%;
	line-height: 130%;
}

/* ############################### */
/* 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#paymentdetails fieldset {
	border: 0;
	padding: 0;
}
div#paymentdetails label {
	font-family: verdana, geneva, sans-serif;
	font-size: 11px;
}
div#paymentdetails label span {
	color: black;
}
div#paymentdetails label span.asterisk {
	color: red;
}
div#paymentdetails p.required {
	font-size: 11px;
}
div#paymentdetails p.checkbox_text {
	font-size: 11px;
}

/* <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: -20px 0 0 0;
}

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

/* ############# */
/* TRACKINFO.CFM */
/* ############# */

/* <table> */
table.order_history {
	border-collapse: collapse;
	border: none;
	width: 100%;
}
table.order_history td {
	background: #E4E4E4;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding: 2px 5px;
}
table.order_history 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;
}

/* Copyright (c) Studio 2 Online Ltd. */