form#checkoutform {
	width: 650px;
}

#checkoutform fieldset { width: 422px;
	padding: 0px;
	clear: both;
	margin-bottom: 15px;
	border: 1px solid #c3c3c3;
	background-color: #f6f8f1;
}

#checkoutform label {
	width: 195px;
}

#checkoutform .sub_error { 
	margin-left: 195px; 
	color: #D50000;
}

form p { 
	padding: 0; margin: 0; padding-top: 5px; clear: left; }

form p label {
	width: 150px;
	float: left;
	padding-left: 5px;
}


fieldset p input {
	margin-bottom: 4px; border: 1px solid #E6E6E6; color: #595959; font-size: 11px; font-weight: normal; background-color: #fff; width: 190px; height: 21px; float: left; 
}

.radio { width: 13px; height: 13px; background: none; border: none;}

fieldset a { color: #61367c; text-decoration: underline;}
a { color: #61367c; text-decoration: underline;}

.smalltextfield { width: 160px; float: left;}
#invoice_postcodes select, #delivery_postcodes select {
	min-width: 155px;
	max-width: 400px;
}

.readonly { background-color: #DEF7FD; border: 1px solid #A4D4F0; }

select { border: 1px solid #E6E6E6; background-color: #fff; margin-bottom: 4px;}
.checkbox { width: 20px; border: none; background: none;}

h2 { margin: 0px; padding: 0px; width: 400px;}

h2.yellow {
	background-attachment: scroll;
	background-image: url(../images/checkout/h2_bkg_yellow.gif);
	background-repeat: no-repeat;
	margin: 15px 0px 1px 1px;
	background-position: left top;
	padding: 2px 0px 0px 10px;}
h3 {
	color: #3C6CA5;
	font-size: 100%;
	font-weight: bold;
}

.error {
	background-attachment: scroll;
	background-image: url(../images/checkout/error.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px; color: #D50000;}
	
.errorbox { background: #EFE1E1 url(../images/checkout/h1error.gif) no-repeat scroll left top; margin-bottom: 20px; border: 1px solid #D50000; color: #D50000; padding: 4px 10px 10px 47px; width: 365px;}
	.errorbox h1 { color: #D50000; margin-bottom: 3px; font-size: 180%;}
	.errorbox h2 { padding: 0px; margin: 0px;}

.blue { color: #61367c; font-weight: bold;}
.red { font-weight: bold; color: #990000;}

h2.one { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(../images/checkout/1.gif) no-repeat scroll left top; height: 24px; width: 422px;}
h2.two { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; font-size: 11px; background: url(../images/checkout/2.gif) no-repeat scroll left top; height: 24px; width: 422px;}
h2.three { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; font-size: 11px; background: url(../images/checkout/3.gif) no-repeat scroll left top; height: 24px; width: 422px;}
h2.four { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; font-size: 11px; background: url(../images/checkout/4.gif) no-repeat scroll left top; height: 24px; width: 422px;}
h2.five { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; font-size: 11px; background: url(../images/checkout/5.gif) no-repeat scroll left top; height: 24px; width: 422px;}
h2.six { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; font-size: 11px; background: url(../images/checkout/6.gif) no-repeat scroll left top; height: 24px; width: 422px;}	


.bottomcurve { width: 422px; height: 7px;}

img { border: none;}


#ordersummary { margin-left: 2px; padding: 0px 0px 25px 0px;}

.top { margin-left: -20px; margin-right: -20px; width: 740px; border-bottom: 1px solid #c3c3c3; padding: 0px 0px 40px 20px; height: 50px; margin-bottom: 25px;}
	.top a { color: #61367c; text-decoration: underline;}


.leftspacer { margin-left: 200px;}
	.leftspacer select { width: 190px;}

.cards {padding-left: 200px;}

.bubble { width: 310px; position: absolute; margin-left: 355px; margin-top: -20px;}

.bubbletop { width: 300px; background: url(../images/checkout/bubble_top.gif) no-repeat scroll left top; color: #61367c;}
	.bubbletop p { padding: 15px 15px 10px 50px; line-height: 16px; color: #424242;}
.bubblebottom { width: 300px; height: 20px; background: url(../images/checkout/bubble_bottom.gif) no-repeat scroll right bottom; color: #61367c;}

#stepscontainer { overflow: hidden; position: absolute; top: 203px; margin-left:90px;}
#stepscontainer .thawte { height: 88px; text-align: center; width: 220px;}
#stepscontainer .tel2 { color: #3f3f3f; font-size: 160%; padding-bottom: 20px; padding-top: 2px; text-align: center; width: 220px;}
.steps { border: 1px solid #bfd193; background-color: #e0e8cc; padding: 10px; width: 200px; margin-bottom: 10px;}
	.steps h2 { margin: 0px; padding: 0px; width: 170px;}
	.steps .red { font-weight: normal; }
	.steps hr { margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #bfd193; background-color: #e0e8cc; border-left: 1px solid #e0e8cc; border-right: 1px solid #e0e8cc; border-bottom: 1px solid #e0e8cc;}
	.steps .textfield { width: 115px; float: left; height: 14px; color: black;}
	.steps label { width: 80px; float: left; padding-left: 0px; text-align: left;}
	.steps p { clear: left; }
	.steps .buttonspacer { text-align: center;}
	.shopwith_title { width: 222px; height: 25px; padding-bottom: 1px;}
	.steps a { color: #61367c; text-decoration: underline;}
	.steps fieldset { border: none; padding: 0px; margin: 0px; height: 21px;}
    .steps fieldset p input	{ margin-bottom: 4px; border: 1px solid #E6E6E6; color: #595959; font-size: 11px; font-weight: normal; background-color: #fff; width: 160px; height: 21px; float: left;}
	.steps legend { display: none;}


#stepscontainer1 { width: 310px; position: absolute; margin-left: -290px; margin-top: 150px; text-align: center;}
#stepscontainer1 .thawte { height: 88px; text-align: center; width: 220px;}
#stepscontainer1 .tel2 { color: #3f3f3f; font-size: 160%; padding-bottom: 20px; padding-top: 2px; text-align: center; width: 220px;}
.steps1 { border: 0px solid #bfd193; background-color: #ffffff; padding: 10px; width: 200px; margin-bottom: 10px;}

	.steps1 h2 { margin: 0px; padding: 0px; width: 170px;}
	.steps1 .red { font-weight: normal; }
	.steps1 hr { margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #bfd193; background-color: #e0e8cc; border-left: 1px solid #e0e8cc; border-right: 1px solid #e0e8cc; border-bottom: 1px solid #e0e8cc;}
	.steps1 .textfield { width: 115px; float: left; height: 14px; color: black;}
	.steps1 label { width: 80px; float: left; padding-left: 0px; text-align: left;}
	.steps1 p { clear: left; }
	.steps1 .buttonspacer { text-align: center;}
	.shopwith_title { width: 222px; height: 25px; padding-bottom: 1px;}
	.steps1 a { color: #61367c; text-decoration: underline;}
	.steps1 fieldset { border: none; padding: 0px; margin: 0px;}
	.steps1 legend { display: none;}


ul#order { margin: 3px 0px 0px 0px; padding: 0px; width: 725px;}
        ul#order li { list-style-type: none; float: left; padding: 5px 10px 5px 10px; width: 725px; margin-bottom: 5px;}
        .dark { background-color: #f1f2ec; border: 1px solid #c3c3c3;}
        .light { background-color: #f6f8f1; border: 1px solid #c3c3c3;}
        .order_left { float: left; width: 200px; vertical-align: top;}
        .order_right { float: right; width: 510px; vertical-align: top;}
                ul#order .order_right ul { margin: 0px; padding: 8px 0px 0px 20px;}
				ul#order .order_right li { list-style-type: square; float: none; padding: 0px; width: 200px; margin-bottom: 0px;}
                .order_right p { padding-bottom: 0px;}
                .order_right a { text-decoration: none; color: #61367c; font-weight: bold;}
                .order_right a:hover { text-decoration: underline; color: #61367c;}
				.order_right .button { float: right; padding-top: 3px;}
				
        .order_left2 { float: left; width: 200px; vertical-align: top; padding-top: 10px; border-right: 1px solid #c3c3c3;}
        .order_right2 { float: right; width: 490px; vertical-align: top; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}
                .order_right2 ul { margin: 0px; padding: 0px;}
				.order_right2 li { list-style-type: none; float: none; padding: 0px; margin-bottom: 0px; border-bottom: 1px dotted #c3c3c3;}
                .order_right2 p { padding-bottom: 0px;}
                .order_right2 a { text-decoration: none; color: #61367c; font-weight: bold;}
                .order_right2 a:hover { text-decoration: underline; color: #61367c;}
				.order_right2 .button { float: right; padding-top: 3px;}
				.order_right2 .description { float: left; width: 280px;}
				.order_right2 .price { float: right; width: 70px; padding-right: 20px; text-align: right;}
				
.order { width: 725px; border: 1px solid #c3c3c3; background-color: #fff; padding: 0px 0px 0px 10px;}
	.leftdiv { float: left; width: 150px;}
	.rightdiv { text-align: right; float: right; width: 149px;}
	.orderbasket { font-size: 10px; text-align: right; margin: 10px 0px 5px 10px;}
	.orderbasket td { padding-left: 10px; text-align: right;}

.orderbox { background-color: #f1f2ec; border: 1px solid #c3c3c3; padding: 1px 0px 1px 10px; width: 725px; margin-bottom: 1px;}
	.orderbox p { padding-bottom: 0px;}
	
#form { margin-bottom: 10px;}
	#form fieldset { background-color: #f6f8f1; border: 1px solid #c3c3c3; padding: 10px; width: 280px;}
	#form legend { padding-top: 25px; font-weight: bold;}
	#form label { padding-top: 3px; float: left;}
	#form .forgotten_textfield { float: left;}
	
#finance_select_form { margin-bottom: 10px;}
	#finance_select_form fieldset { background-color: #f5ecec; border: 1px solid #cd7d7d; padding: 10px; width: 375px;}
	#finance_select_form legend { padding-top: 25px; font-weight: bold;}
	#finance_select_form label { padding-top: 3px; float: left;}

.white { background-color: #fff;}

#splitcontent { width: 530px;}
	#splitleft { float: left; padding-right: 10px; width: 230px; background-color: #f6f8f1; border: 1px solid c3c3c3#; padding: 10px;}
	#splitright { float: right; width: 230px; text-align: left; background-color: #f6f8f1; border: 1px solid c3c3c3#; padding: 10px;}
	
ul.list { margin: 0px 0px 30px 15px; padding: 0px;}
	ul.list li { list-style-type: square;}
	ul.list ul { margin-left: 20px;}

.checkoutregistertext { width: 450px;}

#checkoutins { position: absolute; top: 500px; margin-left: -140px;}

#proceed1 { float: right top; text-align: right;}
#proceed2 {float: right top; }
#protx { float: right top;}
#finish { position: absolute; top: 415px; margin-left: 140px; width: 100px; height: 18px;}

#login { float: right top; text-align: right;}

#memberlogin { float: right top; text-align: right; margin-right: 40px;}

#trade { width: 600px;}
	.reference { border: 1px solid #bfd193; background-color: #e0e8cc; padding: 10px; width: 300px; margin-bottom: 10px;}
		.reference fieldset p input { margin-bottom: 4px; border: 1px solid #E6E6E6; color: #595959; font-size: 11px; font-weight: normal; background-color: #fff; width: 190px; height: 21px; float: left; }
		.reference fieldset { width: 900px;}