@charset "utf-8";
/* #Site Styles
================================================== */
body{color:#646464;font:13px/20px Helvetica, Arial, sans-serif;min-height:500px;background:#F6F6F6 url(../images/bg.jpg);}
.bgWhite { background: #FFF !important;}
#MWrapper { margin: 0 auto; position: relative; top: 20px;}
.logo { display: block;  float: left; width: 146px; height: 54px; }
#wrapper { margin: 15px auto 20px auto; min-height: 500px; }
#midWrapper { display: block;fjoom padding-top:10px;}
.item-page {margin:0!important;padding:7px;}
a {cursor: pointer;}
a:hover {  text-decoration: none;}
#top { height: 54px;margin:15px 0 8px 0;}
.alpha { margin-left: 0 !important;}
.omega {margin-right: 0!important;}
h2.droid {font: bold 20px Arial, Helvetica, sans-serif; }
h3.droid {font: bold 15px Arial, Helvetica, sans-serif; } 

.logo {padding:0;margin:0;line-height:normal; margin: 0; }
.tagline {color: #8C8C8C;font: bold 14px Arial, sans-serif; line-height: 30px;margin: 0;}
.clear{clear:both;display:block;visibility:hidden;width:0;height:0}

.hideMe { display: none !important; }
.titleTop { padding-top: 15px; }
.gotoTop { background-image: url(../images/backToTop.png); background-position: top; background-repeat: no-repeat; display: block; width: 16px; height: 16px;}
.gotoTop:hover { background-position: bottom;}
small { font: 9px Arial, Helvetica, sans-serif !important;}
ol.alphi {list-style-type:lower-alpha} 
/*#tc ol, #tc ol ol, .nlist { list-style:decimal;}*/
#tc ol ul, #tc ol ol, .nlist ol { margin-left: 30px;}
#tc ol li, .nlist li { margin: 10px 0 10px 15px;}
#tc ol ul li, #tc ol ol li { margin: 10px 0;}
#tc ol ul li {list-style: inside; margin-left: 10px;}
/*---- Blue Box User Containers ---- */
#header { margin: 0 auto; width: 940px; height: 195px; position: relative; }

.home{background: url(../images/bgNav.jpg) repeat-x;}
.divider {background: transparent;}
.search{overflow: hidden; }
.search:hover{background-position: 0 -40px;}
.all{background: url(../images/bgNavWhite.jpg) repeat-x;}
/*
.topmenu{margin:5px 0 10px 0;height:42px!important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.topmenu li { font: bold 13px Helvetica, Arial, sans-serif!important;border-left: 1px solid #D8D8D8!important;; border-right: 1px solid #FBFBFB!important; height: 42px;}

.topmenu li ul {background: url(../images/subNav-bg.jpg) top;}
.topmenu li ul li{ height: auto !important;border-bottom: 1px solid #2E2E2E;border-top: 1px solid #3E3E3E;}
.topmenu li ul li a{ line-height: auto;}
.topmenu li a {  text-decoration: none; color: #404040; margin: 0 10px; text-shadow: 1px 1px 0 #FFF;  line-height:42px!important; }
!important;}
.topmenu li:hover, .topmenu li a:hover,  .topmenu li.current { background: url(../images/bgHover.jpg)!important; }
.topmenu li:hover a, .topmenu li a:hover, .topmenu li.current a { color: #FEFEFE!important; background: transparent!important; width: auto!important; height: auto!important; }
*/
.topmenu li.item-101 { margin-left: 0!important;; border-left: none !important;}
.topmenu li.item-122 { border-right: none !important;}
.topmenu li.item-101, .topmenu li.item-101.current, .topmenu li.item-101:hover, .topmenu li.item-101 a.homeLink, .topmenu li.item-101 a.homeLink:hover, a.homeLink, a.homeLink:hover { background: none!important; }


.navbar .nav > .active > a.homeLink,
.navbar .nav > .active > a.homeLink:hover,
.navbar .nav > .active > a.homeLink:focus {
  color: #555555;
  text-decoration: none;
  background-color: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


.hideMe { display: none !important; }
.separator {background:transparent;}

/*---- Quick Links ---- */
.quick-links { list-style: none; bottom: 0; position: relative; margin: 10px 0;} 
.quick-links li {float:left; display: block; height: 16px; padding: 0 5px; }
.quick-links .ph, .quick-links .em, .quick-links .lg  { }
.quick-links .ph { background-position: 0 0;}
.quick-links .em { background-position: 0 -16px;}
.quick-links .lg { background-position: 0 -32px;}

/*---- Homepage ---- */
.lfi  { font-size: 18px;}
.curvy {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.whiteBox { border: 1px solid #E7E9EA;}
.shadow {/*-webkit-box-shadow: #BDBDBD 0px 2px 4px;-moz-box-shadow: #BDBDBD 0px 2px 4px;box-shadow: #BDBDBD 0px 2px 4px;*/ 
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 4px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 4px rgba(0, 0, 0, 0.05);

}
.gray{background-color:#FBFBFB;border:1px solid #D7D7D7;}


/*---- Footer ---- */
#footerContainer {bottom:0; position: relative;}
#footerContainer ul { list-style: none; padding:0; }
.ftr p { color: #565656;font-size: 11px !important; margin: 0 !important;}
#footerContainer a { color: #19AAE1; text-decoration: none;}
#footerContainer a:hover { color: #222; text-decoration: none;}
#footerContainer .ftr { padding: 20px 0 10px 0;}

/*---- Featured Box ---- */
.checkGreen li { list-style: none; height: 24px; line-height: 20px;background: url(../images/icoCheck.png) no-repeat top left !important; padding-left: 30px;}

/*---- Padding, Float, Center Rules ---- */
.fl, .fr {display: inline; position: relative;}
.m0 {margin:0!important;}
.p0 {padding: 0!important;}
.fl {float: left;}
.fr {float: right;}
.pr5 {padding-right: 5px;}
.pr15 {padding-right: 15px;}
.pb10 {padding-bottom: 10px;}
.pr8 {padding-right: 8px;}
.pl8 {padding-left: 8px;}
.pl20 {padding-left: 20px;}
.pr12 {padding-right: 12px;}
.ptb10 {padding: 10px 0;}
.pb10 {padding-bottom: 10px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.plr5 {  padding-left: 5px;padding-right: 5px;}
.mb20 {margin-bottom: 20px;}
.mr5 {margin-right: 5px;}
.ml10 {margin-left: 10px;}
.mlr10 { margin: 0 10px; }
.mlr15 { margin: 0 15px; }
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 { margin-right: 30px; }
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml70 { margin-left: 70px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mtb10 {margin: 10px 0;}
.mtb20 {margin: 20px 0;}
.pbox8 { padding: 8px; }
.mbox8 { margin: 8px; }
.mbox10 {margin: 10px;}
.mbox15 {margin: 15px;}
.ptb8 { padding: 8px 0; }
.ptbr8 { padding: 8px 8px 8px 0; }
.pbox12 { padding: 12px;}
.ib {border: 3px solid #F8F8F8;}
.ibw {border: 3px solid #FFF;}
.nm {line-height: normal!important;}
.whiteBox { border: 1px solid #E7E9EA; }
.lightGrayBox { border: 1px solid #DBDBDB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#FAFAFA));background: -webkit-linear-gradient(#FFF, #FAFAFA); background: -moz-linear-gradient(#FFF, #FAFAFA); background: -ms-linear-gradient(#FFF, #FAFAFA); background: -o-linear-gradient(#FFF, #FAFAFA); background: linear-gradient(#FFF, #FAFAFA);}
/* -------- Left Menu / Container -------- */
.leftMenu { font-size: 12px; margin: 15px 15px 10px 10px !important; border: 1px solid #F0F0F0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; position: relative; z-index: 10;}
.leftMenu li a, .leftMenu li a:hover { line-height: normal!important; }
.leftMenu li a, .leftMenu li ul li a.third, .leftMenu li.active ul li a.third { color: #44484B!important; text-decoration: none; background: url(../images/IT-London-Support-Services-Arrow.png) no-repeat right 0; display: block;padding:10px 15px 8px 10px; font-weight: normal!important;} 
.leftMenu li a:hover, .leftMenu li ul li a.third:hover { color: #007DE7!important; background: #F5FBFF url(../images/IT-London-Support-Services-Arrow.png) no-repeat right -36px; overflow: hidden;}
.leftMenu li.active a, .leftMenu li.active ul li.active a.third, .leftMenu li.active ul li.active a.third:hover { color: #007DE7!important; background: #FBFBFB url(../images/IT-London-Support-Services-Arrow.png) no-repeat right -36px; font-weight: bold; }
.leftMenu li.active ul li a.third { padding-left: 25px;}

.leftMenu li:first-child { border-top: none;}
.leftMenu li {margin: 1px 0; border-top: 1px solid #F0F0F0;}

.leftContainer { border-left: 1px solid #E5E8EB; padding: 0; margin: 0;}

/* -------- Left Menu / Sub Menu -------- */
.leftSubMenu {font-size: 12px; margin: 0 10px 10px 15px; }
.leftSubMenu li a, .leftSubMenu li a:hover { line-height: normal!important; }
.leftSubMenu li a { text-decoration: none; display: block;padding: 10px 5px 10px 10px; color: #808080;} 
.leftSubMenu li a:hover { color: #007DE7!important; overflow: hidden;}
.leftSubMenu li.active a { color: #007DE7!important; font-weight: bold; }
.leftSubMenu li {margin: 1px 0; border-bottom: 1px solid #F4F4F4;}

.leftContainer { border-left: 1px solid #E5E8EB; padding: 0; margin: 0;}

/*---- Anchor Links ---- */
.arrowLink { background: url(../images/arrow-gray.png) no-repeat 0 10px; height: 30px; line-height: 30px; padding: 15px 0 5px 30px;  }
.arrowBlue16 {background-image: url(../images/icoArrowBlue16.gif); height: 100%; position: relative; padding-right: 20px; background-repeat: no-repeat; background-position: top right;}
.arrowBlue16:hover { background-position: bottom right; }
.blueChecked, .grayChecked, .bullet-blue, .bb, .bullet-blue-large{ list-style: none;}
.blueChecked li { background: url(../images/icoBlueCheck.png) no-repeat left; line-height: 35px; height: 35px; padding-left: 35px;}
.grayChecked li { background: url(../images/icoGrayCheck.png) no-repeat left; line-height: 30px; height: 30px; padding-left: 30px;}
.bullet-blue li { background: url(../images/bullet-blue.gif) no-repeat left; padding-left: 20px; margin: 7px 0;}
.bullet-blue-large li { background: url(../images/icoArrowRight.png) no-repeat left; padding-left: 35px; margin: 10px 0; height: 26px;}
.bullet-blue-arrow li { background: url(../images/icoArrowRight.png) no-repeat left; padding-left: 35px; margin: 10px 0;}

.lightgrayChecked li { background: url(../images/icoGrayCheck.png) no-repeat top left; padding-left: 25px !important; margin: 12px 0;list-style: none;}
.lbChecked li { background: url(../images/icoLightBlueCheck.png) no-repeat top left; padding-left: 25px !important; margin: 12px 0; list-style: none;}
.lbbc li { background: url(../images/icoLightBlueCheck.png) no-repeat top left; padding-left: 30px !important; margin: 15px 0;}
.gc li { background: url(../images/icoGrayCheck.png) no-repeat top left; padding-left: 30px; margin: 5px 0; list-style: none;}
.arrBlue li {background: url(../images/IT-Support-Arrow-blue.gif) no-repeat left;  padding-left: 30px; margin: 5px 0;}
.arrGray li {background: url(../images/IT-Support-London-Always-Available.png) no-repeat left!important;  padding-left: 35px!important; margin: 5px 0!important; border: none!important;list-style: none;}
.ulNoBullet,.cloudPkgs ul li, .DNSManagement li{ list-style: none;}
.ulNoBullet li { clear: right; }
.nb, .lbbc, .hostingPkgs, .hPkg, .hostingPkgsCnt { list-style: none;}
.nb li { clear: both; margin: 12px 0; }
.nb li img { margin: 10px 15px 10px 0;}
.serviceList li { list-style: none; padding: 7px 0;}
.fGray a { color: #666;}
.bb li { padding: 12px 0; border-bottom: 1px dotted #CCC;}

/*---- Office IT Guy ---- */
/*.ITGuy { background: url(../images/ITGuyFrame.png) no-repeat; display: block; width: 439px; height: 461px; position: relative;  }
#ITGuyFlash { padding: 11px 10px 28px 12px;}*/

.ITGuy {display: block; position: relative; }
#ITGuyFlash { padding: 5px 0 0 0;}

.ITGuyMini {display: block; width: 380px; height: 380px; position: relative;  }
#ITGuyFlashMini { padding: 0;}

/*---- Contact Call Container ---- */
.contactContainer { margin: 10px 0; padding-left: 15px; }
.contactContainer ul li { height: 32px; margin: 5px 0; padding-left: 40px; line-height: 32px; }

.ph32 {background: url(../images/icoPhone32x32.png) no-repeat;}
.em32 {background: url(../images/icoEmail32x32.png) no-repeat;}

/*---- Featured Box ---- */
.box h2 { font: bold 18px Myriad Pro, Helvetica, Arial, sans-serif;  color: #272727; }
.shadow {-webkit-box-shadow: #E2E2E2 0px 2px 4px;-moz-box-shadow: #E2E2E2 0px 2px 4px;box-shadow: #E2E2E2 0px 2px 4px; }

.blue-button { display: block; position: relative;color: #f1f1f1; text-shadow: 1px 1px 0 #105DAC; font-weight: bold; font-size: 12px; border:1px solid #1D78D5;padding:8px;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px;-webkit-box-shadow:#666 0px 1px 3px;-moz-box-shadow:#666 0px 1px 3px;box-shadow:#666 0px 1px 3px;background:#4599DF;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4599DF), to(#2878CE));background:-webkit-gradient(linear,left top,left bottom,from(#4599DF),to(#2878CE));background:-webkit-linear-gradient(#4599DF, #2878CE);background:-moz-linear-gradient(#4599DF, #2878CE);background:-o-linear-gradient(#4599DF, #2878CE);background:linear-gradient(#4599DF, #2878CE);}

.blue-button:hover {color: #FFF; text-shadow: 1px 1px 0 #105DAC;border:1px solid #3788C2;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:#666 0px 2px 3px;-moz-box-shadow:#666 0px 2px 3px;box-shadow:#666 0px 2px 3px;background:#4795CC;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4795CC), to(#3788C2));background:-webkit-gradient(linear,left top,left bottom,from(#4795CC),to(#3788C2));background:-webkit-linear-gradient(#4795CC, #3788C2);background:-moz-linear-gradient(#4795CC, #3788C2);background:-o-linear-gradient(#4795CC, #3788C2);background:linear-gradient(#4795CC, #3788C2);-pie-background:linear-gradient(#4795CC, #3788C2);}

.gray{background-color:#FBFBFB;border:1px solid #D7D7D7;}
.white{background-color:#FFF;border:1px solid #D7D7D7;}
.blue{border:1px solid #97CAF2;margin:15px 0;}
.blue h4{font-size:16px;font-weight:bold;line-height:24px;color:#97CAF2;}

/*---- Cost Calculator and Graph ---- */
.calcSmall { /*height:300px;*/ margin: 0; }
.calcMedium { width:280px; height:320px; margin: 5px 0; }
.calcLarge { background: url(../images/imgLargeCalcBG.png) no-repeat; width: 480px; height: 500px;}
#calcLargeFrame { padding: 0 10px 10px 10px;}
.graphSmallFrame { background: #FBFBFB; margin-bottom: 10px;}
.txtWhite { font-size: 18px; line-height: 48px; text-shadow: -1px -1px #444; color: #FFF; text-align: center;}

/*---- Borders ---- */
.borderGray { border: 1px solid #CCC; }

/*---- Widget Container ---- */
.widgetContainer { width:100%; height: 280px;}
.leftWidget {margin: 8px 0 8px 15px; }
.rightWidget {margin: 8px 15px 8px 0; }
.grayBox { background: #FCFCFC; border: 1px solid #DCDCDC; margin: 5px 0;}
.whiteBox { border: 1px solid #E7E9EA;}
/*---- Quick Contact ---- */
#topGetSupportHere {}

.quickContact { list-style: none; font-size: 12px; padding:0; margin:0; }
.quickContact li { float: left; display: block; color: #343434; background-image: url(../images/imgQC.png); line-height: 30px; height: 30px;}
.quickContact li a { text-decoration: none;}

.quickContact li.tel a, .quickContact li.email a {color: #343434;}
.quickContact li.getSupport a { color: #FFF; text-shadow: 1px 1px 0 #376DAA;}

.quickContact li.tel, .quickContact li.email { margin-right: 7px;}
.quickContact li.tel,.quickContact li.email,.quickContact li.getSupport {overflow: hidden; background-repeat: no-repeat;}

.quickContact li.tel {background-position: 0 0; padding-left: 33px;}
.quickContact li.email { background-position: 0 -30px; padding-left: 18px;}
.quickContact li.email a:hover { color: #3A7DDE;}

.quickContact li.getSupport { background-position: 0 -60px; width: 130px; text-align: center; }
.quickContact li.getSupport:hover { background-position: 0 -90px;}
.quickContact li.getSupport:hover { background-position: 0 -89px;}

/*---- MWrapper ---- */
.bgWhite .mWrap { border: none !important; }
.mWrap { background:#FFF; margin: 10px 0 20px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;  border: 1px solid #D4D4D4; }
/*---- Footer ---- */
.ITPartners {margin:5px 0;height:60px;list-style:none;clear:both;position:relative;}
.ITPartners li { float: left; display: block; padding: 5px 12px 0px 0px;}

#footer { display: block; position: relative; font-size: 11px !important; }
#footer ul li { float: left; position: relative; padding: 0 5px; background: url(../images/s.gif) right repeat-y; }
#footer ul li:last-child {background: none!important;}
#footer ul li:first-child {padding: 0 5px 0 0 !important;}
#footer p { padding: 0 !important; }
#footer ul { list-style: none !important; }
.footerL { float: left;}
.footerR, .footerR ul { float: right; text-align: right; }
.footerL a,.footerR a{ color: #646464; text-decoration: none;}
.footerL a:hover,.footerR a:hover{ color: #007DDE; }

/*---- getSupport60 ---- */

.getSupport60 {width: 488px; height: 60px; background: url(../images/bgGetSupport60.jpg) repeat-x; display:  block;}
.getSupport60 span {width: 340px; height: 60px; display:  block; }
.liveSupport h2 { color: #F9F9F9; padding: 0 !important; margin: 10px 0 5px 0!important;}
.liveSupport p a{ color: #B4B4B4; font: 12px/18px Arial, Helvetica, sans-serif !important; clear: both; }
.liveSupport p { margin: 0!important;}
.liveSupport { width: 310px; background: url(../images/borderGetSupport60.png) no-repeat top right; float: left; margin: 0 0 0 25px; display: block;}
.poweredBy { width: 130px; float: left;}

/*---- Padding, Float, Center Rules ---- */

.pr5 { padding-right: 5px;}
.ptb10 { padding: 10px 0; }
.pl10 { padding-left: 10px; }
.pl5 { padding-left: 5px;}
.p10 { padding: 10px;}
.pb5 { padding: 10px; }
.plr5 {  padding: 0 5px;}
.plr8 {  padding: 0 8px;}
.p15 { padding-left: 15px; }
.pt20 { padding-top: 20px; }
.pt10 { padding-top: 10px; }
.pbox5 { padding: 5px; }
.pbox8 { padding: 8px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mlr5 { margin: 0 5px; }
.mlr10 { margin: 0 10px; }
.mlr15 { margin: 0 15px; }
.ml8 { margin-left: 8px; }
.mr8 { margin-right: 8px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml70 { margin-left: 70px;}
.mbox5 {margin: 5px;}
.mbox10 {margin: 10px;}
.mbox20 {margin: 20px;}
.mt15 { margin-top: 15px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mtb5 {margin: 5px 0;}
.mtb10 {margin: 10px 0;}
.mtb20 {margin: 20px 0;}
.mtb25 {margin: 25px 0;}
.mtrb8 { margin: 8px 8px 8px 0;}
.mt8r15 { margin: 8px 15px 0 0;}
.mrb20 { margin: 0 20px 20px 0;}
.mlb20 { margin: 0 0 20px 20px;}
.mtrb-qt { margin: 10px 15px 15px 0;}
.mbrl8 { margin: 0 8px 8px 8px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.pbox15 { padding: 15px; }
.pl10 { padding-left: 10px;}
.ptb8 { padding: 8px 0; }
.pt8 { padding-top: 8px; }
.pr8 { padding-right: 8px; }
.pr12 { padding-right: 12px; }
.pr20{ padding-right: 20px; }
.lh22 { line-height: 22px;}
.nm {line-height: normal!important;}
.sep {border-top: 1px solid #ECECEC;margin-top: 30px;}
.borderTB { border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; }
.tR { text-align: right;}
.hide-menu {display: none!important; }
.polaroid {position:relative;background:#fff; padding:7px;margin:5px;text-align:center;border-top:1px solid #EEE;border-left:1px solid #EEE;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
.avatar{position:relative;background:#fff; padding:1px;margin: 10px 20px 20px 0;text-align:center;border-top:1px solid #EEE;border-left:1px solid #EEE;border-right:1px solid #DDD;border-bottom:1px solid #DDD;-webkit-box-shadow: 0px 2px 3px 1px rgba(180, 180, 180, .5); -moz-box-shadow: 0px 2px 3px 1px rgba(180, 180, 180, .5); box-shadow: 0px 2px 3px 1px rgba(180, 180, 180, .5); float: left; width: 152px;}
.mininote { font: italic 11px Arial, Helvetica, sans-serif;}

.strh3 { font: bold 15px Arial, Helvetica, sans-serif;}
.bdr { border-right: 1px solid #EEE; }
.topTip { width: 235px; background: #F2F7FB; }
.topTip strong { color: #333;}
.thick{color:#85C2EA;height:4px;margin:5px 0;border:none;}
.thin{color: #EEE; background-color: #EEE; height: 1px; border: none; /* top */ border-top: 1px solid #EEE;/* middle */ height: 2px; /* IE6+7 need the total height */ margin: 10px 0;}
 
.fyi {font: italic 11px Arial, Helvetica, sans-serif; color: #8E8E8E; padding-top: 5px;}
.blueS{ font-size: 15px; font-weight: 600; color: #0D92DC;}

/* -------- Order / Unordered Lists  -------- */

.ulP {list-style: none !important; }
.ulP li { display: block; position: relative; list-style-type: none !important; height: auto; clear: both; overflow: hidden; margin: 0; padding: 20px 0; border-bottom: 1px solid #EEE;}
.ulP li h3{ color: #222; font: bold 16px/22px Arial, Helvetica, sans-serif;}
.ulP li .detL, .ulP li .detR  { width: 400px; height: auto; position: relative; float: left;}
.readMore {width: 230px; height: 180px; position: relative; z-index:11; cursor: pointer;}
.ulP li:last-child { border-bottom: none !important;}
/* #Homepage
================================================== */


#clientTestimonials, #clientTestimonials  div li, .qtLine div li {margin:0;padding:0;list-style:none;}
#clientTestimonials li div, .qtLine li div {padding: 0 5px; margin-top: 10px; background: url(../images/icoBlockquote.gif) no-repeat top left;}
#clientTestimonials li div p, .qtLine  li div p{ padding: 5px 0 5px 30px; font: italic 12px/20px Georgia, Times New Roman, Times, serif; color: #AAA; }
#clientTestimonials li div .clientName, .qtLine div .clientName { font: normal 12px Arial, Helvetica, sans-serif!important; color: #646464; margin: 10px 0 0 5px; clear:both; text-align: right;}
.clientName a { font: oblique 12px/18px Arial, Helvetica, sans-serif; color: #007DDE;}
.clientName a:hover { font-style: normal; text-decoration: underline;}
/*.weAreHTL li { font: 13px Arial, Helvetica, sans-serif; background: #FEFEFE; line-height: normal; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #F6F6F6; padding: 10px 0;}*/
.weAreHTL li { font: 13px Arial, Helvetica, sans-serif; line-height: normal; padding: 10px 0; list-style: none;}
.calcSml { margin: 10px 10px 10px 20px; }

.qa {font-size: 14px; font-weight: bold; color: #007DDE;}
.ans { background: url(../images/icoComment.png) no-repeat left;}

/* Your IT Guy */

.ITGuyHeading { list-style: none;  background: url(../images/IT-London-Support-IT-Guy-HTL-Backup-Team.jpg) repeat-x; height: 54px;-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;margin: 0; }/*width: 745px;*/
.ITGuyHeading li { float: left; display: block; position: relative;height: 54px; width:235px; }
.ITGuyHeading li h3 { font: bold 14px/54px Arial, Helvetica, sans-serif; color: #444;text-shadow: 1px 1px 0 #FFF;  }
.ITGuyHeading li img.thumbpic { width: 45px; height: 45px; display:block; float: left; margin-right: 10px; padding: 5px 0 0 20px;}

#ITStaff { display: block; background: #FEFEFE; margin-bottom: 70px; clear:both;}
/* Container */
.verticalslider {font-size: 12px; clear:both; background: #FFF; border: 1px solid #B8B8B8; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow: 0 10px 6px -6px #999; -moz-box-shadow: 0 10px 6px -6px #999; box-shadow: 0 10px 6px -6px #999; }

/* Tabs */
ul.modules li { width: 100%;}
.verticalslider_tabs { width: 235px; margin-bottom: 0px !important; }
.verticalslider_tabs li{ line-height: 40px!important; list-style:none; }
.verticalslider_tabs li a {background: #4C4F55 url(../images/IT-Support-London-HTL-IT-Guy-Back-Up-Team.png) no-repeat right; }
.verticalslider_tabs li a:hover {background: #34383E url(../images/IT-Support-London-HTL-IT-Guy-Back-Up-Team.png) no-repeat right; border-top: 1px solid #2C2B2C; border-bottom: 1px solid #141518;}
.verticalslider_tabs li a {text-shadow: 1px 1px 0 #2C3036; border-top: 1px solid #6C6E75; border-bottom: 1px solid #161515;border-right: 1px solid #50555B; padding: 0 5px; display: block; color: #FFF; } 
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:active {color: #FFF; text-shadow: 1px 1px 0 #0865AC; background: #299ADE url(../images/IT-Support-London-HTL-IT-Guy-Back-Up-Team-Active.png) no-repeat right; border-bottom: 1px solid #0881C6; border-top: 1px solid #6FC3F2;border-right: none;}
/*.verticalslider_tabs a:hover { color: #007DDE; text-shadow: 1px 1px 0 #FFF; background: #F9FBFF; }*/
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{ }
.verticalslider_tabs li:last-child a:link, .verticalslider_tabs li:last-child a:visited{-moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;}
.verticalslider .arrow {background: transparent url(../images/Business-IT-Support-Blue-Arrow.png) no-repeat top; width: 19px; height: 40px; position: absolute; z-index: 1000; margin-left: 235px; margin-top: -40px; }

/* Contents */
.verticalslider_contents { background: #fff; float: left;}
.verticalslider_contents img { float: left; margin: 5px 5px 0 -5px; position: relative; }
.verticalslider_contents{ float: left; display: inline; margin: 0px; padding: 0px;}
.verticalslider_contents li{ display: none; position: absolute;list-style-type: none; }
.verticalslider_contents li div { height: 380px; background: #f9f9f9; 
border: 1px solid #EEE;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; margin-top:18px;}
.verticalslider_contents li p{ color: #555; text-shadow: 1px 1px 0 #fff; padding: 10px; }
.verticalslider_contents .activeContent li { float: left;}
.verticalslider_contents .activeContent { display: block;}

/* Remote IT Support */

.fixedRemotely, .noDelays , .reducedSupportCalls { width: 220px; background-image: url(../images/imgKeyBenefitsITSupport.png); background-repeat: no-repeat; overflow: hidden;float:left;position:relative;}
.fixedRemotely p, .noDelays p, .reducedSupportCalls p { margin: 90px 7px 7px 7px;}
.fixedRemotely { background-position: 0px 0px; margin-right: 10px; }
.noDelays { background-position: -220px 0px; margin-right: 10px;}
.reducedSupportCalls { background-position: -440px 0px;margin-right: 10px;}

.listFAQ li { margin: 8px 0;}
.listNum {font: italic 32px Georgia, "Times New Roman", Times, serif; height: 100%; display: block; color: #BBB; clear: both; margin: 0 5px 20px 5px;}

/* Technical Support */
.ITSystemsSupport, .networkingSupport , .telecomsSupport , .endUserSupport , .proactiveWarningServiceB { width: 230px; height: 180px; background-image: url(../images/imgITTechnicalSupportServicesList.png); overflow: hidden;float:left;position:relative;}
.ITSystemsSupport { background-position: 0px 0px; }
.networkingSupport { background-position: 0px -180px;}
.telecomsSupport { background-position: 0px -360px; }
.endUserSupport { background-position: 0px -540px; }
.proactiveWarningServiceB { background-position: 0px -720px; }

/* IT Systems Support */
.laptopDesktopSupport, .serverSupport , .applicationSupport , .operatingSystemSupport , .remoteOnsiteSupport { width: 230px; height: 180px; background-image: url(../images/imgITSystemsSupportList.png); overflow: hidden;float:left;position:relative;}
.laptopDesktopSupport { background-position: 0px 0px; }
.serverSupport { background-position: 0px -180px;}
.applicationSupport { background-position: 0px -360px; }
.operatingSystemSupport { background-position: 0px -540px; }
.remoteOnsiteSupport { background-position: 0px -720px; }

/* IT Network Support */
.networkHardwareSupport, .networkCabling , .networkPerformance , .networkRemoteOnsiteSupport { width: 230px; height: 180px; background-image: url(../images/imgITNetworkSupportList.png); overflow: hidden;float:left;position:relative;}
.networkHardwareSupport { background-position: 0px 0px; }
.networkCabling { background-position: 0px -180px;}
.networkPerformance { background-position: 0px -360px; }
.networkRemoteOnsiteSupport { background-position: 0px -540px; }

/* IT Telecom Support */
.telephoneHardwareSupport, .telecomProviderManagement , .telecomImplementation , .telecomEnduserSupport { width: 230px; height: 180px; background-image: url(../images/imgITTelecomSupportList.png); overflow: hidden;float:left;position:relative;}
.telephoneHardwareSupport { background-position: 0px 0px; }
.telecomProviderManagement { background-position: 0px -180px;}
.telecomImplementation { background-position: 0px -360px; }
.telecomEnduserSupport { background-position: 0px -540px; }


/* IT Support Costs */

.pricing { width: 130px; float: left; position: relative; margin: 10px 8px 0 0; background: #FEFEFE; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6;border-top: 1px solid #E6E6E6;}
.pricing ul { list-style: none;margin: 0;}
.pricing ul li { height: 40px; padding: 0 4px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; text-align: center; line-height: 40px; display: block; }
.pricing ul li.alt { background: #F6F6F6 !important; }
.pricing ul li.title { height: 40px;}
.pricing ul.level1 li.title { background: #85B8DF;border-top: 1px solid #9AC4E4 !important; border-bottom: 1px solid #72ADDA !important;}
.pricing ul.level2 li.title { background: #559AD1;border-top: 1px solid #6BA6D6 !important; border-bottom: 1px solid #438ECB !important;}
.pricing ul.level3 li.title { background: #3482C7;border-top: 1px solid #448ECF !important; border-bottom: 1px solid #2E75B2 !important;}
.pricing ul.level4 li.title { background: #2372B8;border-top: 1px solid #3085D5 !important; border-bottom: 1px solid #246BAE !important;}
.pricing ul.level5 li.title { background: #1468B2;border-top: 1px solid #2878C3 !important; border-bottom: 1px solid #1F5E98 !important;}
.pricing ul li.title h3 { color: #FFF; font: bold 18px Arial, Helvetica, sans-serif; text-align: center;}
.pricing ul li span.priceMo {font: bold 20px Arial, Helvetica, sans-serif; text-align: center; color: #0059B3;}
.pricing ul li strong {color: #333;}
.pricing ul li span.note {font-size: 12px; text-align: center;}
.pricing .sd{font-size:9px;}

/* #IT Services Page
================================================== */
.ITInstallationConfiguration, .ITConsultancy , .ITHWSWSupply , .ITManagedServices , .ITServiceContinuity , .voiceDataCabling { width: 230px; height: 180px; background-image: url(../images/imgITServicesList.png); overflow: hidden;float:left;position:relative;}
.ITInstallationConfiguration { background-position: 0px 0px; }
.ITConsultancy { background-position: 0px -180px;}
.ITHWSWSupply { background-position: 0px -360px; }
.ITManagedServices { background-position: 0px -540px; }
.ITServiceContinuity { background-position: 0px -720px; }
.voiceDataCabling { background-position: 0px -900px;}
.msOffice tr { border-bottom: 1px solid #DDD; padding: 7px 0; }
.msOffice img { padding-top: 7px; }

/* #Internet Solutions Page
================================================== */
.webDesignDevelopment, .webHosting , .internetSecurity , .emailSecurity , .searchEngineMarketing , .wifiHotspots { width: 230px; height: 180px; background-image: url(../images/imgInternetSolutionsList.png); overflow: hidden;float:left;position:relative;}
.webDesignDevelopment { background-position: 0px 0px; }
.webHosting { background-position: 0px -180px;}
.internetSecurity { background-position: 0px -360px; }
.emailSecurity { background-position: 0px -540px; }
.searchEngineMarketing { background-position: 0px -720px; }
.wifiHotspots { background-position: 0px -900px;}

/*-- Internet Rates --*/
.InternetPackages li h3 { color: #525254; font: bold 16px Arial, Helvetica, sans-serif;}
.InternetPackages li { border:1px solid #CDCDCD;padding:15px; float: left; display: block; margin: 10px 20px 10px 0; width:320px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:#666 0px 2px 3px;-moz-box-shadow:#666 0px 2px 3px;box-shadow:#666 0px 2px 3px;background:#FEFEFE;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#E1E0E0));background:-webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#E1E0E0));background:-webkit-linear-gradient(#FEFEFE, #E1E0E0);background:-moz-linear-gradient(#FEFEFE, #E1E0E0);background:-o-linear-gradient(#FEFEFE, #E1E0E0);background:linear-gradient(#FEFEFE, #E1E0E0);text-align:left !important;}

#container{ margin: 20px auto 0 auto; background: #F6F7F7; border: 1px solid #CCC;}
#container ul{ list-style: none; list-style-position: outside; margin: 15px 10px 0 15px;}
#container ul.menu li{ float: left; margin-right: 3px; margin-bottom: -1px; }
/*#container ul.menu li{ font-size: 16px; font-weight: bold; display: block; padding: 10px; background: #85B9E0; margin-bottom: -1px;  border-top: 1px solid #8EC4EA;   border-left: 1px solid #5DA0D8; border-right: 1px solid #5DA0D8 !important; border-width: 1px 1px 1px 1px; position: relative; color: #FBFBFB; text-shadow: 1px 1px 0 #5DA0D5; cursor: pointer; }*/
#container ul.menu li{ font-size: 16px; font-weight: bold; margin-bottom: -1px;  display: block; padding: 10px; position: relative; color: #FBFBFB; cursor: pointer; }

li#adsl a,li#adslmax a,li#buss24 a,li#ultra20 a,li#fftc a,li#efm a,li#fibre a { color: #fff !important; text-shadow: 1px 1px 0 #1468B2;}
#container ul.menu li#adsl, .broadbandPkgs li#adsl { background: #BEDBF8; text-shadow: 1px 1px 0 #5DA0D5; color: #FFF !important;}
#container ul.menu li#adslmax, .broadbandPkgs li#adslmax, .hostingPkgs li#th{ background: #9CCAF7;text-shadow: 1px 1px 0 #5DA0D5;}
#container ul.menu li#buss24, .broadbandPkgs li#buss24, .hostingPkgs li#sh{ background: #7BB9F7;text-shadow: 1px 1px 0 #5DA0D5;}
#container ul.menu li#ultra20, .broadbandPkgs li#ultra20{ background: #559AD1;text-shadow: #024B8B;}
#container ul.menu li#fftc, .broadbandPkgs li#fftc, .hostingPkgs li#dh{ background: #3482C7;text-shadow: #024B8B;}
#container ul.menu li#efm, .broadbandPkgs li#efm{ background: #2372B8;text-shadow: #024B8B;}
#container ul.menu li#fibre, .broadbandPkgs li#fibre, .hostingPkgs li#ch{ background: #1468B2; text-shadow: #024B8B;}

#container ul.menu li.active{ background: #FDFDFD!important; top: 1px; text-shadow: 1px 1px 0 #FEFEFE!important; border-bottom: 0!important; border-top: 1px solid #DEDEDE!important; border-right: 1px solid #DEDEDE !important; border-left: 1px solid #DEDEDE!important; color: #4E92CA!important;  font-weight: bold; }

.content{ margin: 0 15px 15px 15px; background: #FDFDFD; border: 1px solid #DEDEDE; text-align: left;  padding: 15px;}
.content h3 {margin: 0 10px 0 0; font-size: 20px;color: #555 !important; float: left; }
.content h3 a {font-size: 20px;color: #555 !important; float: left; }
.toptip {padding: 0 10px 10px 10px;}
.wiki { background: url(../images/arrow_right.png) no-repeat right; width: 32px; height: 32px; position: relative; float: left; }
.pkg { padding: 15px 0 25px 15px; background: #FFF; border: 1px dotted #DDD;}
.cmt { padding: 10px 10px 10px 0;}
.cmt img { margin-left: 20px;}

.actualPrice {font-weight:bold;}
.content .currency {font-family: Georgia, Times New Roman, Times, serif; text-shadow: 1px 1px 0 #FFF; font-style: italic; font-size: 16px; color: #555 !important;}
.content.adslmax, .content.buss24, .content.ultra20, .content.fftc, .content.efm, .content.fibre {display: none;}
.content.adsl a, .content.adslmax a, .content.buss24 a, .content.ultra20 a, .content.fftc a, .content.efm a, .content.fibre a {color: #5f95ef;}

.broadbandPkgs li, .broadbandCnt li.fullContent { width: 140px; float: left; list-style: none; }
.broadbandPkgs li {font: bold 18px/40px Arial, Helvetica, sans-serif; color: #FFF; height: 40px; text-align: center; }
.fullPkg .actualPrice, .hPkg .actualPrice { font: bold 16px/normal Arial, Helvetica, sans-serif; padding: 10px 0;}
.fullPkg .currency, .hPkg .currency { line-height: normal!important;height: 40px; text-align: center; background: #FCFCFC; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; text-shadow: 1px 1px 0 #FFF; margin-bottom: 0px !important;}
.fullPkg .pkglist li.pkgCap, .hPkg .pkglist li.pkgCap { line-height: normal!important; height: 30px;}

.liR { border-right-style: inset; border-width: 1px; border-color: #EEE;}
.fullPkg .pkglist, .hPkg .hPkglist { background: #FFF; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 0 0 15px 0; list-style: none; }
.fullPkg .pkglist, .hPkg .hPkglist { font: 12px Arial, Helvetica, sans-serif; width: 100%;}
.fullPkg .pkglist li, .hPkg .pkglist li { padding: 15px 0 15px 10px; border-bottom: 1px solid #F9F9F9;}

/*-- Website Hosting --*/
.hostingPkgs li, .hostingPkgsCnt .fullContent { width: 240px; float: left;}
.hPkglist li.a { height: 60px; padding: 15px 10px; line-height: 18px; background: #FEFEFE; border-bottom: 1px solid #EEE; border-top: 1px solid #FFF;}
.hPkglist li.toptip { height: 150px; line-height: 18px; padding: 15px 10px;}
.hostingPkgs li {font: bold 16px/40px Arial, Helvetica, sans-serif; color: #FFF; height: 40px; text-align: center; }

/*-- Cloud Services --*/
.cloudPkgs { width: 740px;}
.cloudPkgs ul {display:inline;float:left;position:relative; margin:0!important;}
.cloudPkgs ul li { padding: 10px 0; }
.cloudPkgs .cloudPkgDesc { font-weight: bold;}
.cloudPkgs .cloudPkgDesc li { padding-left: 20px;}

.cloudPkgs ul li.even { background: #FEFEFE; border-bottom: 1px solid #F6F6F6; border-top: 1px solid #FFF; }
.cloudPkgs ul li.odd { background: #EDF9FF; border-bottom: 1px solid #D3E9FF; border-top: 1px solid #FFF; line-height: 20px !important;}
.cloudPkgs .cloudME { height: 60px;}
.cloudPkgs .cloudSilver li, .cloudPkgs .cloudGold li { padding-left: 20px; }
.cloudSilver li, .cloudGold li { border-left: 1px solid #FFF; border-right: 1px solid #D7E4F2; }
.cloudPkgDesc li { width: 180px; color: #333; border-left: 1px solid #D7E4F2; border-right: 1px solid #D7E4F2; }
.cloudSilver, .cloudGold { /*width: 245px;*/}
.cloudSilver .cloudPkgName, .cloudGold .cloudPkgName, .cloudPkgDesc .cloudPkgName  { color: #FFF; font: bold 18px/30px Arial, Helvetica, sans-serif; height: 30px; text-transform:uppercase; }

.cloudSilver .cloudPkgName { background: #5699D0; text-shadow: 1px -1px 0 #4287C0; }
.cloudGold .cloudPkgName { background: #1568B4; text-shadow: 1px -1px 0 #02549E; }
.cloudPkgDesc .cloudPkgName { background: #85B9E0; }

/*-- Domain Name Registration  --*/
.DNSManagement li { margin: 10px 0;}
.toptipDNS, .toptipCloud, .toptipTelco, .toptipAll { background: url(../images/toptipPose1.png) no-repeat; height: 300px;}
.toptipDNS p, .toptipCloud p, .toptipTelco p, .toptipAll p { width: 170px; margin: 95px auto 0 auto; line-height: normal !important;}
.discountCode { border: 2px dashed #ccc;}

/*-- WiFi Hotspots  --*/
.public, .private {border-left: 1px solid #E2F1FF; border-right: 1px solid #E2F1FF;}
.public ul, .private ul { margin-left:0;}
.public ul li, .private ul li { height: 35px; padding: 10px 15px; font-size: 12px; line-height: normal !important; list-style:none; margin:0;}
.public .prc, .private .prc {display: block; width: 100px; height: 32px; line-height: 32px; float: right;}
.public .prc span, .private .prc span{ font-size: 13px !important; font-weight: bold; padding-left: 10px; text-shadow: 1px 0 0 #292D36;}
.public .prc, .private .prc {background: url(../images/prcBG.gif) repeat-x; border-left: 1px solid #636C7F;}
.public .wifi-pkg, .private .wifi-pkg { text-align: left; height: 70px; padding: 10px 0 0 15px;}
.public .wifi-pkg { background: #9BCBF4; color: #FFF; text-shadow: 1px 0 0 #85B9E0; }
.private .wifi-pkg { background: #2372B8; color: #FFF; text-shadow: 1px 0 0 #17427C; }
.public .wifi-pkg strong, .private .wifi-pkg strong { font-size: 18px; padding-top: 20px;}
.even { background: #FEFEFE; border-bottom: 1px solid #F6F6F6; border-top: 1px solid #FFF; }
.odd { background: #EDF9FF; border-bottom: 1px solid #D3E9FF; border-top: 1px solid #FFF;}

/* #Telecoms Page
================================================== */
.digitalPhoneSystems, .businessVOIP , .leastCostRouting { width: 230px; height: 180px; background-image: url(../images/imgTelecomList.png); overflow: hidden;float:left;position:relative;}
.digitalPhoneSystems { background-position: 0px 0px; }
.businessVOIP { background-position: 0px -180px; }
.leastCostRouting { background-position: 0px -360px;}
.listTelecomMini li { overflow: hidden; clear: both ; display: block; padding: 7px 0;}
.listTelecomMini li span { width: 40px; height: 40px; background-image: url(../images/imgTelecomList.png); overflow: hidden; float:left; display:block; margin-right: 10px;}
.reducedCallCharges { background-position: 0 -540px; }
.maintainPhoneNumber { background-position: -40px -540px; }
.support247 { background-position: -80px -540px; }
.competitivePricing { background-position: -120px -540px; }
.outstandingSupport { background-position: -161px -540px;}

/*-- Business VOIP  --*/
.widgetBody { background-image: url(../images/widgetBottom.png); background-position: bottom; width: 739px; height: 260px;}
.widgetTop { background-image: url(../images/widgetTop.png); background-position: top; height: 17px; width: 739px; display: block; clear: right;}
.widgetBody li { float: left; list-style: none;  width: 245px; height: 260px;  position: relative; display: block; }
.widgetBody li h3 { text-align: center;}
.widgetBody li img {clear: both; margin: 5px auto;}
.widgetBody li a { margin: 10px;}
.scFeatures { clear: both;}
.scFeatures li { height: 46px; display:block; margin: 25px 0; }
.scFeatures li strong { color: #333;}

/* #Client Testimonials Page
================================================== */
.speechBubble { background: #FEFEFE; }
.speechBubble p { margin: 15px; color: #333; text-shadow: 1px 1px 0 #EEE;}
.lq, .rq { font: bold 26px/normal Georgia, Times New Roman, Times, serif; color: #D2D2D2; padding: 0 5px; line-height: normal !important; }
.testi { font: italic 12px Georgia, Times New Roman, Times, serif; color: #AAA;line-height: normal !important;}

.itrq li { margin: 10px 0; display:block; position: relative; clear: both; line-height: 32px;}

/* #Start itabs ADSL Packages  SELECTED TABS: 635, 642, 644 */
ul.itabs li#adsl { background-color: #BEDBF8; text-shadow: 1px 1px 0 #5DA0D5;}
ul.itabs li#adslmax { background-color: #9CCAF7;text-shadow: 1px 1px 0 #5DA0D5;}
ul.itabs li#buss24 { background-color: #7BB9F7;text-shadow: 1px 1px 0 #5DA0D5;}
ul.itabs li#ultra20 { background-color: #559AD1;text-shadow: #024B8B;}
ul.itabs li#fftc { background-color: #3482C7;text-shadow: #024B8B;}
ul.itabs li#efm { background-color: #2372B8;text-shadow: #024B8B;}
ul.itabs li#fibre{ background-color: #1468B2; text-shadow: #024B8B;}
ul.itabs{margin:0;padding:0px 0px 5px 0px;float:left;list-style:none;}/*height:40px;width:745px;padding:0;border-bottom:4px solid #9F9F9F;*/
ul.itabs li .dslPrice{ display: block;}
ul.itabs li, ul.itabs li a, ul.itabs li a:hover{-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-khtml-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-khtml-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;}
ul.itabs li, ul.itabs li:hover{float:left;margin:0 1px -5px 0;padding:0;width:auto;height:40px;display:block;background:#E0F1F8;overflow:hidden;position:relative;text-shadow:#FFF 1px 1px;color:#1974C5;font:bold 13px/40px Arial, Helvetica, sans-serif;}
ul.itabs li{background-image: url(../images/itab-arrow-normal.png); background-repeat:no-repeat; background-position: right;}
ul.itabs li a{text-decoration:none;display:block;padding:0 30px 0 10px;outline:none;}
ul.itabs li a:hover{background:#ADD9FB;text-shadow:#1974C5 1px 1px;color:#FFF;}
ul.itabs li.active a, html ul.itabs li.active a:hover{background: url(../images/itab-bg.jpg) repeat-x;text-shadow:#FFF 1px 1px;}
html ul.itabs li.active a:hover, ul.itabs li a:hover{background:#ADD9FB;text-shadow:#62ADEA 1px 1px;background-image: url(../images/itab-arrow-normal.png); background-repeat:no-repeat; background-position: right;}
.itab_container{border:1px solid #9F9F9F;clear:both;float:left;width:100%;background:#fff;-moz-border-radius-bottomright:6px;-khtml-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-khtml-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;}
.itab_content{padding:20px;display:block;clear:both;}
.itab_content h2{font-weight:normal;padding-bottom:10px;border-bottom:1px dashed #ddd;font-size:1.8em;}
.itab_content h3 a{color:#254588;}
.itab_content img{float:left;display:block;}
/* #End itabs ADSL Packages   */

ul.tabs li#fibre.active a, html ul.tabs li#fibre.active a:hover{ background: #000 url(images/arrow-gray.png) no-repeat right;}
ul.tabs{margin:0;padding:0px 0px 5px 0px;float:left;list-style:none;}/*width:745px;height:40px;padding:0;border-bottom:4px solid #BDDCF6;*/
ul.tabs li .dslPrice{ display: block;}
ul.tabs li, ul.tabs li a, ul.tabs li a:hover{-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-khtml-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-khtml-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;}
ul.tabs li, ul.tabs li:hover{float:left;margin:0 1px -5px 0;padding:0;width:auto;height:40px;display:block;background:#E0F1F8;overflow:hidden;position:relative;text-shadow:#FFF 1px 1px;color:#1974C5;font:bold 13px/40px Arial, Helvetica, sans-serif;}
ul.tabs li a{text-decoration:none;display:block;padding:0 9px;outline:none;}
ul.tabs li a:hover{background:#9BCBF4 no-repeat;text-shadow:#1974C5 1px 1px;color:#FFF;}
ul.tabs li.active a, html ul.tabs li.active a:hover{background:#BDDCF6;text-shadow:#FFF 1px 1px;}
html ul.tabs li.active a:hover{background:#BDDCF6;text-shadow:#62ADEA 1px 1px;}
.tab_container{border:1px solid #BDDCF6;clear:both;float:left;width:100%;background:#fff;-moz-border-radius-bottomright:6px;-khtml-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-khtml-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px; margin-bottom: 20px;}
.tab_content{padding:20px;display:block;clear:both;}
.tab_content h2{font-weight:normal;padding-bottom:10px;border-bottom:1px dashed #ddd;font-size:1.8em;}
.tab_content h3 a{color:#254588;}
.tab_content img{float:left;display:block;}
.links_list{float:left;display:block;}
.links_list li{display:block;}
.cName img { border: 1px solid #F4F4F4; margin-bottom: 10px;}
.cName li { list-style:none;}

.tc, .ts, .tb { display: block; list-style: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.tc .caseHead, .ts .caseHead, .tb .caseHead { height: 40px; line-height: 40px; padding-left: 20px; }
.tc .caseHead h3, .ts .caseHead h3, .tb .caseHead h3{ color: #FFF;}
.tc .caseHead { background-color: #7BB9F7;}
.ts .caseHead { background-color: #3482C7;}
.tb .caseHead { background-color: #1468B2;}

/* #404 Slider
================================================== */
#IT404 { display: block; background: #FEFEFE; margin-bottom: 70px; clear:both;}
/* Container */
.verticalslider404 {font-size: 12px; clear:both; background: #FFF; border: 1px solid #B8B8B8; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; -webkit-box-shadow: 0 10px 6px -6px #999; -moz-box-shadow: 0 10px 6px -6px #999; box-shadow: 0 10px 6px -6px #999;}
/* Tabs */
.verticalslider404_tabs { width: 235px; }
.verticalslider404_tabs li{ line-height: 40px!important;  }
.verticalslider404_tabs li a {background: #4C4F55 url(../images/IT-Support-London-HTL-IT-Guy-Back-Up-Team.png) no-repeat right; }
.verticalslider404_tabs li a:hover {background: #34383E url(../images/IT-Support-London-HTL-IT-Guy-Back-Up-Team.png) no-repeat right; border-top: 1px solid #2C2B2C; border-bottom: 1px solid #141518;}
.verticalslider404_tabs li a {text-shadow: 1px 1px 0 #2C3036; border-top: 1px solid #6C6E75; border-bottom: 1px solid #161515;border-right: 1px solid #50555B; padding: 0 5px; display: block; color: #FFF; } 
.verticalslider404_tabs .activeTab a:link, .verticalslider404_tabs .activeTab a:active {color: #FFF; text-shadow: 1px 1px 0 #0865AC; background: #299ADE url(../images/IT-Support-London-HTL-IT-Guy-Back-Up-Team-Active.png) no-repeat right; border-bottom: 1px solid #0881C6; border-top: 1px solid #6FC3F2;border-right: none;}
/*.verticalslider404_tabs a:hover { color: #007DDE; text-shadow: 1px 1px 0 #FFF; background: #F9FBFF; }*/
.verticalslider404_tabs li:first-child a:link, .verticalslider404_tabs li:first-child a:visited{ }
.verticalslider404_tabs li:last-child a:link, .verticalslider404_tabs li:last-child a:visited{-moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;}
.verticalslider404 .arrow {background: transparent url(../images/Business-IT-Support-Blue-Arrow.png) no-repeat top; width: 19px; height: 40px; position: absolute; z-index: 1000; margin-left: 235px; margin-top: -40px; }


/* Contents */
.verticalslider404_contents { background: #fff; float: left; }
.verticalslider404_contents img { float: left; margin: 5px 5px 0 -5px; position: relative; }
.verticalslider404_contents{ float: left; display: inline; margin: 20px 0px; padding: 0px;}
.verticalslider404_contents li{ display: none; position: absolute;list-style-type: none; }
.verticalslider404_contents li div { margin: 0 10px 0 30px;}
.verticalslider404_contents li p{ color: #555; text-shadow: 1px 1px 0 #fff; padding: 10px; }
.verticalslider404_contents .activeContent li { float: left;}
.verticalslider404_contents .activeContent { display: block;}

/* #Left Container Advertisements
================================================== */
.freeITReviewL { width: 230px; height: 90px; background-image: url(../images/imgFreeITReviewLeft.png); overflow: hidden;float:left;position:relative;}
.freeITReviewL { background-position: 0px 0px; }

/* -------- Left Container Advertisements  -------- */

.lefCADS {list-style: none !important; }
.lefCADS a { width: 200px; height: 90px; display: block; overflow: hidden; background-image: url(../images/imgBottomADS.png); margin: 10px;}
.lefCADS a.callUS { background-position: 0 0;}
.lefCADS a.callUS:hover { background-position: 0 -91px;}
.lefCADS a.callUS:active { background-position: 0 -90px;}

.lefCADS a.freeITReview { background-position: 400px 0;}
.lefCADS a.freeITReview:hover { background-position: 400px -91px;}
.lefCADS a.freeITReview:active { background-position: 400px -90px;}

.lefCADS a.getSupportHere { background-position: 200px 0;}
.lefCADS a.getSupportHere:hover { background-position: 200px -91px;}
.lefCADS a.getSupportHere:active { background-position: 200px -90px; }

/* -------- Bottom Advertisements  -------- */

.bottomADS {list-style: none !important; }
.bottomADS a { width: 200px; height: 90px; display: block; overflow: hidden; background-image: url(../images/imgBottomADS.png); float: left; margin: 10px;}
.bottomADS a.callUS { background-position: 0 0;}
.bottomADS a.callUS:hover { background-position: 0 -91px;}
.bottomADS a.callUS:active { background-position: 0 -90px;}

.bottomADS a.freeITReview { background-position: 400px 0;}
.bottomADS a.freeITReview:hover { background-position: 400px -91px;}
.bottomADS a.freeITReview:active { background-position: 400px -90px;}

.bottomADS a.getSupportHere { background-position: 200px 0;}
.bottomADS a.getSupportHere:hover { background-position: 200px -91px;}
.bottomADS a.getSupportHere:active { background-position: 200px -90px; }

/* -------- Left Advertisements  -------- */
.leftADS {list-style: none !important;}
.leftADS a { width: 200px; height: 90px; display: block; overflow: hidden; float: left; margin: 10px;}
.leftADS a.ITReviewWhite { background-position: 0 0; background-image: url(../images/imgFreeITReviewLeft.png); }
.leftADS a.ITReviewWhite:hover { background-position: 0 -90px;}
.leftADS a.ITReviewWhite:active { background-position: 0 -91px;}

/*--ITServices Left Ad--*/
.itservleft {width: 230px; height:163px; float: left; background-image: url(/images/freeitreview.png);}
.itservleft a.itservlink {background-image: url(/images/freeitreview.png);}
.contactleft {width: 230px; height:163px; float: left; background-image: url(/images/contactus.png);}
.contactleft a.mylink { background-image: url(/images/contactus.png);}
#share {width:65px;position:fixed;right:0;top:100px;z-index:1001;text-align:center; display:inline;}

/* -------- Left Advertisements  -------- */

.socialNetworks { width: 217px; margin-left: 12px; overflow: hidden;}
.socialNetworks li { margin: 5px 0; }
.socialNetworks li a { width: 217px; height: 39px; display: block; background: url(../images/HTL-Facebook-Twitter-LinkedIn-GooglePlus.png); overflow: hidden;}

.socialNetworks li a.facebook { background-position: 0 0; }
.socialNetworks li a.facebook:hover { background-position: -217px 0; }

.socialNetworks li a.twitter { background-position: 0 -39px; }
.socialNetworks li a.twitter:hover { background-position: -217px -39px; }

.socialNetworks li a.linkedin { background-position: 0 -78px; }
.socialNetworks li a.linkedin:hover { background-position: -217px -78px; }

.socialNetworks li a.googleplus { background-position: 0 -117px; }
.socialNetworks li a.googleplus:hover { background-position: -217px -117px; }

.snSmall { list-style: none;}
.snSmall li { float: left; padding: 5px; position: relative;}
.rating { height: 10px!important; width: 55%!important; margin-bottom: 3px !important; float: left;}
.ratingBox span{ font-size: 85%; float: left; padding: 0 5px;line-height: 10px;}
.ratingName {width: 25%;}
.ratingBox { clear:both; padding: 6px 0;}
.wufoo { border: 1px solid #EEE;}

.ws{ float: left; width:320px; display:block;position:relative;margin: 10px 20px 10px 10px; }
.ws h3 { padding-top:20px;}
.big_thumb {background: #FFF;border-bottom: 1px solid #DCDCDC;  border-top: 1px solid #EDEDED;border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;position: relative;float: left; margin-bottom: 10px;}
.big_thumb img {width:300px; height:235px; padding:10px;}
.big_thumb a:hover h3 {color:#007DDE;}

.site_title {font: bold 14px Arial, Helvetica, sans-serif;color: #2A2A2A;}
.site_details {  line-height: 18px;padding: 10px 5px;}

.joomla-button { background-image: url(../images/london-website-design-solutions-joomla.jpg);background-position: 0 0; height: 81px; overflow:hidden; display:block; width: 310px;}
.joomla-button:hover{ background-position: 0 -81px; }

.magento-button { background-image: url(../images/london-website-design-solutions-magento.jpg);background-position: 0 0; height: 81px; overflow:hidden; display:block; width: 310px;}
.magento-button:hover{ background-position: 0 -81px; }
.statement {}

.gsc-search-button {text-shadow: 1px 1px 0 #376DAA!important; color: #FFF!important;}
.gsc-search-button:hover {color: #333!important;text-shadow: 1px 1px 0 #fff!important;}
.gsc-input,input.gsc-search-button {height: 26px!important;}


.fff {color: #FFF!important;}

#k2ModuleBox152 li, #k2ModuleBox151 li {list-style:none; width: 190px;}
div.k2ItemsBlock p.modulePretext {margin-left: 13px; font-weight:bold;}
.gkwMain {margin-top: 20px;}