/* CSS Document */

/*
colours
===========================
red					#e42b2a
676767
dark grey text		#676767
grey section line	#d5d5d5
orange				#e42b2a
purple				#952d98
*/

/* @group site defaults */

* { margin: 0; padding: 0; }

html { }

body { margin: 0 auto; width: 600px; color: #676767; font: 13px/1.5 "Helvetica", Arial, sans-serif; }

a { color: #e42b2a; text-decoration: underline; }
a:hover { text-decoration: none; }
p { display: block; margin: 1em 0; }
h1 { display: block; margin-bottom: 1.4em; color: #e42b2a; font-size: 21px; font-weight: normal; margin-top: 20px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a img { border: 0; }

img.left { margin: 0 10px 10px 0 }
img.right { margin: 0 0px 10px 10 }
img.center { display: block; margin: 0 auto; }

.error { display: none; font-size: 14px; color: red; }
#pagemessage { display: block; padding: 0.5em; xbackground: #FEF1EC; xborder: 1px solid #CD0A0A; color: #CD0A0A; margin-bottom: 1em; }

/* @end */

/* @group main layout */

#header,
#footer { display: block; margin: 0 auto; clear: both; }

/* @end */

/* @group header */

#header { height: 100px; padding: 15px 0; }
#logo { display: block; float: left; width: 120px; xpadding-top: 5px; }

#stepslist { display: block; float: right; margin-top: 20px; list-style: none; }
#stepslist li { display: block; float: left; padding: 10px 15px 0; line-height: 1; text-align: center; border-top: 4px solid black; }
#stepslist li#askemail { text-align: left; padding-left: 0; }
#stepslist li#displayorder { text-align: right; padding-right: 0; }
#stepslist li.current { font-weight: bold; color: black; }

h1.processing { height: 32px; line-height: 32px; padding-left: 45px; background: url(https://www.secure-server-hosting.com/secutran/secureforms/sh215973/loading.gif) no-repeat left center; }
.thankyou { display: block; float: right; font-size: 15px; font-weight: bold; padding-top: 20px; text-align: center; width: 330px; }

.change { display: block; float: right; margin-top: -4em; }

#content-primary { padding-bottom: 100px; }

h2 { color: black; font-size: 13px; }

/* @end */

/* @group footer */

#footer { }
#footer a {  }

/* @end */

/* @group form styles - luke minimal */

fieldset { border: 1px dotted #999; border-width: 0 0 1px; padding: 10px; margin-bottom: 1em; }
legend { color: #e42b2a; font-weight: bold; }
label,
.note { display: block; float: left; clear: both; width: 25%; padding: 0 0 1px 0; line-height: 1.5; color: #000; font-weight: bold; text-align: right; margin-top: 5px; }
label.after,
.note { text-align: left; width: auto; }
label span { font-weight: normal; }
.note { font-weight: normal; font-size: 12px; color: #888; margin-top: -1.5em; }

input.text,
input.checkbox,
input.radio,
select,
textarea { float: left; clear: both; margin: -1.5em 0 0 28%; }
input.text,
textarea { border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; height: 18px; width: 65%; font: 12px/1.5 "Helvetica", Arial, sans-serif; }

textarea { height: 5em; }

input.flushleft { margin-left: 1%; }
label.flushleft { margin-left: 6%; }

label.checkbox,
label.radio,
span.checkbox,
span.radio { margin-left: 32%; }

input.tiny,
select.tiny { width: 11%; }
label.tiny,
span.tiny { margin-left: 41% }

input.small,
select.small { width: 25%; }
label.small,
span.small { margin-left: 55% }

input.medium,
select.medium { width: 50%; }
label.medium,
span.medium { margin-left: 79% }

.year { margin-top: -1.8em; margin-left: 44%; }
.auto { width: auto; }

.buttons { clear: both; margin-top: 10px; margin-bottom: 20px; padding-top: 10px; }

/* @end */

/* @group basket */

.basket table { margin: 0 0 20px; width: 510px; xborder-collapse: separate; }
.basket #showbasket table { margin: 0 0 20px; }
.basket table caption { text-align: left; color: black; margin-top: 20px; padding: 3px 5px; background: none !important; font-weight: bold; }
.basket table tfoot { xcolor: #858585; }
.basket table th { background: #E5E5E5; padding: 3px 5px; font-weight: normal; }
.basket table td { padding: 3px 5px; border: 0 none !important; }
.basket table tr.lineitem td { border-bottom: #E5E5E5 dotted 1px !important; }
.basket table tr.totalvat th,
.basket table tr.totalvat td,
.basket table tr.totalprice th,
.basket table tr.totalprice td { background: none; font-weight: bold; text-align: right; }
.basket table td.price { text-align: right; }

.basket input.addfield { text-align: center; } /* this is the qty field */

.basket table tr.lineitem td img { float: left; width: 75px; padding-right: 15px; }
.basket table tr.lineitem td .title { display: block; }
.basket table tr.lineitem td .title a { color: #777; }
.basket table tr.lineitem td .author { display: block; xcolor: #666; }
.basket table tr.lineitem td .isbn { display: block; xcolor: #666; }

.basket table#addressdetails tbody td { border-bottom: #e8eced dotted 1px; }

col#deletecolumn { text-align: center; width: 5%; }
col#productcodecolumn { width: 5%; text-align: left; }
col#desciptioncolumn { width: 65%; text-align: left; }
col#quantitycolumn { text-align: center; width: 5%; }
col#itempricecolumn { text-align: right; width: 10%; }
col#totalpricecolumn { text-align: right; font-weight: bold; width: 10%; }
col#invoiceaddress { width: 50%; }
col#deliveryaddress { width: 50%; }

.basket ul.requiredfields { color: #e42b2a; }
.basket li.requiredfield {  }

/* @end */