.header-image-left { color: #C0DFF8; background-image: url("images/header-top-left.gif"); background-repeat: no-repeat; width: 308px; height: 82px; padding-bottom: 4px; text-indent: 22px; vertical-align: bottom;}
.header-image-right {background-image: url("images/header-top-right.gif"); background-repeat: no-repeat; width: 399px; height: 82px;}
.header-image-bg {background-image: url("images/header-top-bg.gif"); background-repeat: repeat-x; height: 82px;}

#cms-login {background-image: url("images/header-top-menu_25.gif"); background-repeat: repeat-x; height: 33px; padding-left: 5px; text-align: left; padding-top: 5px; width: 100%;}
#cms-login a:link {color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}
#cms-login a:active {color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}
#cms-login a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}
#cms-login a:hover {color: #C0DFF8; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}

BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/bg/main_body_bg_cms_admin.gif) #fff repeat-x center top; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px "Lucida Grande","Verdana",Arial,Helvetica,sans-serif; PADDING-TOP: 0px; TEXT-ALIGN: center;}
BODY  {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}

#HeadWrapper {WIDTH: 788px; HEIGHT: 160px; text-align: center;}
#logo {MARGIN-TOP: 35px; DISPLAY: inline; FLOAT: left; WIDTH: 260px;}
#logo A {color: #FFFFFF;}
#logo A:hover {color: #1D7EB4;}
#contact_sales {BACKGROUND: url(/images/misc/contact_sales.gif) no-repeat; LEFT: 475px; OVERFLOW: hidden; WIDTH: 210px; TEXT-INDENT: -1000px; POSITION: absolute; TOP: 10px; HEIGHT: 100px;}

/* Header Navigation Styles BELOW this line */
#headernav {left: 0px; position: absolute;  top: 133px; height: 27px; width: 788px;}
UL.headermenu {list-style-type: none; height: 27px; margin-left: 0px; padding-left: 0px; padding-top: 0px; margin-top: 0px; width: 788px;}
UL.headermenu LI { display: inline; float: left; margin-right: 1px; list-style-type: none; height: 27px;}
UL.headermenu LI A {display: block; overflow: hidden; text-indent: -500px; height: 27px; text-decoration: none;}
UL.headermenu LI#contact {margin-right: 0px;}

LI#home A {background-image: url(/images/nav/tab2_home.gif); width: 70px;}
LI#datacentre A {background-image: url(/images/nav/tab2_data_centre.gif); width: 112px;}
LI#infrastructure A {background-image: url(/images/nav/tab2_infrastructure.gif); width: 118px;}
LI#it A {background-image: url(/images/nav/tab2_it_solutions.gif); width: 106px;}
LI#telecommunications A {background-image: url(/images/nav/tab2_telecoms_solutions.gif); width: 92px;}
LI#catalogue A {background-image: url(/images/nav/tab2_online_catalogue.gif); width: 96px;}
LI#support A {background-image: url(/images/nav/tab2_support.gif); width: 82px;}
LI#contact A {background-image: url(/images/nav/tab2_contact_us.gif); width: 105px;}

UL.headermenu LI A:hover {background-position: 0px 77px;}
UL.headermenu LI.on A {background-position: 0px -100px;}
UL.headermenu LI.on A:hover {background-position: 0px -100px;}
/* Header Navigation Styles ABOVE this line */

#wrapper {MARGIN-LEFT: auto; WIDTH: 788px; MARGIN-RIGHT: auto; POSITION: relative; TEXT-ALIGN: left;}
#content {MARGIN-BOTTOM: 40px; PADDING-TOP: 30px;}
#content-catalogue {MARGIN-BOTTOM: 40px; PADDING-TOP: 30px; background-color: #FFFFFF;}
#content-cms {MARGIN-BOTTOM: 40px; PADDING-TOP: 30px;}

#Social_Network_Icons {clear: both; margin-top: 0px; width: 790px; text-align: left; display: block; overflow: hidden; margin-bottom: 10px;}
#Social_Network_Icons A {padding: 5px;}

#partner_logos {CLEAR: both; margin-top: 20px; width: 100%; height: 52px; text-align: center; DISPLAY: block; OVERFLOW: hidden;}
#partner_logos A {padding: 15px;}

