@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:#222222;background:#ffffff; font-size:13px;}
/* 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: "" "";}

/*General Layout*/
#main-content a{font-weight:bold; font-size:13px; color:#0080FF; text-decoration:none;}
#main-content a:hover{color:#000; text-decoration:underline; }
#main-content ul{list-style:none; margin:10px 0 0 20px;}
#main-content ul li{line-height:20px; padding-left:23px; background:url(../images/bullet-check.png) no-repeat; font-weight:bold;}
#main-content ul.top-products{margin:0 0 15px 50px; list-style-type:circle;}
#main-content ul.top-products li{padding-left:0px; font-weight:normal;}

h1{font-size:22px; font-weight:bold; line-height:36px; color:#5C3B5C; text-align:center;}
h2{font-size:18px; font-weight:bold; line-height:14px; padding:10px 0 2px 0;  color:#5C3B5C; border-bottom:1px solid #e5e5e5;}

#main-content img{padding:0px 0 25px 0;}

#main-content p{padding:10px 0; line-height:22px;}

/* general styles */
hr{background:#e5e5e5; margin:15px 0; height:1px; border:none;}
.bold{font-weight:bold;}
.clear{clear:both;}
.highlight{color:#FF0;}