/* CSS Document */

/*
colours
========================
dark grey		#777
light blue		#e7edf2
purple/grey		#f2f2f2
border grey		#cecece
dark blue		#1f2556
red				#880129
purple/blue		#5F627F
*/

* { margin: 0; padding: 0; }

html { }

body { color: #666; font: 0.8em/1.4em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; background: #fff; width: 800px; }
p { padding: 5px 10px; }

#menu h1,
#menu h2,
#central h1,
#right h2 { display: block; height: 25px; line-height: 25px; margin-bottom: 2px; text-indent: 10px; font-weight: normal; font-size: 1.0em; }

h1.orange,
h2.orange { background: url(/site/images/bg_header_orange.png) repeat-x top left; color: #fff; }
h1.purple,
h2.purple { background: url(/site/images/bg_header_purple.png) repeat-x top left; color: #fff; }
h1.red,
h2.red { background: url(/site/images/bg_header_red.png) repeat-x top left; color: #fff; }

a { color: #004fa3; }
a:hover { color: #581964; }

.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: 0px auto; }

img.small { width: 100px; }
img.large { width: 250px; }

.navbar { padding: 3px 10px 7px 10px; letter-spacing: 0.11em; xmargin-top: 10px; border-bottom: dashed 1px #eee; }
.border { background: #e7edf2; padding: 10px; border: #5F627F dotted 1px; margin: 10px 0px 20px; }
.important { font-weight: bold; color: #5F627F; }

#header { display: block; width: 800px; height: 145px; background: url(/site/images/acc_banner.png) no-repeat top left; }
#header h1 { display: block; float: right; width: 180px; height: 115px; background: url(/site/images/acc_logo.png) no-repeat top left; text-indent: -1000px; overflow: hidden; margin-top: 30px; margin-bottom: 0; }

#menu { display: block; width: 180px; float: left; }
#menu ul { list-style: none; }
#menu ul li.menuheader{ display: block; height: 25px; width: 180px; margin-bottom: 2px; background: url(/site/images/bg_header_orange.png) repeat-x top left; line-height: 25px; color: #fff; text-indent: 10px; }
#menu ul li a { display: block; height: 25px; width: 180px; margin-bottom: 2px; background: url(/site/images/bg_header_grey.png) repeat-x top left; line-height: 25px; color: #004fa3; text-indent: 10px; text-decoration: none; }
#menu ul li a:hover { background: url(/site/images/bg_header_orange.png) repeat-x top left; color: #fff; }

#central { display: block; width: 436px; margin: 0 2px 30px 2px; float: left; }

#central #become,
#central #find,
#central #pastoral { float: left; width: 144px; padding-right: 2px; }
#central #pastoral { padding-right: 0; }

#central a.linkbox { display: block; width: 120px; height: 54px; float: left; margin: 0 0 12px 0; text-align: center; font-size: 1.7em; color: #fff; font-weight: normal; line-height: 27px; padding: 12px 12px; display: block; text-decoration: none;}

#central a.blue { background: url(/site/images/bg_linkbox_blue.png) repeat-x top left; }
#central a.purple { background: url(/site/images/bg_linkbox_purple.png) repeat-x top left; }
#central a.red { background: url(/site/images/bg_linkbox_red.png) repeat-x top left; margin-right: 0; }
#central a:hover.linkbox { text-decoration: none; color: #fff; }

#central h2,
#central h3 { font-size: 1.2em; padding: 15px 15px 5px 15px; color: #880129; background: none; text-indent: 0px; line-height: 1.0em; }
#central h3 { color: black; font-size: 1em; }
#central p { xfont-size: 0.8em; padding: 5px 15px; }
#central h1 { width: 436px; margin-bottom: 10px; }
#central ul,
#central ol,
#news ul,
#news ol { padding: 10px 40px; xlist-style-position: inside; }
#central em { xpadding: 0 5px; }
#central table { width: 90%; border-collapse: collapse; clear: both; margin: 1em 10px; }
#central table th { background: #e76e34; color: #000; padding: 2px; border: none; }
#central table td { padding: 5px 2px; border-bottom: dotted #eee 1px; width: 50%; vertical-align: top; }
#central ul.contents { padding-left: 20px; }

#central #counsellor { padding: 0 0 20px 0; border-bottom: dotted 1px #666 ; margin: 0 15px 20px 15px; }
#central #counsellor em { color: #880129; margin: 0; padding: 0; font-style: normal;}
#central #counsellor a { margin-bottom: 5px; }
#central #counsellor h2 { padding: 10px 0; margin: 0; width: 400px; }
#central form tr td .radio { margin: 2px 0; } 
#central #search { width: 230px; border: solid 1px #999; margin: 1px 0 2px 0; height: 19px;}
#central .gosearch { width: 21px; height: 19px; border: solid white 1px; background-color: #ef9913; margin: 0; color: #fff; font-size: 0.8em; }
#central form ul { display: block; float: left; list-style: none; width: 430px; }
#central form ul li { height: 21px; margin-bottom: 5px; }
#central .radio { margin: 5px 10px 0 0; }
#central form label { margin-right: 10px; }

#central #login #username,
#central #login #password { width: 250px; border: solid 1px #999; margin: 10px 0; }
#central .gomembers { width: 21px; height: 19px; border: solid white 1px; background-color: #581964; margin: 0 0 0 10px; color: #fff; font-size: 0.8em; }
#central #login label { display: block; clear: both; float: left; margin: 10px 0; padding: 0 20px 0 15px; }

#central form { padding: 5px 15px; }
#central form p { padding: 5px 0; }

#right { display: block; width: 180px; float: left; }
#right p { padding: 10px 10px;  display: block; background-color: #ededed; width: 160px; margin-bottom: 2px; }
#right a { padding: 0; }
#right .moreinfo { background-color: #ededed; }
#right .moreinfo ol,
#right .moreinfo ul { list-style: none; padding: 10px;}
#right .newsitem { display: block; background-color: #ededed; width: 180px; margin-bottom: 2px; }
#right .newsitem h3 { color: #850719; padding: 5px 10px 0 10px; text-indent: 0px; line-height: 15px; font-size: 1.0em; font-weight: normal; }
#right .newsitem p { color: #636363; font-size: 0.9em; line-height: 15px; padding: 5px 10px;}
#right .newsitem a { padding: 0; }

#searchbox { display: block; background-color: #ededed; width: 180px; height: 38px; margin-bottom: 2px; }
#searchbox #search { width: 130px; border: solid 1px #999; margin: 10px 6px 0 10px; }
#searchbox .gosearch { width: 21px; height: 19px; border: solid white 1px; background-color: #ef9913; margin: 0 0 0 0; color: #fff; font-size: 0.8em; }

#membersbox { display: block; background-color: #ededed; width: 180px; height: 105px; margin-bottom: 2px; }
#membersbox #username,
#membersbox #password { width: 130px; border: solid 1px #999; margin: 0 3px 0 10px; }
#membersbox .gomembers { width: 21px; height: 19px; border: solid white 1px; background-color: #581964; margin: 0 0 0 0; color: #fff; font-size: 0.8em; }
#membersbox #forgotten { color: #581964; margin: 0 3px 0 10px; font-size: 0.8em; }

#right label { display: block; float: left; padding: 5px 0 0 10px; }

#right ul { list-style-position: inside; }

#flashcontent { width: 436px; height: 160px; overflow: hidden; margin-bottom: 2px; }

#footer { clear: both; display: block; width: 800px; height: 30px; line-height: 30px; text-align: center; }

#resources p {margin-bottom: 5px;}
#jobs p {margin-bottom: 5px;}
#adverts p {margin-bottom: 5px;}


/* @group basket */

#central .basket table { margin: 0 0 20px; width: 430px; xborder-collapse: separate; }
#central .basket #showbasket table { margin: 0 0 20px; }
#central .basket table caption { text-align: left; xcolor: #858585; margin-top: 20px; padding: 3px 5px; background: none !important; font-weight: normal !important; }
#central .basket table tfoot { xcolor: #858585; }
#central .basket table th { background: #E5E5E5; padding: 3px 5px; font-weight: normal; }
#central .basket table td { padding: 3px 5px; border: 0 none !important; }
#central .basket table tr.lineitem td { border-bottom: #E5E5E5 dotted 1px !important; }
#central .basket table tr.totalvat th,
#central .basket table tr.totalvat td,
#central .basket table tr.totalprice th,
#central .basket table tr.totalprice td { background: none; font-weight: bold; text-align: right; }
#central .basket table td.price { text-align: right; }
#central .basket table td.qty { text-align: center; }

#central .basket input.addfield { text-align: center; } /*this is the qty field */

#central .basket table tr.lineitem td img { float: left; width: 75px; padding-right: 15px; }
#central .basket table tr.lineitem td .title { display: block; }
#central .basket table tr.lineitem td .title a { color: #5F6971; }
#central .basket table tr.lineitem td .author { display: block; xcolor: #666; }
#central .basket table tr.lineitem td .isbn { display: block; xcolor: #666; }

#central .basket table#addressdetails tbody td { border-bottom: #e8eced dotted 1px; }

#popupbasket { display: none; z-index: 80; }
#popupbasket table { margin-bottom: 0; }
#popupbasket table caption { margin-top: 0; font-weight: bold !important; color: #2b2b2b; }

col#desciptioncolumn { width: 65%; text-align: left; }
col#quantitycolumn { text-align: center; width: 5%; }
col#itempricecolumn { text-align: right; width: 15%; }
col#totalpricecolumn { text-align: right; font-weight: bold; width: 15%; }
col#invoiceaddress { width: 50%; }
col#deliveryaddress { width: 50%; }

.basket ul.requiredfields { color: #e42b2a; }
.basket li.requiredfield {  }

/* @end */
