html,body {margin:0;padding:0}
body {font: 12px/1.3 Arial,sans-serif; text-align: center; background: url(../images/body-bg.gif) top repeat-x; padding-bottom:20px}
/* ------------- Generic styles -------------- */
p {margin-top:0; margin-bottom:5px;}
h1{font-size:200%}
h2{font-size:160%}
h3{font-size:120%}
.clr { clear:both; height:1px;font-size:3px;}
.left { float:left}
.right { float:right}
form {margin:0; padding:0;}
.catprod { color: #0D4C8F; font-weight: bold;}
.catprod2 { color: #0D4C8F; font-weight: bold; font-size:80%}
div.products {background:url(../images/products_services.gif) top left no-repeat; height:40px; margin-top:0px; margin-bottom:10px; padding:6px 0 0 5px;}
div.products h1 {color: #0D4C8F; font-weight:bold; font-size:160%; margin:0px 0 0 5px;}
.catprodsub { color: #0D4C8F; font-weight: bold; font-size:160%;}
.catproddark { color: #333366; font-weight: bold; font-size:120%;}
.catprodsub2 { color: #8f8f8f; font-weight: bold; font-size:120%;}
.catprodsub3 { color: #333333; font-weight: bold; font-size:100%;}
.catprodtxt {color: #666;}
.catprodblue {color: #0D4C8F; font-weight:bold}
.interrogation {float:left; color: #8f8f8f; font-size:100%; margin-top:30px; width:570px; background-color:#eff5fa}
div#toprightnav { border:1px solid green; float:right; color:#fff; font-size:85%; margin-top:20px; margin-bottom:40px; padding:5px 0 1px 0; height:25px; }
div#toprightnav a {color:#B2C1D5}
div#toprightnav a:hover, div#toprightnav a.on {color:#fff; text-decoration:underline;}
div#slideleft {background-color:#6fab9c; color:#fff; font-weight:bold; font-size:120%; padding:2px 0 3px 10px}
div#slideright {background-color:#d27c3e; color:#fff; font-weight:bold; font-size:120%; padding:2px 0 3px 10px}
div#slidefirst {background-color:#6fab9c}
.slidetxt {color:#fff; overflow: scroll; height:182px; padding:5px 5px 0 5px; display:none;}
div#more {visibility:hidden}
div#more a:hover {visibility:visible}
a { color:#C60}
a:hover { color: #648fb3; text-decoration:none;}
div#bluebox {background-image:url(../images/bg_blue_u.jpg); width:150px; height:120px; background-repeat:no-repeat; float:left}
div#greenbox {background-image:url(../images/bg_green_u.jpg); width:150px; height:120px; background-repeat:no-repeat; float:left}
div#orangebox {background-image:url(../images/bg_orange_u.jpg); width:150px; height:120px; background-repeat:no-repeat; float:left}
div#yellowbox {background-image:url(../images/bg_yellow_u.jpg); width:150px; height:120px; background-repeat:no-repeat; float:left}
.catprodbox {color: #FFF; font-weight: bold; font-size:118%; padding:7px}
.catprodbox2 {color: #0D4C8F; font-size:100%; padding:7px}
div#loginlink a{ color:#FFF; font-weight:bold}
div#loginlink a:hover { color: #FCE400; text-decoration:underline}
.bluetopnav {color: #B2C1D5}
/* ------------- Wireframe styles -------------- */
table#wire-nav { float:right;}
table#wire-nav a { color:#FFFFFF; font-size:90%; padding:2px 10px 0 10px; display:inline;}
td.wire-sub-nav a { color: #000000; font-size:80%; padding:2px 10px;}
/* ------------- Main layout styles -------------- */
div#container { margin:0 auto; text-align:left; width:780px;}
div#quicker {color:#134c8f; font-size:220% float:left; margin-right:10px; width:200px; clear:none}
div#prodzipp {color:#134c8f; font-size:170% float:right; margin-left:10px; width:279px; clear:none }
div#top { height:143px; }
div#logo { float:left; width:100px;}
div#logo a {text-decoration:none}
div#top-main { float:right; width:670px;}
div#dropdown { width:670px; clear:both; float:right; color:#333333; font-size:85%; margin:0px; padding:0; height:25px; }
div#dropdown #flag {width:23px; height:15px; float:right; margin-top:4px; background-color:#999999;}
div#dropdown #flag.uk { background:url(../images/flag_uk.gif) no-repeat;}
div#dropdown #flag.ug { background:url(../images/flag_uganda.gif) no-repeat;}
div#dropdown select { display:none;}
div#top-right { float:right; width:670px;}
div#welcome { float:left; width:220px;}
div#flash { text-align:right; float:right}
div#nav-bar { float:right; font-size:85%; margin:0; padding:14px 0 0px 0; width:670px; text-align:right}
div#nav-tabs { float:right; }
div#nav-tabs a { text-decoration:none; display:block; float:left; color: #FFFFFF; border:1px solid #bb9e55; padding:4px 7px 5px 7px; margin:1px 0 0 5px; }
div#nav-tabs a:hover,div#nav-tabs a.on { background:#bb9e55; color:#000000; }
div#nav-tabs a#globalhome {padding:5px 7px 5px 7px; margin:1px 20px 0 5px; border:0; background-color: #002B62; text-decoration:none; display:block; float:left; color: #FFFFFF; }
div#nav-tabs a:hover#globalhome {background-color: #516B9B;}
div#navsub { clear:both; font-size:80%; margin:0; padding:1px 0 0 0; width:780px;}
div#navsub div { float:right;}
div#navsub a { display:block; float:left; text-decoration:none; color: #000000; padding:3px 7px 3px 7px; margin-left:3px; }
div#navsub a:hover,div#navsub a.on { background-color: #CAB060; }
/*div#topnav {float:right; color:#B2C1D5; font-size:85%; padding:5px 0 1px 0; height:25px; }
div#topnav a {color:#fff; text-decoration:none;}
div#topnav a:hover {color:#B2C1D5; text-decoration:underline;} */
div#breadcrumbs { clear:both; padding:3px 0 0 0; margin:15px 0 3px 0; font-size:80%; color: #666666;}
div#breadcrumbs a { color: #3399CC; text-decoration:none;}
div#breadcrumbs a:hover { color:#3399CC; text-decoration:underline;}
div#content { background:url(../images/zipp-bg.gif) right repeat-y;}
div#content p {font-size:95%; line-height:1.4;}
div#main { width:570px; padding:0; float:left; color: #003366;}
div#main.family { background:url(../images/BlackFamily.jpg) bottom right no-repeat;}
div#main h2 {margin:10px 0 0 0; padding-bottom:3px; font-family:"Trebuchet MS",Arial,sans-serif; color:#999; border-bottom:2px dotted #999;}
div#main h3 {margin:10px 0 0 0; font-size:120%; padding-bottom:3px; font-family:"Trebuchet MS",Arial,sans-serif; color:#0D4C8F;}
div#main ul {padding-left:15px; margin:10px 0 0 0; line-height:1.3; font-size:95%;}
div#main ul li {margin-bottom:7px; list-style-image: url(../images/bullet.gif); list-style-position:outside;}
div#main a { color:#648fb3; text-decoration:none;}
div#main a:hover { color: #FF0033; text-decoration:underline;}
div#main a.more { display:block; padding:1px 6px; text-align:right; color:#fff; font-weight:bold; background-color: #A8B5C2; text-decoration:none;}
div#main a:hover.more { color:#FFFFFF; background-color: #6699CC;}
div#main-left {width:380px; float:left; }
div#main-left #col1,div#main-left #col2 {width:180px; float:left;}
div#main-left #col1 {margin-right:15px;}
div#main-left2 {width:570px; float:left; }
div#main-left2 #col12,div#main-left2 #col22 {width:270px; float:left;}
div#main-left2 #col12 {margin-right:15px;}
div#main-left3 {width:570px; float:left;}
div#main-left3 #col23 {width:290px; float:left;}
div#main-left3 #col13 {width:260px; float:left; margin-right:10px;}
.main-left4 {width:570px; float:left; }
.main-left3 div#main-left3 #col24 {width:150px; float:left;}
.col14 {width:145px; float:left; }
div#country { padding-top:5px;}
div#country .col1 { width:370px; float:left; margin-right:25px;}
div#country .col1 h1 { color:#003366; font-size:160%; margin:0; padding:0;}
div#country .col1 h2 { color:#003366; font:bold 130% arial; border:0; margin:0; padding:5px 0 3px 0;}
div#country .col1 ul {padding-left:15px; margin:0 0 0 10px; font:120% arial; line-height:1.2; color:#338CD1; }
div#country .col1 li {margin-bottom:6px; list-style-image: url(../images/green-tick.gif);}
div#country .col2 { width:170px; float:left; }
div#country .col2 p {color:#FF6600; font:95%; line-height:1; margin:0; padding:0 0 15px 5px;}
div#country .col3 { width:569px; float:left; clear:both; padding-top:10px;}
div#country .col3 div { width:179px; float:left; }
div#country .col3 div.pad { margin-right:15px;}
div#country .col3 div h1{ margin:0 0 0 0; font-size:100%; color:#003366; line-height:1 }
div#country .col3 div p{ color: #666666; font:95%; line-height:1.2; margin:0; padding:0;}
span.large {font-size:120%; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
div#main-right {width:180px; float:right}
div#zippcuts { padding:3px}
div#zipp { width:186px; float:right; background-color:#2386ca; text-align:center;}
div#login { background-color:#46aee9; margin:6px; padding:0; color:#FFFFFF;}
div#login h3 { margin:0; padding:0; font-size:110%; text-align:center; font-family:"Trebuchet MS",Arial,sans-serif; }
div#login p { margin:0; padding:0 0 5px 0; font-size:90%; line-height:1.1; text-align:center;}
div#login a { color:#FFFFFF; }
div#login input { font-size:10px; border:0; height:10px; width:80px; text-align:center;}
div#zipp select.jump { font-size:7px; border:0; height:9px; margin:10px 0 0 6px; width:170px; font:Arial, Helvetica, sans-serif}
div#zipp ul {margin:14px 0 10px 0; padding-left:25px; list-style-image:url(../images/bullet2.gif); color:#FFFFFF; font-size:90%;}
div#zipp li { margin-top:4px;}
div#zipp ul a { color:#FFFFFF; text-decoration:none;}
div#zipp ul a:hover { color:#FFFFFF; text-decoration:underline;}
div#footer { clear:both; padding:6px 10px; margin:5px 0 5px 0; font-size:90%; color:#B2C1D5; background-color: #01387b}
div#footer a {color:#fff; text-decoration:none;}
div#footer a:hover {color:#B2C1D5; text-decoration:underline;}
/* ------------- Form styles -------------- */
form { font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#003366;}
fieldset { border:1px dotted #46aee9; padding:10px;}
legend { font-size:120%; font-weight:bold; color:#46aee9;}
input, textarea, select {font-size:10px; color:#003366; border:1px solid #46aee9; padding:3px;font-family:Arial, Helvetica, sans-serif;}
.req {color:#FF0000; font-size:14px; font-weight:bold;}