/*############ checkout 1 ###############*/
#checkoutContainer {
    float:left;
    padding:0px 0px 10px 0px;
    width:715px;
}

#checkoutContainer #stepHeader h1 {
    font-size:18px;
    margin:5px 0px 10px 0px;
    text-transform:uppercase;
}

#longDateContainer,
#termsContainer,
.textareaContainer,
.checkboxContainer,
.dateContainer,
.numberContainer,
#multiaddressContainer,
.selectContainer,
.buttonContainer,
.dateContainer,
.textContainer,
#agreeContainer,
.msgContainer,
.numberContainer {
	float: left;
	padding:2px 0px;
	text-align: center;
	width: 100%;
}

#termsContainer {
    line-height:20px;
    margin:-7px 0px 10px 10px;
    text-align:left;
    width:720px;
}

.expandLink {
    text-align:right;
    width:725px;
}

.msgContainer {
	text-align: left;
}

.contentCell  {
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 2%;
	text-align: left;
	width: 52%;
}

#multiaddressContainer {
	text-align: left;
}

#custom_checkout table {
	border: 0px solid blue;
	width: 100%;
}

.viewOrders, .editUser {
	float: left;
	width: 100%;
}

#checkout {
	float: left;
	width: 741px;
}

#checkout h1 {
    background-color:#5a7d7b;
    color:#fff;
    font-size:14px;
    line-height:34px;
    margin-bottom:4px;
    padding:0px 10px;
    text-transform:uppercase;
}

#checkout input,
#checkout select,
#checkout textarea {
	font-size: 10px;
}

#checkout #stepHeader,
#checkout .stepHeader,
#checkout .stepHeaderDisabled,
#checkout .stepHeaderCompleted,
#checkout .stepHeaderCompletedDisabled  {
	border:1px solid #eee;
	border-width:1px 1px 0px 1px;
	float: left;
	height: 35px;
	padding: 0px;
	width: 739px;
}

#checkout #stepHeader h1,
#checkout .stepHeader h1,
#checkout .stepHeaderDisabled h1,
#checkout .stepHeaderCompleted h1,
#checkout .stepHeaderCompletedDisabled h1{
   padding: 10px 0px 0px 10px;
}

#checkout #stepHeader h2,
#checkout .stepHeader h2,
#checkout .stepHeaderDisabled h2,
#checkout .stepHeaderCompleted h2,
#checkout .stepHeaderCompletedDisabled h2{
	color:#88746a;
	float: left;
	font-size: 14px;
	font-weight:bold;
	line-height: 28px;
    margin: 0px;
	padding: 7px 0px 0px 7px;
	text-transform:uppercase;
	width: 205px;
}

#checkout .stepHeaderDisabled h2,#checkout .stepHeaderCompletedDisabled h2 {
    color:#ccc;
}

#checkout .stepHeaderCompleted h2 {
    color:#f47b20;
}

#checkout #stepHeader .inlineContent,
#checkout .stepHeader .inlineContent,
#checkout .stepHeaderDisabled .inlineContent,
#checkout .stepHeaderCompleted .inlineContent,
#checkout .stepHeaderCompletedDisabled .inlineContent {
	float: left;
	font-style: italic;
	line-height: 11px;
	padding-top: 8px;
	text-align: left;
	width: 500px;
}

#checkout .stepHeader .inlineContent .headerInput,
#checkout .stepHeaderDisabled .inlineContent .headerInput,
#checkout .stepHeaderCompleted .inlineContent .headerInput,
#checkout .stepHeaderCompletedDisabled .inlineContent .headerInput{
    float:right;
    padding-top:2px;
}

#checkout .stepHeader .inlineContent .headerText,
#checkout .stepHeaderDisabled .inlineContent .headerText,
#checkout .stepHeaderCompleted .inlineContent .headerText,
#checkout .stepHeaderCompletedDisabled .inlineContent .headerText{
    float:left;
    padding-top:7px;
}

