﻿.cs_header { background: transparent url(../images/DarkTabBG.png) no-repeat 0 0; width: 1000px; height: 58px; float: left; overflow: hidden; position: relative}
#inside { background-color: #FFF; padding: 15px 40px; float: left; width: 920px; min-height: 500px; position: relative}
.darkspacer { background: transparent url(../images/DarkSpaceLine.png) repeat-y right top;}
.bg_about { background: transparent url(../images/BG_AboutUs.jpg) no-repeat 0 0;}
.bg_contact { background: transparent url(../images/BG_ContactUS.jpg) no-repeat 0 0;}
.bg_job { background: transparent url(../images/BG_Job.jpg) no-repeat 0 0}
.bg_support { background: transparent url(../images/BG_Support.jpg) no-repeat 0 0}
.bg_orderstatus { background: transparent url(../images/BG_OrderStatus.jpg) no-repeat 0 0}
.bg_privacy { background: transparent url(../images/BG_Privacy.jpg) no-repeat 0 0;}
.bg_warranty { background: transparent url(../images/BG_Warranty.jpg) no-repeat 0 0;}

.cs_header ul { float: left; padding: 12px 5px; width: 990px; height: 34px;}
.cs_header li { font-size: 18px; line-height:33px; float: left; padding: 0 12px;}
.cs_header li a:link, .cs_header li a:visited { color:#FFF}
.cs_header li a:hover { color: #FC0}
.whycp a span, .faqlink a span, .faqsearch a span { display: none;}
.whycp, .faqlink { position: absolute; top: 7px; right: 7px;}
.whycp a:link, .whycp a:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -547px -172px; display: block; width:246px; height:44px;}
.whycp a:hover {background: transparent url(../images/LayoutIMG.png?v2) no-repeat -547px -223px;}
.faqlink a:link, .faqlink a:visited { background: transparent url(../images/LayoutIMG.png?v2) no-repeat -442px -172px; display: block; width:94px; height:44px;}
.faqlink a:hover {background: transparent url(../images/LayoutIMG.png?v2) no-repeat -442px -223px;}

.companyinfo { padding-right: 200px; padding-bottom: 30px}
.companyinfo h2 { font-size: 30px; color:#F30; font-weight: normal; padding: 15px 0;}
.companyinfo h2 span { color:#009}
.companyinfo p { font-size: 14px; line-height: 145%; padding: 20px 0;}
.companyinfo p:first-letter { font-size: 24px;}
.recycling { background:#FFF url(../images/RecyclingMainBg.jpg) no-repeat bottom left; float:left; width: 1000px; padding-bottom: 40px;}
.recyslinginfo { background: transparent url(../images/RecyclingIcon.png) no-repeat 40px 40px; padding-left: 240px; padding-right: 40px;}
.recyslinginfo h3 { background: transparent url(../images/RecyclingTitle.gif) no-repeat 0 0; height: 40px;}
.recyslinginfo h3 span { display: none}
.recyslinginfo p { font-size: 14px; line-height: 130%; padding: 10px 0;}
.aboutbom { text-align: center; clear: both; width: 100%; height: auto;}


.contactinfo { float: left; width: 230px; padding-right: 30px; padding-top: 10px}
.contactform { float: right; width: 630px; padding-left: 29px; padding-top: 10px; border-left: 1px solid #BBB }
.contactinfo address { font-size: 18px; font-style:normal; color:#F30; padding-bottom: 10px}
.contactinfo p { font-size: 14px; padding: 8px 0;}
.iconmail { background: transparent url(../images/Icon_ContactMail.jpg) no-repeat center top; display: block; width: 230px; height: 170px;}
.contactform h3 { font-weight:normal; color:#C00; background-color:#fbdfb9; text-align: center; padding: 10px 0; -moz-border-radius:8px;}
.contactform table { margin: 15px 0;}
.contactform td { font-size: 14px; padding: 10px 8px;}
.contactform td span { font-size: 10px;}
.contactform select { width: 415px; }
.contactform textarea { height: 150px;}
.contactinput { width: 412px; padding: 3px; border: 2px solid #DCA878; -moz-border-radius: 6px;}

.awards { background-color:#FFF; width: 100%; float:left; position: relative;}
.awardslinks { background: #FFF url(../images/PriceinfoBG.gif) repeat-x left bottom; float: left; width: 980px; padding: 5px 10px; }
.awardslinks li { float: left; padding: 6px;}
.awardslinks li a:link, .awardslinks li a:visited { font-size: 13px; color: #666; background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 5px -448px; display: block; height: 20px; padding-left: 20px;}
.awardslinks li a:hover { color:#333;}
.awards table { float: left; width: 1000px; border-collapse: collapse; border-spacing: 0;}
.awards table th { font-size: 14px; font-weight: normal; background-color: #CCC; text-align: center; padding: 5px 0;}
.awards table td { font-size:12px; border-bottom: 1px solid #CCC;}
.aw, .ap { text-align: center; padding: 6px 0;}
.aw img, .ap img { margin: 5px 2px;}
.rdate { font-size: 11px; background-color:#e5e5e5; text-align: right; display: block; padding: 5px;}
.abor { vertical-align: top; border-left: 1px solid #CCC; border-right: 1px solid #CCC}
.a_r_info { font-size: 13px; padding: 5px 10px;}
.a_r_info h3 { font-size: 14px; padding: 5px 0 }
.a_r_info h3 span { color: #F00}
.a_r_info blockquote { padding: 10px 0;}
a.readmore:link, a.readmore:visited { font-size: 10px; color:#F30; background-color: #FF9; display: inline-block; padding: 2px 4px; border: 1px solid #999; -moz-border-radius:6px}
a.readmore:hover { color:#03C; background-color:#DCF5FA;}

.testimonial { padding: 10px 0; float: left; width: 100%; position: relative;}
.pagenavi { font-size: 12px; background-color: #777; float: left; width: 100%; -moz-border-radius: 6px;}
.pagenavi a:link, .pagenavi a:visited { color: #FFF; background-color: #777; margin: 0 2px; padding: 4px 4px; display: inline-block;}
.pagenavi a:hover, .pagenavi a:active { color: #FF0; background-color:#C00 !important; _background-color: none; }
.pagenavi span { display: inline-block;}
span.current { padding: 4px 5px; margin: 0 2px; background-color: #FC0;}
span.pagedata {color:#FFFFFF; padding: 4px 10px}
span.extend { color:#FF9}
.testimonial dl { float: left; width: 100%; padding: 20px 0;}
.testimonial dl dd { float: left; width: 100%; padding: 10px 0; position: relative; clear: both;}
.t-rating { font-size: 11px; background: transparent url(../images/LayoutIMG2.png?v2) no-repeat scroll 160px -913px; text-align: center; float:left; width: 170px; position:relative}
.leaveword { float: right; width: 750px; position: relative}
span.bigstar5 { background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 32px 4px; display: block; height: 25px;}
span.bigstar4 { background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 32px -25px; display: block; height: 25px;}
span.bigstar3 { background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 32px -54px; display: block; height: 25px;}
span.bigstar2 { background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 32px -83px; display: block; height: 25px;}
span.bigstar1 { background: transparent url(../images/LayoutIMG2.png?v2) no-repeat 32px -112px; display: block; height: 25px;}
span.tbor { line-height: 0; font-size:0; background: transparent url(../images/LayoutIMG.png?v2) no-repeat; background-position: 0 -365px; _background-position: 0 -364px; display: block; height: 5px; width: 750px;}
span.bbor {line-height: 0; font-size:0; background: transparent url(../images/LayoutIMG.png?v2) no-repeat; background-position: 0 -377px; _background-position: 0 -376px; display: block; height: 5px; width: 750px;}
.lw { background-color: #fbdfb9; padding: 0 10px; position: relative;}
.lw blockquote { font-size: 14px; line-height: 135%; padding: 10px 10px 10px 5px; width:590px; border-right: 1px solid #E0B385; min-height:20px;}
.lw p { font-size: 11px; width: 110px; text-align: center; position: absolute; top: 5px; right: 10px;}
.lw p span { display: block;}

.thanks { padding:10px 220px 15px 20px; position:relative}
.thanks h2 { font-size: 20px; font-weight: normal; color:#F30; padding: 10px 0;}
.thanks p { padding: 15px 0;}
.jobinfo{ padding: 10px 20px; position: relative;}
.jobinfo h3 { font-size: 18px; font-weight: normal; line-height: 33px; text-indent: 10px; background-color: #FED196; height: 35px;}
.jobinfo h4 { font-size: 14px; line-height: 40px;}
.jobinfo ul { font-size: 13px; margin-left: 35px; list-style: outside disc}
.jobinfo ul li { padding: 3px 0;}
a.applylink:link, a.applylink:visited { color:#C00; font-size: 13px; position: absolute; top: 18px; right: 30px; _right: 70px}
a.applylink:hover { color:#009}
.howapply { font-size: 14px; padding: 10px 20px 20px 20px;}
.howapply strong { font-size: 20px; color:#F60; display: block; padding-bottom: 8px;}

.t_s_box { padding: 10px 20px; width: 880px; float: left; position:relative}
.tss, .tstab { float: left; width:100%; padding: 15px 0; position:relative}
.tss h2 { font-size: 30px; font-weight: normal; color:#F30; padding: 0 180px 10px 0}
.tss p { padding: 15px 180px 15px 0; font-size: 14px; line-height: 160%}
.tss p span { font-size: 18px;}
.swin { padding-top: 32px;}
.swin a { display: inline-block; margin: 0 2px 0 0}
.tstab_link, .drivedownload, .shippingcharge { float: left; width: 100%; clear: both;}
.tstab_link li { float: left;}
.tstab_link li a { background-color: #D5EE9F; display: block; padding: 5px 10px; margin-right: 3px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
a.ts_current:link, a.ts_current:visited { color:#C30; background-color: #FBDFB9}
.drivedownload, .shippingcharge { background-color: #FBDFB9; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; }
.drivedownload h3 { font-size: 14px; font-weight: normal; padding: 20px 0 5px 12px;}
.drivedownload dl { float: left; padding: 10px 10px;}
.drivedownload dl dd { font-size: 12px; float: left; width: 210px; height: 200px; margin: 0 2px;}
.drivedownload dd h4 { background-color: #FFD297; padding: 3px;}
.drivedownload dd a:link, .drivedownload dd a:visited { color:#F30; display: block;}
.drivedownload dd a:hover { color:#900}
.shippingcharge { padding: 15px 0; display: none}
.shippingcharge table { width: 90%; margin: 0 auto; border-spacing:0; border-collapse: collapse}
.shippingcharge table td { font-size: 12px; text-align: center; padding: 3px; border: 1px solid #E2A470; }
.shippingcharge table th { font-size: 14px; text-align: center; color:#C00; padding: 6px 0;}
.shippingcharge p { font-size: 13px; line-height: 145%; width: 90%; margin: 0 auto; padding: 15px 0;}

.faqheader { float: left; padding: 10px 0; width: 100%; border-bottom: 3px solid #CCC; position: relative;}
.faqheader h3 { font-size: 24px; color:#F60; font-weight: normal;}
.faqsearch { background: transparent url(../images/LayoutIMG.png?v2) no-repeat 1px -392px ; width: 308px; height: 26px; position: absolute; top: 12px; right: 0;}
.faqsearch input { font-size: 12px; background: transparent; border:none; margin: 2px 0 0 3px; width: 270px; height: 24px;}
.faqsearch a { display: inline-block; width: 32px; height: 24px; margin-bottom: -8px;}
.faqbox { font-size: 13px; float: left; width: 100%; clear:both; position: relative;}
.faqcategory { float: left; width: 260px;}
.faqlist { float: right; width:600px; padding-left: 18px}
.faqcategory h3, h3.currentfaq, h3.topten { font-size: 16px; font-weight: normal; padding: 10px 0;}
.faqcategory ul { padding-right: 10px;}
.faqcategory ul li { font-size: 12px; padding: 3px 0;}
.faqcategory p { font-size: 12px; padding: 15px 0;}
.faqlist { min-height: 500px; _height: 500px; border-left: 1px solid #CCC;}
h3.currentfaq { color:#03C}
h3.topten { color:#F60}
.faqlist ul { width: 100%; padding: 5px 0 10px}
.faqlist li { padding: 3px 0;  position: relative;}
.faqlist li a img { margin-right: 6px;}
span.shut {font-weight: bold; color: #F30; margin-right: 10px;}
span.open { font-weight: bold; color: #000; margin: 0 10px 0 2px}
.answer { padding: 5px 0; width: 596px; position: relative;}
span.ftbor { font-size: 0; line-height: 0; background: transparent url(../images/LayoutIMG.png?v2) no-repeat 0 -434px; display: block; height: 22px; width: 596px;}
span.fbbor { font-size: 0; line-height: 0; background: transparent url(../images/LayoutIMG.png?v2) no-repeat 0 -469px; display: block; height: 6px; width: 596px;}
.answer p { background-color: #f7dcb1; padding: 10px;}
.answer p span { font-size: 11px; text-align: right; display: block; width: 100%; height:auto; margin-top: 8px; padding-top: 5px; border-top: 1px solid #c6b08e}

.osinfo { font-size: 14px; line-height: 145%; padding: 15px 0;}
.osinfo strong { font-size: 20px; font-weight: normal; display: block; padding-bottom: 15px;}
.osinput { padding: 15px 0;}
.osinput dd { font-size: 14px; padding: 6px 0;}
.osinput dd span { display: inline-block; width: 130px;}
.osinput dd input { background-color:#f7dcb1; padding: 3px; width: 300px; border: 2px solid #C63; -moz-border-radius: 6px;}
span.ossubmit { display: block; padding-left: 130px;}
.oscontact li { font-size: 14px; padding: 4px 0;}
.oscontact li strong { display: inline-block; width: 130px;}

.privacy, .warranty { font-size: 13px; line-height: 145%;}
.privacy div, .warranty div { padding-right: 200px;}
.privacy h3 { font-size: 16px; color:#F60; padding: 10px 0;}
.privacy p, .warranty p { padding: 10px 0;}
.warranty h2 { font-size: 30px; color:#F60; padding: 15px 0;}
.warranty p strong { color:#F60;}
.warranty blockquote { font-size: 10px; background-color: #FFC; padding: 15px; border: 1px solid #CCC}
.warranty blockquote span { display: block; padding: 8px 0;}

h2.onlytitle { font-size: 24px; color:#F30; padding: 10px 0;}
dl.mlinput { width:100%; padding:10px 0; margin: 15px 0;}
dl.mlinput dd { font-size: 14px; padding: 5px 0;}
dl.mlinput dd span { display: inline-block; width: 140px;}
dl.mlinput dd input { font-size: 12px; background-color: #E4F8C0; padding:3px; border: 2px solid #9C0; -moz-border-radius: 6px;}
dl.mlinput dd button { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FF9; background-color: #090; padding: 1px 6px; border: 2px solid #033; -moz-border-radius: 6px;}
dl.mlinput dd div { background-color: #C0E29A; text-align: center; padding: 5px 0;}
dl.mlinput dd div button {background-color:#900; padding: 0 3px; margin-left: 8px; border: 2px solid #000; -moz-border-radius: 6px;}

/* 404 Error page style */

.errormain { background: #fff url(../images/404IMG.jpg) no-repeat 30px 30px; padding: 40px 40px 40px 320px; width: 640px;}
.errorbortop { background: transparent url(../images/404_BoxTop.gif) no-repeat 0 0; height: 23px;}
.errorborbom { line-height: 0; font-size: 0; background: transparent url(../images/404_BoxBom.gif) no-repeat 0 0; height: 8px; clear: both;}
.errormain h2 { font: bold 2.5em/100% "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F30; text-transform:capitalize; text-align: center; }
.errormain h4 { font: bold 1.8em/2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; padding-bottom: 20px;}
.errormain p { font: normal 14px/145% "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 15px 0;}
p.errnote { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.errormain ul { list-style: outside disc; padding-left:50px; margin-left: -20px}
.errormain ul li { padding: 5px 0;}
.errormain a:link, .errormain a:visited { color:#03F; text-decoration:underline;}
.errormain a:hover, .errormain a:active { color:#F30; text-decoration: none;}
.errormain input { border: 1px solid #222; padding: 2px;}
