/*------------------------------- 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: #fff;
}


/*------------------------------- LAYOUT -------------------------------*/
#wsWrap {
width:1011px;/*NEW*/
height:72em;
min-height:855px;
margin:0 auto; 
margin-left:auto; 
margin-right:auto; 
position:relative;
background: #fff url(../../img/bg.gif) no-repeat top left;
}

/*body.sub #wsWrap {/*NEW*/
/*background: transparent url(../../img/bg-footer-sub.jpg) no-repeat bottom left;
}*/

#wsbgWrap {
padding:0 76px;
}
body.sub #wsbgWrap {/*NEW*/
background: transparent url(../../img/bg-sub.gif) no-repeat top left;
height:300px;
}

#saving {
float:left;
width:420px;
min-height:47.5em;
height:51em;
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-top-things.gif) no-repeat 0 0;
display:block;
width:379px;
height:94px;
margin:15px 0 0.5em 0;
}
h1.competition {
background: transparent url(../../img/head-your-time.gif) no-repeat 0 0;
display:block;
width:338px;
height:93px;
margin:15px 0 0.5em 0;
}
h1.tips {
background: transparent url(../../img/head-time-saving-tips.gif) no-repeat 0 0;
display:block;
width:367px;
height:92px;
margin:20px 0;
}
#saving h2 {
background: #fff url(../../img/head-saving.gif) no-repeat 0 0;
display:block;
width:249px;
height:98px;
margin:0;
}
#spending h2 {
background: #fff url(../../img/head-spending.gif) no-repeat 0 0;
display:block;
width:318px;
height:95px;
margin:0 0 0.25em 15px;
}
#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;
position:relative;
z-index:1;
}
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;
position:relative;
z-index:1;
}
h5 {
margin-bottom:0.25em;
}
p {
line-height: 1.4em;
margin: 0 0em 1.2em 0em;
position:relative;
z-index:1;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a, a:link, a:visited, a:active {
color:#000;
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:28px;
position:relative;
text-transform:uppercase;
color:#fff;
font-size:1.4em;
padding-top:95px;
}
#navcontainer ul {
float:left;
display:inline;
margin-left:11.7em;
}
#navcontainer ul#trustIntuition {
position:absolute;
top:95px;
left:0;
margin:0;
font-weight:bold;
}
#navcontainer li {
display:inline;
float:left;
background: transparent url(../../img/divider.gif) no-repeat scroll right 5px;
padding:0 6px;
}
#navcontainer ul#trustIntuition li {
background:none;
}
#navcontainer li#navThingsToDo {
display:inline;
float:left;
background: transparent;
padding:0 12px;
}
#navcontainer a, #navcontainer a:link, #navcontainer a:visited, #navcontainer a:active {
display:block;
text-decoration:none;
color:#fff;
font-size:0.8em;
padding:0 4px;
font-weight: bold;
}
#navcontainer a:hover {
text-decoration:underline;
}
#navcontainer li#navThingsToDo a, #navcontainer li#navThingsToDo a:link, #navcontainer li#navThingsToDo a:visited, #navcontainer li#navThingsToDo a:active {
color:#000;
font-weight:bold;
}

/*------------------------------- HEAD STYLES -------------------------------*/
#headWrap {
width:800px;
}
#headWrap p {
background-color:#FFFFFF;
margin:15px 0pt 0pt;
padding:8px 0pt 0pt 10px;
}
#logocontainer {
position:absolute;
top:2px;
left:654px;
width:430px;
}
#logocontainer li {
float:left;
margin-right:14px;
}
#logocontainer ul li#grazia {
margin-top:28px;
}
#logocontainer ul li#wsProduct {
margin-top:4px;
}



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

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

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