#checkout .stepHeaderCompleted .inlineContent .labelBold b,
#checkout .stepHeaderCompletedDisabled .inlineContent .labelBold b{
    float:left;
    margin-top:7px;
}

#checkout .stepHeader .inlineContent img,
#checkout .stepHeaderDisabled .inlineContent img,
#checkout .stepHeaderCompleted .inlineContent img,
#checkout .stepHeaderCompletedDisabled .inlineContent  img {
    float:right;
    margin-top:5px;
}

#checkout .stepHeaderDisabled .inlineContent,
#checkout .stepHeaderCompletedDisabled .inlineContent {
    color:#ccc;
}

#checkout #stepHeader .inlineContent label,
#checkout .stepHeader .inlineContent label {
	font-weight: bold;
}

#checkout .stepContent {
	float: left;
	font-size: 12px;
	padding-top: 10px;
	width: 550px;
}

#checkout .stepContent .left,
#checkout #stepHeader .inlineContent .left,
#checkout .stepHeader .inlineContent .left,
#checkout .stepHeaderDisabled .inlineContent .addressLeft,
#checkout .stepHeader .inlineContent .addressLeft,
#checkout .stepHeaderCompleted .inlineContent .addressLeft,
#checkout .stepHeaderCompletedDisabled .inlineContent .addressLeft {
	float: left;
	line-height:12px;
	width: 430px;
	overflow:hidden;
	height:25px;
}

#checkout .stepContent .right,
#checkout #stepHeader .inlineContent .right {
	float: left;
	padding-top: 5px;
	width: 110px;
}

#checkout #stepHeader .inlineContent .left { /* display address information inline */
	float: left;
	font-size: 11px;
	width: 250px;
}

#checkout #stepHeader .inlineContent .right { /* show change address button */
	float: right;
	width: 112px;
}

#checkout .stepHeaderDisabled  {
	background-color:#F7F7F7;
	border-color:#eee;
}

#checkout .stepHeaderCompleted,
#checkout .stepHeaderCompletedDisabled {
	background-color:#FFFAF3;
	border-color:#eee;
}

#checkout .stepContainer {
	border:1px solid #eee;
	border-width:0px 1px;
	float: left;
	padding: 0px;
	width: 739px;
}

#checkout .stepInner {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 739px;
}

#checkout .dp_statement,
#checkout .dp_checkboxes {
	float: left;
}

#checkout th.dp_th,
#checkout th.createAccount{
	vertical-align: top;
}

#checkout .dp_td .dp_statement,
#checkout .dp_td .dp_checkboxes{
	float: left;
	width: 100%;
}

#checkout .stepInner p {
	margin: 0px;
	padding: 5px 10px;
}

#checkout .stepInner .terms {
	background-color:#fbfbfb;
	border:1px solid #eee;
	float: left;
	margin: 10px;
    max-height: 100px;
	overflow: auto;
    padding:5px;
	width: 700px;
}

#checkout #confirmPayment { /* Payment button container */
	float: left;
	padding: 20px 0px;
	text-align: center;
	width: 100%;
}

#checkout .stepFooter,
#checkout .stepFooterDisabled,
#checkout .stepFooterCompleted,
#checkout .stepFooterCompletedDisabled {
	border:1px solid #eee;
	border-width:0px 1px 1px 1px;
	float: left;
	height: 5px;
	margin-bottom: 4px;
	padding: 0px;
	width: 739px;
}

#checkout .stepFooterDisabled {
	background-color:#F7F7F7;
	border-color:#eee;
}

#checkout .stepFooterCompleted, #checkout .stepFooterCompletedDisabled {
	background-color:#FFFAF3;
	border-color:#eee;
}

#checkout #deliveryAddressSelected {
	float: left;
    margin: 0px 1px 0px 10px;
	width: 275px;
}

#checkout #deliveryAddressSelected .header {
	background: url('../images/layout/checkout/deliveryAddressSelectedHeaderBg.gif') top left no-repeat;
	float: left;
	height: 12px;
	width: 275px;
	display:none;
}

#checkout #deliveryAddressSelected .stepContent {
	float: left;
	padding-bottom: 0px;
	width: 275px;
}

