@charset "UTF-8";
/* CSS Document */
body { margin:0px; padding:0px; background:top left repeat url(images/repeating_bg.png) #424241; color:#434343; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, p { margin:0px; padding:0px; }
#site-container { width:1000px; margin:0 auto 0 auto; background:top left repeat-y url(images/shadow_bg.png); position:relative; overflow:hidden; }
#logo { position:absolute; top:0px; left:60px; z-index:20; }
#header-container { width:960px; margin:0 20px 0 20px; }
#feature { width:960px; height:510px; overflow:hidden; position:relative; }
#feature-title { position:absolute; right:0px; bottom:130px; width:415px; z-index:20; }
#feature-title .top { width:415px; height:15px; }
#feature-title .bottom { width:415px; height:15px; }
#feature-title h1 { display:block; background:top left repeat-y url(images/title_bg.png); padding:0 40px 0 20px; font-size:23px; text-transform:uppercase; text-align:right; font-family:'Ubuntu', sans-serif; font-weight:normal; }
#slides { width:960px; height:510px; display:block; list-style:none; }
#product-container { width:880px; margin:-90px 40px 0 40px; position:relative; overflow:hidden; z-index:20; }
#products { display:block; overflow:hidden; list-style:none; width:940px; padding:0 0 30px 0; }
#products .product { display:block; float:left; margin:0 20px 0 0; width:280px; position:relative; }
#products .product .title { position:absolute; top:131px; left:20px; background:top left no-repeat url(images/product_title_left.png); padding:0 0 0 10px; }
#products .product .title h2 { display:block; height:20px; background:top right no-repeat url(images/product_title_bg.png); padding:4px 10px 0 0; font-size:13px; color:white; text-transform:uppercase; font-family:'Ubuntu', sans-serif; font-weight:normal; }
#products .product .image { margin:0 0 15px 0; }
#products .product p { margin:0 20px 6px 20px; font-size:12px; line-height:17px; }
#content-container { width:840px; margin:0 60px 0 60px; padding:20px 20px 20px 20px; background:top left no-repeat url(images/content_top.png) white; overflow:hidden; font-size:12px; line-height:17px; }
#content-left { width:800px; float:left; padding:0 20px 0 0; }
#content-container h3 { margin-bottom: 10px; }
#content-left p { font-size: 11px; line-height: 17px; margin-bottom: 10px; }
#content-right { width:0px; float:left; padding:0 0 0 20px; background:top left no-repeat url(images/column_right_bg.png); min-height:280px; }
#content-right ul { list-style: none inside; font-size: 11px; }
#content-right ul li { list-style: none inside; font-size: 11px; }
.red { color: #ab0534; font-weight: bold; }
.product p { font-size:11px !important; }
#footer-container { width:840px; margin:0 60px 0 60px; padding:0 20px 0 20px; background:white; overflow:hidden; color:#464648; }
#footer-left { width:211px; float:left; padding:2px 20px 0 0; }
#footer-right { width:609px; float:left; font-size:12px; }
#footer-items { display:block; list-style:none; overflow:hidden; }
#footer-items li { display:block; float:left; padding:2px 0 0 10px; }
#footer-items li strong { color:black; }
#footer-items li.company-details { display:block; float:left; font-size:10px; padding:4px 0 0 15px; }
#bottom-shadow { width:1000px; margin:0 auto 20px auto; }
/* Contact Form */
#form .text { overflow: hidden; margin-bottom: 10px; }
#form .select { overflow: hidden; margin-bottom: 10px; }
#form .textarea { overflow: hidden; margin-bottom: 10px; }
#form .submit { overflow: hidden; margin-bottom: 10px; }
textarea { float: right; width: 210px; border: 1px solid #ddd; padding: 3px; }
select { float: right; width: 160px; }
.submit input { float: right; display: block; width: auto !important; }
label { color: #909090; text-transform:uppercase; font-size: 10px; float: left; display: block; }
.text input { float: right; width: 210px; border: 1px solid #ddd; padding: 3px; -moz-box-shadow: -3px -3px -3px #666; -webkit-box-shadow: -3px -3px -3px #666; box-shadow: -3px -3px -3px #666; }
.req { color: #ab0534; font-size: 12px; font-weight: bold; }
.required { float: left; margin-bottom: 10px; clear: both; color: #909090; text-transform:uppercase; font-size: 10px; display: block; }
.form_error { padding: 10px; background: #fff1f1; color: #C00; margin-bottom: 10px; }
.form_success { background: #f1fff1; padding: 10px; margin-bottom: 10px; color: #85ba85; font-weight: normal; }