body {width:100%;margin:10px 0 0 0;padding:0px; background: #513530;font: 80% verdana, "trebuchet ms", arial, sans-serif;color:white;}

#outerwrapper {width:100%;min-width:890px;max-width:1300px;margin:0 auto;padding:0px;}
#wrapper {width:100%;margin:0 auto;padding:0px;}

#header {width:100%;position:absolute;height:181px;z-index:2}

#logo {float:left;display:none;}

#foot {width:100%;min-width:890px;max-width:1300px;margin:0 auto;padding:20px 0 0 0;}




#footer_content .navigation {width:80%; margin:0px auto;padding:60px 0 0 0;}

#wrapper, #header {text-align:left;}
body, .navigation, li, .content {text-align:center;}


img {border:0px;}


ul {padding:0px;margin:0px;}
li {margin:0px;list-style:none;}

.navigation li {display:inline; white-space:nowrap; line-height:2em;}

ul.links {font:italic bold 1.2em verdana;}
.links li {display:block;padding:15px;}

.vidbar li {text-align:left;font:bold 1.2em verdana; margin-top:10px;color:white}

.index_content li {text-align:left;font:bold 1.2em verdana; margin-top:10px;}

.index_content h2 {text-align:left;margin:20px 0 0 0;font-size:165%;}

.stores ul {font:italic bold 1.3em verdana;margin-top:10px}


h1 {display:none}
h2 {font-size:150%;padding:20px;margin:0 auto;font-weight:900;font-family: verdana;letter-spacing:-1px;}
h2.oval {width:100%;min-width:890px;height:113px;font-size:150%;padding:30px 0 0px 0;margin:0 auto;margin-bottom:-80px;background: url("images/oval.gif") no-repeat center top;position:absolute;left:0%;top:84px;text-align:center;color:black;}

.index_content h2 {padding-top:0px;}

h4 {font-size:97%;padding:0px;margin:0px;font-weight:normal;}

.bold {font-weight:bold}
.italic {font-style:italic}
.nowrap { white-space:nowrap }
.large {font-size:150%;}
.left {text-align:left}
.margin0 {margin: 0 auto}



.content {margin:0 auto;padding-bottom:0px;color:black;}

div.howitworks, div.buy, div.contact, div.aboutus, div.tellafriend {padding-top:80px;}

.whatis h2 {position:relative;z-index:4}

div.bar {background: #e64b22 url("images/bar_t.gif") repeat-x center top;margin:0px 2.5%; color:white;}
.bar2 { background: url("images/bar_b.gif") repeat-x center bottom;}
.bar3 { background: url("images/bar_tl.gif") no-repeat left top;}
.bar4 { background: url("images/bar_br.gif") no-repeat right bottom;}
.bar5 { background: url("images/bar_bl.gif") no-repeat left bottom;}
.bar6 { background: url("images/bar_tr.gif") no-repeat right top;}

div.ybar {background: #e5d123 url("images/bar2_t.gif") repeat-x center top;margin:0px 2.5%; color:black;}
.ybar2 { background: url("images/bar2_b.gif") repeat-x center bottom;}
.ybar3 { background: url("images/bar2_tl.gif") no-repeat left top;}
.ybar4 { background: url("images/bar2_br.gif") no-repeat right bottom;}
.ybar5 { background: url("images/bar2_bl.gif") no-repeat left bottom;}
.ybar6 { background: url("images/bar2_tr.gif") no-repeat right top;}

div.gbar {background: #b4b4b4 url("images/gbar_t.gif") repeat-x center top;margin:0px 2.5%; color:black;}
.gbar2 { background: url("images/gbar_b.gif") repeat-x center bottom;}
.gbar3 { background: url("images/gbar_tl.gif") no-repeat left top;}
.gbar4 { background: url("images/gbar_br.gif") no-repeat right bottom;}
.gbar5 { background: url("images/gbar_bl.gif") no-repeat left bottom;}
.gbar6 { background: url("images/gbar_tr.gif") no-repeat right top;}

div.bbar {background: #16A4C8 url("images/box_b_t.gif") repeat-x center top;margin:0px 2.5%; color:black;}
.bbar2 {background: url("images/box_b_b.gif") repeat-x center bottom;}
.bbar3 { background: url("images/box_b_tl.gif") no-repeat left top;}
.bbar4 { background: url("images/box_b_br.gif") no-repeat right bottom;}
.bbar5 { background: url("images/box_b_bl.gif") no-repeat left bottom;}
.bbar6 { background: url("images/box_b_topr.gif") no-repeat right top;}

.whatis ul {padding:5px 20px 15px 20px;}


.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}





#wantonenow {font:bold 1.5em verdana;color:black;margin:0px 0 10px 0;padding:17px;}
.wantone {background: transparent;width:100%;margin:0 auto;padding-top:7px;}
.wantone p {font:bold 1.6em verdana;line-height:0.95em;}


div.rounded {background: url("images/bg_t.gif") white repeat-x right top;}
.divrl { background: url("images/bg_l.gif") repeat-y left center;}
.divrr { background: url("images/bg_r.gif") repeat-y right center;}
.divr0 { background: url("images/bg_br.gif") no-repeat right bottom;}
.divr1 { background: url("images/bg_bl.gif") no-repeat left bottom;}
.divr2 { background: url("images/bg_tl.gif") no-repeat left top;}
.divr3 { background: url("images/bg_tr.gif") no-repeat right top;}
.divr4 { margin:0px;padding:110px 130px;}
.divr5 { background: url("images/bg_b.gif") repeat-x right bottom;}




.dots {width:164px;height:100px; text-align:center;background: url("images/dot_blue.gif") repeat-x left center;margin:0 auto;}
.dots_w {width:164px;height:100px; text-align:center;background: url("images/dot_white.gif") repeat-x left center;margin:0 auto;}


a:link, a:visited, a:focus {text-decoration: underline;color:#16A4C8;}
a:hover, a:active {text-decoration: none; color:#fff;background:#16A4C8;}

.navigation a:link, .navigation a:visited {font-variant:small-caps;text-decoration: none;color:white;}

.bar a:link, .bar a:visited {color:#ffff00;}
.bbar a:link, .bbar a:visited {color:#ffff00;}
.bbar a:hover, .bbar a:active {text-decoration: none; color:#ff0;background:#513530;}


.index_content {text-align:left;padding:30px 0px 0px 0px;}
.video {float:right;margin:-7px 60px 0px 30px;background: url("images/video.png") no-repeat center center;}
.video img {width:170px;margin:17px 15px 13px 15px;}

.friendlink {font-size:1.35em;font-weight:bold;margin:0 0 20px 0;}

.aboutus, .howitworks {margin:0 auto;padding:20px 10% 10px 10%}
.aboutus, .howitworks p {font:1.2em "Trebuchet MS";text-align:left;}

.madeincanada {font:italic bold 1.2em verdana;padding-top:15px}

.howitworks img {margin: 17px 30px 15px 0;border:5px solid #7f6a66;float:left}


div.tellafriend {margin:0 auto;color:black;}
.tellafriend p {margin:20px 0 50px 0;}
.tellafriend table {color:black;font-size:1em;margin:0 auto;position:relative;left:74px;}
.tellafriend input {border: 1px solid #c0c0c0;color: #000000;font-size: .9em;margin: 0px 0px 10px 10px;padding: 1px 0px 1px 3px;width: 14em;}
.tellafriend input.error, textarea.error {color: #000000;background-color: #f5731d;}
.tellafriend input.reset, .tellafriend input.send {border: 1px solid #0072bc;font-size: .9em;font-weight:bold;width: 9em;position:relative;right:74px;}
.tellafriend td.formtext {font-size: .9em;font-weight: bold;padding: 0px 0px 12px 0px;text-align: right;}
.tellafriend tr {vertical-align: top;}
.tellafriend .error {color: #f5731d;}

#friendpic {float:right;position:relative;bottom:91px;left:28px}



.caution p {width:78%; padding:5px; background:#FEFF89;font: bold 1.1em verdana;text-align:center;border:3px solid black;color:black;margin:0 auto;margin-top:30px;}


.navtop {width:100%;min-width:890px;position:absolute;z-index:5}

.navigation {margin:0px auto;padding:21px 170px 0 170px;}
.navigation a {margin:10px;font-weight:bold;font-size:1.15em;background: #513530;padding:2px 2px;border:3px solid #513530;border-top:0px;border-bottom:0px}
.navigation a:hover {margin:10px;font-weight:bold;font-size:1.15em;background: #16A4C8;padding:2px 2px;border:3px solid #7f6a66;text-decoration:none;color:white;border-top:0px;border-bottom:0px}

 .imageOff{
border: 5px double #fff
}
.imageOn{
border: 5px double #16a5c8
}

#ddimage {width:141px;height:100px;background:url(images/dd.png) no-repeat left top;float:left;position:relative;bottom:5px;right:7px;margin-right:10px;}
#printimage {width:125px;height:205px;background:url(images/corporatetest.png) no-repeat left top;float:left;position:relative;bottom:25px;right:10px;}
#wantnowimage {width:180px;height:125px;background:url(images/wantnow.png) no-repeat left top;float:left;position:relative;bottom:12px;right:18px;margin-right:10px;}
#ddimage img {display:none;}
#printimage img {display:none;}
#wantnowimage img {display:none;}


#footer {position:relative;bottom:105px;background: url("images/bgline_botX.gif") no-repeat right bottom;}
#footer_content {height:26px;background: url("images/bgline_bot_lX.gif") no-repeat left bottom;}


.copyright {width:99%;padding:0px 0 15px 0;background: #513530;margin:0 auto;font:.8em verdana}
