/* ------------------------------------------------------------------------- ------------ Independent Telecommunications Consultants LTD ------------- --------------- independent-telecom-consultants-uk.co.uk ---------------- ------------------------------------------------------------------------- */ body { background: #b5b5b6 url(../gfx/bg-background.jpg) repeat-x; margin: 20px 0 40px 0; } div#container-top { margin: 0 auto; height: 95px; width: 969px; margin-bottom: 0; background: url(../gfx/bg-phonenumber-new.gif) top right no-repeat; } div#logo { width: 150px; height: 90px; float: left; } div#newmenu { width: 954px; margin: 0 auto; background: #1a1a1a url(../gfx/bg-breadcrumb-li.gif) repeat-x; padding-left: 15px; } /*---------- 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-index2.jpg) no-repeat; border-bottom: 6px solid white; padding-top: 20px; padding-left: 20px; height: 280px; } #container-right-index h3 { margin: 0 20px 10px 0; padding: 0; color: white; font: normal 24px Arial, Helvetica, sans-serif; } #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#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 url(../gfx/bg-container-right-dotted.gif) repeat-x; 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; } /*---------- 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; } #container .smallprint { font-size: 11px; } .lightgrey { color: #999 !important; }