#checkout #deliveryAddressSelected .stepContent .checkout_delivery table.deliveryInfo {
	margin: 0px auto;
	overflow: hidden;
	width: 350px;
}

#checkout #deliveryAddressSelected .stepContent .checkout_delivery table.deliveryInfo td {
	border: 0px solid blue;
}

#checkout #deliveryAddressSelected .stepContent .checkout_delivery table.deliveryInfo td span {
	float: left;
	font-size: 11px;
    padding:2px 0px;
}

#checkout #deliveryAddressSelected .stepContent .checkout_delivery table.deliveryInfo th {
	font-size: 11px;
    font-weight:normal;
	padding: 2px 5px 2px 0px;
	width: 80px;
}

#checkout #deliveryAddressSelected .stepContent table input,
#checkout #deliveryAddressSelected .stepContent table select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border:1px solid #ccc;
    font-size:11px;
    padding:4px;
    width:200px;
}

#checkout #deliveryAddressSelected .stepContent table .buttons input {
    padding:0px;
    width:auto;
}

#checkout #deliveryAddressSelected .stepContent table select {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height:24px;
    line-height:24px;
    padding:0px;
    width:210px;
}

#checkout #deliveryAddressSelected .stepContent table input.wide {
	width: 200px;
}

#checkout #deliveryAddressSelected .stepContent table input.narrow {
	width: 200px;
}

#checkout table.createAccountPassword {
	float: left;
	width: 300px;
}

#checkout table.createAccountPassword th {
	width:120px;
}

#checkout #deliveryAddressSelected .buttons {
	float: left;
	text-align: center;
	padding: 20px 5px 0px 5px;
	width: 265px;
}

#checkout #deliveryAddressSelected  .changeAddressText {
   margin:0px 0px 5px 5px;
   padding:5px;
   width:250px;
}

#checkout #deliveryAddressAlternative {
	float: right;
	height: 300px;
	margin-top:10px;
	overflow: auto;
	width: 387px;
}

#checkout #deliveryAddressAlternative .selectedAddressMsg {
    color:#f47b20;
    font-weight:bold;
}

#checkout #deliveryAddressAlternative .item .header {
	border:1px solid #eee;
	border-width:1px 1px 0px 1px;
	float: left;
	height: 14px;
	width: 370px;
}

#checkout #deliveryAddressAlternative .item .stepContent {
	border:1px solid #eee;
	border-width:0px 1px 1px 1px;
	float: left;
	margin-bottom: 5px;
	padding:0px 10px 10px 10px;
	width: 350px;
}

#checkout #deliveryAddressAlternative .item .stepContent .left {
	float: left;
	width: 350px;
}

#checkout #deliveryAddressAlternative .item .stepContent .right {
	float: left;
	width: 350px;
	padding-top:10px;
}

#checkout #deliveryAddressAlternative .item .stepContent .right input {
	float: left;
	padding:0px 3px 3px 0px;
}

#checkout #deliveryAddressAlternative .item .stepContent .right img {
	padding-bottom: 6px;
}

.checkout_login table,
#checkout_carriage table,
#checkout_payment table,
#checkout_confirm table,
#checkout_dataprotection table {
	float: left;
	font-size: 11px;
	margin-top:10px;
	width: 550px;
}

.checkout_login table th,
#checkout_carriage table th,
#checkout_payment table th,
#checkout_confirm table th {
	font-size: 11px;
	text-align: right;
	padding: 2px 10px 2px 0px;
	vertical-align: middle;
	width: 250px;
}

.checkout_login table td,
#checkout_carriage table td,
#checkout_payment table td,
#checkout_confirm table td {
	font-size: 11px;
	padding: 2px 0px;
}

.checkout_login table td.center,
.checkout_delivery table.deliveryInfo td.center,
#checkout_carriage table td.center,
#checkout_payment table td.center,
#checkout_confirm table td.center,
#checkout table td.center,
#checkout_dataprotection table td.center {
	text-align: center;
}

