@charset "utf-8";
/* CSS Document */

body { margin: 0px; padding: 0px; font: 14px Arial, Verdana; color:#444; }

h1 { font-size: 20px; padding:0; margin: 0; font-weight: normal; }
h2 { font-size: 22px; padding:0; margin: 0; font-weight: normal; font-family: "Century Gothic"; }

div.clearFloat { clear: both; font-size: 0; height: 0; line-height: 0px; }
li.clearFloat { clear: both; }

a { outline: none; }

ul { list-style-image:url(images/common/bullet-point.gif); padding-left: 20px; }
li { padding-bottom: 10px; }

/* NAV MENU */

#home, #home_current { display: block; width: 78px; height: 37px; background: url("images/common/nav-home.png") no-repeat 0 0; float:left; margin: 54px 0px 0px 210px; }
#home_current { background-position: 0 -74px; }
#home:hover { background-position: 0 -37px; }
#home span, #home_current span { display: none; }

#cashback, #cashback_current { display: block; width: 153px; height: 36px; background: url("images/common/nav-cashback.png") no-repeat 0 0; float:left; margin: 55px 0px 0px 3px; }
#cashback_current { background-position: 0 -72px; }
#cashback:hover { background-position: 0 -36px; }
#cashback span, #cashback_current span { display: none; }

#testimonials, #testimonials_current { display: block; width: 116px; height: 36px; background: url("images/common/nav-testimonials.png") no-repeat 0 0; float:left; margin: 55px 0px 0px 3px; }
#testimonials_current { background-position: 0 -72px; }
#testimonials:hover { background-position: 0 -36px; }
#testimonials span, #testimonials_current span { display: none; }

#charity-work, #charity-work_current { display: block; width: 140px; height: 36px; background: url("images/common/nav-charity-work.png") no-repeat 0 0; float:left; margin: 55px 0px 3px; }
#charity-work_current { background-position: 0 -72px; }
#charity-work:hover { background-position: 0 -36px; }
#charity-work span, #charity-work_current span { display: none; }

#contact, #contact_current { display: block; width: 76px; height: 34px; background: url("images/common/nav-contact.png") no-repeat 0 0; float:left; margin: 57px 0px 0px 3px; }
#contact_current { background-position: 0 -68px; }
#contact:hover { background-position: 0 -34px; }
#contact span, #contact_current span { display: none; }

/* QUOTE BUTTON */

#quote { display: block; width: 144px; height: 84px; background: url("images/index/get-quote.jpg") no-repeat 0 0; margin-left: 25px; }
#quote:hover { background-position: 0 -84px; }
#quote span { display: none; }

/* COMMON */

.header_brown { background-color: #C2873A; float: left; height: 25px; width: 25px; margin-right: 10px; }
.header_green { background-color: #6BB23A; float: left; height: 25px; width: 25px; margin-right: 10px; }
.header_green_double { background-color: #098048; float: left; height: 50px; width: 25px; margin-right: 10px; }
.header_txt { float: left; font-size: 20px; color: #6A4D3F; text-align: left; }
.header_txt_green { float: left; font-size: 20px; color: #6BB23A; }

.green_txt { font-weight: bold; color: #597806; }
.dark_green_txt { color: #067F46; }
.pinktxt { color: #DF2473; }
.light_brown_txt { color: #CFB192; }
.txt_12px { font-size: 12px; }

#header_con1 { height: 70px; width: 800px; margin: 0 auto; text-align: center; }
#header_bg2 { height: 91px; width: 100%; background-image: url(images/common/fence-bg.jpg); }
#header_con2 { height: 91px; width: 800px; margin: 0 auto; text-align: center; background-image: url(images/common/header-bg.jpg); }
#logo { float: left; height: 47px; width: 338px; margin-top: 15px; }
#top_tel { font-size: 30px; color: #785423; float: right; height: 35px; width: 215px; margin-top: 20px; padding-right: 15px; }
#green_bar { background-color: #6BB23A; height: 24px; width: 100%; }

#mid_bg { width: 100%; background-image: url(images/common/green-bg.jpg); background-repeat: repeat-x; background-color: #97CA0D; }
#mid_con { width: 800px; margin: 0 auto; text-align: center; min-height: 500px; }

#footer_bg { background-image: url(images/common/footer-bg.gif); background-repeat: repeat-x; height: 183px; width: 100%; }
#footer_con { width: 800px; margin: 0 auto; text-align: center; color: #FFF; font-size: 12px; height: 183px; background-image: url(images/common/footer-center-bg.gif); background-repeat: no-repeat; }
#footer_con2 { width:800px;}
#footer_txt { width: 800px; padding-top: 95px; text-align: left; }
#page_bottom { height: 200px; width: 100%; background-color: #6B4F2E; }
#page_bottom_ext { height: 600px; width: 100%; background-color: #6B4F2E; }

#footer_con A:link {text-decoration: none; font-weight:normal; color:#FFF;}
#footer_con A:visited {text-decoration: none; font-weight:normal; color:#FFF;}
#footer_con A:active {text-decoration: none; font-weight:normal; color:#FFF;}
#footer_con A:hover {text-decoration: none; font-weight:normal; color: #C6E27B;}

#footer_con2 A:link {text-decoration: none; font-weight:normal; color:#CFB192;}
#footer_con2 A:visited {text-decoration: none; font-weight:normal; color:#CFB192;}
#footer_con2 A:active {text-decoration: none; font-weight:normal; color:#CFB192;}
#footer_con2 A:hover {text-decoration: none; font-weight:normal; color: #FFB51A;}

.hidden-anti-spam-field { display: none; }

/* INDEX */

#index_col_left { float: left; width: 568px; margin-top: 15px; margin-right: 15px; text-align: left; }
#index_txt_box1 { width: 568px; padding-top: 15px; }
#index_main_pic { width: 518px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #999999; border-bottom-color: #999999; margin-top: 15px; margin-bottom: 15px; padding-left: 50px; }
#index_what_we_do_pic { height: 106px; width: 132px; margin-top: 15px; float: left; }
#index_txt_box2 { width: 419px; float: left; margin-top: 15px; padding-left: 15px; }
#index_text_box3 { width: 568px; margin-top: 15px; margin-bottom: 15px; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #999999; padding-bottom: 15px; }
#index_txt_box4 { width: 465px; float: left; margin-top: 15px; }
#index_waste_less_pic { float: left; width: 88px; padding-left: 15px; }

#index_col_right { float: left; width: 200px; margin-top: 15px; border-left-width: 2px; border-left-style: dotted; border-left-color: #999999; padding-left: 15px; text-align: left; }
#index_recycle_pic { width: 200px; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #999999; border-bottom-color: #999999; text-align: center; }
#index_col_right_txt1 { width: 200px; text-align: left; margin-top: 15px; color: #6A4C3F; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #999999; margin-bottom: 15px; padding-bottom: 15px; font-weight: bold; }
#index_col_right_news { width: 200px; padding-top: 15px; }

/* CASHBACK SCHEME */

.double_header_txt_green { float: left; font-size: 20px; color: #098048; width: 165px; }

#cashback_col_left { float: left; width: 568px; margin-top: 15px; margin-right: 15px; text-align: left; }
#cashback_txt_box1 { width: 568px; padding-top: 15px; }
#cashback_flash { width: 564px; margin-top: 15px; margin-bottom: 15px; border: 2px dashed #999999; height: 288px; }
#cashback_text_box2 { width: 568px; margin-top: 15px; padding-bottom: 10px; }

#cashback_col_right { float: left; width: 200px; margin-top: 15px; border-left-width: 2px; border-left-style: dotted; border-left-color: #999999; padding-left: 15px; text-align: left; }
#cashback_spacer { width: 200px; margin-top: 15px; padding-bottom: 15px; border-top-width: 2px; border-top-style: dotted; border-top-color: #999999; text-align: center; }
#cashback_col_right_txt1 { width: 200px; text-align: left; margin-top: 15px; color: #6A4C3F; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #999999; margin-bottom: 15px; padding-bottom: 15px; }
#cashback_col_right_txt2 { width: 200px; padding-top: 1px; }
#cashback_col_right_freephone { width: 200px; border-top-width: 2px; border-top-style: dotted; border-top-color: #999999; padding-top: 15px; text-align: center; }

/* REPAIRS */

#repairs_text_box3 ul { list-style-image:url(images/common/tick-bullet.gif); padding-left: 20px; }
#repairs_text_box3 li { padding-bottom: 10px; }

#repairs_col_left { float: left; width: 568px; margin-top: 15px; margin-right: 15px; text-align: left; }
#repairs_txt_box1 { width: 568px; padding-top: 15px; }
#repairs_dhl_pic { width: 564px; margin-top: 15px; margin-bottom: 15px; text-align: center; border-top-style: dotted; border-bottom-style: dotted; border-top-width: 2px; border-bottom-width: 2px; border-top-color: #999999; border-bottom-color: #999999; padding-top: 10px; padding-bottom: 10px; }
#repairs_text_box2 { width: 568px; margin-top: 15px; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #999; margin-bottom: 15px; }
#repairs_text_box3 { width: 568px; margin-top: 15px; }

#repairs_col_right { float: left; width: 200px; margin-top: 15px; border-left-width: 2px; border-left-style: dotted; border-left-color: #999999; padding-left: 15px; text-align: left; }
#repairs_spacer { width: 200px; margin-top: 15px; padding-bottom: 15px; border-top-width: 2px; border-top-style: dotted; border-top-color: #999999; text-align: center; }
#repairs_col_right_txt1 { width: 200px; text-align: left; margin-top: 15px; color: #6A4C3F; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #999999; margin-bottom: 15px; padding-bottom: 15px; }
#repairs_col_right_txt2 { width: 200px; padding-top: 1px; }

/* TESTIMONIALS */

#testimonials_mid_con { width: 800px; margin: 0 auto; text-align: center; min-height: 500px; padding-top: 25px; }
#testimonial1 { background-image: url(images/testimonials/testimonial1.jpg); background-repeat: no-repeat; height: 119px; width: 727px; margin-left: 26px; margin-top: 25px; padding-top: 10px; padding-right: 10px; padding-bottom: 33px; padding-left: 10px; text-align: left; font-style: italic; }
#testimonial2 { background-image: url(images/testimonials/testimonial2.jpg); background-repeat: no-repeat; height: 62px; width: 727px; margin-left: 26px; margin-top: 25px; padding-top: 15px; padding-right: 10px; padding-bottom: 33px; padding-left: 10px; text-align: left; font-style: italic; }
#testimonial3 { background-image: url(images/testimonials/testimonial3.jpg); background-repeat: no-repeat; height: 62px; width: 727px; margin-left: 26px; margin-top: 25px; padding-top: 15px; padding-right: 10px; padding-bottom: 33px; padding-left: 10px; text-align: left; font-style: italic; }
.testimonials_author { width: 675px; text-align: left; padding-left: 125px; padding-top: 5px; margin-bottom: 15px; }
.size12txt { font-size: 12px; }

/* CONTACT */

#contact_mid_bg { width: 100%; background-repeat: repeat-x; background-color: #D2E896; }
#contact_mid_con { width: 800px; margin: 0 auto; text-align: center; padding-top: 25px; padding-bottom: 25px; }

#contact_left_col { float: left; width: 277px; border-right-width: 2px; border-right-style: dotted; border-right-color: #999; text-align: left; padding-right: 15px; }
#contact_right_col { float: left; width: 475px; text-align: left; padding-left: 25px; }
#contact_txt1 { width: 277px; font-size: 16px; margin-bottom: 25px; margin-top: 25px; }
#contact_txt2 { width: 277px; font-size: 12px; margin-bottom: 25px; }

#cashback_quote { display: block; width: 124px; height: 72px; background: url("images/contact/cashback-quote.jpg") no-repeat 0 0; float: left; margin-right: 15px; }
#cashback_quote:hover { background-position: 0 -72px; }
#cashback_quote span { display: none; }

#laptop_repair { display: block; width: 124px; height: 72px; background: url("images/contact/laptop-repair.jpg") no-repeat 0 0; float: left; }
#laptop_repair:hover { background-position: 0 -72px; }
#laptop_repair span { display: none; }


#bottom_con { width: 800px; margin: 0 auto; text-align: center; }
#bottom_txt { width: 800px; text-align: left; }
#valid_xhtml { margin-right: 15px; }

/* CASHBACK QUOTE FORM */

#cashback_quote_mid_bg { width: 100%; background-color: #D2E896; }
#cashback_quote_mid_con { width: 800px; margin: 0 auto; text-align: center; padding-top: 25px; padding-bottom: 25px; }

#cashback_quote_left_col { float: left; width: 277px; border-right-width: 2px; border-right-style: dotted; border-right-color: #999; text-align: left; padding-right: 15px; min-height: 700px; }
#cashback_quote_right_col { float: left; width: 475px; text-align: left; padding-left: 25px; }
#cashback_quote_txt1 { width: 277px; font-size: 16px; margin-bottom: 25px; margin-top: 25px; }
#cashback_quote_txt2 { width: 277px; font-size: 12px; margin-bottom: 25px; }
#cashback_quote_txt3 { width: 277px; font-size: 12px; margin-bottom: 25px; }
#cashback_quote_pic { width: 277px; font-size: 12px; margin-bottom: 25px; text-align: center; }

/* REPAIR QUOTE FORM */

#repair_quote_mid_bg { width: 100%; background-color: #D2E896; }
#repair_quote_mid_con { width: 800px; margin: 0 auto; text-align: center; padding-top: 25px; padding-bottom: 25px; }

#repair_quote_left_col { float: left; width: 277px; border-right-width: 2px; border-right-style: dotted; border-right-color: #999; text-align: left; padding-right: 15px; }
#repair_quote_right_col { float: left; width: 475px; text-align: left; padding-left: 25px; }
#repair_quote_txt1 { width: 277px; font-size: 16px; margin-bottom: 25px; margin-top: 25px; }
#repair_quote_txt2 { width: 277px; font-size: 12px; margin-bottom: 25px; }
#repair_quote_txt3 { width: 277px; font-size: 12px; margin-bottom: 25px; }
#repair_quote_pic { width: 277px; font-size: 12px; text-align: center; }

#help_con { width: 350px; padding: 25px; }
.spacer { height: 50px; width: 800px; margin: 0 auto; text-align: center; }
#footer_brown { background-color: #6B4F2E; height: 500px; }

#terms_txt { text-align:left; font-size: 12px; margin-bottom: 15px; }
#terms_txt ul { list-style-image:url(images/common/bullet-black.png); padding-left: 20px; }
#terms_txt li { padding-bottom: 15px; }

#success_txt { text-align:center; font-size: 16px; margin-bottom: 15px; }
#success_txt h2 { font-family:"Arial Black", Gadget, sans-serif; font-size: 36px; font-weight: normal; color: #426F24; }

.contact_error_con { color:#C10000; font-family: Arial, Verdana; font-size: 11px; }

/* Terms */
#scrollbox { width: 300px; height: 100px; font-size:10px; border:1px solid #00C4FD; background:#E8FAFF; padding: 10px; margin: 0px; overflow-y:scroll; }
#scrollbox ol { padding:0 0 0 15px; }
#scrollbox p { margin:0 0 10px; }
#scrollbox h3 { margin:0 0 10px 0; font-size:12px; font-weight:bold; }

/* TABBED CONTENT */
.tabbox { border:1px solid #669900; width:780px; margin-bottom: 1em; padding: 10px; background: #F0FCFF; text-align:left; }
.tabbox img { padding:5px; border:solid 1px #CCC; background:#FFF; }
.shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: normal 18px Arial, Helvetica, sans-serif; list-style-type: none; text-align: left; }
.shadetabs li{ display: inline; margin: 0; }
.shadetabs li a { text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #669900; color: #FFFFFF !important; background: #FFF url(assets/tabbed-content/shade.gif) repeat-x left top; }
.shadetabs li a:visited {color: #2d2b2b;}
.shadetabs li a:hover { color: #FC0; }
.shadetabs li a.selected{ position: relative; top: 1px; background-image: url(assets/tabbed-content/shadeactive.gif); border-bottom-color: #F0FCFF; color:#666 !important; }
.shadetabs li a.selected:hover{ text-decoration: none; }
.tabcontent{ display:none; }