/* Page setup */
* { margin:0; padding:0; font-family: Calibri, 'CalibriRegular', Helvetica, Verdana, Tahoma; font-size: 15px; }
      
img, div { behavior: url('../js/iepngfix.htc') }

body { background: #2e8b3a url('../images/background.jpg') no-repeat top center; }
img { border: 0; }

a { color: #7D7D7D; text-decoration: none; }
a:hover { color: #5B5B5B; text-decoration: underline; }


/* Font styles */
h2 { color: #003C14; font-size: 22px; margin-bottom: 5px; }
h3 { color: #0F5F2B; font-size: 22px; margin-bottom: 5px; }
h4 { color: white; font-size: 15px; margin-bottom: 5px; }
h5 { color: #6E6E6E; font-size: 20px; margin-bottom: 5px; }
h6 { color: white; font-size: 22px; margin-bottom: 5px; }
.GreyHeading { float: left; overflow: hidden; margin: 10px 0 5px 5px; }
.CentredGreyHeading { float: left; overflow: hidden; margin: 10px 0 15px 0; color: #6E6E6E; font-size: 18px; width: 100%; text-align: center; }
.BoldGreyFont1 { font-weight: bold; font-size: 15px; color: #4D4D4D; }
.BoldGreenLink { font-weight: bold; color:green; font-size: 15px; }


/* Page */
#Wrapper { width: 900px; overflow: hidden; margin: auto; }
#PhoneWrapper { width: 100%;  overflow: hidden; margin-top: 45px; }
#PhoneNumber { float: left; width: 175px; height: 38px; overflow: hidden; }

#SearchBox { float: right; width: 219px; }
#SearchBox #SearchInputWrapper { float: left; width: 148px; height: 35px; background-image: url('../images/SearchBox.png'); }
#SearchBox #SubmitSearchButton { width: 68px; height: 31px; border: 0; background: transparent url('../images/SearchButton.png') no-repeat center top; text-indent: -1000em; }
#SearchBox #SearchInput { width: 137px; border: 0px solid white; position: relative; top: 8px; left: 8px; }
#SearchBox #LoginWrapper { float: right; /* width: 100px; */ color: white; }
.SearchResultURL { font-style: italic; }

#NavWrapper { float: left; width: 100%; height: 61px; overflow: hidden; margin-top: 18px; }
#NavWrapper img {float: left; }

#ContentAfterNav { float: left; overflow: hidden; width: 100%; position: relative; top: -10px; }

#MainContentWrapper { margin-top: 10px; }
#MainContentWrapper #TopBorder { height: 13px; background: transparent url('../images/ContentBackgroundTop.png') no-repeat center top; }
#MainContentWrapper #Content { background: transparent url('../images/ContentBackgroundMiddle.png') repeat center top;  overflow: hidden; }
#MainContentWrapper #Content #ContentSpacer { overflow: hidden; padding-bottom: 30px; }

#MainContentWrapper #BottomBorder { height: 14px; background: transparent url('../images/ContentBackgroundBottom.png') no-repeat center top; }

#FooterLinks { overflow: hidden; text-align: center; margin-top: 10px; }
#FooterLinks, #FooterLinks a, #Links, #Links a { color: #FFD764; }
#Footer { overflow: hidden; text-align: center; color: white; margin-top: 10px; }

#OrangeBar { width: 900px; height: 56px; overflow: hidden; background-image: url('../images/OrangeBar.png'); margin-top: 10px; }
#OrangeBar #IconWrapper { float: left; margin-top: 16px; width: 400px; overflow: hidden; padding-left: 15px; }
#OrangeBar #IconWrapper .Icon , #OrangeBar #IconWrapper .Icon a {  text-decoration: none; font-weight: bold; color: #734300; }
#OrangeBar #IconWrapper .Icon { float: left; margin-right: 25px; }
#OrangeBar #IconWrapper .Icon img { float: left; padding: 3px 7px 0 0; }
#OrangeBar #IconWrapper .Icon .IconText { float: left; margin-top: 3px; }
#OrangeBar #SubscribeWrapper { float: right; margin: 14px 15px 0 0; width: 451px; font-weight: bold; color: #734300; }
#OrangeBar #SubscribeWrapper #SubscribeText { float: left; margin: 7px 10px 0 0; }
#OrangeBar #SubscribeWrapper #SignUpInputWrapper { float: left; width: 189px; height: 27px; margin-right: 10px; overflow: hidden; background-image: url('../images/NewsletterBox.png'); }
#OrangeBar #SubscribeWrapper #SignUpInput { width: 180px; height: 22px; position: relative; top: 5px; left: 6px; overflow: hidden; color: #828282; border: 0px solid white; }
#OrangeBar #SubscribeWrapper #SubmitSignUpButton { width: 64px; height: 27px; overflow: hidden; border: 0px solid white; background: transparent url('../images/SignUpButton.png') no-repeat center top; text-indent: -1000em;}

#HomepageBlogWrapper { width: 900px; overflow: hidden; margin-top: 10px; }
#HomepageBlogWrapper #BlogTopBorder { height: 15px; background: transparent url('../images/BlogBackgroundTop.png') no-repeat center top; }
#HomepageBlogWrapper #HomepageBlogContent { overflow: hidden; background: transparent url('../images/BlogBackgroundMiddle.png') repeat center top; color: #95D6AC; }
#HomepageBlogWrapper #HomepageBlogContent p { margin-bottom: 7px; }
#HomepageBlogWrapper #HomepageBlogContent a { color: white; }
#HomepageBlogWrapper #HomepageBlogContent .BlogTitle { color: #E0CB50 !important; text-decoration: none; }
#HomepageBlogWrapper #BlogBottomBorder { height: 15px; background: transparent url('../images/BlogBackgroundBottom.png') no-repeat center top; }
#HomepageBlogWrapper #Column1 { float: left; margin-left: 15px; width: 300px; }
#HomepageBlogWrapper #Column2 { float: left; margin-left: 25px; width: 300px; }
#HomepageBlogWrapper #Column3 { float: left; margin-left: 25px; width: 215px; }
#HomepageBlogWrapper #Column1 .HalfColumn { float: left; overflow: hidden; width: 130px; }
#HomepageBlogWrapper .HalfColumn { float: left; overflow: hidden; width: 100px; }
#HomepageBlogWrapper #Column1 #ServicesWrapper { float: left; overflow: hidden; width: 100%; margin-bottom: 5px; }

/* Green header */
#Heading1 { font-weight: bold; font-size: 50px; color: white; }
#Heading2 { font-weight: bold; font-size: 26px; color: white; }

#Pricing { font-weight: bold; font-size: 19px; color: white; }
#PostalCodeInputWrapper { float: left; width: 141px; height: 35px; background-image: url('../images/PostalCodeBox.png'); }
.PostalCodeInput { width: 130px; border: 0px solid white; position: relative; top: 5px; left: 3px; color: #AFAFAF; text-transform: uppercase; font-size: 19px; font-weight: bold; }
#GoButton { width: 51px; height: 35px; border: 0px solid white; margin-left: 5px; background: transparent url('../images/GoButton.png') no-repeat center top; text-indent: -1000em; }

#GreenHeader { width: 900px; height: 132px; overflow: hidden; background-image: url('../images/GreenHeader.png'); }
#GreenHeader #GreenHeaderColumn1 { float: left; width: 250px; overflow: hidden; margin: 20px 0 0 30px; }
#GreenHeader #GreenHeaderColumn2 { float: left; width: 270px; overflow: hidden; margin: 35px 0 0 50px;  font-weight: bold; font-size: 32px; color: white; }
#GreenHeader #GreenHeaderColumn3 { float: left; width: 220px; overflow: hidden; margin: 40px 0 0 50px; }


/* Grey areas */
.GreyBackgroundWrapper { float: left; width: 617px; overflow: hidden; margin-bottom: 10px; }
#GreyBackgroundTop2 { float: left; width: 617px; height: 10px; background: transparent url('../images/GreyBackgroundTop2.png') no-repeat; }
#GreyBackgroundMiddle2 { float: left; width: 617px; overflow: hidden; background: transparent url('../images/GreyBackgroundMiddle2.png') repeat-y; }
#GreyBackgroundBottom2 { float: left; width: 617px; height: 10px; background: transparent url('../images/GreyBackgroundBottom2.png') no-repeat; }

#GreyBackgroundTop3 { float: left; width: 557px; height: 10px; background: transparent url('../images/GreyBackgroundTop3.png') no-repeat; }
#GreyBackgroundMiddle3 { float: left; width: 557px; overflow: hidden; background: transparent url('../images/GreyBackgroundMiddle2.png') repeat-y; }
#GreyBackgroundBottom3 { float: left; width: 557px; height: 10px; background: transparent url('../images/GreyBackgroundBottom3.png') no-repeat; }

.GreyBoxWrapper { float: left; width: 600px; overflow: hidden; margin: 5px 0 5px 0; } 
.GreyBackgroundContentWrapper { float: left; width: 570px; margin-left: 20px; }
.GreyBoxLeftColumn { float: left; width: 190px; overflow: hidden; margin-left: 20px; text-align: right; }
.GreyBoxRightColumn { float: left; width: 370px; overflow: hidden; margin-left: 20px; font-size: 15px; }


/* Internal pages */
#TopWhiteGreen { height: 10px; background-image: url('../images/WhiteGreenTop.png'); }
#WhiteGreenContent { overflow: hidden; background-image: url('../images/WhiteGreenMiddle.png'); }
#BottomWhiteGreen { height: 10px; background-image: url('../images/WhiteGreenBottom.png'); }
#WhiteGreenContent p { margin-bottom: 15px; }
#WhiteContentWrapper { float: left; width: 560px; margin: 10px 0 0 20px; color: #003C14; }
#GreenContentWrapper { float: left; width: 260px; margin: 0 0 0 40px; color: #BCDAC4; }
.WhiteGreenDots { float: left; width: 250px; height: 1px; margin: 0 auto 10px auto; background-image: url('../images/WhiteGreenDots.png'); }
#GreenContentWrapper h6 { float: left; /* width: 180px; */ overflow: hidden; }
#GreenContentWrapper #Links { float: right; }
#GreenContentWrapper p { float: left; width: 100%; }
#FullWhiteContentWrapper { float: left; width: 860px; margin: 10px 0 0 20px; }
#FullWhiteContentWrapper ol, #FullWhiteContentWrapper ul  { margin-left: 20px; } 
#FullWhiteContentWrapper p { margin-bottom: 10px; }

/* Error/Help pop-up */
#ErrorWrapper { width: 432px; overflow: hidden; position: absolute; top: 300px; left: 0px; }
#ErrorHeader { height: 45px; overflow: hidden; background-image: url('../images/PopupTop.png'); }
#ErrorBodyWrapper { overflow: hidden; background-image: url('../images/PopupMiddle.png'); }
#ErrorBodyText { width: 400px; margin-left: 16px; overflow: hidden; color: #B1D7C0; margin-top: 10px; }
#ErrorBodyText a { color: #E0CB50; }
#ErrorBodyText ul { margin-left: 15px; }
#ErrorFooter { height: 10px; background-image: url('../images/PopupBottom.png'); }
#ErrorTitle { float: left; width: 300px; overflow: hidden; color: #E0CB50; font-weight: bold; font-size: 20px; margin: 12px 0 0 16px; }
#ErrorCloseLink { float: left; width: 50px; margin: 18px 0 0 60px; }
.QuestionAnswerVisible { display: block; margin-bottom: 10px; }
.QuestionAnswerHidden { display: none; }
.QuestionReadMore { color: #003C14; }

/* Reusable classes */
.LeftFloat { float: left; }
.FloatRight { float: right; }
.Center { text-align: center; }
.CenterWrapper { width: 100%; margin: 0 auto 0 auto; /*overflow: hidden;*/ }
.CentredTitle { margin-top: 40px; text-align: center; }
.IndentedTitle { overflow: hidden; margin: 20px 0 0 20px; width: 500px; float: left; }
.WhiteText { color: white; }
.YellowText { color: #E0CB50 !important; }
.BoldText { font-weight: bold; }
.InputRow { float: left; width: 290px; overflow: hidden; margin: 10px 0 10px 0; }
.InputTitle { float: left; width: 105px; overflow: hidden; font-size: 15px; text-align: right; }
.InputField { float: left; width: 170px; overflow: hidden; margin-left: 10px; display: inline; }
.InputField input, .InputField textarea { width: 165px;  font-size: 15px; }
.hidden { width: 0px; height: 0px; display: none; visibility: hidden; }
.Clear { clear: both; }
.WarningBox { background-color: rgb(245,139,145); /*rgb(237,177,69);*/ padding: 10px; text-align: center; }

/* General Buttons */
.Button { height: 35px; overflow: hidden; margin: 20px 0 0 0;}
.BackButton { float: left; width: 69px; }
.ContinueButton { float: right; width: 107px; }
#PrintButton { width: 38px; margin-right: 10px; }
#PlaceOrderButton { width: 131px; }
.CentredButtonWrapper { float: left; width: 100%; overflow: hidden; text-align: center; margin-top: 20px; }
#SkipButton { width: 61px; margin-right: 10px; }

/* Other */
.PlaceOrderTopWrapper { float: left; overflow: hidden; width: 100%; margin-bottom: 15px; }
.HeadingWrapper { float: left; overflow: hidden; width: 100%; }
#AlmostThereText { margin-top: 10px; color: #7D7D7D; }
.FAQAnchor { float: right; margin-right: 10px; margin-top: 20px; }

/* Styles used by the grey forms */
.CentreGreyForm { float: left; overflow: hidden; width: 100%; }
.GreyFormWrapper { overflow: hidden; margin: 0 auto 20px auto; }
.GreyFormCorner { float: left; overflow: hidden; height: 15px; width: 15px; background-image: url('../images/GreyCorners.jpg'); } 
.TopLeft { background-position: top left; }
.TopRight { background-position: top right; }
.GreyFormContent { float: left; overflow: hidden; width: 100%; background-color: rgb(243, 243, 243); }
.BottomLeft { background-position: bottom left; }
.BottomRight { background-position: bottom right; }
.GreyFormTopOrBottomWrapper { float: left; overflow: hidden; height: 15px; }
.GreyFormMiddle { float: left; overflow: hidden; height: 15px; background-color: rgb(243, 243, 243); }
.Width700 { width: 700px; }
.Width730 { width: 730px; }