@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:-1px;}

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 5px 0; line-height:35px; color:#e5369d;}
h1.main{font-size:20px; font-weight:bold; margin:0 0 15px 0; line-height:35px; text-align:center; color:#e5369d;}

h2{font-size:13px; line-height:16px; font-weight:bold; padding-bottom:15px; margin-top:10px; color:#e5369d;}

h3{font-size:16px; line-height:20px; font-weight:bold; color:#137ec3; margin-bottom:5px;}

h4{font-size:14px; line-height:20px; font-weight:bold; color:#e5369d;}

#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:800px;}



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

h1 a{color:#e8850f;}

#side-nav p a{color:#e5369d;}

#side-nav p a:hover{color:#00F;}

#main-content p a{color:#00F; text-decoration:underline;}



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



div#main-content ul{margin:5px 0 5px 45px;}

div#main-content ul li{color:#e5369d; 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:0 0 0 0; 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;}