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


/*------------------------------- LAYOUT -------------------------------*/
#wsWrap {
width:848px;
height:73em;
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;
}
body.sub #wsWrap {
background: #fff url(../../img/bg.jpg) no-repeat top left;
}
#saving {
float:left;
width:420px;
min-height:47.5em;
height:49em;
float:left;
margin-top:0.5em;
background: transparent url(../../img/bg-saving.jpg) no-repeat top left;
position:relative;
}
#saving #colRight{
width:244px;
float:right;
}
#spending {
float:right;
width:420px;
min-height:47.5em;
height:49em;
margin-top:0.5em;
background: #fff url(../../img/bg-spending.jpg) no-repeat top left;
}
#spending .spendingPad {
padding:0 12px 0 16px;
}



/*------------------------------- CONTENT -------------------------------*/
/*--- STANDARD TAGS ----*/
div {
line-height: 1;
}
h1.index {
background: transparent url(../../img/head-trust-intuition.gif) no-repeat 0 0;
display:block;
width:173px;
height:32px;
margin-bottom:0.5em;
margin-top:20px;
}
h1.things {
background: transparent url(../../img/head-things-to-do.gif) no-repeat 0 0;
display:block;
width:296px;
height:114px;
margin-bottom:20px;
margin-top:20px;
}
h1.tips {
background: transparent url(../../img/head-time-saving.gif) no-repeat bottom left;
display:block;
width:307px;
height:114px;
margin-bottom:11px;
}
h1.competition {
background: transparent url(../../img/head-saving-tip.gif) no-repeat bottom left;
display:block;
width:273px;
height:114px;
margin-bottom:11px;
}
#saving h2 {
background: transparent url(../../img/head-saving.gif) no-repeat 0 0;
display:block;
width:253px;
height:94px;
margin:0 0 0.5em 0;
}
#spending h2 {
background: transparent url(../../img/head-spending.gif) no-repeat 0 0;
display:block;
width:253px;
height:96px;
margin:0 0 0.25em 15px;
}
#saving h3 {
background: transparent url(../../img/head-your-tips.gif) no-repeat 0 0;
display:block;
width:183px;
height:32px;
margin-bottom:0.5em;
}
#spending h3 {
background: transparent url(../../img/head-what-do.gif) no-repeat 0 0;
display:block;
width:363px;
height:32px;
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;
}
#saving h4 {
background: #fff url(../../img/head-win.jpg) no-repeat 0 0;
display:block;
width:165px;
height:31em;
margin:0 0 0.2em 2px;
}
h5 {
margin-bottom:0.25em;
}
p {
line-height: 1.4em;
margin: 0 0em 1.2em 0em;
}
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:95px;
}
#navcontainer ul {
padding-top:53px;
}
#navcontainer li {
display:inline;
float:left;
margin-right:6px;
}
#navcontainer li#navThingsToDo {
margin-left:20px;
}
#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:27px;
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 -31px;
height:29px;
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:27px;
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 -91px;
height:29px;
width:117px;
}



/*------------------------------- HEAD STYLES -------------------------------*/
#headWrap {
width:750px;
}
#headWrap p {
background-color:#fce3f1;
margin:15px 0pt 0pt;
padding:8px 0pt 8px 10px;
}
#logocontainer {
position:absolute;
top:7px;
left:525px;
width:475px;
}
#logocontainer li {
float:left;
margin-right:14px;
}
#logocontainer ul li#grazia {
margin-top:28px;
}
#logocontainer ul li#closer {
margin-top:20px;
}
#logocontainer ul li#wsProduct img {
margin-left:20px;
}



/*------------------------------- SPENDING -------------------------------*/
#spending dl {
display:block;
width:388px;
min-height:54px;
line-height:1.3em;
padding:2px;
clear:both;
}
#spending dl.alt {
background:#f9c3e2;
}
#spending p {
margin:0 20px 0.5em 18px;
}
#spending p a {
color:#e7128c;
}
#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 {
border:none;
}
ul.movie li ul li {
float:none;
padding:4px 0 0 8px;
font-weight:bold;
}
ul.movie li ul.first {
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
}
ul.movie li ul li.first {
color:#983583;
font-weight:normal;
}
ul.movie li ul li a {
font-size:95%;
color:#983583;
font-weight:normal;
}
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;
color:#983583;
padding-right:10px;
}
#saving p {
margin-bottom:0.5em;
line-height:1.2em;
}
#saving p a {
color:#983583;
}

/*--- WIN BOX ----*/
#winBox {
width:165px;
height:31.5em;
position:absolute;
}
#winBox h4 {
/*---background:transparent url(../../img/head-win.gif) no-repeat scroll 0pt 50%;---*/
display:block;
height:31em;
margin:0pt 0pt 0.2em 6px;
width:165px;
}
body.sub #winBox h4 {
background:transparent url(../../img/head-win-sub.jpg) no-repeat scroll 0pt 50%;
display:block;
height:424px;
margin:0pt 0pt 0.2em 6px;
width:165px;
}
#winBox p {
width:99px;
height:56px;
position:absolute;
top:275px;
left:29px;
line-height:1.2em;
text-align:center;
color:#fff;
font-size:95%;
}
body.sub #winBox p {
width:99px;
height:56px;
position:absolute;
top:320px;
left:35px;
line-height:1.2em;
text-align:center;
color:#fff;
font-size:95%;
}
#winBox p a, 
#winBox p a:link,
#winBox p a:visited,
#winBox p a:active  {
color:#fff;
font-size:97%;
text-decoration:underline;
background:#E7128C;
}
/*--- 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;
}
#subColRight, #subColRightTips {
width:682px;
min-height:470px;
margin-left:209px;
}
#subColRight p {
margin-top:1em;
}
#subColRight dl, #subColRightRight dl {
clear:left;
min-height:60px;
padding:0.5em;
}
#subColRight dl.alt {
background-color:#fad0e8;
}
#subColRight dl dt {
float:left;
}
#subColRightTips dl {
padding:7px;
clear:left;
}
#subColRightTips dl.alt {
background-color:#fad0e8;
}
#subColRightTips dl dt span {
background-color:#e775ae;
font-weight:bold;
padding:2px;
}
#subColRight dl dd {
margin-left:95px;
}
#subColRight dl dt img {
border:solid 2px #fff;
margin:3px 0 0 3px;
}
#subColRightTips dl dd {
clear:left;
margin-left:0;
margin-top:4px;
}
#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:#E775AE;
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-left:140px;
}
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:29px;
margin:10px 0pt 1em 0;
}
#formWrap .formButton {
margin:15px 0pt 0.5em 135px;
}
#subColRightTips .formButton input {
float:right;
padding-left: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;
padding-right:80px;
font-size:1.1em;
}
#footer #footer_moreInfo a {
color:#0b406a;
}
#footer #footer_moreInfo img {
margin-left:10px;
}
#footer #footer_moreInfo a img {
float:right;
}