.checkout_delivery table.deliveryInfo th {
	text-align: left;
}

.stepContainer .stepInner ul,
.stepContainer .stepInner li,
.stepInner ul,
.stepInner li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.stepContainer .stepInner li {
	width: 100%;
}

.stepContainer .stepInner li a {
	font-style:italic;
	padding-left: 30px;
}

.stepInner .horiList {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width:717px;
	border-bottom:3px solid #f47b20;
}

.stepInner .horiList li {
	float: left;
	margin: 0px;
	padding: 0px 1px 0px 0px;
	width: 130px;
}

.stepInner .horiList li a {
	background-color: #88746B;
	color:#fff;
	float: left;
	line-height: 30px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.stepInner .horiList li.selected a {
	background-color:#f47b20;
}

 .stepInner .horiList li a:hover {
	background-color: #f47b20;
	color: #fff;
	text-decoration:none;
}

.stepContainer .stepInnerHistory {
   margin:0px auto;
   width:540px;
}

.stepContainer .stepInnerHistory p {
    line-height:17px;
    padding-left:4px;
}

#checkout .deliveryAddressLookup,
#checkout .invoiceAddressLookup  {
	background-color:#FFFAF3;
	border:1px solid #CCCDBF;
    float: left;
	margin:-455px 0px 0px 10px;
	min-height:440px;
	width: 655px;
	z-index: 999;
}

#checkout .deliveryAddressLookup .postcodeLookup,
#checkout .invoiceAddressLookup .postcodeLookup {
    margin:10px 0px 0px 10px;
}

#checkout .deliveryAddressLookup .postcodeLookup h3,
#checkout .invoiceAddressLookup .postcodeLookup h3 {
    margin-bottom:10px;
}

#checkout .deliveryAddressLookup .postcodeLookup th,
#checkout .invoiceAddressLookup .postcodeLookup th {
    padding:2px 0px 8px 0px;
}

#checkout .deliveryAddressLookup .postcodeLookup td,
#checkout .invoiceAddressLookup .postcodeLookup td {
    padding-right:5px;
}

#checkout .deliveryAddressLookup .postcodeLookup a,
#checkout .invoiceAddressLookup .postcodeLookup a {
    color:#f47b20;
}

#checkout .deliveryAddressLookup .postcodeLookup li.whiteLine,
#checkout .invoiceAddressLookup .postcodeLookup li.whiteLine {
    background-color:#fff;
}

#checkout .deliveryAddressLookup .postcodeLookup .subHead,
#checkout .invoiceAddressLookup .postcodeLookup .subHead {
    font-weight:bold;
    font-style:italic;
}

#checkout .deliveryAddressLookup .postcodeLookup .selectAddress,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress {
    border:1px solid #eee;
    height:230px;
    margin-top:10px;
    overflow:auto;
    width:630px;
}

#checkout .deliveryAddressLookup .postcodeLookup .selectAddress li a,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress li a {
    color:#4C4A4A;
    text-decoration:none;
}

#checkout .deliveryAddressLookup .postcodeLookup .selectAddress li a:hover,
#checkout .deliveryAddressLookup .postcodeLookup .selectAddress li:hover a,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress li a:hover,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress li:hover a {
    background-color:#88746b;
    color:#fff;
}

#checkout .deliveryAddressLookup .postcodeLookup .selectAddress ul li,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress ul li{
    list-style-type:none;
}

#checkout .deliveryAddressLookup .postcodeLookup .selectAddress ul,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress ul {
    margin:0px;
    padding:0px;
    width:610px;
}

#checkout .deliveryAddressLookup .postcodeLookup .selectAddress li a,
#checkout .deliveryAddressLookup .postcodeLookup .selectAddress li a:link,
#checkout .deliveryAddressLookup .postcodeLookup .selectAddress li a:visited,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress li a,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress li a:link,
#checkout .invoiceAddressLookup .postcodeLookup .selectAddress li a:visited {
	display: block;
	min-height: 18px;
	line-height:18px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	width:600px;
}

