/* CSS file - company name */

/* Sticky footer */
html, body, #wrap-main {height: 100%;}
body > #wrap-main {height: auto; min-height: 100%;}

/* = General Typography */
/*12px/1.5 line spacing (18px total line height)
To get line heights and margins divide total line height by font size (e.g. 18 / 26 for h1)*/
body {font: normal 75%/150% Arial, Helvetica, sans-serif; color: #514f4f;}

h1, h2, h3, h4, h5, h6 {color: #1c367f;}
h1, h2, h3 {font-weight: normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
h4, h5, h6 {font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 2.33em; line-height: 0.64em; margin: 0.64em 0 0;} /* 28px */
h2 {font-size: 2em; line-height: 0.75em; margin: 0.75em 0 0;}  /* 24px */
#banner h2 {font-size: 2.67em; line-height: 0.56em; margin: 0;} /* 32px*/
h3 {font-size: 1.83em; line-height: 1.1em; margin: 0.82em 0 0;} /* 22px */
h4 {font-size: 1.15em; line-height: 1.5em; margin: 0.75em 0 0;} /* 12px */
h5 {font-size: 1.25em; line-height: 1.25em; margin: 1.64em 0 0 0;} /* 11px */
h6 {color: #333; line-height: 1.25em; margin: 0.75em 0 -0.5em 0;} /* 10px */

p {padding: 0 10px; font-size: 1em; line-height: 1.5em; margin: 0.75em 0 0;}
#top-nav p, #header p, #header h1, #header h2, #header h3 {padding: 0 10px;}
#banner p, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6, #content-primary p, #content-primary h1, #content-primary h2, #content-primary h3, #content-primary h4, #content-primary h5, #content-primary h6 {padding: 0 30px}

a:link, a:visited, a:active {color: #1c367f; text-decoration: none;}
a:hover {text-decoration: underline;}

/* = General Styles */
ul#nav-skip {position: absolute; top: -9999px; margin: 0;}
ul#nav-skip li {display: inline;}
ul# li {display: inline;}

.clear-both:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-both {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear-both {height: 1%;}
.clear-both {display: block;}
/* End hide from IE-mac */

#content ul {margin: 1.5em 0;}

#content blockquote {margin: 1.5em 0; font-weight: bold;}
#content blockquote div {border-top: 6px solid #e2e2e2; border-bottom: 6px solid #e2e2e2;}
#content blockquote p {font: italic 1.5em/1.3em "Century Gothic", Arial, Helvetica, sans-serif; padding: 0 5px; color: #a2bf15;}
#content blockquote cite {display: block; padding: 0 5px; margin: 1.64em 0; font-size: 0.92em; font-style: normal; color: #1c367f;}
#content-primary blockquote {margin-left: 30px; margin-right: 30px;}

/* = Top Nav */
#top-nav {width: 100%; background: #009cdd url(../images/top-nav-bg.gif) repeat-x 0 0;}
#top-nav ul {width: 960px; margin: 0 auto; padding: 6px 0; text-align: right;}
#top-nav li {display: inline; padding: 0 1em; border-right: 1px solid #1c367f; color: #1c367f; font: 0.92em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#top-nav li a {color: #1c367f;}
#top-nav li a:hover {color: #fff; text-decoration: none;}
#top-nav li.active a {color: #fff}
#top-nav .last {border-right: 0;}

/* = Header */
#header {height: 137px; width: 960px; margin: 0 auto;}
#header h1 {width: 244px; height: 54px; float: left; background: url(../images/logo.png) no-repeat 0 0; margin-top: 45px; margin-left: 10px;}
#header h1 a {display: block; width: 244px; height: 54px; text-indent: -9999px;}
#header h2 {width: 400px; height: 55px; float: right; color: #009bdd; background: url(../images/tagline.png) no-repeat 0 0; text-indent: -9999px; margin-top: 45px;}

/* = Primary Nav */
#primary-nav {background-color: #1c3780;}
#primary-nav ul {width: 960px; margin: 0 auto;}
#primary-nav li {float: left;}
#primary-nav li a {display: block; height: 23px; margin: 5px 63px 5px 0; text-indent: -9999px; color: #fff; text-transform: uppercase}
#primary-nav li.one a {width: 190px; background: url(../images/primary-nav.png) no-repeat 0 0;}
#primary-nav li.one a:hover {background: url(../images/primary-nav.png) no-repeat 0 -25px;}
#primary-nav li.one.current a {background: url(../images/primary-nav.png) no-repeat 0 -25px;}
#primary-nav li.two a {width: 196px; background: url(../images/primary-nav.png) no-repeat 0 -50px;}
#primary-nav li.two a:hover {background: url(../images/primary-nav.png) no-repeat 0 -75px;}
#primary-nav li.two.current a {background: url(../images/primary-nav.png) no-repeat 0 -75px;}
#primary-nav li.three a {width: 240px; background: url(../images/primary-nav.png) no-repeat 0 -100px;}
#primary-nav li.three a:hover {background: url(../images/primary-nav.png) no-repeat 0 -125px;}
#primary-nav li.three.current a {background: url(../images/primary-nav.png) no-repeat 0 -125px;}
#primary-nav li.four a {width: 128px; background: url(../images/primary-nav.png) no-repeat 0 -150px;}
#primary-nav li.four a:hover {background: url(../images/primary-nav.png) no-repeat 0 -175px;}
#primary-nav li.four.current a {background: url(../images/primary-nav.png) no-repeat 0 -175px;}
#primary-nav li.five a {width: 140px; margin-right: 0; background: url(../images/primary-nav.png) no-repeat 0 -200px;}
#primary-nav li.five a:hover {background: url(../images/primary-nav.png) no-repeat 0 -225px;}
#primary-nav li.five.current a {background: url(../images/primary-nav.png) no-repeat 0 -225px;}

/* = Banner */
#wrap-banner {width: 100%; color: #fff;}
#banner {width: 960px; margin: 0 auto; min-height: 145px; padding-top: 55px;}
#banner h2 {height: 51px; line-height: 51px;}
#banner p.intro {margin: 0.9em auto 0; /* remove bottom margin otherwise you get issues with side nav dropping down in Chrome */font-size: 1.67em; line-height: 1.2em; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}

/* = Banner - Home page specific */
body#home #wrap-banner {height:333px; background: url(../images/banner-bg-home2.jpg) no-repeat center top;}
body#home.uk #wrap-banner {height:333px; background: url(../images/banner-bg-homeuk.jpg) no-repeat center top;}
body#home #banner {padding-top: 0; background-image: none;}
#banner #categories li {width: 240px; float: left;}
#banner #categories h3 {margin: 0; text-indent: -9999px;}
#banner #categories p.first {text-indent: -9999px;}
#banner #categories .last {padding: 0px 0px; margin: 0;}
#banner #categories .last a {display: block; width: 141px; height: 28px; margin: 120px 0px 0px 50px; text-indent: -9999px; background: url(../images/button-click-here.png) no-repeat 0 0;}
#banner #categories .last a:hover {background: url(../images/button-click-here.png) no-repeat 0 -30px;}
body#home #banner h2 {padding: 45px 0 0; height: 78px; line-height: normal; text-indent: -9999px;}

/* = Banner - General */
body#general #wrap-banner {background: url(../images/banner-bg-general.jpg) no-repeat center top;}
body#general #banner {background: url(../images/banner-foreground-general.jpg) no-repeat center top;}

/* = Banner - Business Function Category Pages */
body#bf_category #wrap-banner {background: url(../images/banner-bf-categories-bg.jpg) no-repeat center top;}
body#bf_category #banner {background: url(../images/banner-bf-categories-foreground.jpg) no-repeat center top;}

/* = Banner - P&L Category Pages */
body#pl_category #wrap-banner {background: url(../images/banner-pl-categories-bg.jpg) no-repeat center top;}
body#pl_category #banner {background: url(../images/banner-pl-categories-foreground.jpg) no-repeat center top;}
body#pl_category #banner h2 {margin-left: 30px; margin-right: 30px; padding-left: 75px;}
body#pl_category #banner.pre-pay h2 {background: url(../images/icon-pre-pay.png) no-repeat left top;}
body#pl_category #banner.post-pay h2 {background: url(../images/icon-post-pay.png) no-repeat left top;}
body#pl_category #banner.sme h2 {background: url(../images/icon-sme.png) no-repeat left top;}
body#pl_category #banner.corporate h2 {background: url(../images/icon-corporate.png) no-repeat left top;}

/* = Main content */
#content {width: 960px; margin: 0 auto; padding-bottom: 32px;}
#content-primary, #content-secondary, #content-tertiary {float: left; padding-bottom: 1.5em;}
.drawer-handle {margin-top: 1em;}
#content-primary .drawer-handle h4 {background: url(../images/blue_closed_arrow.gif) right center no-repeat; float: left; height: 1.6em; line-height: 1.6em; margin: 0; padding-right: 18px; cursor: pointer;}
#content-primary .ui-state-active h4 {background: url(../images/blue_open_arrow.gif) right center no-repeat;}
#content-primary .drawer-handle p { clear: left; margin-top: .25em;}
.drawer-handle img, li.drawer p {cursor: pointer}
li.drawer {margin: 0; padding: 0;}

#content-primary ul.typebullets {
	margin: 0px 0px 0px 50px;
	padding: 0;
	list-style-type: disc;
}

#content-primary ul.typebullets li {
	
}

/* = 3 column layout */
body.three-col #content-primary {width: 480px; margin-left: 240px; padding-top: 0.5em;}
body.three-col #content-secondary {width: 240px; margin-left: 0;}
body.three-col #content-tertiary {width: 240px; margin-left: -960px; padding-top: 0.5em;}

/* 2 column layout */
body.two-col #content-primary {float: left; width: 720px; padding-top: 0.5em;}
body.two-col #content-secondary {width: 240px;}

#content-secondary h4.products {margin: 0; padding: 8px 10px; background: #1c3780 url(../images/secondary-nav-title.png) no-repeat center 14px; color: #fff; text-indent: -9999px;}

/* = Secondary Nav */
#content #secondary-nav {margin: 0; padding-bottom: 2px; background-color: #e2e2e2; border-bottom: 1px solid #d3d3d3}
#content #secondary-nav li {border-bottom: 1px solid #d3d3d3; background: url(../images/secondary-nav.png) repeat-y left top;}
#content #secondary-nav li a {font-size: 0.92em; font-weight: bold; display: block; padding: 8px 10px 8px 45px; background: url(../images/secondary-nav-bullet.gif) no-repeat 10px center;}

/* = Address Container */
.address_container {float: left; display: inline; width: 340px; margin: 0 0 1.4em 0;}


/* = Footer */
#wrap-footer {position: relative; width: 100%; margin-top: -32px; min-height: 42px; background-color: #1c3780; color: #fff;}
#footer {width: 960px; margin: 0 auto; padding: 1em 0;}
#footer .copyright {float:left;}
#footer .credit {float: right; color: #7389c3;}
#footer a {color: #7389c3;}
#footer .privacy{float: left;}
#footer .terms-conditions{float: left;}
#footer a:hover {color: #96aae0;}

/* added by ACI */
.li {margin-left:60px;list-style-type:disc;} 
.subHeadline{font-size: 1.25em;}