@charset "utf-8";
/* css browser reset */
html, body, div, span, applet, object, iframe,h1, h2, 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,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-weight: inherit;font-style: inherit;font-size: 100%; font-family:Arial, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

iframe{height:1200px;}

/* general layout */
body{background:#e6e6e6;}
div#wrapper{background:url(../images/background-shadow.png) repeat-y; width:702px; margin:0 auto; padding:0px 50px 15px 50px;}
div#nav ul{background:url(../images/nav-background-top.png) no-repeat; width:700px; height:27px; margin:0 auto 1px auto;}
div#nav ul li{display:inline;}
div#nav-bottom{background:url(../images/nav-background-bottom.png) no-repeat; width:700px; height:7px; margin:0 auto 13px auto;}

/* a styles*/
a{color:#0468ff;}
h2 a{color:#1f1f1f; text-decoration:none;}

/* div styles*/
div#banner{background:url(../images/banner.png) no-repeat; width:678px; height:113px; margin:0 auto 34px auto;}
div#content{padding:0px 22px;}
div#logo{background:url(../images/logo.png) no-repeat bottom; width:267px; height:47px; margin:0 0 11px 15px; padding-top:20px;}
div.top-products{width:338px; float:left; margin-right:18px;}
#effects{margin-left:200px; }

/* h styles */
h1{font-size:18px; line-height:28px; color:#8f7837; font-weight:bold; text-align:center; margin-bottom:15px; letter-spacing:-0.01em;}
h2{font-size:14px; line-height:22px; color:#1f1f1f; font-weight:bold; margin-bottom:7px; letter-spacing:-0.01em; padding-bottom:1px; border-bottom:1px solid #e6e6e6;}


/* img styles */
div#top-products-wrapper img{margin-bottom:15px;}
div#nav img{margin-right:-4px;}

/* list styles*/
ul{list-style-image:url(../images/bullets-arrows.png); margin: 0 0 15px 23px;}
ul li{font-size:14px; line-height:24px; letter-spacing:-0.01em; color:#1f1f1f;}
ol{display:block;;float:left;font-size:14px; line-height:24px; letter-spacing:-0.01em; color:#1f1f1f; width:175px;}


/* p styles */
p{font-size:12px; line-height:20px; margin-bottom:20px;}
p.try-links{line-height:36px; color:#096bff; text-align:right; margin-bottom:25px; border-bottom:none;}
div#top-products-wrapper p {margin-bottom:5px;}
div#top-products-wrapper div.top-products p{font-size:13px; line-height:23px; margin-bottom:0px; letter-spacing:0em;}
div#foot p{text-align:center; font-size:10px; color:#aaa;  line-height:12px; margin-bottom:5px; padding:0 22px;}

/* general styles*/
.bold{font-weight:bold;}
.noborder{border:none;}
.center{text-align:center;}
.margin-top{margin-top:10px;}
.red{color:#ea090e;}
.clear{clear:both;}