/*
File: master style sheet for Foster's Don't Tell the Missus
Created by: Laco Janic | http://www.thetribe.com/
Date: 10. Nov 2009
*/
@font-face { font-family: 'Cooper Std Black'; src: url('../fonts/CooperBlackStd.eot'); src: local('Cooper Std Black'), local('CooperBlackStd'), url('../fonts/CooperBlackStd.woff') format('woff'), url('../fonts/CooperBlackStd.ttf') format('truetype'), url('../fonts/CooperBlackStd.svg#CooperBlackStd') format('svg');}
/* Reset
-------------------------------------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0;}
a img { border: 0;}
p, pre, blockquote, ul, ol, dl, address { margin: 12px 0; padding: 0;}
li, dd, blockquote { margin-left: 2em;}
form label { cursor: pointer;}
fieldset { border: none;}
input, select, textarea { font-size: 100%;}
.hide { display: none;}
hr { clear: both; border: 0; height: 0; text-indent: -9999px; overflow: hidden;}
.Big { font-size: 16px; color: #959595;}
:focus{ outline: 0;}
/* Headings
-------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #fff; padding: 0; line-height: 1; margin: 0 0 12px 0;}
h2 { font-size: 24px;}
h3 { font-size: 18px; color: #77a3d8;}
h4 { font-size: 12px; font-weight: bold;}
/* Links
-------------------------------------------------------------------------- */
a, a:visited { text-decoration: none; color: #faba00; font-weight: bold;}
a:hover { text-decoration: underline;}
/* Main Structure
-------------------------------------------------------------------------- */
body { background: #000134 url(../images/dttm_back.png) 0 0 repeat-x; color: #fff; text-align: center; font: 12px/140% arial, helvetica, sans-serif;}
#Container { width: 980px; margin: 0 auto; text-align: left; position: relative; color: #fff;}
#Head { width: 980px; height: 220px; margin: 0 auto; position: relative; background: url(../images/top.png) 0 0 no-repeat;}
/* Footer
-------------------------------------------------------------------------- */
#Footer { padding: 0; margin: 0 0 50px 0; font-size: 12px; line-height: 1.4; clear: both; width: 980px; position: relative; text-align: center; clear: both; }
#Footer p { margin-top: 0;}
#Footer #copy { width: 330px; margin: 22px 35px 0 0; padding: 0; position: relative; float: right; color: #72A6DF;}
#Footer .copy { width: 200px; font-size: 11px; margin: 0; padding: 7px 5px 0px 0; position: relative; float: right; color: #72A6DF;}
#Footer .fosters-logo { width: 225px; height: 59px; margin: 0 0 0 100px; padding: 0; position: relative; float: left;}
#Footer .tweet { width: 120px; height: 28px; float: left; position: relative; background: url(../images/btn-tweet.png) 0 0 no-repeat; margin-left: 10px; text-indent: -9999px;}
#Footer .addthis_Link { width: 120px; height: 28px; float: left; position: relative; background: url(../images/btn-share.png) 0 0 no-repeat; margin-left: 20px; text-indent: -9999px;}
.FootNav { width: 380px; padding: 7px 8px 0 20px; font-size: 11px; font-weight: bolder; margin: 0; float: left; position: relative; color: #72a7e0; text-align: left;}
.FootNav img { width: 8px; height: 11px;}
#Footer a { color: #72a7e0; text-decoration: none;}
#Footer a:hover, #Footer a#current { color: #72a7e0; text-decoration: none;}
/* Top
-------------------------------------------------------------------------- */
h1#Logo a { position: absolute; top: 15px; left: 0; display: block; width: 336px; height: 132px; display: block; margin: 0; padding: 0;}
#Intro h1#Logo a { position: absolute; top: 30px; left: 210px; display: block; width: 392px; height: 154px; display: block; margin: 0; padding: 0;}
h1 { margin: 0; padding: 0;}
#Head .fosterslogo { position: absolute; right: -5px; top: 65px;}
#utilities { position: absolute; top: 3px; right: 0; width: auto; height: 23px; overflow: hidden;}
#utilities span { width: 122px; height: 23px; display: block; background: url(../images/follow-us.png) 0 1px no-repeat; text-indent: -9999px; float: left;}
#utilities a.btn-login { width: 120px; height: 23px; display: block; background: url(../images/btn-login.png) 0 0 no-repeat; text-indent: -9999px; float: right;}
#utilities a:hover.btn-login { background: url(../images/btn-login.png) 0 -26px no-repeat;}
#utilities a.btn-logout { width: 120px; height: 23px; display: block; background: url(../images/btn-logout.png) 0 0 no-repeat; text-indent: -9999px; float: right;}
#utilities a:hover.btn-logout { background: url(../images/btn-logout.png) 0 -26px no-repeat;}
#utilities img { padding: 1px 4px 0 0; float: left;}
#utilities strong#user { width: auto; height: 23px; display: block; float: left; padding: 4px 5px 0 5px; color: #26337A;}
#utilities strong#user a { color: #fff;}
/* Login
-------------------------------------------------------------------------- */
#login { display: block; background: #010134 url(../fancybox/bcgr-fancybox.jpg) repeat-x scroll 0 0;}
#login-content { font: 17px/1.4 'Cooper Std Black', Arial, sans-serif; background: url(../images/form-login.png) 30px 20px no-repeat; width: 640px; height: 450px;}
#login-content p.legend, #login-content label { display: none;}
#login-content .login-name input { position: absolute; top: 79px; left: 37px; width: 220px; font: 12px/1 Arial, sans-serif; background: #26337A; border: none; color: #fff;padding: 0;}
#login-content .login-password input { position: absolute; top: 130px; left: 37px; width: 220px; font: 12px/1  Arial, sans-serif; background: #26337A; border: none; color: #fff;padding: 0;}
#login-content .register-name input { position: absolute; top: 79px; left: 340px; width: 220px; font: 12px/1  Arial, sans-serif; background: #26337A; border: none; color: #fff; padding: 0;}
#login-content .register-email input { position: absolute; top: 129px; left: 340px; width: 220px; font: 12px/1.1  Arial, sans-serif; background: #26337A; border: none; color: #fff;}
#login-content .register-username input { position: absolute; top: 179px; left: 340px; width: 220px; font: 12px/1.1  Arial, sans-serif; background: #26337A; border: none; color: #fff;}
#login-content .register-password input { position: absolute; top: 239px; left: 340px; width: 220px; font: 11px/1  Arial, sans-serif; background: #26337A; border: none; color: #fff; padding: 0;}
#login-content .register-confirm input { position: absolute; top: 289px; left: 340px; width: 220px; font: 11px/1  Arial, sans-serif; background: #26337A; border: none; color: #fff; padding: 0;}
#login-content .register-location input { position: absolute; top: 339px; left: 340px; width: 220px; font: 12px/1.1  Arial, sans-serif; background: #26337A; border: none; color: #fff;}
#login-content #checkusername { position: absolute; top: 205px; left: 350px; width: 220px; font: bold 11px/1.1  Arial, sans-serif; margin: 0; padding: 0; text-align: right;}
#login-content .forgot { position: absolute; top: 150px; left: 30px; font-size: 11px; color: #fff; font-family: arial, sans-serif;}
#login-content .register-terms { position: absolute; top: 370px; left: 330px; font-size: 11px; color: #fff; font-family: arial, sans-serif;}
#login-content .register-terms label { display: inline;}
#login-content .login-go { width: 48px; height: 23px; position: absolute; top: 156px; left: 220px; background: url(../images/btn-go.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#login-content  .login-go:hover { background: url(../images/btn-go.png) 0 -31px no-repeat;}
#login-content .register-go { width: 48px; height: 23px; position: absolute; top: 370px; left: 525px; background: url(../images/btn-go.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#login-content  .register-go:hover { background: url(../images/btn-go.png) 0 -31px no-repeat;}
#ForgotSection { width: 250px; height: 80px; position: absolute; top: 200px; left: 30px;}
#ForgotSection .forgot-name { width: 250px; height: 40px; background: url(../images/form-login-request.png) 0 0 no-repeat;}
#ForgotSection .forgot-name input { position: absolute; top: 20px; left: 5px; width: 220px; font: 12px/1.4  Arial, sans-serif; background: transparent; border: none; color: #fff;}
#ForgotSection .forgot-go { width: 48px; height: 23px; position: absolute; top: 50px; left: 190px; background: url(../images/btn-go.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#ForgotSection .forgot-go:hover { background: url(../images/btn-go.png) 0 -31px no-repeat;}
.forgot-message { position: absolute; top: 300px; left: 30px; width: 250px; text-align: left;}
#box-one { width: 200px; float: left; position: relative; margin-left: 30px;}
#Register { width: 600px; float: left; position: relative; margin-top: 30px;}
#LoginSection { width: 200px; float: left; position: relative;}
#box-two { width: 300px; float: left; position: relative; margin-left: 30px;}
#RegisterSection { width: 300px; float: left; position: relative; margin-left: 30px;}
#LoginSection .Label { position: relative; float: left; font-weight: normal; color: #fff; margin: 3px 0px 3px 0px;}
#RegisterSection .Label { position: relative; text-align: left; width: 110px; float: left; font-weight: normal; color: #fff; margin: 3px 0px 3px 0px;}
.shareEmail { background: url(../images/Email.png) 14px 8px no-repeat;}/* Content
-------------------------------------------------------------------------- */
#Content { width: 980px; margin: 0; padding: 15px 0; text-align: left; position: relative;}
#Col1 { float: left; width: 698px; position: relative; display: inline; margin-left: -35px;}
#Col2 { float: right; margin: 0; width: 332px; position: relative; display: inline; margin-right: -15px;}
#Row1 { float: left; margin: 0; width: 698px; height: 240px; position: relative; display: inline;}
/* Intro
-------------------------------------------------------------------------- */
#Intro #Head { width: 780px; height: 200px; margin: 0 auto; position: relative; background: url(../images/top.png) 0 0 no-repeat;}
#Intro #Container { width: 780px;}
/* Intro Sign up
-------------------------------------------------------------------------- */
#Intro #Content { width: 710px; height: 431px; margin: 0; padding: 0; text-align: left; position: relative; overflow: hidden; font: 14px/18px 'Cooper Std Black', Arial, sans-serif; background: url(../images/intro1.png) 50% 0 no-repeat;}
#Intro #Footer { width: 780px;}
#Intro h2 { text-indent: -9999px;}
#Intro p.lead { width: 520px; margin: 35px 0 0 125px; outline: 0px solid #fff; font-size: 22px; line-height: 1.2; padding: 0;}
/* Intro Well Done
-------------------------------------------------------------------------- */
#Intro #Content2 { width: 425px; height: 360px; margin: 0; padding: 20px 0 0 285px; text-align: left; position: relative; overflow: hidden; font: 14px/18px 'Cooper Std Black', Arial, sans-serif; background: url(../images/intro2.png) 50% 0 no-repeat;}
#Intro h2 { text-indent: -9999px;}
#Intro #Content2 p.lead { width: 390px; margin: 0 0 15px 0; font-size: 20px; line-height: 1.2; padding: 0;}
#Intro #Content2 p.one { width: 320px; margin: 0 0 10px 70px; font-size: 16px; line-height: 1.1; padding: 0; color: #F8AD25; position: relative;}
#Intro #Content2 p.two { width: 290px; margin: 0 0 20px 100px; font-size: 16px; line-height: 2.2; padding: 0; color: #F8AD25; position: relative;}
#Intro #Content2 p.one strong, #Intro #Content2 p.two strong { font-size: 40px; color: #fff; position: absolute; left: -40px; top: 0; line-height: 1;}
#Intro #Content2 p.lead2 { width: 290px; margin: 0 0 20px 100px; font-size: 20px; line-height: 1.2; padding: 0;}
#Intro .button1 a { font-size: 30px; color: #F8AD25; float: right; margin-right: 40px; line-height: 1.2; background: url(../images/btn-continue.png) top right no-repeat; width: 148px; height: 30px; text-indent: -9999px;}
#Intro .button1 a:hover { text-decoration: none; color: #FFDA0E; background-position: 0 -37px;}
#Intro a.button2 { font: 14px/18px 'Cooper Std Black', Arial, sans-serif; color: #F8AD25;}
#Intro  a:hover.button2 { text-decoration: none; color: #FFDA0E;}
#sitters #Container { width: 1080px; margin: 0 auto;}
/* Intro Form
-------------------------------------------------------------------------- */
#Intro fieldset { width: 400px; margin: 18px 0 0 125px; color: #f8ac25; overflow: hidden; position: relative; clear: both;}
#Intro fieldset .legend { width: 230px; margin: 0; padding: 0 10px 0 0; float: left; color: #f8ac25; display: block;}
#Intro #dob { background: url(../images/dob.png) top right no-repeat; min-height: 55px; }
#dob input { width: 25px; font-size: 15px; margin: 0; padding: 0; background: transparent; color: #fff; border: none; font: 18px/1.2 'Cooper Std Black', Arial, sans-serif;}
#dob .dob-day { position: absolute; right: 100px; top: 24px;}
#dob .dob-month { position: absolute; right: 52px; top: 24px;}
#dob .dob-year { position: absolute; right: 8px; top: 24px;}
#dob label span { text-indent: -9999px; display: none;}
#gender #radio { float: right; width: 65px; height: 65px; position: relative; margin-right: 32px;}
#Intro  fieldset#gender .legend { padding-top: 15px;}
#Intro .custom-radio { position: relative; width: 32px; height: 65px; float: left; display: block; overflow: hidden;}
#Intro .custom-radio input { position: absolute; margin: 0; z-index: 0;}
.male .custom-radio input { right: 100px; top: 10px; margin: 0; z-index: 0;}
.female .custom-radio input { right: 100px; top: 10px; margin: 0; z-index: 0;}
#Intro .custom-radio label { display: block; position: relative; z-index: 1; line-height: 1; padding: 0; margin: 0; cursor: pointer; width: 33px; height: 65px; text-indent: -9999px;}
.male .custom-radio label { background: url(../images/gender.png) 0 -74px no-repeat;}
.female .custom-radio label { background: url(../images/gender.png) -32px -74px no-repeat;}
.male .custom-radio label.hover,
.male .custom-radio label.focus { background-position: 0 0;}
.female .custom-radio label.hover,
.female .custom-radio label.focus { background-position: -32px 0;}
.male .custom-radio label.checked,
.male .custom-radio label.checkedFocus { background-position: 0 0;}
.female .custom-radio label.checked,
.female .custom-radio label.checkedFocus { background-position: -32px 0;}
#Intro #country { min-height:height: 55px; }
#Intro #country .select { background: url(../images/select-1.png) 0 0 no-repeat; width: 132px; height: 33px; float: right; }
#Intro #country label { display: none;}
#Intro #country .selectInput { width: 120px; height: 25px; border: none; color: #fff; font: 18px/1.2 'Cooper Std Black', Arial, sans-serif; margin: 5px 0 0 5px; background: #26337a; display: block;}
#Intro #country option { background: #263379; color: #fff; font: 12px/1.2 Arial, sans-serif; border: none;}
#Intro .custom-checkbox input { float: left; padding: 0; margin: 2px 0 0 0;}
#Intro .custom-checkbox label { float: left; font: 12px/140% arial, helvetica, sans-serif; color: #fff; margin-left: 8px; width: 160px;}
#Intro .submit { float: right; background: transparent; border: none; font: 22px/1.2 'Cooper Std Black', Arial, sans-serif; color: #F8AC25; margin-right: 20px; cursor: pointer; background: url(../images/btn-enter.png) 0 0 no-repeat; width: 95px; height: 30px; text-indent: -9999px;}
#Intro .submit:hover { color: #fff; background-position: 0 -41px;}

/* Reset password
-------------------------------------------------------------------------- */
#Intro #Reset{ width: 780px; height: 360px; margin: 0; padding: 0; text-align: left; position: relative; overflow: hidden; font: 14px/18px 'Cooper Std Black', Arial, sans-serif;  background: url(../images/box-reset.png) 50% 0 no-repeat;}
#Intro .reset-password { width: 240px; height: 280px; margin: 80px 0 0 390px; padding: 0; position: relative; overflow: hidden; background: url(../images/form-password.png) 0 0 no-repeat;}
.reset-password .new-password input { position: absolute; top: 70px; left: 5px; width: 220px; background: transparent; border: none; color: #fff;}
.reset-password .confirm-password input { position: absolute; top: 126px; left: 5px; width: 220px; background: transparent; border: none; color: #fff;}
.reset-password .go input { width: 48px; height: 25px; position: absolute; top: 164px; right: 10px; background: url(../images/btn-go.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.reset-password .go input:hover { background: url(../images/btn-go.png) 0 -31px no-repeat;}
#Reset p.msg{ position: absolute; top: 80px; left: 350px; color: #F8AC25; width: 300px; font-size: 18px;}
#Reset .button1{ position: absolute; top: 160px; left: 350px; }
/* Forward to mate
-------------------------------------------------------------------------- */
#Intro #Content3 { width: 750px; height: 343px; margin: 0; padding: 0; text-align: left; position: relative; overflow: hidden; font: 14px/18px 'Cooper Std Black', Arial, sans-serif; background: url(../images/reminder.png) 30px 0 no-repeat;}
#Intro #Content3 .forward { width: 750px; height: 343px; margin: 0; padding: 0; position: relative; overflow: hidden; background: url(../images/form-forward.png) 110px 35px no-repeat;}
#Content3 p.msg{ font-family:'Cooper Std Black',Arial,sans-serif; font-size:18px; width: 100%; text-align: center; padding-top: 150px; margin: 0; color: #F8AC25; text-indent: 30px;  }
#Intro h2 { text-indent: -9999px;}
.forward input { font-size: 11px;}
.forward .from-name input { position: absolute; top: 93px; left: 115px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .from-mail input { position: absolute; top: 93px; left: 415px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .mail1 input { position: absolute; top: 153px; left: 115px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .mail2 input { position: absolute; top: 153px; left: 415px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .mail3 input { position: absolute; top: 207px; left: 115px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .mail4 input { position: absolute; top: 207px; left: 415px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .mail5 input { position: absolute; top: 264px; left: 115px; width: 220px; background: transparent; border: none; color: #fff;}
.forward .send input { width: 60px; height: 30px; position: absolute; top: 264px; left: 410px; background: url(../images/btn-send.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.forward .send input:hover { background: url(../images/btn-send.png) 0 -36px no-repeat;}
.forward .terms { position: absolute; top: 234px; left: 410px; width: 260px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
/* Welcome Mate 
-------------------------------------------------------------------------- */
#welcome-mate #Box1 { width: 698px; height: 446px; margin: 0px; padding: 0px 0px 0px 0px; position: relative; background: url(../images/welcome-box1-trans.png) 0 0 no-repeat; color: #fff; font: 17px/1.4 'Cooper Std Black', Arial, sans-serif;}
#welcome-mate h2 { display: none;}
#welcome-mate #Box1 p { font-size: 18px; line-height: 1.2; padding: 0px; width: 350px; margin-top: 15px;}
#welcome-mate #MainText { width: 398px; height: 250px; margin: 0; padding: 50px 0 0 300px; position: relative;}
/* Boxes in the row*/
#welcome-mate #BoxNiceGuy { width: 339px; height: 242px; float: left; margin: 0 0 0 20px; padding: 0; position: relative; background: url(../images/welcome-box2-trans.png) 0 0 no-repeat; color: #fff;}
#welcome-mate #BoxNiceGuy p.BoxTeaser { width: 150px; margin: 0 0 0 35px; padding: 50px 0 0 0;}
#welcome-mate #BoxOops { width: 339px; height: 242px; float: left; margin: 0 0 0 20px; padding: 0; position: relative; background: url(../images/welcome-box4-trans.png) 0 0 no-repeat; color: #fff;}
#welcome-mate #BoxOops p.BoxTeaser { width: 140px; margin: 0 0 0 35px; padding: 50px 0 0 0;}
#welcome-mate #BoxArmedSensitive { width: 339px; float: right; height: 242px; margin: 0; padding: 0; position: relative; background: url(../images/welcome-box3-trans.png) 0 0 no-repeat; color: #fff;}
#welcome-mate #BoxArmedSensitive p.BoxTeaser { width: 150px; margin: 0 0 0 35px; padding: 50px 0 0 0;}
#welcome-mate #BoxOffTheHook { width: 339px; float: right; height: 242px; margin: 0; padding: 0; position: relative; background: url(../images/welcome-box5-trans.png) 0 0 no-repeat; color: #fff;}
#welcome-mate #BoxOffTheHook p.BoxTeaser { width: 160px; margin: 0 0 0 35px; padding: 50px 0 0 0;}
/* For the boxes */
#welcome-mate p.BoxTeaser { font-family: Arial; font-size: 14px; font-weight: bold;}
#welcome-mate .GetStarted { width: 140px; height: 24px; margin: 0; padding: 0; position: absolute; bottom: 42px; left: 33px; color: #fff;}
#SignUp { margin: 0; width: 332px; height: 234px; position: relative; background: url(../images/box-signup-trans.png) 0 0 no-repeat;}
#SignUp h2 { display: none;}
#SignUp input.Name { position: absolute; top: 105px; width: 250px; border: 0px; left: 40px; color: #fff; font-family: Arial; font-size: 13px; background: transparent;}
#SignUp input.Email { position: absolute; top: 155px; width: 250px; border: 0px; left: 40px; color: #fff; font-family: Arial; font-size: 13px; background: transparent;}
#SignUp input.Submit { width: 70px; height: 25px; color: #faba00; background: url(../images/btn-send.png) 0 0 no-repeat; border: 0px; padding: 0px; cursor: pointer; position: absolute; bottom: 14px; right: 4px;}
#SignUp input.Submit:hover { background: url(../images/btn-send.png) 0 -36px no-repeat;}
#SignUp .SubmitRow { position: absolute; bottom: 18px; left: 35px; width: 280px;}
#SignUp .NewsMessage { position: absolute; top: 30px; left: 35px; width: 275px; font-size: 14px; font-weight: bold;}
#ShareWithMate { margin: 0; width: 332px; height: 212px; position: relative; background: url(../images/box-share-trans.png) 0 0 no-repeat; z-index: 6;}
#ShareWithMate .ShareMessage { position: absolute; top: 30px; left: 80px; width: 220px; font-size: 14px; font-weight: bold;}
#ShareWithMate .Share { position: absolute; top: 120px; left: 80px; width: 108px;}
#ShareWithMate .addthis_Control { position: absolute; top: 120px; left: 80px; width: 108px; height: 21px; background: url(../images/ShareThis.png) 0 0 no-repeat; text-indent: -9999px;}
#ThankFoster { margin: 0; width: 332px; height: 242px; position: relative; background: url(../images/box-thanks.png) 0 0 no-repeat;}
#ThankFoster h2 { display: none;}
#ThankFoster p.BoxTeaser { width: 180px; margin: 0 0 0 35px; padding: 50px 0 0 0; font-weight: bold; font-size: 14px;}
#ThankFoster .More { width: 83px; height: 22px; margin: 0; padding: 0; position: absolute; bottom: 42px; left: 33px; color: #fff;}

#thank-foster #Box3 { width: 332px; height: 346px; margin: 0; padding: 0; position: relative; background: url(../images/box-share2-trans.png) 0 0 no-repeat; color: #fff;}
#thank-foster #Box3 p { font-size: 14px; font-weight: bold; margin: 0; padding: 40px 35px 0 75px;}

/* Off The Hook
-------------------------------------------------------------------------- */
#off-the-hook #Box1 { width: 698px; height: 379px; margin: 0; padding: 0; position: relative; background: url(../images/hook-box1-trans.png) 0 0 no-repeat; color: #fff; font: 17px/1.4 'Cooper Std Black', Arial, sans-serif;}
#off-the-hook #Box1 h2 { display: none;}
#off-the-hook #Box1 p { width: 250px; margin: 0; padding: 80px 0 0 185px;}
#off-the-hook #Box1 p.lead { font-size: 22px; width: 380px; margin: 0; padding: 40px 0 0 60px; line-height: 1.2;}
#Inspiration { width: 332px; height: 448px; margin: 0; padding: 0; position: relative; background: url(../images/box-inspiration-trans.png) 0 0 no-repeat; color: #fff; font-weight: bold;}
#Inspiration h2 { display: none; font: 17px/1.5 'Cooper Std Black', Arial, sans-serif;}
#slider1 { position: absolute; width: 245px; height: 133px; overflow: hidden; top: 45px; left: 42px;}
#slider1 ul { margin: 0; padding: 0; list-style: none; color: #000; width: 245px; height: 133px;}
#slider1 ul li { margin: 0; padding: 0; width: 245px; height: 133px; overflow: hidden;}
#slider1 h4 { color: #000; padding: 10px; margin: 0;}
#slider1 p { padding: 10px; margin: 0;}
#Inspiration #controls { position: absolute; width: 185px; height: 21px; overflow: hidden; top: 181px; left: 72px;}
#Inspiration #controls #prevBtn a { float: left; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) 0 0 no-repeat; text-indent: -9999px;}
#Inspiration #controls #nextBtn a { float: right; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) -32px 0 no-repeat; text-indent: -9999px;}
#Inspiration #controls #prevBtn a:hover { background: url(../images/arrows-01.png) 0 -30px no-repeat;}
#Inspiration #controls #nextBtn a:hover { background: url(../images/arrows-01.png) -32px -30px no-repeat;}
#slider2 { position: absolute; width: 245px; height: 80px; overflow: hidden; top: 265px; left: 42px;}
#slider2 ul { margin: 0; padding: 0; list-style: none; width: 245px; height: 133px;}
#slider2 ul li { margin: 0; padding: 0; width: 245px; height: 80px; overflow: hidden;}
#slider2 p { padding: 0 10px 0 0; margin: 0;}
#Inspiration #controls2 { position: absolute; width: 135px; height: 21px; overflow: hidden; top: 334px; left: 97px;}
#Inspiration #controls2 #prevBtn2 a { float: left; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) 0 0 no-repeat; text-indent: -9999px;}
#Inspiration #controls2 #nextBtn2 a { float: right; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) -32px 0 no-repeat; text-indent: -9999px;}
#Inspiration #controls2 #prevBtn2 a:hover { background: url(../images/arrows-01.png) 0 -30px no-repeat;}
#Inspiration #controls2 #nextBtn2 a:hover { background: url(../images/arrows-01.png) -32px -30px no-repeat;}
#Inspiration .sendBtn1 { margin: 0; padding: 0; position: absolute; bottom: 32px; left: 33px;}
#Inspiration .sendBtn1 a { display: block; width: 265px; height: 22px; background: url(../images/btn-send-suggestion.png) 0 0 no-repeat; text-indent: -9999px;}
#Inspiration .sendBtn1 a:hover { background: url(../images/btn-send-suggestion.png) 0 -24px no-repeat;}
#Share .NavMore { width: 107px; height: 21px; margin: 0; padding: 0; position: absolute; bottom: 70px; left: 80px; color: #fff;}
#Share { width: 332px; height: 213px; margin: 0; padding: 0; position: relative; background: url(../images/share.png) 0 0 no-repeat; color: #fff; font: 17px/1.5 'Cooper Std Black', Arial, sans-serif;}
#Share h2 { display: none;}
#Share .NavShare { width: 107px; height: 21px; margin: 0; padding: 0; position: absolute; bottom: 70px; left: 80px; color: #fff;}
#off-the-hook #suggest { display: none;}
.suggestions#suggest-content { background: url(../images/form-suggestion.png) 30px 20px no-repeat;}
/* Off The Hook Form
-------------------------------------------------------------------------- */
#SMSform { width: 628px; height: 237px; background: url(../images/Sms_Form-trans.png) 0 0 no-repeat; margin: 10px 0px 0px 17px; padding: 35px; position: relative; color: #fff; }
#SMSform h2 { width: 628px; height: 238px; text-indent: -9999px; background: url(../images/form-sms.png) 6px 0 no-repeat; padding: 0; margin: 0;}
#SMSform label { display: none;}
#SMSform textarea { width: 200px; height: 150px; display: block;}
#SMSform input, #SMSform select, #SMSform textarea { font: bold 13px/1.2 Arial, sans-serif;}
#SMSform .sms-details input.submit { position: absolute; bottom: 30px; right: 50px; width: 134px; height: 134px; color: #faba00; background: url(../images/btn-done.png) 0 0 no-repeat; border: 0px; padding: 0px; cursor: pointer;}
#SMSform .sms-details input:hover.submit {background-position: 0 -148px;}
#SMSform .message textarea { width: 170px; height: 170px; position: absolute; top: 60px; left: 50px; background: transparent; border: none;}
#SMSform .message #charlimitinfo { width: 165px; position: absolute; top: 245px; right: 420px; color: #999; font: bold 12px/1.2 Arial, Helvetica, sans-serif;}
#SMSform .mobile-no input { width: 183px; position: absolute; top: 59px; left: 450px; background: #fff; border: none;}
#SMSform .country select { width: 180px; position: absolute; top: 59px; left: 250px; background: #26337a; border: none; color: #fff;}
#ReminderForm .country option { background: #26337a; color: #fff;}
#SMSform .from select { width: 182px; position: absolute; top: 113px; left: 250px; background: #26337a; border: none; color: #fff;}
#SMSform .time select { width: 85px; position: absolute; top: 113px; left: 452px; background: #26337a; border: none; color: #fff;}
#SMSform .date input { width: 75px; position: absolute; top: 113px; left: 560px; background: transparent; border: none; color: #fff;}
#CaptchaDiv input { width: 220px; position: absolute; top: 170px; left: 250px; border: none;}
#CaptchaDiv .LBD_CaptchaImage img { width: 160px; height: 46px; position: absolute; top: 203px; left: 247px; }
#CaptchaDiv .LBD_CaptchaIcons { width: 22px; height: 40px; position: absolute; top: 202px; left: 409px; padding: 0 2px;}
#SMSform .terms { position:absolute; top:252px; left:240px; }
#SMSform .terms label { display: inline; }
#SMSform .SendNow { position: absolute; top: 54px; left: 452px;}
#SMSform .SendNow input { float: left; width: 15px;}
#SMSform .SendNow label { display: inline; font-size: 16px;}
#SMSthanks { text-align: center; font: 30px/5 'Cooper Std Black', Arial, sans-serif; text-indent: -7px;}
#SMSthanks a.back { position: absolute; bottom: 30px; right: 50px; width: 134px; height: 134px; color: #faba00; background: url(../images/SendSms-back.png) 0 0 no-repeat; border: 0px; padding: 0px; cursor: pointer; text-indent: -9999px; overflow: hidden;}
#SMSerror { text-align: center; font-size: 20px; line-height: 1.2;}
#SMSerror p.big { text-align: center; font-size: 60px;}
#SMSerror p strong { text-align: center; font-size: 30px;}
/* Mr Nice Guy
-------------------------------------------------------------------------- */
#mr-nice-guy h2 { display: none;}
#mr-nice-guy #Box1 { width: 698px; height: 525px; margin: 0; padding: 0; position: relative; background: url(../images/mr-box1-trans.png) 0 0 no-repeat; color: #fff; font: 17px/1.4 'Cooper Std Black', Arial, sans-serif;}
#mr-nice-guy #Box1 p.lead { font-size: 15px; width: 620px; margin: 0; padding: 0; position: absolute; top: 35px; left: 53px;}
#mr-nice-guy #Box1 .legend { display: none;}
#mr-nice-guy #Box1 p.lead span { padding: 0 0 0 170px; display: block;}
#mr-nice-guy #step1 label { display: none;}
#mr-nice-guy #step1 .name input { position: absolute; top: 210px; left: 280px; width: 170px; font-size: 12px; background: transparent; border: none; color: #fff;}
#mr-nice-guy #step1 .email input { position: absolute; top: 210px; left: 485px; width: 170px; font-size: 12px; background: transparent; border: none; color: #fff;}
#mr-nice-guy #step2 { position: absolute; top: 310px; left: 270px; width: 170px; font-size: 12px; overflow: hidden;}
#mr-nice-guy #step2 .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0;}
#mr-nice-guy #step2 .custom-radio label { display: block; position: relative; z-index: 1; font-size: 14px; padding-right: 1em; line-height: 1; padding: 6px 0 5px 30px; margin: 0 0 5px 0; cursor: pointer; width: 140px;}
#mr-nice-guy #step2 .custom-radio label { background: url(../images/btn-radio.png) 0 2px no-repeat;}
#mr-nice-guy #step2 .custom-radio label.hover,
#mr-nice-guy #step2 .custom-radio label.focus,
#mr-nice-guy #step2 .custom-radio label.checked,
#mr-nice-guy #step2 .custom-checkbox label.checkedFocus { background: url(../images/btn-radio.png) 0 -101px no-repeat;}
#mr-nice-guy #step2 .custom-radio label.focus { outline: 1px dotted #ccc;}
#mr-nice-guy #step3 { position: absolute; top: 301px; left: 488px; width: 180px; height: 205px; font-size: 12px; overflow: hidden;}
#mr-nice-guy #step3 ul { margin: 0; padding: 0; list-style: none; color: #000; width: 180px; height: 200px;}
#mr-nice-guy #step3 ul li { margin: 0; padding: 0; width: 180px; height: 205px; overflow: hidden; text-align: center; position: relative;}
#mr-nice-guy #step3 ul li .choose { margin: 0 0 0 -53px; padding: 0; display: block; width: 106px; height: 30px; background: url(../images/btn-usethis.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; position: absolute; left: 50%; bottom: 0;}
#mr-nice-guy #step3 ul li a.choose:hover, #mr-nice-guy #step3 ul li.selected a.choose { background: url(../images/btn-usethis.png) 0 -40px no-repeat;}
#mr-nice-guy #step3 #controls { position: absolute; width: 180px; height: 21px; overflow: hidden; bottom: 8px; left: 0;}
#mr-nice-guy #step3 #controls #prevBtn a { float: left; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) 0 0 no-repeat; text-indent: -9999px;}
#mr-nice-guy #step3 #controls #nextBtn a { float: right; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) -32px 0 no-repeat; text-indent: -9999px;}
#mr-nice-guy #step3 #controls #prevBtn a:hover { background: url(../images/arrows-01.png) 0 -30px no-repeat;}
#mr-nice-guy #step3 #controls #nextBtn a:hover { background: url(../images/arrows-01.png) -32px -30px no-repeat;}
#mr-nice-guy #Box2 { width: 698px; height: 163px; margin: 0; padding: 0; position: relative; background: url(../images/mr-box2-trans.png) 0 0 no-repeat; color: #fff;}
#mr-nice-guy #Box2 .legend { display: none;}
#mr-nice-guy p.description { position: absolute; right: 40px; top: 50px; width: 340px; font: 16px/1.4 'Cooper Std Black', Arial, sans-serif;}
#mr-nice-guy #Box2 p.msg {  width: 698px; font: 16px/1.2 'Cooper Std Black', Arial, sans-serif; color: #F8AC25; text-align: center; margin: 0; padding: 50px 0 0 0;}
#mr-nice-guy p.terms { position: absolute; left: 70px; top: 80px; width: 300px;}
#mr-nice-guy p.terms input { margin-right: 5px;}
#mr-nice-guy #Box2 input.makeit { width: 186px; height: 40px; position: absolute; top: 48px; left: 70px; background: url(../images/btn-makeit.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#mr-nice-guy #Box2 input.makeit:hover { background: url(../images/btn-makeit.png) 0 -54px no-repeat;}
#mr-nice-guy #Box3 { width: 332px; height: 346px; margin: 0; padding: 0; position: relative; background: url(../images/box-share2-trans.png) 0 0 no-repeat; color: #fff;}
#mr-nice-guy #Box3 p { font-size: 14px; font-weight: bold; margin: 0; padding: 40px 35px 0 75px;}
/* Mr Nice Guy pop up
-------------------------------------------------------------------------- */
#mr-nice-guy #Box4 { width: 332px; height: 102px; margin: 0; padding: 0; position: relative; background: url(../images/box-charity-trans.png) 0 0 no-repeat; color: #fff;}
#mr-nice-guy #Box4 .btn-suggest { width: 240px; height: 30px; position: absolute; left: 45px; top: 26px;}
#mr-nice-guy #Box4 .btn-suggest a { background: url(../images/btn-suggest.png) 0 0 no-repeat; width: 240px; height: 30px; display: block; text-indent: -9999px; overflow: hidden;}
#mr-nice-guy #Box4 .btn-suggest a:hover { background: url(../images/btn-suggest.png) 0 -32px no-repeat;}
#mr-nice-guy #Box4 #suggest { display: none;}
#suggest-content { font: 17px/1.4 'Cooper Std Black', Arial, sans-serif; background: url(../images/form-suggest.png) 30px 20px no-repeat; width: 640px; height: 400px;}
#suggest-content p.legend, #suggest-content label { display: none;}
#suggest-content .suggest-name input { position: absolute; top: 78px; left: 37px; width: 220px; font: 12px/1.4 Arial, sans-serif; background: transparent; border: none; color: #fff;}
#suggest-content .suggest-email input { position: absolute; top: 78px; left: 340px; width: 220px; font: 12px/1.4  Arial, sans-serif; background: transparent; border: none; color: #fff;}
#suggest-content .suggest-message textarea { position: absolute; top: 140px; left: 37px; width: 525px; height: 135px; font: 12px/1.4  Arial, sans-serif; background: #26337A; border: none; color: #fff;}
#suggest-content .suggest-terms { position: absolute; top: 300px; left: 30px; font-size: 11px; color: #fff; font-family: arial, sans-serif;}
#suggest-content .suggest-terms label { display: inline;}
#suggest-content button { width: 60px; height: 23px; position: absolute; top: 278px; left: 515px; background: url(../images/btn-send.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#suggest-content  button:hover { background: url(../images/btn-send.png) 0 -36px no-repeat;}
/* Armed And Sensitive
-------------------------------------------------------------------------- */
#armed-and-sensitive #Box1 { width: 680px; margin: 0 0 0 18px; padding: 0 0 34px 0; position: relative; background: url(../images/armed-bottom-trans.png) left bottom no-repeat; color: #fff; overflow: hidden;}
#armed-and-sensitive #BoxHead { width: 680px; height: 262px; margin: 0; padding: 0; position: relative; background: url(../images/armed-top-trans.png) 0 0 no-repeat; font: 15px/1.2 'Cooper Std Black', Arial, sans-serif;}
#armed-and-sensitive #BoxContent { width: 680px; min-height: 300px; margin: 0; padding: 0; position: relative; background: url(../images/armed-content-trans.png) 0 0 repeat-y;}
#armed-and-sensitive #BoxContent .listen { position: relative; top: 30px; left: 42px; font: 12px/1.4 Arial, sans-serif;}
#armed-and-sensitive #BoxContent .norecords { font: 16px/1.4 'Cooper Std Black',Arial,sans-serif; margin: 0 0 0 42px; padding: 20px 0;}
#armed-and-sensitive #BoxHead img { position: absolute; top: 0; right: 35px;}
#armed-and-sensitive #BoxHead h2 { display: none;}
#armed-and-sensitive #BoxHead h3 { position: absolute; bottom: 8px; left: 42px; color: #fff;}
#armed-and-sensitive #BoxHead p.lead { width: 480px; position: absolute; top: 30px; left: 42px;}
#armed-and-sensitive .search { position: absolute; bottom: 20px; left: 442px; width: 115px; font: 12px/1.4 Arial, sans-serif; background: transparent; border: none; color: #fff;}
#armed-and-sensitive .btn-search { width: 69px; height: 20px; position: absolute; bottom: 20px; left: 575px; background: url(../images/btn-search.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#armed-and-sensitive .btn-search:hover { background: url(../images/btn-search.png) 0 -24px no-repeat;}
#armed-and-sensitive #BoxContent .row { margin: 0 0 0 42px; padding: 10px 0; width: 600px; border-bottom: 1px solid #4E91D8; overflow: hidden;}
#armed-and-sensitive #BoxContent .row h3 { margin: 0; padding: 2px 0 2px 28px; cursor: pointer; font-size: 13px; font-weight: normal; text-transform: uppercase; overflow: hidden; line-height: 1.2;}
#armed-and-sensitive #BoxContent .row h3.plus { background: url(../images/plus-minus.png) 0 0 no-repeat;}
#armed-and-sensitive #BoxContent .row h3:hover.plus { color: #f8ac25;}
#armed-and-sensitive #BoxContent .row h3.minus { background: url(../images/plus-minus.png) 0 -183px no-repeat; color: #f8ac25;}
#BoxContent .row strong { color: #4E91D8;}
#BoxContent .row .panel { margin: 0; padding: 0; width: 600px; height: 27px; background: url(../images/panel.png) 0 1px no-repeat; position: relative;}
#BoxContent .row .panel a.ilike { margin: 0; padding: 0 0 0 40px; height: 27px; width: auto; background: url(../images/btn-like.png) 0 0 no-repeat; display: block; position: absolute; left: 10px; top: 0; line-height: 2.2; color: #010235; cursor: pointer;}
#BoxContent .row .panel a:hover.ilike { color: #f8ac25; text-decoration: none;}
#BoxContent .row .panel a.voted, #BoxContent .row .panel a:hover.voted { color: #f8ac25; text-decoration: none; cursor: default;}
#BoxContent .row .panel em { margin: 0; padding: 0 0 0 50px; height: 27px; width: auto; position: absolute; left: 60px; top: 0; line-height: 2.2; color: #010235; font-style: normal;}
#BoxContent .row .panel strong { margin: 0; padding: 0 0 0 50px; height: 27px; width: auto; position: absolute; right: 20px; top: 0; line-height: 2.2; color: #010235;}
#BoxContent .panel strong span { color: #f8ac25;}
.add-comment { width: 600px; position: relative;}
.add-comment .comment-register { float: right;}
.add-comment p { padding: 12px 0 3px 0; margin: 0;}
.add-comment label { float: left; display: block; padding: 12px 0 3px 0; color: #f8ac25;}
.add-comment textarea { clear: both; width: 594px; height: 74px; border: 3px solid #141443; font-family: arial, helvetica, sans-serif; font-weight: bold; padding: 3px 0;}
.add-comment .comment-follow { clear: both; width: 600px;}
.add-comment input.post { width: 57px; height: 30px; position: absolute; top: 110px; right: 0; background: url(../images/btn-post.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.add-comment input.post:hover { background: url(../images/btn-post.png) 0 -36px no-repeat;}
.add-comment p.comment-follow { margin: 6px 0; padding: 0; width: 600px; height: 27px; clear: both; position: relative;}
.add-comment a.rss { margin: 0; padding: 0 0 0 30px; height: 24px; width: auto; background: url(../images/btn-rss.png) 0 0 no-repeat; display: block; position: absolute; left: 0; top: 0; line-height: 2; color: #fff; cursor: pointer;}
#armed-and-sensitive #Box3 { width: 332px; height: 277px; margin: 0; padding: 0; position: relative; background: url(../images/armed-box3-trans.png) 0 0 no-repeat; color: #fff;}
#armed-and-sensitive #Box3 h2 { display: none;}
#armed-and-sensitive #Box3 p { margin: 0; padding: 40px 35px 0 35px; position: relative; color: #fff; font-weight: bold; font-size: 14px; overflow: hidden;}
#armed-and-sensitive #Box3 p.btn a { margin: 0; padding: 0; background: url(../images/btn-bestshot.png) 0 0 no-repeat; display: block; width: 136px; height: 50px; text-indent: -9999px;}
#armed-and-sensitive #Box3 p.btn a:hover { background: url(../images/btn-bestshot.png) 0 -67px no-repeat;}
#BoxReview { width: 332px; height: 277px; margin: 0; padding: 0; position: relative; background: url(../images/box-review-trans.png) 0 0 no-repeat; color: #fff;}
#BoxReview h2 { display: none;}
#BoxReview #review { position: absolute; width: 245px; height: 166px; overflow: hidden; top: 85px; left: 42px;}
#BoxReview #review #slide { position: relative; width: 245px; height: 134px; overflow: hidden; margin: 0; padding: 0;}
#BoxReview #review ul { margin: 0; padding: 0; list-style: none; color: #000; width: 245px; height: 133px;}
#BoxReview #review ul li { margin: 0; padding: 0; width: 245px; height: 134px; overflow: hidden; position: relative; font-weight: bold;}
#BoxReview #review h4 { color: #000; padding: 10px; margin: 0;}
#BoxReview p { padding: 10px; margin: 0;}
#review .helpBtn a { position: absolute; left: 52px; bottom: 0; width: 143px; height: 31px; background: url(../images/btn-helpout.png) 0 0 no-repeat; text-indent: -9999px;}
#review .helpBtn a:hover { background: url(../images/btn-helpout.png) 0 -40px no-repeat;}
#review .more { position: absolute; bottom: 3px; left: 44px; width: 159px; height: 19px; background: url(../images/btn-more.png) 0 0 no-repeat; text-indent: -9999px; margin: 0; padding: 0;}
#review p#controls { position: absolute; width: 215px; height: 21px; overflow: hidden; bottom: 0; left: 15px; margin: 0; padding: 0;}
#review #controls #prevBtn a { float: left; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) 0 0 no-repeat; text-indent: -9999px;}
#review #controls #nextBtn a { float: right; display: block; width: 13px; height: 21px; background: url(../images/arrows-01.png) -32px 0 no-repeat; text-indent: -9999px;}
#review #controls #prevBtn a:hover { background: url(../images/arrows-01.png) 0 -30px no-repeat;}
#review #controls #nextBtn a:hover { background: url(../images/arrows-01.png) -32px -30px no-repeat;}
.idTabs { margin: 0; padding: 0; list-style: none; width: 199px; height: 38px; position: absolute; top: 36px; left: 29px;}
.idTabs li { margin: 0; padding: 0; list-style: none; text-indent: -9999px;}
.idTabs li a { position: absolute; overflow: hidden;}
.idTabs li#t1 a { width: 102px; height: 38px; left: 0; top: 0; background: url(../images/tab-review.png) 0 8px no-repeat;}
.idTabs li#t2 a { width: 96px; height: 38px; left: 103px; top: 0; background: url(../images/tab-review.png) -103px 8px no-repeat;}
.idTabs li#t1 a:hover, .idTabs li#t1 a.selected { background: url(../images/tab-review.png) 0 -34px no-repeat;}
.idTabs li#t2 a:hover, .idTabs li#t2 a.selected { background: url(../images/tab-review.png) -103px -34px no-repeat;}
#BoxReview #submit { position: absolute; width: 225px; height: 146px; top: 85px; left: 52px;}
#BoxReview #submit label { display: none;}
#BoxReview #submit textarea { position: relative; width: 230px; height: 100px; overflow: hidden; margin: 0; padding: 0; background: transparent; border: none; font-family: arial, sans-serif; font-weight: bold; }
#BoxReview #submit input.btn-submit { width: 60px; height: 30px; position: absolute; top: 120px; right: -15px; background: url(../images/btn-send.png) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#BoxReview #submit input.btn-submit:hover { background: url(../images/btn-send.png) 0 -36px no-repeat;}
#BoxReview #submit #QuestionMessage { color: #ff0000; position: absolute; bottom: 30px; left: 0px;}
#BoxReview p.reg { color: #fff; position: absolute; top: 38px; left: 33px;}
/* Oops
-------------------------------------------------------------------------- */
#oops #Box1 { width: 698px; height: 305px; margin: 0; padding: 40px 0 0 0; position: relative; background: url(../images/oops-box1-trans.png) 0 0 no-repeat; color: #fff; font: 15px/1.4 'Cooper Std Black', Arial, sans-serif;}
#oops #Box1 h2 { display: none;}
#oops #Box1 p { width: 320px; margin: 0 0 0 340px; padding: 0 0 12px 0;}
#oops #reminder { width: 698px; height: 343px; margin: 0; padding: 0; position: relative; background: url(../images/reminder.png) 0 0 no-repeat; color: #fff; font: 17px/1.4 'Cooper Std Black', Arial, sans-serif;}
#oops #reminder .img1 { position: absolute; top: 24px; right: 30px;}
#oops #Box3 { width: 332px; height: 346px; margin: 0; padding: 0; position: relative; background: url(../images/box-share2-trans.png) 0 0 no-repeat; color: #fff;}
#oops #Box3 p { font-size: 14px; font-weight: bold; margin: 0; padding: 40px 35px 0 75px;}
#BoxThink { width: 332px; height: 102px; margin: 0; padding: 0; position: relative; background: url(../images/box-feedback-trans.png) 0 0 no-repeat; color: #fff;}
#BoxThink .btn-think { width: 252px; height: 30px; position: absolute; left: 39px; top: 26px;}
#BoxThink .btn-think a { background: url(../images/btn-think.png) 0 0 no-repeat; width: 252px; height: 30px; display: block; text-indent: -9999px; overflow: hidden;}
#BoxThink .btn-think a:hover { background: url(../images/btn-think.png) 0 -32px no-repeat;}
#BoxThink #suggest { display: none;}
.feedback#suggest-content { background: url(../images/form-feedback.png) 30px 20px no-repeat;}
/* Oops Reminder Form
-------------------------------------------------------------------------- */
#ReminderForm { width: 302px; height: 320px; background: url(../images/form-reminder.png) 0 45px no-repeat; margin: 0 0 0 60px; padding: 0; position: relative; color: #fff; font: 14px/1.4 'Cooper Std Black', Arial, sans-serif;}
#ReminderForm label { display: none;}
#ReminderForm input, #ReminderForm select, #ReminderForm textarea { font: bold 13px/1.2 Arial, sans-serif;}
#ReminderForm .submit input { position: absolute; bottom: 40px; right: 0px; width: 106px; height: 30px; color: #faba00; background: url(../images/btn-add.png) 0 0 no-repeat; border: 0px; padding: 0px; cursor: pointer; text-indent: -9999px;}
#ReminderForm .submit input:hover { background: url(../images/btn-add.png) 0 -41px no-repeat;}
#ReminderForm .message textarea { width: 290px; height: 60px; position: absolute; top: 65px; left: 5px; background: #fff; border: none;}
#ReminderForm .message #charlimitinfo { width: 165px; position: absolute; top: 245px; right: 420px; color: #999; font: bold 12px/1.2 Arial, Helvetica, sans-serif;}
#ReminderForm .mobile input { width: 170px; position: absolute; top: 223px; left: 125px; background: #fff; border: none;}

#ReminderForm .country select { width: 98px; position: absolute; top: 223px; left: 5px; background: #26337a; border: none; color: #fff;}
#ReminderForm .country option { background: #26337a; color: #fff;}

#ReminderForm .using { position: absolute; top: 165px; left: 131px;}
#ReminderForm .using label { display: inline;}

#ReminderForm .using .custom-radio { display: block;  width: 80px; float: left;}
#ReminderForm .using .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0;}
#ReminderForm .using .custom-radio label { display: block; position: relative; z-index: 1; font-size: 14px; padding-right: 1em; line-height: 1; padding: 6px 0 5px 25px; margin: 0 0 5px 0; cursor: pointer; width: 60px;}
#ReminderForm .using .custom-radio label { background: url(../images/btn-radio.png) 0 2px no-repeat;}
#ReminderForm .using .custom-radio label.hover,
#ReminderForm .using .custom-radio label.focus,
#ReminderForm .using .custom-radio label.checked
{ background: url(../images/btn-radio.png) 0 -101px no-repeat;}
#ReminderForm .using .custom-radio label.focus { outline: 1px dotted #ccc;}


#ReminderForm .date input { width: 95px; position: absolute; top: 165px; left: 5px; background: #26337A; border: none; color: #fff;}
#ReminderForm .tc { position: absolute; bottom: 10px; left: 0;}
#ReminderForm .tc input { float: left; width: 15px;}
#ReminderForm .tc label { display: inline; font: bold 12px/1.6 Arial, Helvetica, sans-serif;}
#ReminderList .noreminder { color: #faba00; font: normal 22px/1.2 Cooper Black, Arial, Helvetica, sans-serif;}
/* Oops Reminder list
-------------------------------------------------------------------------- */
#ReminderList { position: absolute; left: 377px; top: 45px; width: 290px; font: normal 12px/1.2 Arial, Helvetica, sans-serif;}
#ReminderList h3 { width: 138px; height: 21px; margin: 0 0 15px 0; text-indent: -9999px; background: url(../images/my-reminders.png) 0 0 no-repeat;}
#ReminderList ul { margin: 0; padding: 0
	width: 290px; list-style: none;}
#ReminderList ul li { padding: 0; margin: 0 0 4px 0; clear: both; overflow: hidden; border-bottom: 0px solid #b4d3f8; line-height: 1.8; cursor:pointer;}
#ReminderList ul li input { display: block; float: left;}
#ReminderList ul li span { font-weight: bold; margin: 0 5px;}
#ReminderList input.delete { background: url(../images/btn-delete.png) 0 0 no-repeat; width: 116px; height: 30px; display: block; text-indent: -9999px; overflow: hidden; border: none; float: right; margin: 5px 0 0 0;}
#ReminderList input:hover.delete { background: url(../images/btn-delete.png) 0 -38px no-repeat;}
/* Thank Foster's
-------------------------------------------------------------------------- */
#thank-foster #Box1 { width: 680px; height: 530px; margin: 0 0 0 18px; padding: 40px 0 0 0; position: relative; background: url("../images/thank-box1-new-trans.png") no-repeat scroll 0 0 transparent; color: #fff; font: 15px/1.4 'Cooper Std Black', Arial, sans-serif;}
/*#thank-foster #Box1 { width: 680px; height: 464px; margin: 0 0 0 18px; padding: 56px 0 0 0; position: relative; background: url(../images/thank-box1-new-trans-1.png) 0 0 no-repeat; color: #fff; font: 15px/1.4 'Cooper Std Black', Arial, sans-serif;}*/
#thank-foster  #Box1 h2 { display: none;}
/*#thank-foster  #Box1 p { width: 487px; margin: 0 0 0 53px; padding: 0 0 12px 0; font-size:28px; font-size:14px;line-height:120%;}*/
#thank-foster  #Box1 #CricketLegend{ width: 487px; margin: 0 0 0 56px; padding:14px 0 10px 0; font-size:28px; font-size:21.8px;line-height:120%;}
#thank-foster  #Box1 #LegendName{ width: 487px; margin: 0 0 0 53px; padding: 0 0 12px 0; font-size:28px; font-size:46px; color:#F8AD25; line-height:120%;}
#thank-foster  #Box1 .DescriptionClass{width: 487px; margin: 0 0 0 53px; padding: 0 0 16px 0; font-size:14px;line-height:120%;}
#thank-foster  #Box1 .DescriptionClass span {color:#F8AD25; line-height:120%;}
#thank-foster #Box1 #Events {
color:#F8AD25;
font-size:18px;
line-height:120%;
margin:0 0 0 53px;
padding:20px 0 0 275px;
width:300px;}
#thank-foster  #Box1 #Dates{margin:20px 0px 0px 328px; padding:0px; font-size:18px; width:335px; line-height:120%; }
#BoxThank { width: 680px; margin: 0 0 0 18px; padding: 0 0 34px 0; position: relative; color: #fff; background: url(../images/thank-bottom-trans.png) left bottom no-repeat; overflow: hidden;}
#BoxThank h2 { width: 680px; height: 41px; margin: 0; padding: 0; position: relative; background: url(../images/thank-top-trans.png) 0 0 no-repeat; text-indent: -9999px;}
#BoxThank .BoxContent { width: 680px; margin: 0; padding: 0 0 15px 0; position: relative; background: url(../images/thank-content-trans.png) 0 0 repeat-y; min-height: 300px;}
#BoxThank table { width: 600px; margin: 0 0 0 42px; padding: 5px 0; position: relative; color: #fff; font: 12px/1.4 Arial, sans-serif; border: 3px solid #020236;}
#BoxThank table caption { font: 18px/1.4 'Cooper Std Black', Arial, sans-serif; color: #FABA00; text-align: left; padding-top: 10px;}
#BoxThank table strong.month { font: 16px/1.4 'Cooper Std Black', Arial, sans-serif; margin-top: 10px; display: block;}
#BoxThank table strong { font: 12px/1.4 'Cooper Std Black', Arial, sans-serif;}
#BoxThank table .desc strong { color: #FABA00;}
#BoxThank table em { color: #FABA00; font-style: normal;}
#BoxThank table td { padding: 2px 8px;}
/* Contact
-------------------------------------------------------------------------- */
#contact #Box1 { width: 680px; height: 303px; margin: 0 0 0 18px; padding: 40px 0 0 0; position: relative; background: url(../images/contact-trans.png) 0 0 no-repeat; color: #fff; font: 15px/1.4 'Cooper Std Black', Arial, sans-serif;}
#contact #Box1 h2 { display: none;}
#contact #Box1 p { width: 260px; margin: 0 0 0 40px; padding: 0 0 12px 0;}
#contact #Box1 p.phone { width: 350px; margin: 0; padding: 0; position: absolute; right: 30px; top: 40px;}
/* Menu 1
-------------------------------------------------------------------------- */
#Menu1 { margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 982px; height: 100px; background: url(../images/nav-bcgr.png) 0 68px no-repeat;}
#Menu1 li, #Menu1 li a { float: left; display: block; margin: 0; padding: 0; position: relative; height: 15px;}
#Menu1 li a { position: relative; bottom: 0; text-indent: -9999px; height: 100px; display: block; overflow: hidden;}
#Menu1 li a.b1 { width: 180px; background: url(../images/nav.png) 0 20px no-repeat;}
#Menu1 li a.b2 { width: 210px; background: url(../images/nav.png) -180px 20px no-repeat;}
#Menu1 li a.b3 { width: 210px; background: url(../images/nav.png) -390px 20px no-repeat;}
#Menu1 li a.b4 { width: 280px; background: url(../images/nav.png) -600px 20px no-repeat;}
#Menu1 li a.b5 { width: 100px; background: url(../images/nav.png) -880px 20px no-repeat;}
#Menu1 li a:hover.b1, #Menu1 li.current .b1 { background: url(../images/nav.png) 0 -102px no-repeat;}
#Menu1 li a:hover.b2, #Menu1 li.current .b2 { background: url(../images/nav.png) -180px -102px no-repeat;}
#Menu1 li a:hover.b3, #Menu1 li.current .b3 { background: url(../images/nav.png) -390px -102px no-repeat;}
#Menu1 li a:hover.b4, #Menu1 li.current .b4 { background: url(../images/nav.png) -600px -102px no-repeat;}
#Menu1 li a:hover.b5, #Menu1 li.current .b5 { background: url(../images/nav.png) -880px -102px no-repeat;}
/* Menu 2
-------------------------------------------------------------------------- */
#Menu2 { margin: 0; padding: 0; position: absolute; bottom: 62px; left: 27px; width: 354px; height: 49px; background: url(../images/tab-nav.png) 0 12px no-repeat;}
#Menu2 li, #Menu2 li a { float: left; display: block; margin: 0; padding: 0; position: relative; height: 15px;}
#Menu2 li a { position: relative; bottom: 0; text-indent: -9999px; height: 49px; display: block; overflow: hidden;}
#Menu2 li a.b1 { width: 144px;}
#Menu2 li a.b2 { width: 210px;}
#Menu2 li a:hover.b1, #Menu2 li.current .b1 { background: url(../images/tab-nav.png) 0 -48px no-repeat;}
#Menu2 li a:hover.b2, #Menu2 li.current .b2 { background: url(../images/tab-nav.png) -144px -48px no-repeat;}
/* Fancy Box
--------------------------------------------------------------------------*/
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30;}
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;}
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../fancybox/fancy_progress.png') no-repeat;}
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none;}
div#fancy_inner { position: relative; width: 100%; height: 100%; background: #FFF;}
div#fancy_content { margin: 0; z-index: 100; position: absolute;}
div#fancy_div { background: #010134 url('../fancybox/bcgr-fancybox.jpg') repeat-x; color: #FFF; height: 100%; width: 100%; z-index: 100;}
img#fancy_img { position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%;}
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 32px; width: 32px; background: url('../fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;}
#fancy_frame { position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax { width: 100%; height: 100%; overflow: auto;}
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden;}
a#fancy_left { left: 0px;}
a#fancy_right { right: 0px;}
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 32px; height: 32px; z-index: 112; cursor: pointer; display: block;}
span#fancy_left_ico { left: -9999px; background: transparent url('../fancybox/fancy_left.png') no-repeat;}
span#fancy_right_ico { right: -9999px; background: transparent url('../fancybox/fancy_right.png') no-repeat;}
a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent;}
a#fancy_left:hover span { left: 20px;}
a#fancy_right:hover span { right: 20px;}
#fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0;}
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0;}
div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../fancybox/fancy_shadow_n.png') repeat-x;}
div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../fancybox/fancy_shadow_ne.png') no-repeat;}
div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('fancy_shadow_e.png') repeat-y;}
div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../fancybox/fancy_shadow_se.png') no-repeat;}
div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../fancybox/fancy_shadow_s.png') repeat-x;}
div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../fancybox/fancy_shadow_sw.png') no-repeat;}
div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('../fancybox/fancy_shadow_w.png') repeat-y;}
div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../fancybox/fancy_shadow_nw.png') no-repeat;}
div#fancy_title { position: absolute; z-index: 100; display: none;}
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap;}
div#fancy_title table { margin: 0 auto;}
div#fancy_title table td { padding: 0; vertical-align: middle;}
td#fancy_title_left { height: 32px; width: 15px; background: transparent url('../fancybox/fancy_title_left.png') repeat-x;}
td#fancy_title_main { height: 32px; background: transparent url('../fancybox/fancy_title_main.png') repeat-x;}
td#fancy_title_right { height: 32px; width: 15px; background: transparent url('../fancybox/fancy_title_right.png') repeat-x;}
/*Add this expanded mode */
.addthis_toolbox { position: absolute; top: 150px; left: 60px;}
.addthis_toolbox .two_column { width: 216px; padding: 0; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.addthis_toolbox .two_column a { padding: 4px 0 4px 34px; position: relative; width: 66px; display: block; text-decoration: none; color: #999;}
.addthis_toolbox .two_column a:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; text-decoration: none; color: #fff;}
.addthis_toolbox .two_column span { position: absolute; left: 14px; top: 4px;}
.addthis_toolbox .two_column  .top { padding: 0 0 10px 0; border-bottom: solid 1px #eee; margin-bottom: 10px; margin: 0 20px 10px 20px;}
.addthis_toolbox .two_column  .more { border-top: solid 1px #eee; padding: 5px 0 0 0; margin: 5px 20px 0 20px; text-align: center;}
.addthis_toolbox .two_column  .more a { padding: 4px 0; width: auto; color: #999;}
.addthis_toolbox .two_column  .more a:hover { color: #fff;}
.addthis_toolbox .two_column .more span { display: none;}
.addthis_toolbox .two_column .column1 { width: 100px; float: left;}
.addthis_toolbox .two_column .column2 { width: 100px; float: left;}
.addthis_toolbox .two_column .clear { clear: both; padding: 0; display: block; height: 0; width: 0;}

/* for add this in footer */
.addthis_Footer { position: absolute; bottom: 192px; left: 150px; z-index: 1000;}
.addthis_Footer .custom_hover { position: relative;}
.addthis_Footer .custom_hover .custom_button { font-weight: bold; padding: 4px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
.addthis_Footer .custom_hover .custom_button.active { background-color: #eee;}
.addthis_Footer .hover_menu { display: none; position: absolute; background: #fff;}
.addthis_Footer .custom_hover .tower { -webkit-border-radius: 0 5px 0 0; -moz-border-radius-topleft: 0;}
.addthis_Footer .hover_menu { width: 240px; padding: 10px; border: 3px solid #4D8DD4; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.addthis_Footer .hover_menu  a { padding: 4px 0 4px 34px; position: relative; width: 66px; display: block; text-decoration: none; color: #999;}
.addthis_Footer .hover_menu  a:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; text-decoration: none; color: #fff;}
.addthis_Footer .hover_menu  span { position: absolute; left: 14px; top: 4px;}
.addthis_Footer .hover_menu  .more { border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 10px 0 10px; text-align: center;}
.addthis_Footer .hover_menu  .more a { padding: 4px 0; margin: 0; color: #999; width: auto}
.addthis_Footer .hover_menu  .more a:hover { color: #fff;}
.addthis_Footer .hover_menu  .more span { display: none;}
.addthis_Footer .hover_menu .column1 { width: 120px; float: left;}
.addthis_Footer .hover_menu .column2 { width: 120px; float: left;}
.addthis_Footer .hover_menu .clear { clear: both; padding: 0; display: block; height: 0; width: 0;}

/* for add this in Control*/
.addthis_Control { position: absolute; bottom: 340px; right: 255px; z-index: 1000; }
.addthis_Control .custom_hover { position: relative;}
.addthis_Control .custom_hover .custom_button { font-weight: bold; padding: 4px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
.addthis_Control .custom_hover .custom_button.active { background-color: #eee;}
.addthis_Control .hover_menuC { display: none; position: absolute;background: #fff;}
.addthis_Control .custom_hover .tower { -webkit-border-radius: 0 5px 0 0; -moz-border-radius-topleft: 0;}
.addthis_Control .hover_menuC { width: 240px; padding: 10px; border: 3px solid #4D8DD4; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.addthis_Control .hover_menuC  a { padding: 4px 0 4px 34px; position: relative; width: 66px; display: block; text-decoration: none; color: #999;}
.addthis_Control .hover_menuC  a:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; text-decoration: none; color: #fff;}
.addthis_Control .hover_menuC  span { position: absolute; left: 14px; top: 4px;}
.addthis_Control .hover_menuC  .more { border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 10px 0 10px; text-align: center;}
.addthis_Control .hover_menuC  .more a { padding: 4px 0; margin: 0; color: #999; width: auto}
.addthis_Control .hover_menuC  .more a:hover { color: #fff;}
.addthis_Control .hover_menuC  .more span { display: none;}
.addthis_Control .hover_menuC .column1 { width: 120px; float: left;}
.addthis_Control .hover_menuC .column2 { width: 120px; float: left;}
.addthis_Control .hover_menuC .clear { clear: both; padding: 0; display: block; height: 0; width: 0;} 

/* 404 Error page */
#error #Content { width: 860px; height: 455px; margin: 0; padding: 15px 60px; background: url('../images/box-error.png') 0 15px no-repeat;}
#error #Content h2{ font: 50px/1.4 'Cooper Std Black', Arial, sans-serif; color: #FABA00; padding: 60px 0 0 0; margin: 0;}
#error #Content p{ width: 500px; font: 25px/1.4 'Cooper Std Black', Arial, sans-serif; }
#error #Content p a{ width: 500px; font: 30px/1.4 'Cooper Std Black', Arial, sans-serif; color: #FABA00;}

/*ToolTip*/
.ToolPoint{ position:relative; float:left; margin:5px 0px 0px 0px; width:10px; height:10px; background: transparent url('../images/Marker.png') no-repeat;}
.ToolDesc{ position:relative; float:left; margin:0px; width:200px; padding:6px; background: #4e90d6; text-align:justify;}