/*   BODY TAG ESTABLISHES DEFAULT FONT  & COLOUR  */
body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFF url(../images/design_elements/bg_general.jpg) repeat-y center; color: #333; background-position: center; }
.justify { text-align: justify; }
.center { margin:auto; }
.right { float:right; }
.left { float:left }
.bold { font-weight:bold; }
hr.blue { height: 1px; border: 0; color: #009DDc; background-color: #009DDc; }
hr.purple { height: 1px; border: 0; color: #e2b5d5; background-color: #e2b5d5; }
hr.lightaqua { height: 1px; border: 0; color: #87d3de; background-color: #87d3de; }
hr.orange { height: 1px; border: 0; color: #f8971D; background-color: #f8971D; }
hr.green { height: 1px; border: 0; color: #75c044; background-color: #75c044; }
hr.light_green { height: 1px; border: 0; color: #eBe72A; background-color: #eBe72A; }
hr.grey { height: 1px; border: 0; color: #D2D3D5; background-color: #D2D3D5; }
.line_height_wide, .line_height_wide li { line-height: 1.5em; }
input, select, textarea { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border: 1px solid #99CCFF; color: #0099CC; background: #FFF url(../images/design_elements/field_bg.jpg) no-repeat; }
select { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px dotted #99CCFF; }
textarea { overflow: auto; }
/*   TEXT DEFINITIONS  */
.bodytext, .bodytext p, .bodytext td { font-size: 10px; }
.bodytext2, .bodytext2 p, .bodytext2 td, .bodytext2 ul { font-size: 11px; }
.bodytext3, .bodytext3 p, .bodytext3 td { font-size: 13px; }
.bodytext4, .bodytext4 p, .bodytext4 td { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; }
#index .text_col { padding:10px; }
#index .arrow { display:inline-block; margin-right:8px; margin-top:1px; width:17px; height:12px; float:left; }
/* New styles */
.page_title_a { font-family:Georgia, "Times New Roman", Times, serif; font-size:25pt; font-style:italic; color:#009DDc; text-transform:lowercase; }
.page_title_b { font-family:Georgia, "Times New Roman", Times, serif; font-size:25pt; font-style:normal; color:#009DDc; text-transform:lowercase; }
/* foreground colours */


.mk_blue, .mk_blue p, .mk_blue a, .mk_blue a:link, .mk_blue a:visited { color: #009DDc; }
.mk_blue a:active { color: #B6B8BA; }
.mk_blue a:hover { color: #B6B8BA; text-decoration: underline; }
.mk_grey, .mk_grey p, .mk_grey a, .mk_grey a:link, .mk_grey a:visited { color: #9b9b9d; }
.mk_yellow, .mk_yellow p, .mk_yellow a, .mk_yellow a:link, .mk_yellow a:visited { color: #ffD24f; }
.mk_orange, .mk_orange p, .mk_orange a, .mk_orange a:link, .mk_orange a:visited { color: #f8971D; }
.mk_orange a:active { color: #FF9900; }
.mk_orange a:hover { color: #FF9933; text-decoration: underline; }
.mk_light_green, .mk_light_green p, .mk_light_green a, .mk_light_green a:link, .mk_light_green a:visited { color: #eBe72A; }
.mk_dark_green, .mk_dark_green p, .mk_dark_green a, .mk_dark_green a:link, .mk_dark_green a:visited { color: #75c044 !important; }
.mk_light_aqua, .mk_light_aqua p, .mk_light_aqua a, .mk_light_aqua a:link, .mk_light_aqua a:visited { color: #47c3D3; }
.mk_dark_aqua, .mk_dark_aqua p, .mk_dark_aqua a, .mk_dark_aqua a:link, .mk_dark_aqua a:visited { color: #008DA8; }
.mk_pink_purple, .mk_pink_purple p, .mk_pink_purple a, .mk_pink_purple a:link, .mk_pink_purple a:visited { color: #B41e8e; }
.mk_purple, .mk_purple p, .mk_purple a, .mk_purple a:link, .mk_purple a:visited { color: #6e298D; }
.mk_purple a:hover { color: #8D34B4; }
/* background colours */

.bg_blue { background-color:#009DDc; }
.bg_grey { background-color:#B6B8BA; }
.bg_yellow { background-color:#ffD24f; }
.bg_orange { background-color:#f8971D; }
.bg_light_green { background-color:#eBe72A; }
.bg_dark_green { background-color:#75c044; }
.bg_light_aqua { background-color:#47c3D3; }
.bg_dark_aqua { background-color:#008DA8; }
.bg_pink_purple { background-color:#B41e8e; }
.bg_purple { background-color:#6e298D; }
.bg_light_purple { background-color:#ECD3E6; }
.bg_light_grey { background-color:#EBECED; }
/* standard feature bar */
.feature_bar { display:block; height:5px; }
.shortbar { width:180px; }
.widebar { margin-left:10px; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18pt; color:#009DDc; font-weight:normal; text-transform:lowercase; }
h2 { font-size: 12px; font-weight:normal; line-height: normal; margin-bottom:.25em; }
h3 { font-size: 11px; font-weight:bold; line-height: normal; margin-bottom:.25em; }
h4 { font-size: 10px; font-weight:bold; line-height: normal; margin-bottom:.25em; }
#index #news a, #index #news a:link, #index #news a:visited { text-decoration:none; }
#index #news a:hover { text-decoration:underline; color:#666666; }
#index #news h3 { margin-top:0px; margin-bottom:5px; font-size: 10px; line-height:1em; }
#index #news p { margin-top:3px; margin-bottom:2px; line-height:1em; }
#index #news hr { height: 1px; line-height:1px; border: 0; color: #D2D3D5; background-color: #D2D3D5; margin-top:4px; margin-bottom:4px; padding:0; }
#index span#industries { display:block; margin-top:4px; }
#index #industries, #index #industries a, #index #industries a:visited { color: #5698D4; }
#index #industries a, #index #industries a:visited { font-weight:bold; }
#index #industries a:hover { color: #FF9900; }
.font_10 { font-size: 10px; }
.font_12 { font-size: 12px !important; }
.font_20 { font-size: 20px !important; }
p.no_margin_bottom { margin-bottom:0; }
p.no_margin_top { margin-top:0; }
.header1 { }
.header2 { color: #33567A; font-size: 18px; font-variant: normal; font-family: Arial, Helvetica, sans-serif; }
.header2L { color: #4682B4; font-size: 10px; }
.header3 { color: #33567A; text-transform: uppercase; font-size: 13px; font-weight: bold; }
.titleTxt { font-size: 11px; color: #CCCCCC; }
.titleTxt2 { font-size: 16px; font-weight: bold; color: #FFFFFF; text-align: center; }
.white { color: #FFFFFF; }
.black { color: #000000; }
/*  Default links */
a, a:link, a:visited { color: #000000; text-decoration: underline }
a:active { color: Gray; }
a:hover { color: #000; text-decoration: underline; }
/*   "More.." links  */
.more a, .more a:link, .more a:visited { COLOR: #9b9b9d; text-decoration: underline }
.more a:active { color: #008DA8; }
.more a:hover { color: #B41e8e; text-decoration: underline; }
/*   HORIZONTAL NAVIGATIONAL LINKS  */

/*  Customer Logins  */

.login1 a, .login1 a:link, .login1 a:visited { font-size: 9px; color: #eBe72A; text-decoration: none; text-transform:uppercase; }
.login1 a:hover { color: #eBe72A; text-decoration: underline; }
.login2 a, .login2 a:link, .login2 a:visited { font-size: 9px; color: #009DDc; text-decoration: none; text-transform:uppercase; }
.login2 a:hover { color: #75c044; text-decoration: underline; }
/*   At Top - white */
.navLinks3 a, .navLinks3 a:link, .navLinks3 a:visited { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none }
.navLinks3 a:hover { color: #FFF; text-decoration: underline; }
/*   On Footer  */
.navLinks4 a, .navLinks4 a:link, .navLinks4 a:visited { font-size: 11px; font-weight: bold; color: #A9B0BA; padding-right: 5px; padding-left: 5px; text-decoration: none }
.navLinks4 a:hover { color: #009DDc; text-decoration: underline; }
.footerLinks { padding-top:20px; padding-bottom:20px; font-size: 10px; color: #A9B0BA; }
.footerLinks a, .footerLinks a:link, .footerLinks a:visited { font-size: 10px; font-weight: bold; color: #A9B0BA; padding-right: 5px; padding-left: 5px; text-decoration: none }
.footerLinks a:hover { color: #f8971D; text-decoration: underline; }
/*   LEFT SIDE MENU  */

#left_column p { margin-left:12px; margin-right:12px; }
#menu_container1, .menu_container1 { padding-top:3px; padding-bottom:3px; width:180px; }
/*   Business Strands  */

.wholesale { background-color:#FFF8DB; }
.retail { background-color:#ECD3E6; }
.reporting { background-color:#E5F3F6; }
.online { background-color:#FAF9C8; }
.services { background-color:#E5F3F6; }
.crm { background-color:#EBECED; }
.company { background-color:#E5F3F6; }
.contact { background-color:#F0E9F3; }
.customers, .bpm { background-color:#FAF9C8; }
/*   Standard  */

.menulinks ul { margin-left: 10px; padding-left:0; margin-top:4px; width:155px; }
.menulinks ul li { list-style-type:  none; list-style-image: none; background-repeat: no-repeat; background-position: left 4px; padding-left: 15px; }
.menulinks ul ul { margin-left: 0; padding-left:0; }
.menulinks ul ul li { list-style-type:  none; list-style-image: none; background-repeat: no-repeat; background-position: left 4px; padding-left: 1px; }
.menulinks.wholesale ul li { background-image: url(../images/design_elements/bullet_orange_normal.gif); }
.menulinks.wholesale ul li.on { background-image: url(../images/design_elements/bullet_orange_bold.gif); }
.menulinks.retail ul li { background-image: url(../images/design_elements/bullet_purple_normal.gif); }
.menulinks.retail ul li.on { background-image: url(../images/design_elements/bullet_purple_bold.gif); }
.menulinks.reporting ul li { background-image: url(../images/design_elements/bullet_aqua_normal.gif); }
.menulinks.reporting ul li.on { background-image: url(../images/design_elements/bullet_aqua_bold.gif); }
.menulinks.online ul li { background-image: url(../images/design_elements/bullet_green_normal.gif); }
.menulinks.online ul li.on { background-image: url(../images/design_elements/bullet_green_bold.gif); }
.menulinks.services ul li { background-image: url(../images/design_elements/bullet_grey_normal.gif); }
.menulinks.services ul li.on { background-image: url(../images/design_elements/bullet_grey_bold.gif); }
.menulinks.company ul li { background-image: url(../images/design_elements/bullet_grey_normal.gif); }
.menulinks.company ul li.on { background-image: url(../images/design_elements/bullet_grey_bold.gif); }
.menulinks.contact ul li { background-image: url(../images/design_elements/bullet_purple_normal.gif); }
.menulinks.contact ul li.on { background-image: url(../images/design_elements/bullet_purple_bold.gif); }
.menulinks.customers ul li, .menulinks.bpm ul li { background-image: url(../images/design_elements/bullet_green_normal.gif); }
.menulinks.customers ul li.on, .menulinks.bpm ul li.on { background-image: url(../images/design_elements/bullet_green_bold.gif); }
.menulinks.crm ul li { background-image: url(../images/design_elements/bullet_blue_normal.gif); }
.menulinks.crm ul li.on { background-image: url(../images/design_elements/bullet_blue_bold.gif); }
.menulinks ul li { font-size: 11px; line-height:14px; margin-bottom:2px; }
.menulinks, .menulinks p, .menulinks td { font-size: 11px; line-height:16px; }
.menulinks a, .menulinks a:link, .menulinks a:visited { text-decoration: none; }
.menulinks a:hover { text-decoration: underline; }
.menulinks ul li#sub { list-style-type: none !important; background-image: none; font-size:10px; padding-top:0px; margin-top:0px; }
.menulinks ul li.on { font-weight:bold; }
.menulinks ul li.on ul { font-weight:normal; }
/*   WHERE AM I? LINKS  */
.breadcrumb { font-size: 10px; color: #5E6875; }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited { COLOR: #404040; text-decoration: none }
.breadcrumb a:hover { color: Black; text-decoration: underline; }
/*   OUTLINED BREADCRUMB TABLE  */
.table1 { width: 100%; border: 1px solid #A9B0BA; height: 23px; margin: 0px; }
/*   BULLET LIST WITH DARK GRAY BULLET  */
.listBullet { list-style-position: outside; list-style-type: none; list-style-image:  url(../images/bullets/bullet1.gif); }
/*   BULLET LIST WITH DARK BLACK BULLET  */
.listBullet2 { list-style-position: outside; list-style-type: none; list-style-image: url(../images/bullets/bullet2.gif); }
/*   FORMATTED TABLE ROWS  */
.row_style1 { background-color: #FAFAFA; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.5mm }
.row_style2 { background-color: #DDEEFF; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.5mm }
.row_style3 { background-color: #EEEFF1; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.5mm; color: #FFFFFF; }
/*   FORMATTED HEADERS  */
.header_style1 { font-family: Arial, Helvetica, sans-serif; font-size: 2.6mm; color: #FFFFFF; clip: rect( ); font-weight: bold; background-color: #336699 }
.header_style2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.7mm; color: #FFFFFF; font-weight: normal; background-color: #336699 }
/*   FORMS   */
.formlabel { font-size: 10px; color: #666666; clip: rect( ); font-weight: normal }
.formdetail { font-size: 11px; color: #000000; clip: rect( ); font-family: Arial, Helvetica, sans-serif; }
/*   At Top - darker */
.navLinks3 a { padding-right: 8px; padding-left: 8px; margin: 0px; }
.highlightCol1 { color: #000000; }
.highlightCol2 { color: #33567A; }
button { background-color: #36597C; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 25px; letter-spacing: 0.1em; padding-right: 10px; padding-left: 10px; font-weight: 500; }
.quote { color: #33567A; font-size: 10px; }
.UpCase { text-transform: uppercase; }
.normal_case { text-transform:none }
.smallcaps { font-variant: small-caps; }
.small { font-size: 9px; font-family: Tahoma, Verdana, Arial, sans-serif; }
#TICKER { font-family:Verdana; font-size:10px; color:#999; width:759px; margin-top:-8px; }
#TICKER a:link, #TICKER a:visited { color:#999; text-decoration:none; }
#TICKER a:hover { color:#999; text-decoration:underline; }
.normal, .normal a:link, .normal a:visited, .normal a:hover { font-weight:normal !important; padding-right: 5px; padding-left: 0px; }
#enquiry_image { padding-top:0px; padding-bottom:0px; }
.lucida { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; }
.arial { font-family: Arial, Helvetica, sans-serif; }
.georgia { font-family:Georgia, "Times New Roman", Times, serif; }
.tahoma { font-family: Tahoma, Verdana, Arial, sans-serif; }
.testimonial_img { margin-top:20px; width:120px; float:left; }
.testimonial { margin-top:20px; width:420px; float:left; }
.testimonial p { padding-top:0; margin-top:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.20em; }
.separator_line { clear:both; margin-bottom:10px; padding-top:20px; border-bottom:3px dotted lightblue; }
.case-study-link a, .case-study-link a:link, .case-study-link a:visited { width:auto; text-align:right; float:right; font-size:10px; clear:both; color:#0099FF; text-decoration:none; border-bottom:1px solid white; }
.case-study-link a:hover { border-bottom:1px solid gold; text-decoration:none; }
.case-studies-list li { list-style-type:none; font-family:Verdana, Arial, sans-serif; margin-bottom:14px; font-size:1.1em; }
.case-studies-list li a, .case-studies-list li a:link, .case-studies-list li a:visited { font-size:12px; line-height:1.8em; color:#333; text-decoration:none; }
.case-studies-list li a:hover { text-decoration:underline; color:#0099FF; }
div#testimonials-links { float:none; margin: 0 auto !important; text-align: center; width:400px; font-size:1.2em; padding:4px 12px; background-color: #EBECED; color:#009DDc; text-decoration:none; border-bottom:1px solid white; }
#testimonials-links a, #testimonials-links a:link, #testimonials-links a:visited { color:#009DDc; text-decoration:none; }