@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:#f7f6f1;}
/* 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*/
#wrapper{background:url(images/background-fill.png); width:820px; margin:0px auto; padding:10px 0;}
#main-navigation{width:820px;}
#banner{margin-left:13px;}
#content-wrapper{padding:10px 17px;}
#side-nav{background:url(images/column.png) repeat-y; width:200px; padding:0px 0 15px 0; float:right; margin:-37px -7px 0px 0px;}
#main-content {padding:0px 5px 10px 17px; width:530px; margin-top:-15px;}

/* when changing template */
div#main-navigation .last-item {margin-left:0px;}
div#main-navigation ul{margin-left:0px; margin-bottom:25px;}
div#main-navigation ul li{display:inline; margin:0px -4px 0px 0px;}

/* h tags */
h1{font-size:20px; font-weight:bold; margin:0 0 15px 0; line-height:35px; text-align:center; color:green;}
h2{font-size:13px; line-height:16px; font-weight:bold; padding-bottom:15px; margin-top:10px; color:green;}
h3{font-size:16px; line-height:20px; font-weight:bold; color:#137ec3;}
h4{font-size:14px; line-height:20px; font-weight:bold; color:green;}
#reviews-list h2{font-size:13px; color:#4f4f4f; text-align:left; border-bottom:1px solid #d7d7d7; padding:0px 0px 0px 10px; margin-top:20px; line-height:20px;}
div#product-review-form h2{padding-top:25px;}

/* iframe styles */
iframe{height:2200px;}
iframe.single{height:900px;}

/* p styles*/
p{font-size:13px; line-height:24px; color:#313131; padding-bottom:10px; }
#side-nav p.product-name{font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
#side-nav p{font-size:11px; line-height:14px; padding:8px 10px; color:#4f4f4f;}
#footer p{clear:both; text-align:center; font-size:9px; color:#666666; margin-top:10px;} 


/* img styles */
#side-nav img{margin:0px 0 10px 0;}

/* a styles */
a{color:#313131; text-decoration:none;}
a:hover{color:green;}
h1 a{color:#e8850f;}
#side-nav p a{color:green;}
#side-nav p a:hover{color:#313131;}

/* list styles*/
#reviews-list ul{ list-style-image:url(images/bullet-point.png); margin:0px 10px 0px 15px; padding-left:20px;}
#reviews-list ul li a{color:#313131; font-size:13px; line-height:20px; text-decoration:none;}
#reviews-list ul li a:hover{color:green;}

div#main-content ul{margin:5px 0 5px 45px;}
div#main-content ul li{color:green; font-size:14px; padding:10px 0px 0px 0px; font-weight:bold;}

div#main-content #front-list ul {margin:0px 0px 0px 40px;}
div#main-content #front-list ul li {color:#313131; font-size:11px; line-height:15px; text-decoration:none; list-style-type:disc;}
div#main-content #front-list p {font-size:11px; line-height:15px; margin:-15px 0px 0px 120px; font-weight:normal;}

form#email_form{margin-left:15px;}
form#email_form input{width:80%; margin-bottom:6px;}
form#email_form input#submit{width:100px; display:block;}
form#email_form label{display:block; font-size:14px; margin-bottom:3px;}
form#email_form textarea{width:90%; height:100px; margin-bottom:10px;}


/*review form*/
form#comment_form{width:488px; background-color:#f4f4f4; padding:15px; margin:15px 0 0 5px; border:1px solid #dbdbdb;}
form#comment_form label{display:block; color:#000; font-size:14px; font-weight:bold; margin-bottom:3px;}
form#comment_form input{width:99%; margin-bottom:3px;}
form#comment_form input#submit{width:125px; margin:15px 0px 0px 0px;}
form#comment_form textarea{width:99%;}

.box2{background-color:#ffffff; border:thin #a0a0a0 solid; margin:10px 0px 10px 0px; padding:10px 15px 10px 15px;}
.box1{background-color:#f0f9ff; border:thin #a0a0a0 solid; margin:10px 0px 10px 0px; padding:10px 15px 10px 15px;}
.box1 p{font-family:"Courier New", Courier, monospace;}
.box2 p{font-family:"Courier New", Courier, monospace;}
.testimonialname{text-align:right;}


/*general classes*/
.bold{font-weight:bold;}
.clear{clear:both;}
.blue{color:#03F;}
.float-left{float:left;}
small{font-size:10px; margin-top:-25px; padding-bottom:15px; line-height:25px;}
.underline{text-decoration:underline;}