/*------------------------------- SAVING -------------------------------*/
ul.movie {
padding:0 15px 10px 0;
min-height:73px;
}
ul.movie li {
float:left;
}
ul.movie li ul {
width:100px;
border:none;
}
ul.movie li ul li {
float:none;
padding:4px 0 0 8px;
}
ul.movie li ul.first {
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
}
ul.movie li ul li.first {
color:#847E25;
}
ul.movie li ul li a {
font-size:95%;
color:#847E25;
}
ul.movie li.movie {
float:left;
}
#saving dl {
margin:0.75em 0 1em 0;
width:235px;
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;
}
#saving p {
margin-bottom:0.5em;
line-height:1.2em;
}

/*--- WIN BOX ----*/
#winBox {
width:165px;
height:34em;
position:absolute;
}
#winBox h4 {
background: #fff url(../../img/head-win.jpg) no-repeat 0 -11px;
display:block;
width:165px;
height:34em;
margin:0 0 0.2em 2px;
}
#winBox p {
width:99px;
height:56px;
position:absolute;
top:320px;
left:38px;
line-height:1.2em;
color:#000;
font-size:95%;
}
#winBox p a, 
#winBox p a:link,
#winBox p a:visited,
#winBox p a:active  {
color:#000;
font-size:95%;
text-decoration:underline;
background:#f8ed46;
}
/*--- QUOTE BOX ----*/
#quote {
width:128px;
height:6.1em;
background-color:#a5d642;
margin:10px 0pt 8px 0;
padding:10px 3px 10px 10px;
font-size:95%;
float:left;
position:relative;
left:16px;
}
#quote p {
line-height:1.1em
}



/*------------------------------- SUB PAGES -------------------------------*/
#subColLeft {
position:absolute;
left:75px;
}
#subColRight, #subColRightTips  {
width:696px;
min-height:380px;
margin-left:209px;
}
#subColRight dl, #subColRightRight dl {
min-height:60px;
padding:0.5em;
border-bottom:solid 1px #ddd;
clear:both;
}
#subColRight dl.alt {
background-color:#f1f0db;
}
#subColRight 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 dt span {
background-color:#f7eb31;
font-weight:bold;
padding:2px;
}
#subColRightTips dl dd {
clear:left;
margin-left:0;
margin-top:4px;
}
#subColRightTips dl {
padding:7px;
border-bottom:solid 1px #ddd;
clear:left;
}
#subColRightTips dl.alt {
background-color:#f1f0db;
}
#subColRightTips #movieWrap {
height:98px;
clear:left;
}
#subColRightTips #movieWrap_col1, #subColRightTips #movieWrap_col2, #subColRightTips #movieWrap_col3 {
float:left;
}


/*------------------------------- SAVING TIPS SUB PAGES -------------------------------*/
#tipWrap {
height:140px;
min-height:140px;
border-bottom:1px solid #ddd;
margin-bottom:5px;
}
#tipWrap ul li {
padding:0pt 10px 1em 0pt;
}
#tipWrap ul li span {
background-color:#f8ed46;
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:0pt 5px 0pt 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 {
height:34px;
margin:15px 0pt 1em 135px;
}
#formWrap .formButton {
margin:15px 0 0.5em 135px;
}

#subColRightTips .formButton input {
float:right;
}


/*------------------------------- FOOTER -------------------------------*/
#footer {
padding-top:1.5em;/*NEW*/ 
font-size:95%;
background: transparent url(../../img/bg-footer.jpg) no-repeat 0 -60px;/*NEW*/ 
height:4.3em;/*NEW*/
width:1011px;
margin:0 auto;/*NEW*/ 
margin-left:auto; 
margin-right:auto; 
}
body.sub #footer {
background:none;/*NEW*/ 
}
#footer ul {
float:left;
margin-left:75px;/*NEW*/ 
margin-top:1em;/*NEW*/ 
}
#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;
padding-right:90px;/*NEW*/
}
#footer #footer_moreInfo p {
text-align:right;
padding-right:80px;
font-size:1.1em;
}
#footer #footer_moreInfo a {
color:#000;
background-color:#F8ED46;
}
#footer #footer_moreInfo img {
margin-left:10px;
}
#footer #footer_moreInfo a img {
float:right;
}