/* CSS Document */

/*
colours
========================
dark grey		#777
light blue		#e7edf2
purple/grey		#f2f2f2
border grey		#cecece
dark blue		#1f2556
red				#750000
purple/blue		#5F627F
*/

/* @group Site defaults */

* { margin: 0; padding: 0; }

html { }

body { width: 100%; color: #7c8289; font-size: 100%; line-height: 1.375em; font-family: "Helvetica", Arial, sans-serif; background: #f6f6f6 url(/site/images/bg-body.png) repeat-x left top; }

a { color: #750000; text-decoration: underline; }
a:hover { text-decoration: none; }
p { display: block; font-size: 0.875em; padding: 0.825em 0px ; }
h1, h2, h3 { display: block; color: #2b2b2b; letter-spacing: -1px; font-weight: bold; }
h1 { line-height: 1.375em; font-size: 2em; color: #35526e; }
h2 { line-height: 1.375em; padding-top: 0.825em; font-size: 1.5em; color: #750000; }
h3 { line-height: 1.375em; padding-top: 0.825em; font-size: 1.3em; }
ol,ul { padding: 1.375em 2em; clear: both; font-size: 0.9em; }
ol li a, ul li a { font-size: 0.875em; line-height: 1.375em; }

a img { border: 0px none; }

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

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

img.small { width: 100px; }
img.large { width: 350px; }

.error { display:none; font-size: 14px; color: red; }

table { margin-bottom: 20px; width: 100%; font-size: 0.8em; }
table caption { text-align: left; color: #858585; margin-top: 20px; padding: 3px 5px; }
table tfoot { color: #858585; }
table th { background: #eee; padding: 3px 5px; font-weight: normal; }
table td { padding: 3px 5px; border: 0 none; }

/* @end */

/* @group Layout */

#header,
#navigation,
#content-wrapper { display: block; width: 960px; margin: 0px auto; clear: both; }

#content-wrapper { padding-top: 20px; }
#content-primary-wrapper { display: block; float: right; clear: none; width: 670px; margin-bottom: 20px; background: url(/site/images/bg-content-primary-wrapper.png) no-repeat left bottom; }
#content-primary { display: block; float: left; width: 590px; padding: 40px; min-height: 455px; background: url(/site/images/bg-content-primary.png) no-repeat left top; }
.editormaintext { display: block; float: left; width: 590px; padding: 5px; background: white; }
#content-secondary { display: block; float: left; width: 300px; padding: 30px; }

*html #content-primary { height: 440px; }

/* @end */

/* @group Header */

#header { height: 100px; }
#header img#logo { display: block; float: left; margin: 34px 0 0 0; }

#minibasket { display: block; height: 40px; clear: right; line-height: 40px; float: right; background: url(/site/images/bg-basket.png) no-repeat right top; width: 315px; padding: 0 10px; margin-top: 30px; }
#minibasket #baskettitle { display: block; float: left; width: 32px; height: 40px; overflow: hidden; text-indent: -9999px; background: url(/site/images/basket.png) no-repeat left center; }
#minibasket p { padding: 0 10px; color: #fff; display: inline; }
#minibasket #quickview,
#minibasket #checkout { font-size: 0.8em; color: #fff; text-decoration: underline; padding-left: 10px; }

#header #popupbasket { position: absolute; top: 99px; margin-left: 623px; border: #ccc solid 1px; background: #fff; width: 335px; font-size: 0.9em; }


/* @end */

/* @group Navigation-primary */

#navigation-primary { display: block; float: left; width: 270px; padding-right: 20px; }
#navigation-primary ul { display: block; padding: 0; list-style: none; }
#navigation-primary ul li { display: block; }
#navigation-primary ul li a { display: block; width: 240px; height: 40px; line-height: 40px; padding: 0 0 0 30px; color: #7C8289; letter-spacing: -0.01em; font-size: 1em; text-decoration: none; background: url(/site/images/bg-navigation-primary-new.png) no-repeat left top; }
#navigation-primary ul li a:hover { background-position: left -40px; color: #750000; }
#navigation-primary ul li.navigation-primary-bottom { border-bottom: solid 1px #e0e0e0; }
#navigation-primary ul li ul li a { padding-left: 45px; width: 225px; font-size: 0.9em; background: url(/site/images/bg-navigation-primary.png) no-repeat left -40px; height: 35px; line-height: 35px;}
#navigation-primary ul li ul li a:hover { background-position: right -40px; }
#navigation-primary a.navigation-section { cursor: pointer; }
#navigation-primary a.last-choice { color: #750000; font-weight: bold; }

/* @end */

/* @group Navigation-secondary */

#navigation-secondary { display: block; height: 40px; width: 962px; margin: 0px auto; clear: both; }
#navigation-secondary ul { display: block; float: right; height: 40px; padding: 0; list-style: none; }
#navigation-secondary ul li { display: block; float: left; }
#navigation-secondary ul li a { display: block; float: left; height: 38px; line-height: 38px; padding: 2px 0 0 0 ; width: 110px; text-align: center; color: #7C8289; text-decoration: none; letter-spacing: -0.03em; }
#navigation-secondary ul li a.navigation-secondary-home { background: url(/site/images/bg-navigation-secondary.png) no-repeat left top; }
#navigation-secondary ul li a.navigation-secondary-home:hover { background-position: left bottom; }
#navigation-secondary ul li a.navigation-secondary-about { background: url(/site/images/bg-navigation-secondary.png) no-repeat -110px top; }
#navigation-secondary ul li a.navigation-secondary-about:hover { background-position: -110px bottom; }
#navigation-secondary ul li a.navigation-secondary-contact { width: 115px; background: url(/site/images/bg-navigation-secondary.png) no-repeat -220px top; }
#navigation-secondary ul li a.navigation-secondary-contact:hover { background-position: -220px bottom; }

/* @end */

/* @group Promotions */

#promotion-central { display: block; float: right; width: 590px; height: 455px; background: url(/site/images/bg-promotion-central.png) no-repeat left top; padding: 40px 40px 60px 40px; }
#promotion-central h1, #promotion-central h2, #promotion-central p { display: block; text-align: right; }
#promotion-central h1 { font-size: 2.4em; margin-bottom: 20px; }
#promotion-central h2 { color: #35526e; padding: 0 0 0 0; }
#promotion-central p { clear: both; font-style: italic; padding: 0 0 80px 0; }
#promotion-central ul { text-align: right; font-size: 1.5em; list-style: none; line-height: 1.5em; padding: 0; margin: 20px 0 25px; }
#promotion-central img { display: block; float: left; margin-top: -20px; }

#promotion-left,
#promotion-right { display: block; float: left; width: 410px; height: 150px; }
#promotion-left ol, #promotion-left ul, #promotion-right ol, #promotion-right ul { padding: 5px 0 5px 0; display: block; float: left; }
#promotion-left h2 { display: block; float: left; color: #750000; padding: 0; margin: 0; }
#promotion-right h2 { display: block; float: left; color: #35526e; padding: 0; margin: 0; }  

#promotion-left { padding: 20px 60px 40px 20px; background: url(/site/images/bg-promotion-left.png) no-repeat left top; }
#promotion-right { padding: 20px 40px 40px 20px; background: url(/site/images/bg-promotion-right.png) no-repeat left top; }

#promotion-right a { color: #35526e; }
#promotion-central a { color: #2f343a; }

.promotion-wrapper { display: block; float: left; }

/* @end */

/* @group Buttons */

.button-wrapper { display: block; float: right; width: 137px; height: 39px; margin-top: 100px; clear: none; }

a.button { display: block; float: right; width: 137px; height: 29px; clear: both; text-align: center; padding-top: 10px; text-decoration: none; font-weight: bold; letter-spacing: -1px; background: transparent url(/site/images/bg-button.png) no-repeat left bottom; margin: 0;}
a.button:hover { background-position: left top; }

/* @end */

/* @group footer */

#footer { display: block; width: 100%; height: 46px; clear: both; background: url(/site/images/bg-footer.png) repeat-x left top; margin-bottom: 20px; }
#footer-inner { display: block; width: 960px; height: 46px; margin: 0px auto; }
#footer-inner p { float: right; padding: 2px 30px 0 0; line-height: 46px; font-size: 0.8em; }
#footer-inner a { color: #7c8289; }

/* @end */

/* @group form styles - luke minimal */

form,
form table { font-size: 13px; }
form p { clear: both; margin: 0; padding: 1em 0 0; font-size: 13px; }


fieldset { border: 1px dotted #999; border-width: 0 0 1px; padding: 10px; margin-bottom: 1em; }
legend { color: #750000; font-weight: bold; }
label,
.note { display: block; float: left; clear: both; width: 25%; padding: 0 0 1px 0; line-height: 1.5; color: #35526E; 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; }

table input,
table select { float: none !important; clear: none !important; margin: 0 !important; }

textarea { height: 5em; }

input.flushleft { margin-left: 1%; }
label.flushleft,
p.flushleft { margin-left: 6%; }
p.flushleft { padding-top: 0; padding-bottom: 1	0px; }

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; }

#pca { clear: both; display: block; float: left; margin-left: 28%; margin-top: 0.5em; position: relative; width: 65%; }
#pcaButtonXC52 { margin-left: 55%; top: -2.3em; position: absolute; }
#pca select { margin: 0; }
#pcaDivXC52 a { display: none; }

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

/* @end */

/* @group basket */

.basket table { margin-bottom: 20px; width: 100%; }
.basket table caption { text-align: left; color: #858585; margin-top: 20px; padding: 3px 5px; }
.basket table tfoot { color: #858585; }
.basket table th { background: #eee; padding: 3px 5px; font-weight: normal; }
.basket table td { padding: 3px 5px; border: 0 none; }
.basket table tr.lineitem td { border-bottom: #e8eced dotted 1px; }
.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: #333; }
.basket table tr.lineitem td .author { display: block; color: #666; }
.basket table tr.lineitem td .isbn { display: block; color: #666; }

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

#popupbasket { display: none; z-index: 100; }
#popupbasket table { margin-bottom: 0; }
#popupbasket table caption { margin-top: 0; }

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: #ee3b33; }
.basket li.requiredfield {  }

.basket ul#cardlist { display: block; clear: both; list-style: none; margin-top: 20px; }
.basket ul#cardlist li { float: left; display: block; margin: 0 10px 10px 0; }
.basket ul#cardlist li a { float: left; display: block; border: #ccc solid 1px; background-color: #eee; text-align: center; width: 95px; height: 25px; text-decoration: none; padding-top: 95px }
.basket ul#cardlist li a:hover { background-color: #ddd; }

.visa { background: url(/store/images/visa.png) no-repeat center 10px; }
.visadelta { background: url(/store/images/visadelta.png) no-repeat center 10px; }
.visadebit { background: url(/store/images/visadebit.png) no-repeat center 10px; }
.visaelectron { background: url(/store/images/visaelectron.png) no-repeat center 10px; }
.mastercard { background: url(/store/images/mastercard.png) no-repeat center 10px; }
.solo { background: url(/store/images/solo.png) no-repeat center 10px; }
.other { background: url(/store/images/other.png) no-repeat center 10px; }
.account { background: url(/store/images/account.png) no-repeat center 10px; }
.purchaseorder { background: url(/site/images/purchaseorder.png) no-repeat center 10px; }
.cheque { background: url(/store/images/cheque.png) no-repeat center 10px; }
.paypal { background: url(/store/images/paypal.png) no-repeat center 10px; }
.google { background: url(/store/images/google.png) no-repeat center 10px; }

#vouchers label { width: 60px; text-align: left; }
#vouchers fieldset { border: 0; }
#vouchers #certificate { margin-left: 60px; margin-right: 20px; }
#vouchers #submit { clear: none; float: left; margin-top: -1.5em; }

/* @end */