/* CSS */
/* Copyright LEWIS Creative Consultants 2010 */
/* GLOBAL STYLES */

/*
Grad text colour
#002E92
#428DD6
*/

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =RESET --*/

html, body, form { height: 100%; }
* { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; background: transparent; text-decoration: none; }
img { overflow: hidden; display: block; }
ul { list-style: none; }
ol { list-style-position: outside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =GLOBALS --*/

/* ---- =TAGS --*/

body { font: normal normal normal 1.05em "Times New Roman" , Times, serif; color: #777777; background: #cde4f3 url(../Images/bgBodyMain.jpg) no-repeat fixed center top; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, p { margin-bottom: 20px; line-height: 1.15em; font-weight: normal !important; }
h1, h2, h3, h4, h5, h6 { color: #1367C2; letter-spacing: -0.05em; }
h1 { font-size: 2.5em; }
h2, h3, h4, h5, h6 { font-family: "Tahoma"; letter-spacing: -0.02em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.1em; letter-spacing: -0.02em; }
h2 a { color: #1367C2 !important; }

/*.bodyContentL h2, .bodyContentL h3 { color: #1367C2 !important; }*/

strong { font-weight: bold; }
em, i { font-style: italic; }
small { font-size: 0.8em; }
big { font-size: 2.1em; }
p { letter-spacing: -0.01em; }

.bodyContentL ul, .bodyContentL ol, .bodyContentL table { margin-bottom: 20px; }
.bodyContentL ul, .bodyContentL ol { padding-left: 10px; }
.bodyContentL li { margin-bottom: 15px; font-style: italic; }
.bodyContentL ul li { padding-left: 10px; background: url(../Images/bgBulletDoughnut.png) no-repeat scroll left 8px; }
.bodyContentL ol li { list-style-position: inside; }

/* ---- =FORMS --*/

input, textarea, select { padding: 8px 20px; color: #999; font-family: "Tahoma"; background: #fff; border: solid 1px #ccc; background: #fff url(../Images/bgInput.gif) repeat-x scroll left top; }
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, select:hover, select:active, select:focus { }
label { font-size: 1em; }
.labelRadioBtn {font-size: 1em; color:Red;}

/* ---- =LINKS --*/

a, a:hover, a:visited, a:active, a:focus { cursor: pointer; }
a, a:visited, a:active, a:focus { color: #003196; }
a:hover { color: #00194B; text-decoration: none !important; }
a:active { color: #777777; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px; }
.clearL { clear: left; overflow: hidden; height: 0px; margin-top: -1px; }
.clearR { clear: right; overflow: hidden; height: 0px; margin-top: -1px; }
.hidden { display: none; }
.dn { display: none; }
.bn { background: none !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }
.centered { margin: 0 auto; }
.tac { text-align: center; }
.tar { text-align: right; }

.zindex1 { z-index: 1; position: relative; }
.zindex2 { z-index: 2; position: relative; margin-top: 11px; }

/*.b0 { border: 0 !important; }*/
.mr0 { margin-right: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 10px; }

.pound { font-size: 1.3em; padding-right: 4px; }

.revealAnswer { margin-bottom: 10px; }

.textGrey { color: #777777 !important; }

.blueHighlight {color:#1367C2; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =SCHOOLS PAGE --*/

.SchoolPackBody { background-image: url(../Images/bgBodySchool.jpg) !important; }
.SchoolsPackContent { background: url(../Images/bgSchoolsFeature.png) no-repeat 270px top !important; }
.SchoolsPackDownload { padding: 0 !important; background: url(../Images/btnDownload.png) no-repeat left top !important; width: 271px; height: 64px !important; text-indent: -9999em; }
.SchoolsPackDownload span, .SchoolsPackLeft a span, .SchoolsPackRight a span { display: none !important; }

.SchoolsPackLeft { margin: 0 31px 0 0 !important; padding: 0 !important; background: url(../Images/bgSchoolsL.png) no-repeat left top !important; width: 622px !important; min-height: 221px !important; height: auto !important; height: 221px !important; }
.SchoolsPackLeft a { margin: 122px -38px 0 0 !important; padding: 0 !important; background: url(../Images/btnSendEmail.png) no-repeat left top !important; width: 207px !important; height: 44px !important; }

.SchoolsPackLeft .featureBoxBigMin { width: 390px !important; min-height: 120px !important; }
.SchoolsPackRight .featureBoxBigMin { width: auto !important; min-height: 115px !important; }

.SchoolsPackRight { margin: 0 !important; padding: 0 !important; background: url(../Images/bgSchoolsR.png) no-repeat left top !important; width: 300px !important; min-height: 221px !important; }
.SchoolsPackRight a { margin: 0 25px 0 0 !important; padding: 0 !important; display: inline !important; background: url(../Images/btnDonate.png) no-repeat left top !important; width: 207px !important; height: 54px !important; }

.SchoolsPackRight h2 { text-align: center; font-size: 1.6em !important; color: #1367C2; }
.SchoolsPackLeft h2 { font-size: 1.9em !important; color: #1367C2; }

.SchoolsPackLeft .featureBoxBigInner { width: 569px !important; }
.SchoolsPackRight .featureBoxBigInner { width: 260px !important; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =LAYOUT --*/

.wrapper { margin: 0 auto; padding-top: 20px; width: 973px; background: url(../Images/dove.png) no-repeat scroll 725px 85px; }

.header { padding: 0 5px 25px 25px; float: left; width: 943px; background: url(../Images/bgHeader.png) no-repeat scroll center bottom; }

a.logo { margin-top: 10px; float: left; }
.donate { float: right; }

.donateRibbon { margin: 7px -20px 0 0; padding-left: 20px; float: left; display: block; background: url(../Images/bgRibbonTopL.png) no-repeat scroll left top; line-height: 40px; color: #999; font-family: "Tahoma"; font-size: 0.8em; }
.donateRibbon span { padding: 0 30px 0 30px; float: left; display: block; background: url(../Images/bgRibbonTopRpt.png) repeat-x scroll right top; }

/* ---- =FEATURE BRICK --*/

.featureBrick01 { background: url(../Images/bgBrickSup.png) no-repeat scroll 270px top !important; }
.featureBrick02 { background: url(../Images/bgBrickCele.png) no-repeat scroll 270px top !important; }
.featureBrick03 { background: url(../Images/bgBrickMem.png) no-repeat scroll 270px top !important; }
.featureBrick04 { background: url(../Images/bgBrickCorp.png) no-repeat scroll 270px top !important; }

.homePageSpacer { margin-top: -60px !important; float: left; width: 100%; }

.featureBrick { margin-bottom: 18px; padding-left: 10px; float: left; width: 1200px; min-height: 380px; height: auto !important; height: 380px; position: relative; z-index: 1; }

.featureBrick-gap { margin-top: -50px; position: relative; }

.featureBrickContent { padding-top: 60px; float: left; width: 320px; }
.featureBrickContent p { font-size: 1.15em; }

.featureBrick03 .featureBrickContent p { padding-right: 60px; }

.featureBrickInfoWrap { margin: 106px 0 0 95px; float: left; display: inline; }

.featureBrickInfo { padding: 26px 10px 0 21px; float: left; width: 260px; height: 193px; text-align: center; position: relative; }
.featureBrickInfoInner { padding: 0 5px; float: left; width: 222px; height: 180px; font-size: 0.8em; color: #2A1206; font-family: "Tahoma"; font-weight: bold !important; }
.name { font-size: 1.6em; color: #5E401F; text-transform: uppercase;  line-height:16px; margin:0px 0px 5px 0px; }
.headingSmall { font-size: 0.7em !important; }
.featureBrickInfoInner p { margin-bottom: 7px; text-align:center; }
.tar { text-align:right!important; padding-right:5px;}
a.featureBrickNext { margin-top: 65px; float: left; width: 14px; height: 36px; background: url(../Images/btnBrickNext.png) no-repeat scroll left top; text-indent: -9999em; }
a.featureBrickPrev { margin-top: 65px; float: left; width: 14px; height: 36px; background: url(../Images/btnBrickPrev.png) no-repeat scroll left top; text-indent: -9999em; }

a:hover.featureBrickNext, a:hover.featureBrickPrev { background-position: left bottom; }

a.featureBrickImage { margin-right: 5px; float: left; width: 169px; height: 205px; background: url(../Images/bgBrickImage.gif) no-repeat scroll left top; }

.featureBrickImage { margin-right: 5px; float: left; width: 169px; height: 205px; }
.featureBrickImage img { margin: 25px 0 0 13px; float: left; display: inline; width: 144px !important; height: 164px !important; }

/* ---- =FEATURE RAISED --*/

.featureRaised { margin-bottom: 18px; padding: 0 0 0 20px; float: left; width: 933px; height: 50px; background: url(../Images/bgRaised.png) no-repeat scroll left top; overflow: hidden; }
.featureRaisedBar { margin-top: 8px; float: left; width: 644px; font-size: 0.6em; font-family: "Tahoma"; color: #003196; }
.featureRaisedBarMid { float: left; width: 630px; background: url(../Images/bgRaisedBar.gif) repeat-x scroll left top; }

.featureRaised p { padding-right: 20px; float: left; line-height: 50px; color: #003196; font-size: 0.9em; }

/* ---- =TOTALISER --*/

#totaliserIllustration { width: 950px; height: 251px; clear: left; margin-bottom: 20px; background: transparent url(../images/bg-totaliser-illustration.gif) no-repeat top left; }

.totaliserDesign { height: 251px; clear: left; background: transparent url(../images/bg-totaliser-design.gif) no-repeat top left; }


/* TOP */
.featureRaisedBarTop { float: left; width: 644px; }
.featureRaisedBarPostFirst { float: left; width: 46px; height: 13px; background: url(../Images/bgRaisedPost.gif) no-repeat scroll right top; text-align: right; }
.featureRaisedBarPost { float: left; width: 92px; height: 13px; background: url(../Images/bgRaisedPost.gif) no-repeat scroll right top; text-align: right; }
.featureRaisedBarPost span { padding-right: 2px; float: right; }

/* MID */
.featureRaisedBarMid { float: left; width: 644px; }
.featureRaisedBarTrack { float: left; height: 11px; background: url(../Images/bgRaisedBarTrack.gif) repeat-x scroll left top; }
.featureRaisedBarTrack span { padding-right: 2px; float: right; height: 11px; background: url(../Images/bgRaisedBarTrackTip.gif) no-repeat scroll right top; }

/* BOT */
.featureRaisedBarBot { float: left; width: 644px; }
.featureRaisedBarAmount { float: left; height: 13px; background: url(../Images/bgRaisedPost.gif) no-repeat scroll right top; text-align: right; }
.featureRaisedBarAmount span { padding-right: 2px; float: right; }

/* ---- =BODY --*/

.body { padding: 0 0 20px 10px; float: left; width: 953px; }
.bodyContent { float: left; width: 953px; }

.bodyContentL { padding-right: 40px; float: left; width: 613px; }
.bodyContentR { margin-top: 65px; float: left; width: 300px; }

.bodyContentL .linkArrowSmall { font-size: 0.8em; }


/* ---- =CRUMB --*/

.crumb { margin: 25px 0 30px 0; float: left; width: 953px; font-family: verdana,helvetica,arial,sans-serif; position: relative; z-index: 2; }
.crumb li { margin-right: 8px; padding-left: 15px; float: left; background: url(../Images/bgArrowCrumb.png) no-repeat scroll left center; font-size: 0.8em; }
.crumb li a.on { color: #777777; }
.crumb li.first { background: none !important; }
.crumb li a:hover { text-decoration: underline !important; }

/* ---- =THUMB LIST --*/

.featureBoxWrapper { margin-bottom: 18px; float: left; width: 953px; }

/* ---- =THUMB LIST BIG --*/

.featureBoxBig { margin-right: 18px; float: left; width: 467px; min-height: 195px; height: auto !important; height: 195px; background: url(../Images/bgPanelRptBig.png) repeat-x scroll left top; border-top: 1px solid #EDF4FB; }
.featureBoxBigInner { padding: 20px 20px 0 20px; float: left; width: 427px; }

.featureBoxBigMin { float: left; width: 427px; min-height: 153px; height: auto !important; height: 153px; }
.featureBoxBigWithImage p { padding-right: 250px; }

.featureBoxBig h2 { margin-bottom: 10px !important; font-size: 1.8em; font-family: "Times New Roman"; color: #1367C2; }
.featureBoxBig p { margin-bottom: 0; font-size: 0.8em; }

.featureBoxSmall h3, a.linkArrowSmall { width: 194px; overflow: hidden; white-space: nowrap; }

/* ---- =THUMB LIST SMALL --*/

.featureBoxSmall { margin-right: 18px; padding: 12px 15px 0 15px; float: left; display: inline; width: 194px; min-height: 150px; height: auto !important; height: 150px; background: url(../Images/bgPanelRptSmall.png) repeat-x scroll left bottom; border-top: 1px solid #EDF4FB; }
.featureBoxSmallMin { float: left; width: 194px; min-height: 122px; height: auto !important; height: 122px; }
.featureBoxSmall h3 { margin-bottom: 12px !important; font-size: 1.15em !important; color: #1367C2; font-family: "Tahoma"; width: 194px; }
.featureBoxSmall p { margin-bottom: 0; font-size: 0.7em; }
.imgThumbL { margin: 0 12px 5px 0; float: left; border: solid 2px #777777; }
.imgThumbBigL { margin: 0 22px 10px 0 !important; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =FEATURES --*/

/* ---- =EVENTS --*/

.bodyListing, .revealList { float: left; width: 613px; }
.bodyListing dd, .revealList dd { margin-bottom: 30px; float: left; width: 613px; }

.dateBox { margin: -5px 15px 0 -10px; padding: 15px 20px 0 20px; float: left; width: 88px; height: 109px; background: url(../Images/bgDate.png) no-repeat scroll left top; text-align: center; font-family: "Tahoma"; text-transform: uppercase; position: relative; }
.dateMonth { margin-bottom: 4px; float: left; width: 88px; color: #fff; font-size: 0.8em; }
.dateNumber { float: left; width: 88px; color: #000; font-size: 3.2em; }

.newsBox { margin: -5px 15px 0 -10px; padding: 11px 0 0 0; float: left; width: 128px; height: 110px; background: url(../Images/bgNews.png) no-repeat scroll left top; text-align: center; font-family: "Tahoma"; text-transform: uppercase; position: relative; }
.newsTitle { color: #8c8c8c; }

.bodyListing p a { font-size: 0.8em; }

/* ---- =GALLERY --*/

.featureR { margin-bottom: 20px; padding: 18px 18px; float: left; width: 264px; background: url(../Images/bgFeatureBoxR.png) repeat-x scroll right bottom; border-top: solid 1px #DAEBF6; }
.featureR h3 { margin-bottom: 5px; }
.featureR p, .featureR p a { font-size: 0.8em; }
.featureR p a { font-size: 0.9em; }

.featureRInfo { overflow: auto; overflow-x: hidden; position: relative; width: 170px; }

.italic { font-style: italic; font-size: 0.8em; }

.gallery { float: left; width: 264px; }
.gallery li { margin: 0 18px 18px 0; float: left; width: 52px; }
.gallery li a { float: left; width: 48px; border: solid 2px #777777; }

.featureRNav { float: left; width: 264px; font-size: 0.8em; }

/* ---- =EVENTS --*/

.noTagline { margin-bottom: 18px !important; }

.events { margin-bottom: 8px; float: left; width: 264px; font-size: 0.7em; font-family: "Tahoma"; }
.events dt { float: left; width: 70px; }
.events dd { margin-bottom: 10px; float: left; width: 194px; }

.listDoc dt { width: 35px; }
.listDoc dd { margin-top: 5px; padding-left: 10px; background: url(../Images/bgRaquoBlue.png) no-repeat scroll left 5px; width: 219px !important; }
a.iconPDF { float: left; background: url(../Images/iconPDF.png) no-repeat scroll left 5px; width: 17px; height: 22px; text-indent: -9999em; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =NAV --*/

.nav { padding-left: 20px; float: left; width: 953px; line-height: 30px; background: url(../Images/bgNav.png) no-repeat scroll left top; font-family: "Tahoma"; font-size: 0.75em; position: relative; z-index: 9; }
.nav ul li { float: left; display: inline; background: url(../Images/bgNavItem.gif) repeat-y scroll right top; position: relative; }

/*.nav ul li a { margin-right: 2px; width: 126px; float: left; display: inline; color: #CDE4F3 !important; text-align: center; font-weight: bold; }*/
.nav ul li a { margin-right: 1px; /*padding: 0 25px;*/ padding: 0 34px; float: left; display: inline; color: #CDE4F3 !important; font-weight: bold; }
.nav ul li a:hover { color: #fff !important; background: url(../Images/bgNavOn.gif) no-repeat scroll center top; }
.nav ul li a.on { color: #fff !important; background: url(../Images/bgNavActive.gif) repeat-x scroll left top; }

/* ---- =HOME BUTTON --*/

.navHome a { padding: 0 !important; background: url(../Images/bgNavHome.gif) no-repeat scroll left top !important; width: 35px !important; text-indent: -9999em; }
.navHome a.on { background-image: url(../Images/bgNavHomeOn.gif) !important; }

/* ---- =DROP --*/

.dropEnd { left: -155px !important; }
.dropEnd span { float: right; }
.drop { width: 270px; position: absolute; top: 30px; left: -7px; /*-moz-opacity: .90; filter: alpha(opacity=90); opacity: .90;*/ opacity: .90; font-size: 0.85em; visibility: hidden; z-index: 100; }

.dropRpt { float: left; width: 270px; background: url(../Images/bgDropShortRpt.png) repeat-y scroll left top; }
.dropGrad { padding: 0 7px; float: left; width: 256px; background: url(../Images/bgDropGradRpt.gif) no-repeat scroll center bottom; }
.dropBot { float: left; width: 270px; height: 15px; background: url(../Images/bgDropShortBot.png) no-repeat scroll left top; overflow: hidden; }

.drop ul li { background: none !important; width: 256px; background: url(../Images/bgDropBorder.gif) repeat-x scroll left top !important; line-height: normal !important; }
.drop ul li a { margin: 0 !important; padding: 12px 18px 12px 18px; float: left; width: 220px !important; color: #003196 !important; text-align: left !important; }
.drop ul li a:hover { background: #CCE0EC !important; color: #00194B !important; }

/* ---- =DROP INNER --*/

.drop ul li ul { padding: 10px 0 10px 0; float: left; width: 256px; background: #fff url(../Images/bgDropBorder.gif) repeat-x scroll left top !important; }
.drop ul li ul li { padding: 4px 0 4px 30px; width: auto !important; background: none !important; }
.drop ul li ul li a { padding: 0 0 0 10px !important; width: auto !important; background: url(../Images/bgRaquoBlueSmall.png) no-repeat scroll left 5px; font-weight: normal !important; }
.drop ul li ul li a:hover { background: url(../Images/bgRaquoNavySmall.png) no-repeat scroll left 5px !important; color: #00194B !important; }

.dropLast { padding-bottom: 0 !important; }

/* ---- =DROP HOVER --*/

.nav ul li:hover div.drop { display: block; border: 0; }

/* ---- =SITE MAP --*/

ul#siteMap { padding-top: 10px; float: left; }
#siteMap a, #siteMap a:visited, #siteMap a:active { color: #003196; }
#siteMap h3 { padding: 15px 0 0 15px; font-weight: bold; font-size: 1.4em; margin-bottom: 15px !important; }
li.level1 { width: 302px; background: #e8f3fb url(../images/bgSitemap.jpg) no-repeat top left; float: left; margin: 0 15px 30px 0; padding-bottom: 15px; }
.lastLevel1 { margin-right: 0px; }
ul.level2 li { padding: 0 0 10px 25px; }
ul.level3 { padding: 10px 0 0 0; }

/*#siteMap { margin: 0 !important; padding: 0 !important; float: left; width: 953px; }
#siteMap h3 { margin-bottom: 0; }
#siteMap li { margin-bottom: 5px; }
.level1 { padding-left: 15px; background: url(../Images/bgArrowCrumb.png) no-repeat scroll left 8px; }
.level2 { padding: 15px 0 15px 15px; }
.level2 li { padding-left: 15px; background: url(../Images/bullet.gif) no-repeat scroll left 7px; }

.level3 { padding: 15px 0 15px 0; }
.level3 li { padding-left: 15px; background: url(../Images/bullet-inner.gif) no-repeat scroll left 7px; }*/

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =FORMS --*/

.panelBlue { margin: -20px 0 0 -12px; float: left; width: 613px; position: relative; }
.panelBlueTop { float: left; width: 613px; height: 20px; background: url(../Images/bgFormTop.png) no-repeat scroll left top; overflow: hidden; }
.panelBlueMid { padding: 20px 60px; float: left; width: 493px; background: url(../Images/bgFormMid.png) repeat-y scroll left top; }
.panelBlueBot { float: left; width: 613px; height: 20px; background: url(../Images/bgFormBot.png) no-repeat scroll left top; overflow: hidden; }

.formMarg { margin-bottom: 5px !important; }
.form { float: left; width: 493px; }
.form dd { margin-bottom: 25px; float: left; width: 493px; }
.formInputBox { float: left; width: 493px; position: relative; }
.formInputBox input, .formInputBox textarea { float: left; width: 451px; }
.formInputBox select { float: left; width: 493px; }
.form em { font-size: 0.8em; }

#mailingSignup label { padding-left: 10px; float: left; width: 350px; }

.donationChecks { padding: 10px 0 10px 20px; float: left; width: 300px; }

.error { padding: 10px; float: left; width: 463px; background: #F0D3E3; color: #F02A97; font-style: italic; }
.errorLong { margin: 0 0 0 0 !important; display: inline; width: 320px !important; background: #F0D3E3; }
.errorWide { padding: 10px; float: left; width: 372px; color: #F02A97; font-style: italic; background: #F0D3E3; }
.errorWidest { padding: 10px; float: left; width: 793px; color: #F02A97; font-style: italic; background: #F0D3E3; }
.errorDropDownList { padding: 10px; float: left; width: 175px; color: #F02A97; font-style: italic; background: #F0D3E3; }

.selectDropBox { float: left; width: 493px; position: relative; }
.selectDropBox input { float: left; width: 430px; }
a.btnSelect { float: left; width: 21px; height: 40px; background: url(../Images/btnSelect.gif) no-repeat scroll left top; text-indent: -9999em; }

.selectDrop { width: 491px; height: 128px; border: solid 1px #ccc; overflow: hidden; position: absolute; top: 40px; left: 0px; z-index: 9; display: none; }
.selectDropScroll { float: left; width: 20px; height: 130px; background: url(../Images/bgTrack.gif) no-repeat scroll left top; }
a.btnDrag { float: left; width: 20px; height: 63px; background: url(../Images/bgDrag.png) no-repeat scroll left top; text-indent: -9999em; }
.selectDrop ul { padding: 0 !important; float: left; width: 470px; border-right: solid 1px #ccc; }
.selectDrop li { margin: 0 !important; padding: 0 !important; float: left; width: 470px; font-style: normal; }
.selectDrop li a { padding: 0 20px; float: left; width: 430px; line-height: 36px; background: #FDFDFD url(../Images/bgInput.gif) repeat-x scroll left top; font-family: "Tahoma"; color: #999; font-size: 0.9em; }
.selectDrop li a:hover { background: #d5e9f5 url(../Images/bgInputBlue.gif) repeat-x scroll left top !important; }

.cbl table { float: left; }
.cbl td { padding: 10px 5px; }
.cbl td span { float: left; }
.cbl td label { padding: 3px 0 0 5px; float: right; width: 350px; }

.pinky { color: #F02A97; font-size: 0.8em; }

.overlayModal { background: #D5E8F5 !important; overflow: auto; }
.overlayWrap { float: left; padding: 25px 45px; background: #D5E8F5 !important; }
.fonty { font-size: 0.8em !important; }

.cropy { width: 159px; height: 195px; overflow: hidden; margin-left: 5px; margin-bottom: 20px; }
.groupy { margin-left: 5px; }
.groupy a { margin-bottom: 5px; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =FOOTER --*/

.footer { padding-bottom: 50px; float: left; width: 100%; background: url(../Images/bgFooter.png) repeat-x scroll left top; font-size: 0.8em; color: #999; }
.footer a { color: #7F7F7F !important; }
.footer a:hover { color: #666 !important; }
.footer a:active { color: #333 !important; }

.footerInner { margin: 0 auto; padding: 10px 0 0 10px; width: 953px; }
.footerR { padding-top: 15px; float: right; width: 453px; }
.footerL { float: left; width: 500px; }

.footerNav { margin-bottom: 25px; float: right; }
.footerNav li { margin-left: 35px; float: left; display: inline; }

.footerLogos { float: right; width: auto; }
.footerLogos li { margin-left: 15px; float: left; display: inline; }
.footerLogos a { float: left; display: inline; }

.logoFooter { float: left; }
.footerL p { padding: 10px 0 0 10px; float: left; }

.btnMargNeg { margin: 10px 0 0 20px; display: inline; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =ERROR PAGES --*/

.errorPage { margin: 0 0 0 -13px; float: left; width: 2000px; height: 636px; background: url(../Images/bgErrorPage.png) no-repeat scroll left top; position: relative; }
.errorPageInfo { margin: 125px 0 0 60px; float: left; display: inline; }
.errorPageInfo h2 { margin-bottom: 40px; width: 330px; font-size: 1.1em; }
.errorPageInfo p { font-size: 0.8em; }
.errorPageFoot { margin-top: 50px; float: left; width: 600px; font-size: 0.9em; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =FORM WIDE --*/

.formWideTop { float: left; width: 953px; height: 20px; background: url(../Images/bgFormWideTop.png) no-repeat scroll left top; overflow: hidden; }
.formWideBot { float: left; width: 953px; height: 20px; background: url(../Images/bgFormWideBot.png) no-repeat scroll left top; overflow: hidden; }
.formWideMid { float: left; width: 953px; background: url(../Images/bgFormWideMid.png) repeat-y scroll left top; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =BUTTONS/LINKS --*/

a.btnBig { padding-left: 45px; float: left; display: block; background: url(../Images/btnBigLeft.png) no-repeat scroll left top; height: 53px; line-height: 53px; color: #CDE4F3 !important; font-family: "Tahoma" , serif; font-size: 1.2em; }
a.btnBig span { padding-right: 45px; float: left; display: block; background: url(../Images/btnBigRight.png) no-repeat scroll right top; height: 53px; }
a:hover.btnBig { background-position: 0% -473px; }
a:hover.btnBig span { background-position: 100% -473px; }
a:active.btnBig { background-position: 0% bottom; }
a:active.btnBig span { background-position: 100% bottom; }

a.btnSmall { padding-left: 15px; float: left; display: block; background: url(../Images/btnSmallLeft.png) no-repeat scroll left top; height: 33px; line-height: 33px; color: #CDE4F3 !important; font-family: "Tahoma" , serif; font-size: 0.8em; text-transform: uppercase; }
a.btnSmall span { padding-right: 15px; float: left; display: block; background: url(../Images/btnSmallRight.png) no-repeat scroll right top; height: 33px; }
a:hover.btnSmall { background-position: 0% -483px; }
a:hover.btnSmall span { background-position: 100% -483px; }
a:active.btnSmall { background-position: 0% bottom; }
a:active.btnSmall span { background-position: 100% bottom; }

a.btnLabelWrap { margin-right: -31px; float: right; display: inline; background: url(../Images/btnRibbon.png) no-repeat scroll left top; width: 281px; height: 52px; line-height: 48px; color: #CDE4F3 !important; font-family: "Tahoma"; font-size: 0.8em; text-align: center; position: relative; }
a:hover.btnLabelWrap { color: #fff !important; }

a.linkArrowSmall { padding-left: 10px; float: left; background: url(../Images/bgRaquoBlue.png) no-repeat scroll left center; font-size: 1.0em; font-family: "Tahoma"; text-transform: uppercase; position: relative; }
a.linkArrowBack { padding-left: 10px; float: left; background: url(../Images/bgLaquoBlue.png) no-repeat scroll left center; font-size: 1.0em; font-family: "Tahoma"; text-transform: uppercase; position: relative; font-size: 0.8em;}

a.linkArrowPrev { padding-left: 10px; float: left; background: url(../Images/bgLaquoBlue.png) no-repeat scroll left center; font-family: "Tahoma"; font-size: 0.9em; }
a.linkArrowNext { padding-right: 10px; float: right; display: block; background: url(../Images/bgRaquoBlue.png) no-repeat scroll right center; font-family: "Tahoma"; font-size: 0.9em; }

a.linkArrowClose { background-image: url(../Images/bgArrowUp.png) !important; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =BUY A BRICK FORM --*/

.oneColForm { margin: 0 0 0 -10px; float: left; width: 973px; position: relative; }
.oneColFormTop { float: left; width: 973px; height: 27px; background: url(../Images/1col-form-top.png) no-repeat scroll left top; overflow: hidden; }
.oneColFormContents { padding: 15px 60px; float: left; width: 853px; background: url(../Images/1col-form-bk.png) repeat-y scroll left top; }
.oneColFormBottom { float: left; width: 973px; height: 35px; background: url(../Images/1col-form-bottom.png) no-repeat scroll left top; overflow: hidden; }

.oneColFormContents dd { margin-bottom: 30px; float: left; width: 853px; }
.oneColFormContents dd em { font-size: 0.9em; }

#donationAmount { float: left; width: 360px; }
#donationAmount p { margin-bottom: 25px; }
.donationInput { float: left; width: 360px; }
.donationInput strong { padding: 8px 8px 0 0; float: left; font-size: 1.3em; }
.donationInput input { float: left; width: 298px; }
#donationNotes { float: right; width: 393px; background: url(../Images/bgIceBoxTop.png) no-repeat left top; }
.donationNotesInner { padding: 20px; float: left; width: 353px; background: url(../Images/bgIceBoxBot.png) no-repeat left bottom; font-size: 0.8em; }
.donationNotesInner a { font-size: 0.9em; }

.donationInputWrap { float: left; width: 341px; }

.brickSelector { margin: 0 0 0 0 !important; float: left; width: 853px; position: relative; }
.brickSelector li { float: left; cursor: pointer; text-align: center; padding: 10px 3px; }
.brickSelector li div { padding-bottom: 15px; font-family: "Tahoma"; font-size: 1.1em; }
.brickSelector li.selected { background-color: #6aa4cd; }
.brickSelector li.selected div { color: White; }
.brickSelector li.hover { background-color: #bcddf5; }
#customiseBrick { margin-top: -40px; float: left; width: 876px; height: 384px; background: url(../Images/bricks/Designs/1.png) no-repeat center top; position: relative; }
#customiseBrickImage { width: 150px; margin: 131px 0px 0px 199px; float: left; display: inline; font-size: 0.9em; }
#customiseBrickText { width: 266px; float: left; margin: 129px 0 0 35px; padding: 0; display: inline; }
.brickTitleTextbox { width: 214px; text-align: left !important; }
.brickMessageTextArea { width: 214px; height: 75px; margin-top: 12px; }
.brickImage { position: absolute; }
#brickImageUploadContainer { width: 920px; height: 621px; background-color: Transparent; }

.donorDetails .formInputBox { width: auto !important; }
.donorDetails { margin-bottom: 30px; float: left; }
.donorDetails li { margin-right: 20px; float: left; width: 400px; padding: 8px 0; }
.donorDetails input { width: 350px; }
#mailingSignup { float: left; padding: 0 0 25px 0; width: 420px; }
.pay { margin: 20px 0 0 -15px; float: left; position: relative; }

#uploadImage { padding: 10px; float: left; width: 124px; position: relative; }
#uploadImage h5 { display: block; text-align: center; margin: 0 0 10px 0; padding: 0; }
#uploadImage p { margin: 0 0 10px 0; padding: 0; font-size: 0.8em; }
#customiseBrickText input { float: left; }
#customiseBrickText textarea { float: left; }
#customiseBrickText p { margin-top: 5px; float: left; width: 275px; color: #2A1206; font-size: 0.8em; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =DONOR BOOK --*/

#donationBook { margin: 0 0 0 -20px; float: left; width: 2000px; position: relative; }
.donorBook { float: left; width: 995px; height: 363px; background: transparent url(../images/imgSearchBook.png) no-repeat center top; position: relative; z-index: 2; }
#btnSearchBook { padding-top: 10px; width: 117px; height: 35px; background: url(../Images/btnBlueCurve.png) no-repeat scroll left top; color: #fff; position: absolute; top: -12px; left: 80px; z-index: 1; font-family: "Tahoma"; font-size: 0.65em; text-align: center; }
a.btnSearchBlock { width: 117px; height: 35px; position: absolute; top: -12px; left: 80px; z-index: 3; text-indent: -9999em; }

.brickNav { margin-top: 39px; float: right; }
.brickNav li { margin-right: 5px; float: left; }
.brickNav li a { padding-left: 18px; float: left; background: url(../Images/btnSearchNavL.png) no-repeat scroll left top; line-height: 22px; color: #fff !important; font-family: "Tahoma"; font-size: 0.7em; text-transform: uppercase; }
.brickNav li a span { padding-right: 18px; float: left; background: url(../Images/btnSearchNavR.png) no-repeat scroll right top; }

#donationBookR { margin: 50px 100px 0 0; float: right; display: inline; width: 370px; }

#donationNameList { float: left; width: 370px; height: 225px; overflow: auto; }
#donationNameList ul { float: left; }
#donationNameList li { float: left; }
#donationNameList li a { padding: 5px; float: left; width: 330px; color: #777777; font-family: "Tahoma"; font-size: 0.9em; }
#donationNameList li a:hover { background: #ECF6FF; }

#donationBookL { margin: 50px 0 0 100px; float: left; display: inline; width: 370px; }
#donationBookL h1 { font-size: 2.2em; }

.searchPageInput { padding-left: 15px; float: left; background: url(../Images/bgInputRoundedL.png) no-repeat scroll left top; height: 33px; }
.searchPageInput span { padding-right: 15px; float: left; background: url(../Images/bgInputRoundedR.png) no-repeat scroll right top; height: 33px; }
.searchPageInput input { margin-top: 5px; padding: 0 !important; background: none !important; border: 0 !important; float: left; width: 320px; }

.brickInfoRight { margin: 2px 61px 0 0; float: right; display: inline; width: 400px; height: 308px; background-repeat: no-repeat; background-position: right bottom; }
.brickInfoRight p { margin: 60px 0 40px 0; float: left; width: 380px; font-size: 0.9em; }
.btnGroup { margin: 0 0 0 -18px; float: left; width: 100%; position: relative; }
.btnGroup li { margin-bottom: 5px; float: left; clear: left; position: relative; }
.btnGroup a { font-size: 0.6em; }

#brickContainer { margin: 70px 0 0 75px; float: left; display: inline; width: 420px; height: 230px; position: relative; }
.brickContainerImage01 { background: url(../Images/bgDonationBookBrick.gif) no-repeat scroll center top; }

.brickContainerNav { width: 410px; position: absolute; bottom: 0; left: 0; }
.brickContainerNav a { color: #8A8C8E; text-transform: uppercase; font-family: "Tahoma"; font-size: 0.85em; line-height: 20px; }
a.btnBrickPrev { padding-left: 20px; float: left; background: url(../Images/btnArrowL.png) no-repeat scroll left top; }
a.btnBrickNext { padding-right: 20px; float: right; background: url(../Images/btnArrowR.png) no-repeat scroll right top; }

.brickContainerInfo { margin: 40px 50px 0 0; padding: 0px 0px 0 0; float: right; display: inline; width: 190px; height: 125px; text-align: center; }
.nameSmall { font-size: 14px !important; color: #775935 !important; }
.brickContainerInfo p { margin-bottom: 5px; color: #2A1206; font-size: 11px; font-family: "Tahoma"; }
.brickImageSmall { float: left; width: 100px; margin: 42px 0 0 0; padding-left: 47px; text-align: center; }
.brickImageSmall img { text-align: center; }

#xmas { margin: 45px 0 0 -35px; float: left; position: relative; }
.no-flash { padding: 20px 0 0 100px; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =CHECKBOXES --*/

.jquery-safari-checkbox { display: block; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;  }
.jquery-safari-checkbox .mark { display: inline; }
.jquery-safari-checkbox img { vertical-align: middle; width: 25px; height: 22px; float: left; background: url(../Images/bgCheck.png) no-repeat left top; }
.jquery-safari-checkbox-hover img { background-position: left top; }
.jquery-safari-checkbox-checked img { background-position: left bottom; }
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img { background-position: left bottom; }
.jquery-safari-checkbox-disabled img { background-position: left bottom; }
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img { background-position: left bottom; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =RADIO BUTTONS --*/

.jquery-safari-radio { display: block; font-size: 24px; line-height: 24px; cursor: pointer; cursor: hand; }
.jquery-safari-radio .mark { display: inline; }
.jquery-safari-radio img { vertical-align: middle; width: 24px; height: 24px; float: left; background: url(../Images/bgRadio.png) no-repeat left top; }
.jquery-safari-radio-hover img { background-position: left top; }
.jquery-safari-radio-checked img { background-position: left bottom; }
.jquery-safari-radio-checked .jquery-safari-radio-hover img { background-position: left bottom; }
.jquery-safari-radio-disabled img { background-position: left bottom; }
.jquery-safari-radio-checked .jquery-safari-radio-disabled img { background-position: left bottom; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =SCROLL PANE --*/

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

.sweet .jScrollPaneTrack { background: url(../Images/bgScrollerTrack.png) repeat-y; }
.sweet .jScrollPaneDrag { height: 23px !important; background: url(../Images/bgScrollerDrag.png) no-repeat 0 50%; }
.sweet a.jScrollArrowUp { height: 16px; background: url(../Images/bgScrollerUp.png) no-repeat 0 0; }
.sweet a.jScrollArrowDown { height: 16px; background: url(../Images/bgScrollerDown.png) no-repeat 0 0; }

#new { margin-top: 20px; float: left; width: 853px; }
#gifty { float: left; width: 393px; }
#giftAidRadioButtons { padding-top: 30px; float: right; width: 393px; }
.checky { margin-bottom: 20px; float: left; width: 853px; }
.checky label {float:left; padding:3px 0px 0px 5px; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =ROTATOR --*/

.smalls { font-size: 1.0em !important; }

#rotatorwrap { padding: 20px 0 10px 0; float: left; width: 100%; }

#rotator-info { padding-top: 20px; }

#rotator-wrap { margin: 0 -15px 0 0; float: right; width: 616px; height: 355px; background: url(../Images/rotator/rotator-bg.png) no-repeat left top; position: relative; }

#rotator { margin: 27px 0 0 27px; float: left; display: inline; z-index: 1; }
#rotator li { float: left; width: 554px; height: 292px; overflow: hidden; }

.caption { padding: 8px 20px; background: url(../Images/rotator/rotator-caption.png) repeat left top; color: #fff; font-family: Tahoma; font-size: 0.9em; position: absolute; top: 15px; right: 0; z-index: 2; }
#play { width: 21px; height: 23px; background: url(../Images/rotator/play-white.png) no-repeat left top; position: absolute; bottom: 40px; left: 40px; z-index: 3; text-indent: -9999em; }
#pause { width: 20px; height: 21px; background: url(../Images/rotator/pause.png) no-repeat left top; position: absolute; bottom: 40px; left: 40px; z-index: 3; text-indent: -9999em; }

#paging { position: absolute; bottom: 40px; right: 42px; z-index: 3; }
#paging a { margin-left: 0; float: left; display: inline; width: 18px; height: 18px; background: url(../Images/rotator/rotator-nav.png) no-repeat left top; text-indent: -9999em; }
#paging a.activeSlide { background-position: left -130px; }

/* ---- =SHOP 270611 --*/
.bodyContentContainer{clear:both;}
.bodyContentContainer .bodyContentR { margin-top: 0;  }

/* top feature */
.twoColFeature{background:url(../Images/bgTopFeature.png) left top no-repeat; margin:0 -5px 20px -5px; clear:both;}
.twoColFeatureBot{background:url(../Images/bgTopFeatureBot.png) left bottom no-repeat; padding:15px 0 15px 0;}
.twoColFeatureInner{background:url(../Images/bgTopFeatureInner.png) 6px top repeat-y; padding:0 15px;}
.twoColFeatureInner img{margin-left:20px;}
.twoColFeatureInner p{line-height:1.3;}
.twoColFeatureInner a{font-size:0.8em; padding-left: 10px; background: url(../Images/bgRaquoBlue.png) 0 0.55em no-repeat; font-family: "Tahoma"; text-transform: uppercase; display:block;}
.twoColFeatureText{padding:20px 15px; }

/* rhs panel */
ul.liList li{padding-left: 10px; background: url(../Images/bgRaquoBlue.png) 0 0.4em no-repeat; text-transform: uppercase; display:block; font-family: "Tahoma"; font-size:0.7em; margin:10px 0; }

/* shop listings */
.shopListing p{margin-left:135px;}
.shopListing select{padding: 0 0 0 5px;}
.shopListing dd p { margin-bottom: 10px; }
.quantity{width:20px; padding:8px;}
select.size {width:100px;}
select.colour {width:150px;}

/* basket */
.basket {background: url(../Images/bgFeatureBoxBasket.png) 0 0 repeat-x;}
.basket p{line-height:1.3;}
.quant{float:left; margin-right:10px;}
a.changeRemove{font-family:"Tahoma"; font-size:1.0em; font-weight:bold;}
a.btnCheckout{float:right; }
a.btnCheckout span{float:right;}
.subtotal{float:left; margin:0 80px 30px 0;}
.featureR a.linkArrowSmall {width:140px; }
.featureR a.linkArrowBack {margin-right:40px;}

/* checkout */
.oneColCheckout {padding:15px 60px; float:left; width:853px;  }
table.tblCheckout {border-bottom:1px solid #fff; border-top:1px solid #fff; margin-top:20px;}
table.tblCheckout td {border-top:1px solid #fff;}
table.tblCheckout th{text-align:left; padding:10px 10px 10px 0;}
table.tblCheckout td{padding:25px 15px 25px 0;}
table.tblCheckout td a.changeRemove{font-size:0.8em;}
table.tblCheckout td img{border:2px solid #777;}
table.tblCheckout td.shopItem{font-family:"Tahoma";}
.additional{margin-top:20px; border-bottom:1px solid #fff;}
.additional p{margin-bottom:0;}
.additional input{margin-top:10px;}
.shopTotal{margin-top:20px;}
table.total td{text-align:right; font-size:1.2em; padding:2px 0;}
table.total td em{margin-right:10px; font-size:0.9em;}
table.total td.textTotal{font-size:2.0em; border-top:1px solid #fff; padding-top:10px;  }
.addMsg textarea{width:805px; padding:5px 0 5px 5px; margin-top:10px;}
.shopPay{float:right; width:350px; margin-right:20px;}

/* Payment Status */
.PaymentStatus th { padding: 3px 0px; font-weight: bold; }
.PaymentStatus td { padding: 3px 0px; }


/* Foundation Appeal */
.newFoundation textarea{height:178px;width:771px;}
.foundationNotes{float:right;width:447px;height:210px;}
.foundationNotes img{ float: right; position:relative; bottom:100px; left:45px; }
p.foundationBlue{color:#5767c0;font-size:14px;padding-left:50px;margin-bottom:30px;}
.newFoundation .donorDetails{margin-bottom:15px;}