#footer {CLEAR: both; margin: 0px; padding: 0px; padding-top: 2px; width: 100%; background: url(/images/bg/footer_bg.gif) #fff repeat-x left top; text-align: center; height: 70px;}
#footer P {padding-top: 5px; margin-top: 5px; margin-bottom: 0px; margin-left: auto; width: 788px; color: #4FBFFF; margin-right: auto; text-align: left;}
#footer P A {color: #FFFFFF;}
#footer P A:hover {text-decoration: underline;}
#footer P.copyright {FONT-SIZE: 10px; MARGIN-BOTTOM: 10px; COLOR: #4FBFFF;}
#footer P.copyright A {FONT-SIZE: 10px; MARGIN-BOTTOM: 10px; COLOR: #4FBFFF;}
#footer P.copyright A:hover {COLOR: #FFFFFF; text-decoration: underline;}
#footer A {COLOR: white;}
/* #footer A:hover {color: #ffba53;} */

.header-menu {background-image: url("images/header-top-menu.gif"); background-repeat: repeat-x; height: 33px; padding-left: 5px;}
.header-menu a:link {color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}
.header-menu a:active {color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}
.header-menu a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}
.header-menu a:hover {color: #C0DFF8; text-decoration: none; font-weight: bold; font-family: Verdana; font-size: 12px;}

.footer-copyright {height: 33px; font-size: 12px; text-align: right; padding-right: 15px; background-image: url("images/footer-menu.gif"); background-repeat: repeat-x;}
.footer-copyright A:link {color: #FFFFFF; text-decoration: none;}
.footer-copyright A:visited {color: #FFFFFF; text-decoration: none;}
.footer-copyright A:active {color: #FFFFFF; text-decoration: none;}
.footer-copyright A:hover {color: #C0DFF8; text-decoration: none;}

.footer-scroller {background-image: url("images/footer-scroller.gif"); background-repeat: repeat-x; height: 40px;}

.side-scroller {width: 100%; height: 30px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; color: #000000; font-size: 10px; font-family : Verdana; text-decoration: none;}
.side-scroller a:link {color: #C0DFF8; text-decoration: none; font-weight: bold; font-size: 11px; font-family : Verdana;}
.side-scroller a:visited {color: #C0DFF8; text-decoration: none; font-weight: bold; font-size: 11px; font-family : Verdana;}
.side-scroller a:active {color: #C0DFF8; text-decoration: none; font-weight: bold; font-size: 11px; font-family : Verdana;}
.side-scroller a:hover {color: #054493; text-decoration: none; font-weight: bold; font-size: 11px; font-family : Verdana;}

td.table-spacer {height: 10px; background-color: #FFFFFF;}

td.admin-menu-top {background-image: url("images/info-page-head.gif"); background-repeat: repeat-x; height: 20px; font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; padding-left: 10px; padding-right: 10px; width: 200px;}
td.admin-menu-bottom {border-bottom: 1px; border-bottom-style: solid; border-left: 1px; border-left-style: solid; border-right: 1px; border-right-style: solid; border-color: #5A6269; border-width: 1px; padding: 10px; background-color: #FFFFFF;}
.main-border-text-top {background-image: url("images/info-page-head.gif"); background-repeat: repeat-x; height: 20px; font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; padding-left: 10px; padding-right: 10px; width: 440px;}
.main-border-text-bottom {border-bottom: 1px; border-bottom-style: solid; border-left: 1px; border-left-style: solid; border-right: 1px; border-right-style: solid; border-color: #5A6269; border-width: 1px; padding: 10px; background-color: #FFFFFF;}

.catalogue-border-text-top {background-image: url("images/info-page-head.gif"); background-repeat: repeat-x; height: 20px; font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; padding-left: 10px; padding-right: 10px;}

.users-edit-options {height: 25px; font-family: Arial; font-size: 12px; font-weight: bold; color: #000000;  vertical-align:bottom; padding-bottom: 2px;}

.Articles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; width: 400px;}
.Articles INPUT, SELECT {width: 150px;}

A:link { color: #5A6269; text-decoration: none;}
A:visited {color: #5A6269; text-decoration: none;}
A:active {color: #5A6269; text-decoration: none;}
A:hover {color: #1D7EB4; text-decoration: none;}

.spacer-left {padding-right: 15px; padding-left: 10px;}
.spacer-right {padding-right: 15px;}

FORM {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; width: 400px;}

td.main-text-formatting-bar {background-image: url("images/format-bar.gif"); background-repeat: no-repeat;}

INPUT, TEXTAREA, SELECT, OPTION {font-family: arial; padding: 2px; font-size: 12px; color: #000080; border: inset 1px #CCCCCC; border: outset 1px #CCCCCC;}
.statsform SELECT OPTION {width: 200px;}

/*body {margin:0 auto; padding:0; font-family: Verdana; font-size:60%; text-align:left; background: #F7F8FA;}*/
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
img {border:none;}