/* Code tidied up by ScrapBook */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
@font-face {
  font-family: "Promethean";
  src: url("Promethean.eot");
}
@font-face {
  font-family: "Promethean";
  src: url("Promethean.ttf");
}
body { background-color: rgb(67, 63, 64); font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 20px; color: rgb(0, 0, 0); text-align: center; margin-top: 10px; background-image: url("bg.jpg"); }
p { margin-bottom: 10px; }
h1 { margin-bottom: 15px; font-size: 20px; color: rgb(255, 255, 255); }
h2 { margin-top: 15px; margin-bottom: 15px; text-align: left; display: block; font-size: 16px; font-weight: bold; color: rgb(234, 179, 14); width: 90%; }
a:link { color: rgb(255, 255, 255); }
a:visited { color: rgb(255, 255, 255); }
a:hover { color: rgb(255, 255, 255); }
.clear { clear: both; }
.site-container { margin: 0px auto; text-align: center; width: 1000px; height: auto; }
.header { background-image: url("header.png"); background-repeat: no-repeat; float: left; height: 80px; text-align: right; width: 1000px; }
.header .custom div { background-image: url("logo.png"); background-repeat: no-repeat; color: rgb(0, 0, 0); float: left; font-family: "SouvenirLight",sans-serif; font-size: 18px; height: 15px; padding-left: 100px; padding-top: 75px; text-align: left; width: 200px; margin-top: 16px; }
.header p { font-size: 20px; font-style: italic; line-height: 15px; margin-top: 5px; padding-right: 10px; color: rgb(255, 255, 255); }
.header p span { color: rgb(255, 255, 255); }
.header small { font-size: 16px; display: block; padding-top: 5px; color: rgb(255, 255, 255); }
.header .social-icons { clear: both; float: right; margin-top: -10px; }
.header a.social { width: 52px; height: 60px; float: right; background-image: url("social-icons.png"); }
.header a.social.facebook { background-position: 0px 0px; }
.header a.social.facebook:hover { background-position: 0px -60px; }
.header a.social.twitter { background-position: -52px 0px; }
.header a.social.twitter:hover { background-position: -52px -60px; }
.nav { float: left; height: 0px; width: 1000px; }
.top { text-align: left; width: 1000px; height: 430px; float: left; position: relative; }
#TransMenu0 { margin-top: 1px; }
.main { text-align: left; width: 1000px; height: auto; float: left; background-image: url("main_bg.png"); }
.left { text-align: left; width: 230px; height: auto; float: left; }
.left ul { list-style: outside none none; }
.left li { list-style: outside none none; }
.left img { border-style: none; }
.content { text-align: left; width: 730px; height: auto; float: left; right: 0px; top: 0px; z-index: 500; background-image: url("abacus-content-box.png"); }
.content-top { text-align: center; width: 97%; height: auto; float: left; padding: 10px; }
.content-body { clear: both; color: rgb(0, 0, 0); height: auto; margin-top: 20px; padding: 0px 0px 10px 10px; text-align: left; width: 750px; }
.content-body li { margin-left: 15px; color: rgb(225, 0, 5); }
.content-bottom { text-align: center; width: 1000px; height: 220px; float: left; clear: both; padding: 15px; }
.right { text-align: left; width: 400px; height: auto; float: right; }
.bottom { text-align: left; width: 1000px; height: auto; float: left; color: rgb(255, 255, 255); padding-top: 15px; padding-bottom: 15px; }
.bottom .custom-boxes div { float: left; width: 142px; height: 65px; margin-right: 11px; text-align: center; color: rgb(255, 255, 255); padding-top: 90px; font-size: 13px; font-weight: bold; font-style: italic; position: relative; }
.bottom .custom-boxes div:hover { background-position: 0px -155px; }
.bottom .custom-boxes div.opening-times { background-image: url("opening-times.png"); }
.bottom .custom-boxes div.one-off-pieces { background-image: url("one-off-pieces.png"); }
.bottom .custom-boxes div.clothing { background-image: url("clothing.png"); }
.bottom .custom-boxes div.out-of-hours { background-image: url("out-of-hours.png"); }
.bottom .custom-boxes div.council-approved { background-image: url("council-approved.png"); }
.bottom .custom-boxes div.social { background-image: url("social.png"); }
.bottom .custom-boxes div.social img { position: absolute; top: 10px; left: 5px; }
.footer { text-align: center; color: rgb(255, 255, 255); width: 1000px; height: 190px; clear: both; padding-top: 0px; float: left; font-size: 12px; background-image: url("footer.png"); }
.footer a:link { color: rgb(255, 255, 255); }
.footer a:visited { color: rgb(255, 255, 255); }
.footer a:hover { color: rgb(255, 255, 255); }
.footer p a:link { color: rgb(255, 255, 255); }
.footer p a:visited { color: rgb(255, 255, 255); }
.footer p a:hover { color: rgb(255, 255, 255); }
.footer2 { width: 100%; height: 0px; clear: both; color: rgb(255, 255, 255); padding-top: 30px; }
.footer2 .inner { width: 1000px; margin: auto; }
.footer2 a:link { color: rgb(255, 255, 255); }
.footer2 a:visited { color: rgb(255, 255, 255); }
.footer2 a:hover { color: rgb(255, 255, 255); }
.footer2 p a:link { color: rgb(255, 255, 255); }
.footer2 p a:visited { color: rgb(255, 255, 255); }
.footer2 p a:hover { color: rgb(255, 255, 255); }
.contact h3 { display: none; }
.addthis_toolbox {  }
.cta { text-align: center; font-size: 18px; color: rgb(255, 255, 255); font-weight: bold; margin-bottom: 10px; }
.contact_left { float: left; width: 300px; }
.contact_right { float: right; width: 400px; }
.share { width: 280px; margin-top: 8px; margin-right: 0px; float: right; color: rgb(0, 0, 0); }
.share strong { float: left; margin-right: 6px; }
h5 { display: block; text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-style: italic; font-size: 14px; background-image: url("footer-text-bg.png"); margin: 5px 5px 6px; }
.servicebox { width: 296px; height: 311px; float: left; margin-left: 19px; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; padding-top: 9px; color: rgb(255, 255, 255); position: relative; }
.servicebox img.button { position: absolute; bottom: 0px; }
.servicebox h2 { margin-top: 0px; margin-bottom: 28px; color: rgb(0, 0, 0); }
.opening { background-image: url("opening.png"); }
.one_offs { background-image: url("one_offs.png"); background-position: -30px 0px; }
.official_clothing { background-image: url("official_clothing.png"); }
.out_hours { background-image: url("out_hours.png"); background-position: -30px 0px; }
.council { background-image: url("council.png"); background-position: -30px 0px; }
.social_media { background-image: url("social_media.png"); background-position: -30px 0px; }
.list-home1 { background-image: url("sjporter-home1.png"); width: 760px; height: 100px; padding-left: 10px; padding-top: 0px; }
.list-home1 li { float: left; width: 360px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(214, 165, 50); line-height: 24px; }
.list-home4 { width: 650px; height: 170px; padding-left: 10px; padding-top: 0px; }
.list-home4 li { float: left; width: 300px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(73, 70, 70); line-height: 24px; }
.list-home1a { background-image: url("sjporter-home1a.png"); width: 650px; height: 150px; padding-left: 10px; padding-top: 0px; }
.list-home1a li { float: left; width: 300px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(73, 70, 70); line-height: 24px; }
.list-home2 { background-image: url("home2.png"); width: 650px; height: 70px; padding-left: 10px; padding-top: 0px; }
.list-home2 li { float: left; width: 300px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(73, 70, 70); line-height: 24px; }
.list-home3 { background-image: url("sjporter-home3.png"); width: 650px; height: 200px; padding-left: 10px; padding-top: 0px; }
.list-home3 li { float: left; width: 300px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(73, 70, 70); line-height: 24px; }
.list-home5 { background-image: url("sjporter-home5.png"); width: 650px; height: 180px; padding-left: 10px; padding-top: 0px; }
.list-home5 li { float: left; width: 300px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(73, 70, 70); line-height: 24px; }
.list-home6 { background-image: url("sjporter-home6.png"); width: 650px; height: 200px; padding-left: 10px; padding-top: 0px; }
.list-home6 li { float: left; width: 300px; text-align: left; font-weight: bold; font-style: italic; font-size: 14px; color: rgb(73, 70, 70); line-height: 24px; }
.list-home7 li { float: left; width: 300px; text-align: left; color: rgb(255, 255, 255); line-height: 24px; }
.list-home7 { background-image: url("home7.png"); width: 652px; height: 125px; padding-left: 10px; padding-top: 0px; }
.list-home7 li { float: left; width: 300px; text-align: left; color: rgb(255, 255, 255); line-height: 24px; }
.list-home8 { background-image: url("home8.png"); width: 657px; height: 153px; padding-left: 5px; padding-top: 0px; }
.list-home8 li { float: left; width: 670px; text-align: left; color: rgb(255, 255, 255); line-height: 24px; }
h3, h4 { font-weight: bold; font-size: 14px; }
h3 { color: rgb(255, 255, 255); }
h4 { color: rgb(107, 94, 97); }
.list-services h4, .list-services2 h4, .list-home h4 { color: rgb(133, 71, 16); }
h6 { display: block; text-align: center; color: rgb(243, 10, 37); width: 600px; height: 30px; padding-top: 1px; font-weight: bold; font-style: italic; font-size: 16px; margin: auto; }
.left-cta { width: 230px; height: 190px; text-align: center; padding-left: 0px; padding-right: 5px; padding-top: 15px; margin-top: 20px; }
.left-cta strong { font-size: 20px; color: rgb(255, 255, 255); display: block; margin-bottom: 80px; padding-right: 0px; font-family: "Arial"; }
.left-cta p { font-size: 14px; font-weight: bold; font-style: italic; color: rgb(255, 255, 255); display: block; height: 25px; margin-bottom: 28px; padding-left: 5px; }
.left-cta a { font-weight: bold; font-size: 18px; padding-left: 8px; text-decoration: none; }
.left-cta1 { width: 230px; height: 90px; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 15px; margin-top: 20px; }
.left-cta1 strong { font-size: 20px; color: rgb(255, 255, 255); display: block; margin-bottom: 80px; padding-right: 0px; font-family: "Arial"; }
.left-cta1 p { font-size: 14px; font-weight: bold; font-style: italic; color: rgb(255, 255, 255); display: block; height: 25px; margin-bottom: 28px; padding-left: 0px; }
.left-cta1 a { font-weight: bold; font-size: 18px; padding-left: 8px; text-decoration: none; }
.left-cta a:link { color: rgb(255, 255, 255); }
.left-cta a:visited { color: rgb(255, 255, 255); }
.left-cta a:hover { color: rgb(189, 3, 3); }
.left-cta.contact { background-image: url("resinbound-contact.png"); }
.left-cta.services { background-image: url("resinbound-services.png"); }
.left-cta.gallery { background-image: url("resinbound-gallery.png"); }
.left-cta1.paving { background-image: url("resinbound-paving.png"); }
.foxtext { margin-bottom: 7px !important; }
li.sig-block { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; }
.fcaptchafieldcontainer, .fcaptchainputcontainer, fox_captcha_img { margin-bottom: 4px !important; }
ul.sig-container { width: 700px; }
.slide-desc-bg { background-color: rgb(193, 161, 104) !important; background-image: url("background2.png"); height: 50px !important; opacity: 0.7; }
.slide-desc-text .slide-title { color: rgb(255, 255, 255) !important; font-size: 26px !important; text-align: right !important; padding-right: 10px !important; margin-bottom: 5px !important; }
.csm_scrollable { background-image: url("background.png"); }
.csm_item { padding-top: 70px; padding-left: 34px; padding-right: 120px; width: 446px !important; color: rgb(255, 255, 255); }
.video { float: right; width: 370px; height: 260px; padding-left: 30px; padding-bottom: 20px; }
.laptop-left { float: left; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("laptop_repair.jpg"); }
.laptop-left div { position: absolute; width: 343px; height: 320px; padding: 50px 15px 30px 0px; overflow: hidden; }
.computer_repair-right { float: right; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("computer_repair.jpg"); }
.computer_repair-right div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.virus-left { float: left; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("virus.jpg"); }
.virus-left div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.hardware-right { float: right; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("hardware.jpg"); }
.hardware-right div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.software-left { float: left; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("software.jpg"); }
.software-left div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.data-right { float: right; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("data.jpg"); }
.data-right div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.business-left { float: left; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("business.jpg"); }
.business-left div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }
.built-right { float: right; width: 343px; height: 260px; margin-bottom: 20px; text-align: justify; color: rgb(255, 255, 255); padding-left: 5px; padding-right: 5px; position: relative; background-image: url("built.jpg"); }
.built-right div { position: absolute; width: 343px; height: 308px; padding-left: 15px; padding-right: 15px; padding-top: 20px; overflow: hidden; }