/*------------------------------- RESET -------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%; /* Don't change the font-size here */
vertical-align: baseline;
background: transparent;
}

/*------------------------------- BODY -------------------------------*/
body {
font-family:Arial, Helvetica, sans;
font-size:76%;
line-height:1;
color:#000;
background-color: #fff;
}
body.sub {
background: #fff url(../../img/bg-sub.jpg) repeat-x top left;
}



/*------------------------------- LAYOUT -------------------------------*/
#wsWrap {
width:848px;
height:70em;
min-height:855px;
padding:0 76px;
margin:0 auto; 
margin-left:auto; 
margin-right:auto;
position:relative; 
}
#wsWrap.index {
background: #fff url(../../img/bg-index.gif) no-repeat top left;
}
#wsWrap.sub {
}
#saving {
float:left;
width:420px;
min-height:47.5em;
height:48.2em;
float:left;
margin-top:0.5em;
background: #fff url(../../img/bg-saving.jpg) no-repeat bottom left;
position:relative;
}
#saving #colRight{
width:240px;
float:right;
}
#spending {
float:right;
width:420px;
min-height:47.5em;
height:48.2em;
margin-top:0.5em;
background: #fff url(../../img/bg-spending.jpg) no-repeat bottom left;
}
#spending .spendingPad {
padding:0 12px 0 16px;
}



/*------------------------------- CONTENT -------------------------------*/
/*--- STANDARD TAGS ----*/
div {
line-height: 1;
}
h1.index {
background: #fff url(../../img/head-trust-intuition.jpg) no-repeat 0 0;
display:block;
width:172px;
height:26px;
margin-bottom:0.5em;
}
h1.things {
background: transparent url(../../img/head-things-to-do.gif) no-repeat 0 0;
display:block;
width:438px;
height:62px;
margin-bottom:20px;
}
h1.tips {
background: transparent url(../../img/head-top-time.gif) no-repeat 0 0;
display:block;
width:438px;
height:62px;
margin-bottom:20px;
}
h1.competition {
background: transparent url(../../img/head-your-time.gif) no-repeat 0 0;
display:block;
width:428px;
height:62px;
margin:15px 0 1em 0;
}
#saving h2 {
background: #fff url(../../img/head-saving.gif) no-repeat 0 0;
display:block;
width:420px;
height:84px;
margin:0 0 0.5em 0;
}
#spending h2 {
background: #fff url(../../img/head-spending.gif) no-repeat 0 0;
display:block;
width:420px;
height:84px;
margin:0 0 0.5em 0;
}
#saving h3 {
background: #fff url(../../img/head-your-tips.gif) no-repeat 0 0;
display:block;
width:211px;
height:24px;
margin-bottom:0.5em;
}
#spending h3 {
background: #fff url(../../img/head-what-do.gif) no-repeat 0 0;
display:block;
width:363px;
height:24px;
margin-bottom:0.5em;
}
h3.tipsSub {
background: transparent url(../../img/head-your-top-tips.gif) no-repeat 0 0;
display:block;
width:681px;
height:24px;
margin-bottom:1em;
}
h3.compSub {
background: transparent url(../../img/head-tell-us-your-tip.gif) no-repeat 0 0;
display:block;
width:681px;
height:24px;
margin-bottom:1em;
}
h5 {
margin-bottom:0.25em;
}
p {
line-height: 1.3em;
margin: 0 0em 1.2em 0em;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a, a:link, a:visited, a:active {
color:#000;
font-weight:bold;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
display: block;
}
a img { 
border: none 
}
li {
margin: 0em 0px 0em 0px;
}
dl {
line-height: 1.2em;
}
dt {
line-height: 1.2em;
}
dd {
line-height: 1.2em;
}
ol {
list-style-type: none;
}
ul {
margin: 0em 0px 0em 0px;
padding: 0;
list-style-type: none;
clear:both;
line-height: 1.2em;
}



/*--- CLASSES ----*/
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {
display:block;
}
.clear {
clear: both;
}
.replace {
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9000px;
}
.replace a {
display:block;
height:100%;
width:100%;
}
a.replace {
display:block;
text-indent:-9000px;
}


/*------------------------------- NAVIGATION -------------------------------*/
#navcontainer {
height:127px;
}
#navcontainer ul {
padding-top:53px;
}
#navcontainer li {
display:inline;
float:left;
margin-right:6px;
}
#navcontainer li#navThingsToDo {
margin-left:10px;
}
#navcontainer a:link{
display:block;
text-decoration:none;
}
#navHome a, #navHome a:link, #navHome a:visited, #navHome a:active, #navHome a:hover {
background:transparent url(../../img/nav/topnavsprite.gif) no-repeat scroll 0 0;
height:26px;
width:63px;
}
#navCompetition a, #navCompetition a:link, #navCompetition a:visited, #navCompetition a:active, #navCompetition a:hover {
background:transparent url(../../img/nav/topnavsprite.gif) no-repeat scroll 0 -29px;
height:26px;
width:117px;
}
#navTips a, #navTips a:link, #navTips a:visited, #navTips a:active, #navTips a:hover {
background:transparent url(../../img/nav/topnavsprite.gif) no-repeat scroll 0 -58px;
height:26px;
width:52px;
}
#navThingsToDo a, #navThingsToDo a:link, #navThingsToDo a:visited, #navThingsToDo a:active, #navThingsToDo a:hover {
background:transparent url(../../img/nav/topnavsprite.gif) no-repeat scroll 0 -87px;
height:26px;
width:117px;
}



