* { padding: 0; margin: 0;}
body { background-color: #fff; font-size: 12px; line-height: 15px; margin: 0; padding: 0; font-family: Arial, Verdana, Sans-Serif; color: #777;}
h1 { display: block; font-size: 2.5em; line-height: 1em; margin-bottom: 0.25em; font-family: Times New Roman, Serif; font-weight: normal; }
h2 { font-size: 1.17em; line-height: 1em; margin-bottom: 1.35em; }
h3 { font-size: 1em; line-height: 1em; margin-bottom: 1.45em; }
h4 { font-size: 1.17em; line-height: 1.37em; margin-bottom: 1.07em; }
h5 { font-size: 1em; margin-bottom: 1.07em; }
h6 { font-size: .75em; margin-bottom: 1.25em; }
p { font-family: Times New Roman, Serif; }

p, ul, blockquote, pre, td, th, label {  margin: 0; font-size: 1.1em; line-height: 1.25em; margin-bottom: 1.25em; }
p.small { margin: 0; font-size: 0.83em; line-height: 1.5em; margin-bottom: 1.5em; }
table { border-collapse: collapse; margin-bottom: 0; padding: 0; }
ul { list-style-type: none; }
a { color: #777; } 
img { border: none; padding: 0px; }

/* usable horizontal line */
div.line hr { display: none; }
div.line { height: 1px; background-color: #ccc; margin: 15px 0; }

/*clear floats */
.clear { clear: both; }

.siteContainer { width: 945px; margin: auto; text-align: left;}

.logoTop { padding-left: 13px; padding-top: 10px; padding-bottom: 5px; }
.mainPanel { width: 921px; margin: auto; margin-bottom: 30px; background: url(../Images/921b_border_sides.gif) repeat-y;}
.mainCopy { margin: auto; background: url(../Images/921b_border_sides.gif) repeat-y; }
.mainPanel h1 { padding-top: 15px; text-align: center; }
.mainPanel h1 span { background: url(../Images/jack_58.gif) no-repeat left; padding-top: 10px; padding-left: 65px; padding-bottom: 2px;}
.button { background: url(../Images/btn_240.gif) no-repeat; width: 240px; height: 60px; display: block; margin: auto; text-align: center;}
.button a { line-height: 2em; font-family: Arial; color: #fff; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.button a:hover { color: #afbd22; text-decoration: underline; }
.borderTop {vertical-align:top; }
.flashyE { display: block; text-align: center; margin: auto; width: 500px; height: 192px; margin-bottom: 10px; }
.flashyWideA { display: block; text-align: center; margin: auto; width: 500px; height: 253px; margin-bottom: 10px; }
.flashySquareA { display: block; text-align: center; float:left; width: 385px; height: 225px; margin-bottom: 10px; margin-top: 15px; margin-left: 150px; }
.dog { display: block; margin: auto; width: 100px; height: 100px; margin-top: -5px; margin-bottom: -10px;}

/* ------------------ */
/* ----- LP stuff---- */
/* ------------------ */

#weatherList { float: left; width: 450px; padding-left: 20px; padding-top: 40px; }
#weatherList li { background: url(../Images/jack_30.gif) no-repeat; line-height: 1.7em; padding-left: 35px; padding-bottom: 25px; font-family: Times New Roman; font-size: 1.3em; }
#weatherImg { float: left; width: 300px; padding-left: 120px; }
p.pld {  clear: both; display: block; margin: auto; font-size: 1em; width: 800px; margin-top: -.5em; margin-bottom: 1em; }
p.pldA {  display: block; font-family: Arial, Sans-Serif; margin: auto; font-size: 1.1em; width: 800px; margin-top: .5em; margin-bottom: 1em; }
p.pldB {  display: block; font-family: Arial, Sans-Serif; margin: auto; font-size: .9em; width: 800px; margin-top: .5em; margin-bottom: 1em; }
p.pldWide {  clear: both; display: block; margin: auto; text-align: center; font-family: Arial, Sans-Serif; font-size: 12px; width: 850px; margin-bottom: 18px; }
.subTextA { display: block; margin: auto; text-align: center; width: 700px; font-family: Arial, Sans-Serif; font-size: 1.1em; line-height: 1.5em; }
.subTextASide { padding-top: 35px; padding-left: 10px; display: block; float: left; width: 300px; font-family: Arial, Sans-Serif; font-size: 1.2em; line-height: 1.5em; }
.subTextASide li { font-family: Arial, Sans-Serif; font-size: 1.1em; line-height: 1.5em; padding-bottom: 15px; }

/* ------------------ */
/* ----- LP variants- */
/* ------------------ */

h1.fontA { margin-bottom: 0.25em; font-family: Arial, Sans-Serif; font-weight: normal; }
#weatherListA { float: left; width: 450px; padding-left: 20px; padding-top: 40px; }
#weatherListA li { background: url(../Images/jack_30.gif) no-repeat; line-height: 1.7em; padding-left: 35px; padding-bottom: 25px; font-family: Arial; font-size: 1.1em; }
p.pldW {  clear: both; display: block; font-family: Arial; margin: auto; font-size: 1.1em; width: 800px; margin-top: -.5em; margin-bottom: 1em; }

p.pldTestA {  display: block; font-family: Times New Roman; margin: auto; font-size: 1.2em; width: 800px; margin-top: .5em; margin-bottom: 1em; }
p.pldTestB {  display: block; font-family: Times New Roman; margin: auto; font-size: 1em; width: 800px; margin-top: .5em; margin-bottom: 1em; }
p.pldTestC {  display: block; font-family: Arial; margin: auto; font-size: .9em; width: 800px; margin-top: .5em; margin-bottom: 1em; }

/* -------------------- */
/* ----- button Tests - */
/* -------------------- */

.mainPanel .buttonAtest { background: url(../Images/buttonA.jpg) no-repeat; width: 248px; height: 60px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonAtest a { line-height: 2em; font-family: Arial; color: #fff; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonAtest a:hover { text-decoration: underline; }

.mainPanel .buttonBtest { background: url(../Images/buttonB.jpg) no-repeat; width: 248px; height: 60px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonBtest a { line-height: 2em; font-family: Arial; color: #000; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonBtest a:hover { text-decoration: underline; }

.mainPanel .buttonCtest { background: url(../Images/buttonC.jpg) no-repeat; width: 248px; height: 60px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonCtest a { line-height: 2em; font-family: Arial; color: #000; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonCtest a:hover { text-decoration: underline; }

.mainPanel .buttonDtest { background: url(../Images/buttonD.jpg) no-repeat; width: 250px; height: 60px; padding-top: 2px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonDtest a { line-height: 2em; font-family: Arial; color: #fff; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonDtest a:hover { text-decoration: underline; }

.mainPanel .buttonEtest { background: url(../Images/buttonE.jpg) no-repeat; width: 245px; height: 60px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonEtest a { line-height: 2em; font-family: Arial; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonEtest a:hover { text-decoration: underline; }

.mainPanel .buttonHtest { background: url(../Images/buttonH.jpg) no-repeat; width: 252px; height: 60px; padding-top: 5px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonHtest a { line-height: 2em; font-family: Arial; color: #000; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonHtest a:hover { text-decoration: underline; }

.mainPanel .buttonItest { background: url(../Images/buttonI.jpg) no-repeat; width: 252px; height: 60px; padding-top: 2px; display: block; margin: auto; text-align: center; }
.mainPanel .buttonItest a { line-height: 2em; font-family: Arial; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonItest a:hover { text-decoration: underline; }

.mainPanel .buttonJtest { background: url(../Images/buttonJ.jpg) no-repeat; width: 245px; height: 60px; display: block; margin: auto; text-align: center;}
.mainPanel .buttonJtest a { line-height: 1.7em; font-family: Arial; color: #000; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.mainPanel .buttonJtest a:hover { text-decoration: underline; }

.sideButton { float: left; background: url(../Images/buttonC.jpg) no-repeat; width: 248px; height: 60px; margin-left:80px; text-align: center;}
.sideButton a { line-height: 2em; font-family: Arial; color: #000; font-size: 1.8em; font-weight: bold; text-decoration: none; }
.sideButton a:hover { text-decoration: underline; } 

.buttonSeals { padding-top: 10px; width: 200px; display: block; margin: auto; text-align: center; }
.buttonSealsS { padding-left: 340px; width: 200px; display: block; margin: auto; text-align: center; }
.buttonSeals .verifyLink {  }

/* ------------------ */
/* ----- Welcome----- */
/* ------------------ */

.welcomePanel { float: left; margin-right: 13px; margin-bottom: 30px; width: 677px; background: url(../Images/677b_border_sides.gif) repeat-y; }
.welcomePanel h1 { padding-left: 25px; padding-top: 5px; padding-bottom: 5px; font-size: 2em; font-family: Arial, Verdana, Sans-Serif; font-weight: bold; color: #91a020; }
.welcomePanel h2 { font-size: 1.3em; margin-bottom: 1em; padding-left: 25px; color: #91a020; }
.welcomeText { font-family: Arial, Verdana, Sans-Serif; font-size: 1.2em; line-height: 1.3em; padding-left: 25px; padding-right: 25px; }
.sidebarPanel { float: left; display: block; width: 255px; background: url(../Images/255_sides_games.gif) repeat-y;  }
.sidebarText { font-size: 1em; line-height: 1.2em; padding-top: 5px; padding-left: 10px; padding-right: 10px; font-family: Arial; }
.sidebarTextWhite { color: #fff; font-size: 1.1em; line-height: 1.3em; padding-left: 10px; padding-right: 25px; font-family: Arial; margin-bottom: 14px;}
.sidebarTextWhiteLink { color: #fff; font-size: .9em; text-align: center; margin-bottom: 5px; margin-top: 5px; font-family: Arial; }
.sidebarTextWhiteLink a { color: #fff; }
.extraPanel { float: left; margin-top: 12px; width: 255px; padding-top: 20px; height: 215px; background: url(../Images/255_green_TY_module.gif) no-repeat top left;  }
.sidebarList { margin-bottom: 0px; }
.sidebarList li { line-height: 1.2em; padding-left: 10px; }
.thumbnailMedium { float: left; width: 88px; height: 66px; border: #999 solid 1px; }
.thumbnailMediumLt { margin-top: 12px; width: 92px; height: 69px; border: #999 solid 1px;}
.thumbnailMediumRt { margin-left: 10px; width: 92px; height: 69px; border: #999 solid 1px;}
.rewardsThumb { float: left; width: 110px; border: #999 solid 1px;}
.rewardsButton { text-align: center; padding-top: 6px; padding-left:70px;}
IMG.panelImg { display: block; margin: auto; padding-bottom: 15px; }
IMG.weatherImg { display: block; margin: auto; margin-bottom: 17px; }
IMG.emoImg { display: block; margin: auto; margin-bottom: 16px; }

.gameDetails { width: 240px; height: 80px;}
.gameInfo { padding-left:10px; width: 100px; overflow: hidden; }
.gamePlay { padding-top:6px; }
.gameInfo h2 { text-align:left; font-size: .8em; margin-bottom: 2px; padding: 0;}
.gameInfo h2 a { text-decoration: none; }
.gameInfo h2 a:hover { text-decoration: underline; }
.gameInfo p a { text-decoration: none; }
.gameInfo p { font-size: .8em; white-space: normal; font-family: Arial;}

.playbarBack { margin: auto; width:239px; text-align: center; height: 91px; background: url(../Images/TY_green_playbarGames.gif) no-repeat; }

/* ------------------ */
/* ----- Footer ----- */
/* ------------------ */

.footer { text-align: center; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; clear: both; padding-bottom: 60px; }
.footer li { display: inline; margin-right: 15px; }
.footer p { font-size: 11px; font-family: Arial, Verdana, Sans-Serif; }


/* ------------------ */
/* ----- Online Chap- */
/* ------------------ */

.onlineChapLPMain { width:900px; height:300px; margin: auto; margin-top: 20px;}
.onlineChapLPFamMain { width:921px; height:290px; margin: auto; }
.onlineChapLPFamImg { position: relative; float: left; top: 10px; left: 3px; width: 383px; height: 272px; }
.onlineChapLPFamText { float: left; padding-top: 20px; padding-left:50px; width: 450px;  }
.onlineChapLPFamText p { font-family: Arial, Verdana, Sans-Serif; }
.onlineChapLPFamText h2 { background: url(../Images/jack_30.gif) no-repeat; line-height: 1.7em; padding-left: 35px; padding-bottom: 10px; font-size: 1.7em; margin-bottom: 0px; font-family: Arial, Verdana, Sans-Serif; }
.onlineChapQuote { font-style: italic; padding-left:20px;}
.onlineChapBold { font-weight: bold; }
.onlineChapLPImg { position: relative; float: left; width: 420px; height: 300px; }
.onlineChapLPText { float: left; padding-top: 10px; padding-left:12px; width: 450px;  }
.onlineChapLPText p { font-family: Arial, Verdana, Sans-Serif; }
.onlineChapLPText h2 { background: url(../Images/jack_30.gif) no-repeat; line-height: 1.7em; padding-left: 35px; padding-bottom: 10px; font-size: 1.7em; margin-bottom: 0px; font-family: Arial, Verdana, Sans-Serif; }
.onlineChapTYMain { background: url(../Images/onlineChap_main.jpg) no-repeat; width:800px; height:400px; margin: auto; margin-top: 20px;}
.onlineStep1 { position: relative; top: 20px; left: 230px; width: 450px; font-family: Arial, Verdana, Sans-Serif; }
.onlineStep2 { position: relative; top: 25px; left: 320px; width: 400px; font-family: Arial, Verdana, Sans-Serif; }
.onlineStep3 { position: relative; top: 35px; left: 480px; width: 320px; font-family: Arial, Verdana, Sans-Serif; }
.onlineChapbutton { position: relative; top: 50px; left: 480px; background: url(../Images/buttonC.jpg) no-repeat; width: 248px; height: 60px; text-align: center;}
.onlineChapbutton a { line-height: 2.5em; font-family: Arial; color: #000; font-size: 1.5em; font-weight: bold; text-decoration: none; }
.onlineChapbutton a:hover { text-decoration: underline; }