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

/* General Layout */
body{background-color:#e9e9e9;}
div#wrapper{margin:0 auto; width:656px;}
div#banner{background:url(../images/banner.png) no-repeat; width:656px; height:125px;}
div#background-fill{background:url(../images/background-repeat.png) repeat-y; width:656px;}

/* Top Navigation */
div#nav{background:url(../images/nav-background.png) no-repeat; width:627px; height:28px; margin:0 auto 15px auto;}
div#nav ul li{display:inline;}

/* div styles */
div#main-content{padding:0 30px;}

/* h styles */
h1{font-size:20px; font-weight:bold; color:#2c7976; margin-bottom:10px; line-height:26px; text-align:center;}
h1.alternatives{font-size:16px; line-height:23px; color:#232323; border-bottom:none;}
h2{font-size:15px; font-weight:bold; color:#000; margin-bottom:10px; line-height:18px; border-bottom:1px solid #ccc;}
h2.top-products{color:#f66bc4;}

/* img styles*/
img{margin-bottom:15px;}
img.cr-link{margin:0 0 25px 145px;}

/* p styles */
p{font-size:13px; line-height:21px; color:#2c2c2c; margin-bottom:15px;}
#footer p{text-align:center; font-size:10px; color:#CCC; padding:30px 0 0 10px;}
/* general styles */
.bold{font-weight:bold;}

/**box**/
div#box{background-color:#e8f4fe; width:500px; margin:10px 0 0 80px; padding:10px 10px 15px 10px; border:#0099CC medium; border-bottom:1px #0066CC solid; border-right:1px #0066cc solid; border-left:1px #0066cc solid; border-top:#0066cc solid 1px;}
div#box ul.float{float:right;}
#box ul li{margin-left: 35px; list-style-type:circle;}
#box ul.float{margin-left:0px; margin-right:35px;}
#box ul{line-height:20px;}
#box h2{margin-bottom:10px;}

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

/**form**/
form#comment_form{width:500px; border:1px solid #cccccc; background:#e8f4fe; padding:15px; margin:15px auto;}
form#comment_form label{display:block; margin-bottom:4px;}
form#comment_form input{width:99%; margin-bottom:4px;}
form#comment_form input#submit{width:125px; margin-top:15px;}
form#comment_form textarea{width:99%;}