/*------------------------------- HEAD STYLES -------------------------------*/
#headWrap {
padding-right:50px;
/*height:190px;*/
width:755px;
dislay:block;
}
#headWrap p {
padding: 0 0 0 10px;
margin:0;
}
#logocontainer {
position:absolute;
top:12px;
left:564px;
width:425px;
}
#logocontainer li {
float:left;
margin-right:14px;
}



/*------------------------------- SPENDING -------------------------------*/
#spending dl {
display:block;
width:388px;
min-height:54px;
line-height:1.3em;
padding:2px;
clear:both;
}
#spending dl.alt {
background: #d5d5d7;
}
#spending p {
margin-bottom:0.5em;
}
#spending a {
color:#e15899;
}
#spending dl dt {
font-weight:bold;
color:#e15899;
}
#spending dl dd {
padding-bottom:0.25em;
}
#spending dl dd a {
color:#e15899;
text-decoration:none;
}

#spending dl dt img {
float:right;
border:solid #fff 2px;}

#spending .formButton input {
float:right;
margin-bottom:8px;
}



/*------------------------------- SAVING -------------------------------*/
ul.movie {
padding:0 10px 10px 0;
border-bottom:solid 1px #ddd;
min-height:73px;
}
ul.movie li {
float:left;
}
ul.movie li ul {
width:100px;
border:none;
}
ul.movie li ul li {
float:none;
padding:2px 0 0 8px;
}
ul.movie li ul.first {
font-weight:bold;
border-bottom:solid 1px #ddd;
padding-bottom:5px;
margin-bottom:10px;
}
ul.movie li ul li.first {
color:#8E9BB5;
}
ul.movie li ul li a, ul.movie li ul li a:link, ul.movie li ul li a:visited, ul.movie li ul li a:active {
font-size:95%;
color:#8E9BB5;
}
ul.movie li.movie {
float:left;
}
#saving dl {
margin:0.75em 0 1em 0;
width:230px;
line-height:1.3em;
clear:left;
}
#saving dl dt {
font-weight:bold;
}
#saving dl dd a, #saving dl dd a:link, #saving dl dd a:visited, #saving dl dd a:active {
text-decoration:underline;
color:#8e9bb5;
}
#saving p {
margin-bottom:0.5em;
line-height:1.2em;
}
/*--- WIN BOX ----*/
#winBox {
width:165px;
height:31.5em;
position:relative;
}
#winBox h4 {
background: #fff url(../../img/head-win.jpg) no-repeat 0 -11px;
display:block;
width:165px;
height:31.5em;
margin:0 0 0.2em 6px;
}
#winBox p {
width:99px;
height:56px;
position:absolute;
top:283px;
left:38px;
line-height:1.2em;
color:#fff;
font-size:95%;
}
#winBox p a, 
#winBox p a:link,
#winBox p a:visited,
#winBox p a:active  {
color:#fff;
font-size:95%;
text-decoration:underline;
background:#e15899;
}
/*--- QUOTE BOX ----*/
#quote {
width:128px;
height:6.1em;
background-color:#a5d642;
margin:0 0 8px 8px;
padding:10px 3px 10px 10px;
font-size:95%;
float:left;
}
#quote p {
line-height:1.1em;
}


