/* CSS - Scottish Provident - A-Z of Protection Campaign */
/* Design - LEWIS Creative Consultants */
/* Global Styles */

/* Site Colours 
* Body Background:
* Gold: #A8996E
* Blue: #00216E
*/

/* ------------------ HTML Body --*/
body { margin: 0px; padding: 0px; background: #fff url(../images/bodyBg.jpg) repeat-x top left; font: 0.7em Arial, Helvetica, sans-serif; color: #666; text-decoration: none; }
p { margin: 0px; padding: 0px; line-height: 1.6em; }
h1 { margin: 0px; padding: 0px 0px 5px 0px; color: #001D68; font-size: 2.2em; font-weight: normal; font-family: "Trebuchet MS" , Arial, sans-serif; }
h2 { margin: 0px; padding: 0px 0px 5px 0px; color: #999; font-size: 1.3em; font-weight: bold; }
h3 { font-size: 1.2em; font-weight: bold; color: #001D68; margin: 0px 0px 15px 0px; padding: 20px 0px 0px 0px; }

p a, .bodyContentCntr ul li a { color: #001D68; text-decoration: none; }
p a:link, .bodyContentCntr ul li a:link { color: #001D68; text-decoration: none; }
p a:hover, .bodyContentCntr ul li a:hover { color: #001D68; text-decoration: underline; }

/* ------------------ =Typography --*/
.topText { margin: 20px auto 0px auto; padding: 0px 0px 10px 0px; width: 760px; text-align: left; color: #666; }
.smallText { font-size: 0.75em; font-weight: normal; }
h2.bodyStrapLine { font-size: 1.3em; color: #666; margin: 3px 0px 0px 0px; padding: 0px; font-weight: normal; }
h3.largeHeader { font-size: 2em; font-weight: normal; color: #001D68; padding: 20px 0px 5px 0px; margin: 0px; font-family: "Trebuchet MS" , Arial, sans-serif; }
p.infoPackTitle { color: #A8996E; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; }
p.pleaseSelect { color: #999; font-weight: bold; padding: 0px; margin: 20px 0px 0px 0px; }
p.sendMe { color: #999; font-weight: normal; padding: 0px; margin: 0px; font-size: 1.8em; }
p.yourDetails { color: #999; font-weight: bold; padding: 0px; margin: 10px 0px 0px 0px; font-size: 1.3em; }
p.scotProvTeam { color: #00216E; font-weight: bold; margin: 20px 0px 0px 0px; padding: 0px; }
.telephoneNumber { font-size: 1.3em; font-weight: bold; color: #A8996E; margin: 0px; padding: 0px; }

/* ------------------ =Colours --*/
.darkBlue { color: #00216E !important; }

/* ------------------ =Containers --*/
.wrapperOuterCntr { margin: 0px auto 0px auto; padding: 0px; background: transparent url(../images/shadowBg.jpg) no-repeat top left; width: 800px; position: relative; }
.wrapperInnerCntr { margin: 0px auto 0px auto; padding: 0px; width: 760px; }
.wrapperMainCntr { margin: 0px; padding: 30px 30px 30px 30px; float: left; background: #fff url(../images/mainBg.gif) repeat-x top left; width: 700px; }
.bodyContentCntr { margin: 0px; padding: 0px 30px 30px 30px; float: left; background: #fff; width: 640px; }

/* ------------------ =Header --*/
.headerCntr { margin: 0px; padding: 0px; float: left; background: #ccc url(../images/headerBg.jpg) no-repeat top left; width: 760px; height: 140px; border-bottom: 30px solid #A8996E; }
.headerCntrTitle { margin: 0px; padding: 30px 0px 0px 35px; float: left; color: #A8996E; font-size: 1.8em; letter-spacing: 0.05em; }
.headerCntrLogo { margin: 0px; padding: 60px 20px 0px 0px; float: right; width: 114px; height: 46px; }

/* ------------------ =Body --*/
.bodyContentHeaderCntr { margin: 0px; padding: 0px; float: left; width: 640px; }
.col1Head { margin: 0px; padding: 20px 0px 0px 0px; float: left; width: 360px; }
.col2Head { margin: 0px; padding: 20px 0px 0px 0px; float: right; width: 250px; }
.trustsCol1Body { margin: 20px 0px 10px 0px; padding: 0px; float: left; width: 350px; }
.trustsCol2Body { margin: 0px; padding: 0px; float: right; width: 250px; }
.bodyContentFormCntr { margin: 20px 0px 0px 0px; padding: 0px 20px 20px 20px; float: left; background: transparent url(../images/formRepeatY.jpg) repeat-y left top; width: 600px; }
.bodyContentFormCntr2 { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; float: left; background: transparent url(../images/formRepeatY.jpg) repeat-y left top; width: 600px; }
.downLoadCntr { margin: 20px 0px 0px 0px; padding: 0px; }
.bodyContentCntr ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; }
.bodyContentCntr ul li { margin: 0px 0px 0px 20px; padding: 5px 0px 5px 10px; background: transparent url(../Images/bulletSquare5x5.gif) no-repeat scroll 0px 11px; line-height: 1.5em; }
.navHeading { font-size: 1.5em; font-family: "Trebuchet MS" , Arial, sans-serif; color: #001D68; margin: 0px 0px 15px 0px; padding: 0px; }
.navSubHeading { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #A8996E; font-size: 1.2em; font-weight: bold; font-family: "Trebuchet MS" , Arial, sans-serif; color: #001D68; }

/* ------------------ =AtoZ --*/
.mainBodyColLeft { margin: 0px; padding: 0px; float: left; width: 390px; /*background: transparent url(../Images/bgBodyContentDividerGrad.png) no-repeat right top;*/ }
.AtoZCol1Body { margin: 20px 0px 0px 10px; padding: 0px; float: left; width: 300px; display: inline; }
.downLoadCntr p { }
.moreInformation { clear: both; margin: 100px 0px 0px 0px; float: left; }

/* ------------------ =Switch --*/
.bodyContentHeaderSwitch { position: relative; margin: 0px; padding: 0px 0px 24px 0px; float: left; width: 640px; background: transparent url(../Images/imgSwitchHeader.jpg) no-repeat scroll right top; }
.dataDownloadCol1 { margin: 0px 0px 0px 20px; padding: 0px; float: left; display: inline; width: 280px; display: inline; }
.dataDownloadCol2 { margin: 0px; padding: 0px; float: right; width: 280px; display: inline; }
.dataDownloadCol2 img { margin: 0px 10px 0px 0px; }
.switchFtrTItle { clear: left; padding: 20px 0px; }
.switchBookBtnCntr { clear: left; float: left; margin: 20px 0px 20px 0px; }
.switchDVDCntr { margin: 20px 0px 0px 0px; padding: 0px; float: right; width: 190px; }
.switchDVDCntr label { color: #A8996E; font-weight: bold; }
.col1HeadSwitch { margin: 0px; padding: 20px 0px 0px 0px; float: left; width: 400px; }

/* ------------------ =24 Hour Race --*/
.bodyContentHeader { margin: 0px; padding: 20px 0px 20px 0px; float: left; width: 640px; }
.col1Head24 { margin: 0px; padding: 20px 0px 50px 0px; float: left; width: 340px; }
.mainBodyCol24 { margin: 0px; padding: 0px; float: left; width: auto; }
.btnMargin24 { margin: 0px 0px 0px 218px; float: left; display: inline; }

.mainBodyCol24Inner { margin: 20px 0px 0px 0px; padding: 0px; float: left; width: 600px; overflow: hidden; }
.mainBodyCol24Inner a, .mainBodyCol24Inner a:visited { color: #00216E; text-decoration: none; }
.mainBodyCol24Inner * { margin: 0px; padding: 0px; background: transparent; }
.mainBodyCol24Inner table { width: 100%; }
.mainBodyCol24Inner table tbody tr td { text-align: center; padding: 10px; }
.mainBodyCol24Inner table tbody tr th { background: #eeeeee; border-bottom: solid 2px #ccc; text-align: center; padding: 10px; }

tr.paging { border-top: solid 1px #dddddd; }
.mainBodyCol24Inner table tbody tr.paging td { padding: 5px !important; width: 20px !important; }
.mainBodyCol24Inner table tbody tr.paging td table tbody tr td { text-align: left; padding: 0px !important; float: left; }
.mainBodyCol24Inner table tbody tr.paging td table tbody tr td span { text-align: center; padding: 5px !important; margin-right: 2px; background: #00216E; color: #fff; border: solid 1px #dddddd; float: left; }
.mainBodyCol24Inner table tbody tr.paging td table tbody tr td a, .mainBodyCol24Inner table tbody tr.paging td table tbody tr td a:visited { text-align: center; padding: 5px !important; margin-right: 2px; background: transparent url(../images/pagingBg.gif) repeat-x left bottom; border: solid 1px #dddddd; float: left; color: #00216E; }

/* ------------------ =Dividers --*/
.goldDivider2 { margin: 0px 0px 0px 0px; padding: 0px; float: left; width: 640px; height: 2px; font-size: 2px; line-height: 2px; border-top: solid 2px #A8996E; }
.gradFormDivider { margin: 0px; padding: 0px; float: left; background: transparent url(../images/shadowDivider.png) no-repeat left top; width: 600px; height: 10px; }
.gradFormDividerFtr { margin: 20px 0px 0px 0px; padding: 0px; float: left; background: transparent url(../images/shadowDividerFooter.png) no-repeat left top; width: 600px; height: 10px; line-height: 10px; font-size: 10px; }

/* ------------------ =Footer --*/
.footer { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; float: left; width: 640px; border-top: solid 2px #A8996E; }
.footer ul { margin: 0px; padding: 0px; float: left; width: 640px; list-style: none; list-style-image: none; list-style-type: none; }
.footer ul li { margin: 0px; padding: 0px; float: left; list-style: none; list-style-image: none; list-style-type: none; background-image: none; }
.footer ul li a { margin: 0px; padding: 0px 10px 0px 8px; float: left; display: inline; background: transparent url(../images/footerArrow.gif) no-repeat center left; color: #999; text-decoration: none; }
.footer ul li a:link { margin: 0px; padding: 0px 10px 0px 8px; float: left; display: inline; background: transparent url(../images/footerArrow.gif) no-repeat center left; color: #999; text-decoration: none; }
.footer ul li a:visited { margin: 0px; padding: 0px 10px 0px 8px; float: left; display: inline; background: transparent url(../images/footerArrow.gif) no-repeat center left; color: #999; text-decoration: none; }
.footer ul li a:hover { margin: 0px; padding: 0px 10px 0px 8px; float: left; display: inline; background: transparent url(../images/footerArrow.gif) no-repeat center left; color: #001D68; text-decoration: none; }
.footer p { margin: 20px 0px 0px 0px; padding: 0px; float: left; width: 640px; font-size: 1em; font-weight: normal; color: #999; }

/* ------------------ =Floats --*/
.floatL { float: left; }
.floatR { float: right !important; }
.floatNone { float: none !important; }

/* ------------------ =Images --*/
img { border: 0; }
.imageAlignRight { text-align: right; }

/* ------------------ =Margins & =Padding --*/
.marginLeft50 { margin-left: 50px; }
.marginTop20 { margin-top: 20px; }
.marginTop50 { margin-top: 50px; }
.paddingRight10 { padding-right: 10px; }
.paddingLeft10 { padding-left: 10px !important; }
.paddingTop20 { padding-top: 20px; }

/* ------------------ =Forms --*/
.ddSelectCntr { margin: 20px 0px 10px 18px; float: left; position: relative; display: inline; }
.ddSelect, .ddSelectAtoZ { float: left; z-index: 1; padding: 0px 0px 0px 0px; width: 70px; font-size: 1em; border-color: #ccc; border-style: groove solid solid; border-width: 1px; color: #808284; line-height: normal; }
.ddSelect option, .ddSelectAtoZ option { padding: 0px 0px 1px 6px; border-top: 1px dashed #ccc; }
.ddSelectAtoZ { width: 100px; }

span.cb, span.cb input, span.cb input:hover { margin: 3px 0 0 0 !important; padding: 0 !important; float: left; width: 15px; }

.formWrap { margin: 0; padding: 0 0 30px 0; float: left; width: 600px; }
.formL { margin: 0px; padding: 0 30px 0px 0px; float: left; width: 175px; text-align: right; color: #A8996E; font-size: 1.2em; font-weight: bold; }
.formR { margin: 0px; padding: 2px 0 0 0; float: left; width: 200px; color: #999; font-size: 0.9em; }

.formCntr { margin: 0px; padding: 20px 20px 30px 20px; float: left; width: 560px; }
.formCntr h2 { margin: 0px 0px 20px 0px; padding: 0px; color: #999; font-size: 1.3em; font-weight: bold; }
.formCntr label { margin: 0px; padding: 3px 30px 0px 0px; float: left; width: 175px; text-align: right; color: #666; font-size: 1em; font-weight: bold; }
.formCntr span { position: relative; margin: 0px; padding: 3px 0px 0px 10px; float: left; width: 10px; text-align: left; font-weight: normal; }
.formCntr input { margin: 0px; padding: 2px; float: left; background: #fff; width: 200px; border: solid 1px #ccc; color: #999; font-size: 0.9em; }
.formCntr input:hover, .formCntr input:focus { margin: 0px; padding: 2px; float: left; background: #fff; width: 200px; border: solid 1px #A8996E; color: #999; font-size: 0.9em; }
.formDivider { width: 100%; height: 10px; font-size: 10px; line-height: 10px; margin: 0px; padding: 0px; float: left; display: block; clear: both; }
.col2Body input { margin: 0px; padding: 0px; }
.errorMessage { clear: left; float: left; color: #ff0000; margin: 0px 0px 10px 175px; padding: 0px; display: inline; }
.errorMessageSwitch { float: left; color: #ff0000; margin: 15px 0px 10px 10px; padding: 0px; display: inline; width: 400px; }

/* ------------------ =Form 2 --*/
.formCntr2 { margin: 0px; padding: 0px 10px 30px 0px; float: left; width: 370px; }
.formCntr2 h2 { margin: 0px 0px 20px 0px; padding: 0px; color: #999; font-size: 1.3em; font-weight: bold; }
.formCntr2 label { display: inline; margin: 3px 30px 0px 0px; padding: 3px 0px 0px 0px; float: left; width: 120px; text-align: right; color: #666; font-size: 1em; font-weight: bold; }
.formCntr2 span { margin: 0px; padding: 3px 10px 0px 0px; float: right; width: 5px; text-align: left; font-weight: normal; }
.formCntr2 input { margin: 0px; padding: 2px; float: left; background: #fff; width: 190px; border: solid 1px #ccc; color: #999; font-size: 0.9em; }
.formCntr2 input:hover { margin: 0px; padding: 2px; float: left; background: #fff; border: solid 1px #A8996E; color: #999; font-size: 0.9em; }
.formCntrRightCol { margin: 20px 0px 0px 0px; padding: 0px 0px 30px 10px; float: right; width: 200px; }

/* ------------------ =Form 3 --*/
.formCntr24 { margin: 15px 0px 0px 80px; display: inline; padding: 0px 0px 0px 0px; float: left; width: 450px; }
.formCntr24 h2 { margin: 0px 0px 20px 0px; padding: 0px; color: #999; font-size: 1.3em; font-weight: bold; }
.formCntr24 label { display: inline; margin: 0px 30px 0px 0px; padding: 3px 0px 0px 0px; float: left; width: 120px; text-align: right; color: #666; font-size: 1em; font-weight: bold; }
.formCntr24 span { margin: 0px; padding: 3px 0px 0px 10px; float: left; width: 5px; text-align: left; font-weight: normal; color: #00216E !important; }
.formCntr24 input { margin: 0px; padding: 2px; float: left; background: #fff; width: 190px; border: solid 1px #ccc; color: #999; font-size: 1em; }
.formCntr24 input:hover { margin: 0px; padding: 2px; float: left; background: #fff; border: solid 1px #A8996E; color: #999; }

/* ------------------ =Buttons --*/
.bookNow a { margin: 20px 0px 0px 225px; padding: 6px 0px 0px 20px; float: left; background: transparent url(../images/bookBtn.gif) no-repeat left top; display: inline; width: 120px; height: 19px; color: #fff; text-decoration: none; font-weight: bold; }
.bookNow a:hover { text-decoration: underline; }
.bookNow1 a { margin: 20px 0px 0px 135px; padding: 6px 0px 0px 20px; float: left; background: transparent url(../images/bookBtn.gif) no-repeat left top; display: inline; width: 120px; height: 19px; color: #fff; text-decoration: none; font-weight: bold; }
.bookNow1 a:hover { text-decoration: underline; }
.bookNow2 { margin: 10px 0px 0px 10px; padding: 6px 0px 0px 20px; float: left; background: transparent url(../images/bookBtn.gif) no-repeat left top; display: block; width: 120px; height: 19px; color: #fff; text-decoration: none; font-weight: bold; }
.bookNow2:hover { text-decoration: underline; }
.downLoadPDF { clear: left; margin: 10px 0px 0px 10px; padding: 6px 0px 0px 20px; float: left; display: block; width: 120px; }

.download a { margin: 20px 0px 0px 0px; padding: 6px 0px 0px 20px; float: left; background: transparent url(../images/bookBtn.gif) no-repeat left top; display: inline; width: 120px; height: 19px; color: #fff; text-decoration: none; font-weight: bold; }
.download a:hover { text-decoration: underline; }

/* ------------------ =New Styles - SEP08 - GJ --*/

/* 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 */

.heading { margin-top: 30px; }

.last { margin-bottom: 0px; }

.formWrapper { margin: 15px 0px 0px 80px; padding: 0px 0px 0px 0px; display: inline; float: left; background: transparent; width: 450px; }
.formWrapper ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 450px; list-style: none; }
.formWrapper ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 450px; list-style: none; }

.formWrapper ul li.spacer { margin-bottom: 30px; }

.formWrapper ul li strong { margin: 0px 0px 0px 150px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 300px; font-weight: normal; font-size: 0.9em; }

.formWrapper label { display: inline; margin: 0px 30px 0px 0px; padding: 3px 0px 0px 0px; float: left; width: 120px; text-align: right; color: #666; font-size: 1em; font-weight: bold; }
.formWrapper span { margin: 0px; padding: 3px 0px 0px 10px; float: left; width: 5px; text-align: left; font-weight: normal; color: #00216E !important; }
.formWrapper input { margin: 0px; padding: 2px; float: left; background: #fff; width: 190px; border: solid 1px #ccc; color: #999; font-size: 1em; }
.formWrapper input:hover { margin: 0px; padding: 2px; float: left; background: #fff; border: solid 1px #A8996E; color: #999; }

.headerFrank { position: absolute; top: 190px; right: 90px; z-index: 999; }

.iconPDF { margin: 0px 30px 0px 0px; padding: 5px 0px 0px 0px; float: left; width: 120px; text-align: right; display: block; }

.downloadPDFRight { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; background: transparent; width: 200px; font-size: 0.9em; }

.btnDownload a, .btnDownload a:visited { margin: 15px 0px 0px 150px; padding: 0px 0px 0px 8px; background: transparent url(../images/footerArrow.gif) no-repeat left 5px; color: #666 !important; text-decoration: none; }
.btnDownload a:hover { color: #00216E !important; text-decoration: none; }

.btnSubmit a { margin: 0px 0px 0px 150px; padding: 0px 0px 0px 20px; float: left; display: inline; background: transparent url(../images/bookBtn.gif) no-repeat left top; width: 120px; line-height: 25px; color: #fff !important; text-decoration: none; font-weight: bold; }
.btnSubmit a:hover { text-decoration: underline; }