#checkout .continueBtn {
    margin-top:5px;
    text-align:center;
    width:100%;
}

#checkout .confirmTitle {
    margin:10px 0px 0px 10px
}

.stepInnerHistory .foot,
.stepInnerHistory .leftFoot,
.stepInnerHistory .rightFoot {
    border-top:1px solid #C2DE96;
}

#orderManager {
	border:1px solid #5a7d7b;
	width:719px;
	padding: 10px;
	margin:0px;
	float:left;
}

#orderManager #checkout #stepHeader {
	width:715px;
}

#orderManager #checkout .stepContainer {
	width:715px;
}

#orderManager #checkout .stepFooter {
	width:715px;
}

#orderManager .stepContainer .stepInnerHistory {
   margin:0px auto;
   width:700px;
}

#orderManager #basketHeader {
	width:715px;
	background-color:#fff;
	border:1px solid #eeeeee;
	border-width:0px 1px;height:auto;
	line-height:20px;
	padding:0px;
}

#orderManager #basketHeader h1 {
	color: #88746B;
	background-color:#fff;
	font-size: 14px;
	margin: 0px;
	line-height:20px;
	padding-top:10px;

}

#orderManager #basketContainer {
	width:695px;
	border:1px solid #eeeeee;
	border-width:0px 1px 1px 1px;
	padding-top:0px;
}


#checkoutBasket {
	padding:10px;
}

#checkoutBasket #tbl_basket td, #checkoutBasket #tbl_basket th {
	padding:5px;
}

#checkoutBasket #tbl_basketTotals {
	width: 100%;
	text-align: right;
}

.payment > div {
	padding-left:10px;

}
#checkout .paymentMessage {
	margin-top:10px;
	float:left;
	clear:both;
}

.vanguardPnl {
	width:100%;
	float:left;
	clear:both;
}

.vg {
	text-align:left;
	padding:0;
	background-color:#fff;
	margin-top:5px;
}

.vg .button {
	width:100%;
	text-align:center;
}

.vg .button input {
	margin-top:10px;
}

#vanguard {
	background-color:#fff;
}

#vanguard .button input {
	cursor:pointer;
	color:#DBCEBA;
    border:0;
	padding:4px 10px 4px 10px;
	font-size:14px;
	text-transform:uppercase;
	float:left;
    margin:10px 0 15px 90px;
    text-decoration:none;
    text-shadow: 1px 1px 0px #726159;
    background: url(../images/vanguard/btn_bg.gif) no-repeat top left;
    width:125px;
    height:27px;
    font-weight:bold;
}

.vg th {
	width:120px;
	font-size:12px;
	background-color:#F2F2F2;
	padding:0 0 0 5px;
	font-weight:normal;
}

.vg td {
	text-align:left;
	padding-right:10px;
	font-size:11px;
}

.vg td input {
	margin:0 5px;
	float:left;
}

.vg table {
	margin-bottom:10px;
	margin-top:5px;
}

.vg .error {
	color:#ff0000;
	font-weight:normal;
}

#scheme_logo img {
	height:20px;
	float:left;
}

#pleaseWait,
#pleaseWaitCheckout {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.4);
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.4);
	text-align:center;
}

#pleaseWait img, #pleaseWaitCheckout img {
	position:absolute;
	top:50%;
	left:50%;
	margin:-66px 0 0 -33px;
}

#dnn_ctr2450_ViewCyraneCardProcessing_ctl00_Vanguard_pnlCardCaptureFrame body {
	background-color:#fff;
}

.vg .card_schemes img {
	margin-right:5px;
}

.vg .card_schemes {
	display:block;
	margin:5px 0 5px 0;
}

.vg .card_schemes,  .vg .card_schemes td{
	height:35px;
	vertical-align:bottom;
}

.vg .amount {
	margin:10px 0;
}

.vg big {
	font-size:18px;
}

.vg .card_schemes  {
	padding-left:0;
	height:30px;
}

.vg span.text {
	float:left;
	line-height:20px;
	padding-left:0;
}

.vg .load-local {
	display: none;
}