/*------------------------------- SUB PAGES -------------------------------*/
#subColLeft {
position:absolute;
left:75px;
z-index:2;
}
#subColRight, #subColRightTips {
width:682px;
min-height:380px;
margin-left:209px;
position:relative;
z-index:1;
}
#subColRight dl {
min-height:60px;
clear:left;
padding:0.5em;
}
#subColRight dl.alt {
background-color:#ddd;
}
#subColRight dl dt, #subColRightRight dl dt {
float:left;
}
#subColRight dl dt img {
border:2px solid #FFFFFF;
margin:3px 0pt 0pt 3px;
}
#subColRight dl dd {
margin-left:95px;
}
#subColRightTips dl {
padding:7px;
clear:left;
}
#subColRightTips dl.alt {
background-color:#ddd;
}
#subColRightTips dl dd {
clear:left;
margin-left:0;
margin-top:4px;
}
#subColRightTips dl dt span {
background-color:#9da4b4;
font-weight:bold;
padding:2px;
}
#subColRightTips #movieWrap {
height:98px;
clear:left;
}
#subColRightTips #movieWrap_col1, #subColRightTips #movieWrap_col2, #subColRightTips #movieWrap_col3 {
float:left;
}


/*------------------------------- SAVING TIPS SUB PAGES -------------------------------*/
#tipWrap {
height:140px;
width:680px;
min-height:140px;
border-bottom:1px solid #ddd;
margin-bottom:5px;
}
#tipWrap ul li {
padding:0 10px 1em 0;
}
#tipWrap ul li span {
background-color:#9da4b4;
font-weight:bold;
padding:2px;
position:relative;
top:2px;
}
#tipWrap ul li.movie {
float:left;
}


/*------------------------------- FORMS -------------------------------*/
fieldset {
border:none;
width:100%;
margin-left:27px;
}
#formWrap li {
clear:left;
margin-top:10px;
}
input {
margin:0;
font-size:100%;
padding:1px 0 1px 4px;
margin-bottom:0.5em;
}
li.inputText input {
width:144px;
}
li.inputCheckbox input {
margin:0 5px 0 140px;
vertical-align:middle;
}
label {
font-size: 100%;
line-height:1.2em;
font-weight:bold;
width:140px;
display:block;
float:left;
}
li.inputCheckbox label {
float:none;
display:inline;
font-weight:normal;
}
legend {
background-color:transparent;
font-family:Arial, Helvetica, sans; 
line-height: 1.3em;
font-weight: bold;
color:#fff;
}
select {
font-size:100%;
height:18px;
padding-top:1px;
width:53%;
background: #fff;
}
textarea {
font-family:Arial, Helvetica, sans; 
font-size: 95%;
cursor: text;
width:301px;
height:48px;
overflow: auto;
}
li.textArea_movie textarea {
font-family:Arial, Helvetica, sans; 
font-size: 95%;
cursor: text;
width:301px;
height:18px;
overflow: auto;
}
.formButton {
margin:15px 0 1em 135px;
height:25px;
}
#subColRightTips .formButton input {
float:right;
}
#saving .formButton {
margin-left:0;
padding:0;
}



/*------------------------------- FOOTER -------------------------------*/
#footer {
padding-top:1em;
font-size:95%;
}
#footer ul {
float:left;
}
#footer li {
display:inline;
float:left;
border-right:solid 1px #000;
}
#footer li.last {
border-right:none;
}
#footer ul li a {
padding: 0 5px 0 5px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
text-decoration:none;
font-weight:normal;
}
#footer a:hover {
text-decoration:underline;
font-weight:normal;
}

#footer #footer_moreInfo {
float:right;
width:424px;
}
#footer #footer_moreInfo p {
text-align:right;
font-weight:bold;
padding-right:80px;
}
#footer #footer_moreInfo a {
color:#0b406a;
font-weight:bold;
}
#footer #footer_moreInfo img {
margin-left:10px;
}
#footer #footer_moreInfo a img {
float:right;
}