/*Top Nav Tier One*/
DIV.nav-primary { padding: 1px 0px 0px 0px;}
DIV.nav-primary ul.drop-down { margin: 9px 0px 0px 50px; padding: 0px; z-index: 20;}
DIV.nav-primary ul.drop-down li { float: left; border: solid 0px red; height: 31px; padding: 0px; margin: 0px; z-index: 20; position: relative;}
DIV.nav-primary ul.drop-down li:hover { }

DIV.nav-primary ul.drop-down li a { text-indent: -9999em; display: block; height: 31px;}
/*div.nav-primary ul.drop-down li:hover span { background:url(img/NavBGHover.png) 0 0 repeat-x; display: block;  }*/

DIV.nav-primary ul.drop-down li.NavViewTheSanctuary { background:url(img/TopNavigation.gif) 0px 0px no-repeat; width: 153px; }
DIV.nav-primary ul.drop-down li.NavViewTheSanctuary:Hover { background:url(img/TopNavigation.gif) 0px -31px no-repeat;}

DIV.nav-primary ul.drop-down li.NavBuyABrick { background:url(img/TopNavigation.gif) -155px 0px no-repeat; width: 106px; }
DIV.nav-primary ul.drop-down li.NavBuyABrick:Hover { background:url(img/TopNavigation.gif) -155px -31px no-repeat;}

DIV.nav-primary ul.drop-down li.NavTheProblem { background:url(img/TopNavigation.gif) -260px 0px no-repeat; width: 124px; }
DIV.nav-primary ul.drop-down li.NavTheProblem:Hover { background:url(img/TopNavigation.gif) -260px -31px no-repeat; }

DIV.nav-primary ul.drop-down li.NavTheSolution { background:url(img/TopNavigation.gif) -384px 0px no-repeat; width: 120px; }
DIV.nav-primary ul.drop-down li.NavTheSolution:Hover { background:url(img/TopNavigation.gif) -384px -31px no-repeat; }

DIV.nav-primary ul.drop-down li.NavTheChampion { background:url(img/TopNavigation.gif) -504px 0px no-repeat; width: 128px; }
DIV.nav-primary ul.drop-down li.NavTheChampion:Hover { background:url(img/TopNavigation.gif) -504px -31px no-repeat; }

/*Top Nav Tier Two*/
DIV.nav-primary ul.drop-down li ul { z-index: 20; position: absolute; left: 1px; top: 31px; display:none; padding: 0px 0px 0px 0px; }
DIV.nav-primary ul.drop-down li ul li { display: block; width: 164px; height: 22px; z-index: 20; background:url(img/SubNavBG.png) 0 0 repeat-x; vertical-align: middle; padding: 5px 0px 0px 5px; }
DIV.nav-primary ul.drop-down li:hover ul {display:block;}
DIV.nav-primary ul.drop-down li ul li:hover {background:url(img/SubNavBGHover.png) 0 0 repeat-x; }
DIV.nav-primary ul.drop-down li ul li a { text-indent: 0px; color: Black; text-decoration: none; height: auto; }

#FlashTopBanner, #ImageTopBanner { margin: 0px 0px 0px 49px; z-index: 1; position: relative;}


/*div.nav-secondary*/

DIV.nav-secondary ul.drop-down { padding: 0px 0px 0px 2px; margin: 0px 0px -10px 0px; width: 290px; float: left;}
DIV.nav-secondary ul.drop-down li { float: left; width: 270px; z-index: 20; background:url(img/SubNavBG.png) 0 0 repeat-x; vertical-align: middle; padding: 5px 0px 0px 20px; }
DIV.nav-secondary ul.drop-down li:hover {background:url(img/SubNavBGHover.png) 0 0 repeat-x; }
DIV.nav-secondary ul.drop-down li a { color: black; text-decoration: none; font-family: Georgia;}
DIV.ThirdTierNavHead { background: url(img/ThirdTierNavHead.png) no-repeat 0px 0px; width: 360px; float: left; padding: 14px 0px 0px 10px;}
DIV.ThirdTierNavRepeatBG { background: url(img/ThirdTierNavRepeatBG.png) repeat-y 11px 0px; width: 322px; float: left;}
DIV.ThirdTierNavFoot { background: url(img/ThirdTierNavFoot.png) no-repeat 5px 0px; width: 338px; height: 16px; float: left;}


