/* ------------------------------------------------------------------------- ------------ Independent Telecommunications Consultants LTD ------------- --------------- independent-telecom-consultants-uk.co.uk ---------------- ------------------------------------------------------------------------- */ body { /* background: #b5b5b6 url(../gfx/bg-background.jpg) repeat-x; */ background: #ccc url(../gfx/bg-body.jpg) top left repeat-x fixed; margin: 0; } .blue { color: #569EFF; } div#container-top { margin: 0 auto 0; height: 125px; width: 969px; /* background: #2D2E33 url(../gfx/bg-phonenumber-new.gif) top right no-repeat; */ background: #2D2E33 url(../gfx/bg-phonenumber.gif) top right no-repeat; } div#logo { width: 150px; height: 90px; margin-top: 22px; margin-left: 2px; float: left; } div#newmenu { width: 954px; margin: 0 auto; background: #1a1a1a url(../gfx/bg-breadcrumb-li.gif) repeat-x; padding-left: 15px; border-bottom: 7px solid #3DA2FC; } /*---------- Container Begins ------------*/ div#container { margin: 0 auto; width: 957px; margin-top: 0; background: url(../gfx/bg-container.gif) repeat-y; border-top: 6px solid white; border-right: 6px solid white; border-bottom: 6px solid white; border-left: 6px solid white; } #container p { margin: 0; } div#container-left { width: 472px; background: #fff; float: left; margin: 0; padding: 0 0 20px 0; } #container-left .introtext { font: normal 18px Verdana, Arial, Helvetica, sans-serif; line-height: 24px; color: #222; } #container-left p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; line-height: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; color: #222; } #container-left p a { color: #569EFF; text-decoration: none; } #container-left p a:hover { color: #569EFF; text-decoration: underline; } #container-left ul { font: normal 12px Verdana, Arial, Helvetica, sans-serif; list-style: none; padding: 0 0 0 0; margin-left: 20px; line-height: 21px; } #container-left ul li { background: url(../gfx/bg-container-left-li.gif) no-repeat; padding: 4px 0 5px 20px; margin: 0; line-height: 21px; } #container-left li a { color: #569EFF; text-decoration: none; } #container-left li a:hover { color: #569EFF; text-decoration: underline; } #container-left .inner { background: url(../gfx/bg-container-left-li-inner.gif) no-repeat; padding: 4px 0 5px 40px; margin: 0; line-height: 21px; } #container-left .inner a { color: #569EFF; text-decoration: none; } #container-left .inner a:hover { color: #569EFF; text-decoration: underline; } div#shoutout1 { background: #EFA843; margin-left: 20px; margin-right: 20px; padding-top: 20px; padding-bottom: 5px; } div#shoutout1 p { color: white; } div#shoutout2 { background: #404040 url(../gfx/bg-shoutout2.jpg) repeat-x; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 5px; } div#shoutout2 p { font: normal 11px Verdana, Arial, sans; color: #ddd; } div#shoutout2 h2 { margin: 0px 20px 15px 20px; padding: 0; color: #569EFF; font: normal 24px Arial, Helvetica, sans-serif; } div#shoutout3 { background: #4E94EC url(../gfx/bg-shoutout3.jpg) repeat-x; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 5px; } div#shoutout3 p { font: normal 11px Verdana, Arial, sans; color: #fff; } div#shoutout3 h2 { margin: 0px 20px 15px 20px; padding: 0; color: #fff; font: normal 24px Arial, Helvetica, sans-serif; } /* CONTAINER RIGHT */ div#container-right { width: 472px; float: right; margin: 0; padding: 0 0 20px 0; } /* total sizes of these should be 472px x 300px but 20px taken off for Header Text */ div#container-right-index { background: url(../gfx/container-right-index3.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: /*280*/ 200px; } #container-right-index h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: bold 24px Arial, Helvetica, sans-serif; text-shadow: 0 1px 0px #000; } #container-right-index h3 a { text-decoration: none; color: white; } #container-right-index h3 a:hover { color: white; } div#container-right-solutions { background: url(../gfx/container-right-solutions.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-solutions ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-solutions li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-solutions li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-solutions li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-solutions h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-solutions h3 a { text-decoration: none; color: white; } #container-right-solutions h3 a:hover { color: white; } div#container-right-about { background: url(../gfx/container-right-about.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-about ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-about li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-about li a { color: white; text-decoration: none; background: #B9501D url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-about li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-about h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-about h3 a { text-decoration: none; color: white; } #container-right-about h3 a:hover { color: white; } div#container-right-why { background: url(../gfx/container-right-why.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-why ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-why li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-why li a { color: white; text-decoration: none; background: #6E5A51 url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-why li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-why h3 { margin: 0 20px 10px 0; padding: 0; color: #222; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-why h3 a { text-decoration: none; color: #222; } #container-right-why h3 a:hover { color: #222; } div#container-right-partners { background: url(../gfx/container-right-partners.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-partners ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-partners li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-partners li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-partners li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-partners h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-partners h3 a { text-decoration: none; color: white; } #container-right-partners h3 a:hover { color: white; } div#container-right-customers { background: url(../gfx/container-right-customers.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-customers h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-customers h3 a { text-decoration: none; color: white; } #container-right-customers h3 a:hover { color: white; } div#container-right-services { background: url(../gfx/container-right-services.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-services ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-services li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-services li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-services li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-services h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-services h3 a { text-decoration: none; color: white; } #container-right-services h3 a:hover { color: white; } div#container-right-outbound { background: url(../gfx/container-right-outbound.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-outbound ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-outbound li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-outbound li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-outbound li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-outbound h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-outbound h3 a { text-decoration: none; color: white; } #container-right-outbound h3 a:hover { color: white; } div#container-right-networkservices { background: url(../gfx/container-right-networkservices.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-networkservices ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-networkservices li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-networkservices li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-networkservices li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-networkservices h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-networkservices h3 a { text-decoration: none; color: white; } #container-right-networkservices h3 a:hover { color: white; } div#container-right-news { background: url(../gfx/container-right-news.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 125px; } #container-right-news ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-news li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-news li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-news li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-news h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-news h3 a { text-decoration: none; color: white; } #container-right-news h3 a:hover { color: white; } div#container-right-newsofcom { background: url(../gfx/container-right-newsofcom.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-newsofcom ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-newsofcom li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-newsofcom li a { color: white; text-decoration: none; background: #82AEED url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-newsofcom li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-newsofcom h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-newsofcom h3 a { text-decoration: none; color: white; } #container-right-newsofcom h3 a:hover { color: white; } div#container-right-ofcom { background: url(../gfx/container-right-ofcom.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-ofcom ul { list-style: none; padding: 5px 0 0 0; margin: 0; line-height: 14px; } #container-right-ofcom li { color: white; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 8px !important; margin-bottom: 3px; } #container-right-ofcom li a { color: white; text-decoration: none; background: #6E5A51 url(../gfx/bg-container-right-li.gif) no-repeat; padding: 3px 15px 3px 20px; } #container-right-ofcom li a:hover { color: white; text-decoration: none; background: #222 url(../gfx/bg-container-right-li.gif) no-repeat; } #container-right-ofcom h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #container-right-ofcom h3 a { text-decoration: none; color: white; } #container-right-ofcom h3 a:hover { color: white; } div#container-right-contact { background: url(../gfx/container-right-contact.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } div#container-right-terms { background: url(../gfx/container-right-terms.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } div#container-right-sitemap { background: url(../gfx/container-right-sitemap.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } /* ----------- Networks Logos -------------- */ div.network-logos { background: #fff url(../gfx/bg-container-right-dotted.gif) repeat-x; border-bottom: 6px solid white; padding: 26px 20px 0px 20px; } .network-logos p { font: normal 11px Arial, Helvetica, sans-serif; color: #666; line-height: 15px; } div#goldnumberbox { background: #F9C700 url(../gfx/bg-container-gold.jpg) top left repeat-x; color: #801A1A; width: 472px; } #goldnumberbox img { margin-left: 20px; border: 0;} #goldnumberbox h3 { font: bold 21px Arial, Helvetica, sans-serif; color: #801A1A; line-height: 15px; margin: 0 0 0 20px; padding: 20px 0 10px 0; text-shadow: 0 1px 1px #FFF800; } #goldnumberbox h3 a { color: #801A1A; text-decoration: none; } #goldnumberbox p { font: normal 12px Arial, Helvetica, sans-serif; color: #801A1A; line-height: 15px; margin: 0 0 0 20px; padding: 0 0 10px 0; text-shadow: 0 1px 1px #FFF800; } #goldnumberbox p a { color: #801A1A; text-decoration: none; font-weight: bold; } #goldnumberbox p a:hover { color: #801A1A; text-decoration: underline; text-shadow: 0 0 0; } .gold-small { width: 100px; display: block; font-size: 11px; float: left; font-weight: normal; } div#newsalert { background: #222 url(../gfx/bg-container-right-dotted.gif) repeat-x; border-bottom: 6px solid white; padding: 26px 20px 26px 20px; } #newsalert p { font: normal 11px Arial, Helvetica, sans-serif; color: #fff; line-height: 15px; } #newsalert p a { color: #569EFF; text-decoration: none; } #newsalert p a:hover { color: #fff; text-decoration: none; } div#numbers { background: #222; margin-top: 6px; border-bottom: 6px solid white; padding: 26px 20px 26px 20px; } #numbers p { font: normal 11px Arial, Helvetica, sans-serif; color: #fff; line-height: 15px; } #numbers p a { color: #569EFF; text-decoration: none; } #numbers p a:hover { color: #fff; text-decoration: none; } #numbers .numberspacer { margin-right: 13px; } #nts { background: #aaa url(../gfx/bg-nts.jpg) top left repeat-x; margin: 6px 0; padding: 20px 0 0 20px;font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .nts-box { background:url(../gfx/bg-nts-box.png) top left no-repeat; font-size: 12px; width: 75px; padding-top: 15px; height: 85px; text-align: center; color: #fff; margin: 10px 13px 15px 0; float: left; } .nts-box:hover{ background:url(../gfx/bg-nts-box-hover.png) top left no-repeat; } .nts-box a { color: #fff; text-decoration: none; text-shadow: 0 1px 0px #000; } .nts-box a:hover { color: #333; text-shadow: 0 1px 0px #fff; } .nts-box .large { font-size: 21px; } #nts h3 { font-weight: bold; font-size: 21px; text-shadow: 0 1px 0px #000; } /*---------- Footer ------------*/ div#footer { margin: 0 auto; width: 917px; padding: 10px 26px 25px 26px; } #footer p { margin: 5px 0 5px 0; color: #777; font: normal 11px Arial, Helvetica, sans-serif; } #footer p a { color: #444; text-decoration: none; } #footer p a:hover { color: #fff; text-decoration: none; } .clear { clear: both; margin: 0; height: 0; } .red { color: red; } hr { border: 0; margin: 5px; padding: 0; height: 1px; color: #ccc; background-color: #ccc; } /*---------- Header Tags ------------*/ h1 { margin: 20px 20px 15px 20px; padding: 0; color: #569EFF; font: normal 30px Arial, Helvetica, sans-serif; } h2 { margin: 30px 20px 15px 20px; padding: 0; color: #569EFF; font: normal 24px Arial, Helvetica, sans-serif; } h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 18px Arial, Helvetica, sans-serif; } h4 { margin: 0 20px 15px 0; padding: 0; color: #569EFF; font: normal 18px Arial, Helvetica, sans-serif; } h5 { margin: 30px 20px 15px 20px; padding: 0; color: #569EFF; font: normal 18px Arial, Helvetica, sans-serif; } h5 a { color: #569EFF; text-decoration: none; } h5 a:hover { text-decoration: underline; } /*----------- Sharing Bar ------------*/ .share { border: 3px solid #ccc; padding: 0 10px 10px 10px; display: block; margin: 15px; } .share h2 { margin: 10px 0 5px 0; font-size: 18px; } .addthis_default_style_itc { float: left; margin-top: 2px; } .googleplusone { margin: 1px 0 0 -2px; float: left; } #container .smallprint { font-size: 11px; } .lightgrey { color: #999 !important; } .fr { float: right; } .fl { float: left; } .ml20 { margin-left: 20px; } .mt20 { margin-top: 20px; } .bb1 { border-bottom: 1px solid #ccc; }