DIV.ContentColumnRightHead { background: url(img/ContentColumnRightHead.png) no-repeat 1px 0px; width: 349px; float: left; padding: 26px 0px 0px 30px; }
DIV.ContentColumnRightHead h2{ font-family: Georgia; font-size: 2.3em; font-weight: normal; color: #FFFFFF; padding: 0px 0px 20px 0px; }
DIV.ContentColumnRightRepeatBG { background: url(img/ContentColumnRightRepeatBG.png) repeat-y 11px 0px; width: 321px; float: left; }
DIV.ContentColumnRightRepeatBGMargin { margin: 30px 0px 0px 0px;}
DIV.ContentColumnRightRepeatBGNoMargin { margin: 13px 0px 0px 0px;}
DIV.ContentColumnRightFoot { background: url(img/ContentColumnRightFoot.png) no-repeat 1px 0px; width: 348px; height: 96px; float: left;}


/*Who is buying DG*/

TABLE.WhoIsBuyingDG { border: solid 0px black; width: 250px;}
TABLE.WhoIsBuyingDG tr,TABLE.WhoIsBuyingDG tr td { border: solid 0px black;}
TABLE.WhoIsBuyingDG tr td { font-size: 1.2em;}

DIV.WhoIsBuyingDGContentDivider {background: url(img/ColumnLeftFacebookContentDivider.jpg) no-repeat 0px 0px; width: 244px; height: 29px; display: block; float: left;}
DIV.ColumnCenterContent DIV.WhoIsBuyingDGContentDivider { background: url(img/ColumnCenterDivider.png) no-repeat 0px 0px; width: 244px; height: 29px; display: block; float: left; clear: both; }
SPAN.BricksBought { display: block; color: White; font-family: Georgia; font-size: 0.9em; font-weight: bold; margin: 7px 0px 0px 0px;}


/*Payment Process*/
FIELDSET.LeftMargin { margin: 0px 0px 0px 20px;}
FIELDSET DIV.PaymentFormRow { margin: 0px 0px 7px 0px; clear: both;}

FIELDSET DIV.PaymentFormRows { }
H2.DonationHeader {color: #441000; font-family: Georgia; font-size: 1.5em; margin: 0px 0px 10px 0px; }
TABLE.PaymentProcessWizard { float: left; clear: both; width: 870px;  }
TABLE.ProgressBar { float: left; clear: both; width: 850px;}
TABLE.ProgressBar th { text-align: center; color: #441000; font-size: 1.1em; height: 24px; vertical-align: top;}
TABLE.ProgressBar td.Inactive { background-color: #82868c; height: 5px;}
TABLE.ProgressBar td.Active { background-color: #441000; height: 3px; line-height: 5px;}
DIV.PaymentProcessWrap { margin: 0px 0px 0px 30px;}
P.BlackFont { color: Black;}
P.MaroonFont,DIV.InFormHeader { color: #441000;}
DIV.PaymentFormRow p,DIV.PaymentFormRow { font-size: 1.0em; font-family: Georgia; position: relative;}
DIV.PaymentFormRow div.RadioButtonRow { clear: both; float: left; width: 370px;} 
DIV.PaymentFormRow label { width: 130px; float: left; margin: 0px 10px 0px 0px; text-align: right; font-size: 1em; line-height: 20px;}
DIV.PaymentFormRow SPAN label { float: none; margin: 0px 3px 0px 5px; width: auto;}
DIV.PaymentFormRow SPAN { margin: 0px 0px 10px 0px; float: left !important; line-height: 20px; }
DIV.PaymentFormRow SPAN.SetLineHeight10 { line-height: 10px;}
INPUT.txtAmountOfBricks { width: 60px !important;  }
INPUT.txtCentsAmount { width: 30px; }
INPUT.DonationTextBox { height: 15px; border: solid 1px #d3d1d0; color: #000000; width: 191px; font-size: 1em; float: left; margin: 0px 10px 14px 0px;}
INPUT.NoBottomMargin { margin: 0px 10px 0px 0px;}

DIV.ManualDonationAmmount { float: left;}
INPUT.txtPhoneNumberMobile { width: 135px;}
INPUT.txtExpirymm {  width: 30px; background: #FFFFFF url(img/dd.gif) no-repeat 6px 2px;}
INPUT.txtExpiryyyy { width: 30px; background: #FFFFFF url(img/yyyy.gif) no-repeat 1px 2px;}
INPUT.txtCVV { width: 64px; margin: 0px 10px 0px 0px;}
DIV.CVVInfoWindow { display: none; width: 400px; z-index: 20; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 8px; display: block; position: absolute; left: 416px; top: -188px; }
DIV.CVVFlyOut { display: none; overflow: hidden; z-index: 2; background-color: #FFFFFF; border: solid 1px #D0D0D0; position: relative; left: 416px; top: -188px;}

INPUT.BtnBackLeftMargin { margin: 20px 0px 0px 55px;}
INPUT.BtnBackLeftMargin2 { margin: 6px 0px 0px 55px;}
SPAN.DonationValidationMsg { float: right !important; margin: 0px !important; color:Red; display:inline;}
DIV.DonationValidationSummary { float: left; margin: 0px 0px 0px 72px;}
INPUT.PhoneNumberLandlineAreaCode { width: 30px;}
INPUT.PhoneNumberLandline { width: 92px;}
INPUT.EmailAddress { width: 215px;}

SPAN.ConfirmDetailsLabel { width: 135px; padding: 0px 20px 0px 0px; margin: 0px !important;}
FIELDSET.ConfirmDetails DIV.PaymentFormRows DIV.PaymentFormRow { margin: 0px 0px 0px 3px; }
DIV.InFormHeader { font-size: 1.2em; font-weight: bold;}
INPUT.NoFloatCheckBox { float: none;}
INPUT.txtDonationMsg { height: 55px;}
DIV.divAgreeTerms { float: right; padding-right: 50px; }
TEXTAREA.txtTermsAndConditions { width: 320px;}


/*Customise Your Brick*/
FIELDSET.SemiTransParentInputWindowWide { background: url(img/WhiteSemiTransparentBlock.png) repeat 0px 0px; width: 639px; height: 40px; padding: 15px 0px 0px 15px; float: left; margin: 30px 0px 0px 26px;}
H1.H1CustomiseYourBrick { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
FIELDSET.SemiTransParentInputWindowWide p,
FIELDSET.SemiTransParentInputWindowWideRHSPlaque p
{ clear: both; line-height: normal; font-size: 1em; margin: 0px; padding: 0px;}
FIELDSET.CustomiseYourBrick { width: 708px; height: 253px;}
FIELDSET.CustomiseYourBricklight { background: url(img/BrickBGCustomiseLight.png) no-repeat 0px 0px; float: left; clear: both;}
FIELDSET.CustomiseYourBrickmedium { background: url(img/BrickBGCustomiseMedium.png) no-repeat 0px 0px;}
FIELDSET.CustomiseYourBrickdark { background: url(img/BrickBGCustomiseDark.png) no-repeat 0px 0px;}

FIELDSET.CustomiseYourPlaque { width: 558px; height: 370px; }
FIELDSET.CustomiseYourPlaquebronze { background: url(img/PlaqueBGCustomiseBronze.png) no-repeat 0px 0px;}
FIELDSET.CustomiseYourPlaquesilver { background: url(img/PlaqueBGCustomiseSilver.png) no-repeat 0px 0px;}
FIELDSET.CustomiseYourPlaquegold { background: url(img/PlaqueBGCustomiseGold.png) no-repeat 0px 0px;}
FIELDSET.SemiTransParentInputWindowWideRHSPlaque { float: right; width: 190px; height: 318px; background: url(img/WhiteSemiTransparentBlock.png) repeat 0px 0px; padding: 15px 0px 0px 15px; margin: 30px 0px 0px 26px; }
FIELDSET.CustomiseYourPlaque DIV.CustomiseYourBrickDivWrap DIV.CustomiseYourBrickDivLeft { margin: 88px 0 0 188px; float: left; width: 335px; }
FIELDSET.CustomiseYourPlaque DIV.CustomiseYourBrickDivRight { float: left; margin: 0px 0px 0px 87px;}
FIELDSET.CustomiseYourPlaque SPAN.lblCustomiseName { font-family: Georgia; padding: 0px; font-size: 2em; color: #503117; clear: both; float: left; width: 400px; text-align: center;}
FIELDSET.CustomiseYourPlaque TEXTAREA.txtDonationMsg { margin: 0px 0px 10px 31px; border: solid 1px #d59d68; clear: both; width: 330px; float: left;}
FIELDSET.CustomiseYourPlaque SPAN.lblCustomiseAmount { padding: 0px; font-family: Georgia; float: left; width: 400px; text-align: center;}
INPUT.imgBtnSubmitPlaque { float: right; margin: -56px 12px 0px 0px; }
FIELDSET.CustomiseYourPlaque INPUT.CharsLeft { float: right; border: solid 0px black; width: 144px; margin: 0px 117px 0px 0px; font-size: 1em; background: none repeat scroll 0 0 transparent;}

INPUT.imgBtnSubmit { float: right; margin: -19px 109px 0px 0px; }
FIELDSET.CustomiseYourBrick SPAN.lblCustomiseName { font-family: Georgia; padding: 0px; font-size: 2em; color: #503117;}
FIELDSET.CustomiseYourBrick SPAN.lblCustomiseCityCountry { padding: 0px 0px 0px 6px; font-family: Georgia; color: #7b512f; font-size: 2em; }
FIELDSET.CustomiseYourBrick SPAN.lblCustomiseAmount { padding: 0px; font-family: Georgia; }
FIELDSET.CustomiseYourBrick TEXTAREA.txtDonationMsg { margin: 0px 0px 4px 0px; border: solid 1px #d59d68; clear: both; width: 330px;}
FIELDSET.CustomiseYourBrick DIV.CustomiseYourBrickDivWrap { margin: 70px 0px 0px 70px; width: 560px; float: left; }
FIELDSET.CustomiseYourBrick DIV.CustomiseYourBrickDivRight { float: left; width: 350px;}
FIELDSET.CustomiseYourBrick DIV.CustomiseYourBrickDivLeft { float: left; width: 200px;}
INPUT.imgBtnCustomiseYourBrick { float: right;}
FIELDSET.CustomiseYourBrick INPUT.CharsLeft { float: right; border: solid 0px black; width: 144px; margin: 0px 20px 2px 0px; font-size: 1em; background: none repeat scroll 0 0 transparent;}

SELECT.WSPADropDown { font-size: 1em; height: 18px; border:1px solid #D3D1D0; margin: 0px 10px 14px 0px; float: left;}



/*Design 2 Send to A Friend*/

.modalPopup { background-color: white; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:340px; color: black; height: 303px; }
.modalPopupSTFDone { height: 160px;}
.modalPopup2 { height: 135px; }
.modalPopupCVV { background-color: white; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:570px; color: black; height: 370px; }
.modalPopupCVV p { font-family:Georgia; font-size:1.2em; padding-bottom: 60px; }
.modalBackground { background-color:Black; filter:alpha(opacity=50); opacity:0.5; }
DIV.CVVWrap { padding: 10px; font-size: 0.8em;}
DIV.STFWrap { padding: 10px; font-size: 1.3em;}
DIV.STFWrap DIV.PaymentFormRow label { width: 100px; font-size: 0.9em;}
DIV.STFWrap DIV.PaymentFormRow label.ProcessExitConfirmation { width: 100%; margin: 0px 0px 20px 0px;}
TEXTAREA.SendToAFriendTextArea { width: 191px; border: solid 1px #d3d1d0; color: #000000; width: 191px; font-size: 1em;}



/*Spread the word page*/

DIV#SpreadTheWord DIV.HR { background-color: #E2E2E0; height: 1px; border-top: solid 1px #E2E2E0; width: 99%; float: left; margin-bottom: 20px;}

DIV.FullWidthWrapThreeColumnContent DIV.VideoPaneLeft { border: solid 0px green; float: left; width: 521px; height: 305px; padding: 10px 40px 20px 0px;}
DIV.FullWidthWrapThreeColumnContent DIV.VideoPaneCenter { border: solid 0px green; float: left; background: url(img/ShareVideoBGTall.png) no-repeat 0px 0px; width: 252px; height: 350px; padding: 28px 0px 0px 28px;}
DIV.FullWidthWrapThreeColumnContent DIV.VideoPaneCenter H5 { color: #000000; font-size: 1em; margin: 0px 0px 8px 0px; }
DIV.FullWidthWrapThreeColumnContent DIV.VideoPaneRight { border: solid 0px green; float: left; background: url(img/ShareVideoBG.png) no-repeat 0px 0px; width: 247px; height: 245px; padding: 28px 0 0 28px;}
DIV.FullWidthWrapThreeColumnContent DIV.VideoPaneRight H5 { color: #000000; font-size: 1em; margin: 0px 0px 8px 0px; }
TEXTAREA.ShareVideoTextArea { margin: 24px 0px 0px 0px; height: 99px; width: 225px; font-size: 0.9em; }

DIV.FullWidthWrapThreeColumnContent DIV.SWFPaneLeft { width: 330px; float: left;}
DIV.FullWidthWrapThreeColumnContent DIV.SWFPaneLeft DIV.Copy { color: #8C8C8C; font-family: Arial;}
DIV.FullWidthWrapThreeColumnContent DIV.SWFPaneLeft DIV.Copy H5 { color: #8C8C8C; font-family: Arial; font-size: 1em;}
DIV.FullWidthWrapThreeColumnContent DIV.SWFPaneCenter { width: 330px; float: left;}
DIV.FullWidthWrapThreeColumnContent DIV.SWFPaneCenter DIV.Copy { color: #8C8C8C; font-family: Arial; }
DIV.FullWidthWrapThreeColumnContent DIV.SWFPaneCenter DIV.Copy H5 { color: #8C8C8C; font-family: Arial; font-size: 1em;}
INPUT.txtShareSWFBanner { font-size: 0.9em; width: 296px;}
DIV.FullWidthWrapThreeColumnContent DIV.FullWidthColumnWide { float: left; margin: 20px 0px 0px 0px;}
DIV.FullWidthWrapThreeColumnContent DIV.FullWidthColumnWide DIV.Copy { color: #8C8C8C; font-family: Arial; }
DIV.FullWidthWrapThreeColumnContent DIV.FullWidthColumnWide DIV.Copy H5 { color: #8C8C8C; font-family: Arial; font-size: 1em; }


DIV#SpreadTheWord DIV.STFFormColumn { width: 423px; float: left; padding: 0px 0px 0px 0px; }
DIV#SpreadTheWord DIV.STFFormColumnHead { background: url(img/STFFormBGHead.png) no-repeat 0px 0px; width: 426px; float: left;}
DIV#SpreadTheWord DIV.STFFormColumnFoot { background: url(img/STFFormBGFoot.png) no-repeat 2px 0px; width: 426px; height: 20px; float: left;}
DIV#SpreadTheWord DIV.STFFormColumnRepeatBG { background: url(img/STFFormBGRepeat.png) repeat-y 0px 0px; width: 426px; float: left;}
DIV#SpreadTheWord DIV.STFFormColumnCenterContent { padding: 35px; float: left; width: 375px; }


DIV.ColumnCenterHead { background: url(img/ColumnCenterHead.png) no-repeat 0px 0px; width: 304px; float: left;}
DIV.ColumnCenterFoot { background: url(img/ColumnCenterFoot.png) no-repeat 2px 0px; width: 304px; height: 95px; float: left;}
DIV.ColumnCenterRepeatBG { background: url(img/ColumnCenterRepeatBG.gif) repeat-y 0px 0px; width: 304px; float: left;}

DIV#SpreadTheWord DIV.STFFormColumn H5 { color: #000000; font-size: 1.2em; margin: 0px 0px 8px 0px;}

DIV.STFFormColumn FIELDSET.PaymentForm { font-size: 1.1em;}
DIV.STFFormColumn div.PaymentFormRow label { text-align: left; width: 88px; line-height: 28px; }
DIV.STFFormColumn div.PaymentFormRow input.DonationTextBox { float: left; height: 21px; width: 257px;}
DIV.STFFormColumn div.PaymentFormRow textarea.SendToAFriendTextArea { height: 196px; width: 356px; margin: 0px 0px 20px 0px; }
IMG.MailServiceIcon { float: none; margin: 0px 0px 0px 6px;}

SELECT.lbRecipients { height: 99px; width: 358px; font-size: 0.9em; }
DIV#taYouTubeVideo_Container { width: 73px; height: 30px;}
DIV#taYouTubeVideo_Button { background: url(img/btnCopy.png) no-repeat 0px 0px; width: 73px; height: 30px;}

DIV.clipboard_Container { width: 73px; height: 30px;}
DIV.clipboard_Button { background: url(img/btnCopy.png) no-repeat 0px 0px; width: 73px; height: 30px; display: block;}