/* --------------------------------------
   Global Styling
-------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	font: 0.75em/22px Arial, Verdana, Helvetica, sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 1.66em; line-height: 1em; color: #0f6cb6; }
h2 { font-size: 1.25em; line-height: 1.4em; }
h3 { font-size: 1.5em; line-height: 1em; }
h4 { font-size: 1.255em; line-height: 1em; }
h5 { font-size: 1em; line-height: 1em; font-weight: bold; }

/* Anchors */
a, a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
p a { z-index: 100; }


/* Base margin */
#content p, #content blockquote, #content ul, 
#content ol, #content h1, #content h2, 
#content h3, #content h4, #content h5 { margin-bottom: 1em; }


/* ULs, OLs & LIs */
ul { margin-left: 3em; }
ul li { list-style: disc; }

ol { margin-left: 3em; }
ol li { list-style: decimal; }

/* Blockquote */
blockquote { width: 75%; margin-left: 10%; padding: 10px; background-color: #ccc; quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 
blockquote:after { content: close-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 

/* Other styles */
small { font-size: 80%; line-height: 150%; }
sup { font-size: 80%; height: 0; line-height: 1; position: relative; top: -0.6em; vertical-align: baseline !important; vertical-align: bottom; }

/* Classes */
.right { float: right; }
.left { float: left; }
img.right { float: right; margin: 0 0 0 10px; }
img.left { float: left; margin: 0 10px 0 0; }
p img.right { float: right; margin: 0 0 10px 10px; z-index: 100; }
p img.left { float: left; margin: 0 10px 10px 0; z-index: 100;}
.last { border: 0!important; margin-right: 0!important; margin-bottom: 0!important; }
.error { background-color: #d5a2a2; color: #447094; border: 1px solid #c38e8e; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.formerror { background: #fff  url('../i/icon-formerror.gif') left center no-repeat; border: none!important; font-size: 0.91em; color: #447094; display: inline-block; margin-top: 1px; padding: 0.1em 0.95em 0.1em 2em!important; }
.nomarg { margin: 0!important; }
div.hr { width: 100%; height: 1px; border-top: 1px solid #eeeeef; margin-bottom: 1em; clear: both; }
div.clear { width: 100%; height: 1px; clear: both; }

/** additional classes **/
img.product-logo {
	margin-bottom: 10px;
}

/* --------------------------------------
   Center Wrap Section
-------------------------------------- */

#center {
	position: relative;
	width: 985px;
	margin: 0 auto;
}

/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	position: relative;
	background-color: #fff;
	height: 125px;
	margin-bottom: 45px;
}

#logo {
	position: relative;
	width: 415px;
	height: 125px;
	display: block;
	color: #0F6CB6;
	font-size: 30px;
	line-height: 2em;
}

#logo span {
	background-image: url('../i/sprite-logo-nav.gif');
	background-position: left top;
}

/* --------------------------------------
   Container Template
-------------------------------------- */

#content {
	position: relative;
	background: #fff;
	border-top: none;
	padding: 10px 0;
}

/** 2 Column Layout **/
.two-columns {
	clear: both;
}

.two-columns .left-column {
	width: 748px;
	padding: 0;
	float: left;
	background-color: transparent;
}

.two-columns .right-column {
	width: 225px;
	padding: 0 0 0 12px;
	float: right;
	background-color: transparent;
}

/** 3 Column Layout **/
.three-columns {
	clear: both;
}

.three-columns .left-column {
	width: 150px;
	min-height: 200px;
	padding: 10px;
	float: left;
	background-color: #e4ecf5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.three-columns .mid-column {
	width: 538px; /* removed 20px to allow for left & right padding */
	padding: 10px 10px 10px 30px;
	float: left;
	background-color: transparent;
}

.three-columns .right-column {
	width: 225px;
	padding: 0 0 0 12px;
	float: right;
	background-color: transparent;
}

/* --------------------------------------
   Content Styles
-------------------------------------- */
#content h1 {
  line-height: 1.2em;
}


#content h2 {
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  font-weight: bold;
}

#content a, #content a:visited {
  color: #0F6CB6;
}

#content p {

}

#content ul, #content ol {

}

#content ul li, #content ol li {

}

/** faq module **/
#content ul.faq-ul {
	margin: 0 0 20px;
}

#content ul.faq-ul li {
	margin: 0 0 0.5em 0;
	list-style: none;
}

#content ul.faq-ul li a {
	color: #0F6CB6;
	font-weight: bold;
}

#content ul.faq-ul li div {
	position: relative;
	left: 0;
	margin-bottom: 0;
	display: block;
	padding-bottom: 10px;
}

#content ul.faq-ul li div a {
	font-weight: normal;
}

#content ul.faq-ul li div p {
	margin-bottom: 10px;
}

#content ul.faq-ul li div div {
	margin-bottom: 1em;
}

#content ul.faq-ul li div ul li {
	list-style: disc;
}

/** regional partners **/
#reg-partners {
}

#reg-partners img {
	/*width: 120px;
	height: auto;*/
}

#reg-partners table {
	width: 500px;
	margin-bottom: 2em;
}

#reg-partners tr {
	
}

#reg-partners td {
	vertical-align: middle;
	text-align: center;
	width: 33%;
	padding: 5px 0;
}

/** Content images and captions **/

/** set width **/
div.image, div.image img, div.image p {
	width: 150px;
}

div.image {
	margin: 10px;
	padding: 5px;
	background-color: #dee3e7;
	display: block;
}

div.image img {
	height: auto;
}

#facebox div.image img {
	width: auto;
	height: auto;
}

div.image p {
	font-size: 0.8333em;
	color: #666;
	line-height: 1.2em;
	padding-top: 0.5em;
	display: block;
}

div.image a {
	z-index: 100;
	display: block;
}

div.image p a {
	display: inline!important;
}

div.ileft {
	float: left;
	margin: 5px 10px 10px 0;
}

div.iright {
	float: right;
	margin: 5px 0 10px 10px;
}

div.image a span.zoom {
	width: 18px;
	height: 16px;
	background: url('../i/lightbox/zoom.png') left top no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	display: block;
}

/** gallery specific styles **/
#gallery {
	margin-bottom: 1em;
}

/** eawards styles **/
a.eaenter {
	padding: 10px;
	background-color: #0F6CB6;
	color: #fff!important;
	text-decoration: none;
	margin: 20px 0 0;
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.eaenter:hover {
	background-color: #2f90dd;
}

/* --------------------------------------
   Side nav styles
-------------------------------------- */

#content ul.side-nav {
	margin: 0 0 1em 0;
	padding: 0;
}

#content ul.side-nav li {
	list-style: none;
	line-height: 1em;
	margin-bottom: 0.6em;
}

#content ul.side-nav li a,
#content ul.side-nav li a:visited {
	text-decoration: none;
	color: #0f6cb6;
	font: 1.083em Arial, Helvetica, sans-serif;
}

#content ul.side-nav li a:hover {
	text-decoration: none;
	color: #5cb6ff;
	font: 1.083em Arial, Helvetica, sans-serif;
}

#content ul.side-nav li a.active {
	font-weight: bold!important;
	color: #5cb6ff!important;
}

/* --------------------------------------
   Sidebar styles
-------------------------------------- */
/** Right column images **/
.right-column a {
	display: block;
	margin-bottom: 11px;
}

#our-brands {
	width: 225px;
	height: 119px;
	margin-bottom: 11px;
	background: #fff url('../i/bg-ourbrands.gif') left top no-repeat;
}

#our-brands a {
	display: none;
	position: absolute;
}

/* --------------------------------------
   Homepage hero image styles
-------------------------------------- */
#hero {
	width: 748px;
	height: 379px;
}


#image-caption {
	background: #000 url('../i/bullet-caption-arrow.gif') 10px center no-repeat;
	color: #fff;
	opacity: 0.8;
	display: inline-block;
	font-size: 11px;
	padding: 1px 7px 1px 30px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	height: 2em;
}

#image-caption span {
	display: block;
	white-space: nowrap;
}

#hero img {
	display: none;
	position: absolute;
	z-index: 500;
}

#hero img:first-child {
	display: block;
}

/* --------------------------------------
   EAwards Winners image styles
-------------------------------------- */

#winners {
	width: 538px;
	height: 263px;
	margin-bottom: 2.5em;
}

p.winners-caption {
	font-size: 0.95em;
	color: #999;
	float: right;
	margin-top: -33px;
	padding-right: 5px;
}

/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

/** Menu level 1 **/
#main-navigation {
	position: absolute;
	top: 125px;
	width: 985px;
	height: 48px;
	background: #0f6cb6 url('../i/sprite-logo-nav.gif') left -124px no-repeat;
	z-index: 1000;
	font-weight: bold;
}

#main-navigation ul { /** First level un-ordered list **/
	padding: 5px 0 0 2px;
	margin: 0 0 0 10px;
}

#main-navigation ul li { /** First level un-ordered list items **/
	display: block;
	float: left;
	color: #fff;
}

#main-navigation ul li a, #main-navigation ul li a:visited {  /** First level anchor static-state **/
	text-decoration: none;
	padding: 4px 12px 0;
	margin: 0 2px;
	height: 28px;
	color: #fff;
	display: inline-block;
}

#main-navigation ul li a:hover,
#main-navigation ul li:hover a,
#main-navigation ul li.hover a,
#main-navigation ul li a.active { /** First level anchor hover-state **/
	text-decoration: none;
	background: #0c5b99 url('../i/sprite-logo-nav.gif') right -181px no-repeat;
}

#main-navigation ul li a:hover span,
#main-navigation ul li:hover a span,
#main-navigation ul li.hover a span,
#main-navigation ul li a.active span {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 32px;
	background: #0c5b99 url('../i/sprite-logo-nav.gif') left -181px no-repeat;
}

/** Menu level 2 **/
#main-navigation ul li ul { /** Second level un-ordered list - when hidden **/
	display: none;
}

#main-navigation ul li:hover ul,  /** Second level un-ordered list - when visible **/
#main-navigation ul li.hover ul {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 36px;
	margin: 0;
	padding: 0;
	background: #0b5792 url('../i/bg-nav-dropdown.gif') left top repeat-x;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#main-navigation ul li ul li { /** Second level un-ordered list items **/
	clear: both;
	width: 160px;
}

#main-navigation ul li ul li a,
#main-navigation ul li:hover ul li a,
#main-navigation ul li.hover ul li a,
#main-navigation ul li ul li a:visited {  /** Second level anchor static-state - must cancel out first level anchors **/
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	padding: 5px 30px 5px 10px;
	width: 120px;
	margin: 0;
}

#main-navigation ul li ul li a:hover,
#main-navigation ul li ul li:hover a,
#main-navigation ul li ul li.hover a {  /** Second level anchor hover-state **/
	background: none;
	background-color: #0a4675;
	text-decoration: none;
}

#main-navigation ul li ul li a.last {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#main-navigation ul li ul li ul li a.last {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}


/** Menu level 3 **/
#main-navigation ul li:hover ul li ul,
#main-navigation ul li.hover ul li ul,
#main-navigation ul li ul li ul { /** Third level un-ordered list - when hidden **/
	display: none;
}

#main-navigation ul li ul li:hover ul,  /** Third level un-ordered list - when visible **/
#main-navigation ul li ul li.hover ul {
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	background: #0a4675;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

#main-navigation ul li ul li ul li { /** Third level un-ordered list items **/
	clear: both;
}

#main-navigation ul li ul li ul li a,
#main-navigation ul li ul li:hover ul li a,
#main-navigation ul li ul li.hover ul li a,
#main-navigation ul li ul li ul li a:visited {  /** Third level anchor static-state - must cancel out first level anchors **/
	text-decoration: none;
	background: none;
	padding: 5px 30px 5px 10px;
}

#main-navigation ul li ul li ul li a:hover {  /** Third level anchor hover-state **/
	background: none;
	background-color: #073559;
	text-decoration: none;
}

/** Sets styles for drop-down and fly-out arrows **/
#main-navigation ul li a.drop-down { padding-right: 30px!important; margin-bottom: 4px; background-image: url('../i/sprite-logo-nav.gif'); background-position: right -82px; background-repeat: no-repeat; }
#main-navigation ul li a.drop-down:hover,
#main-navigation ul li a.drop-down.hover,
#main-navigation ul li:hover a.drop-down,
#main-navigation ul li.hover a.drop-down,
#main-navigation ul li a.a-drop-down { padding-right: 30px; margin-bottom: 4px!important; background-image: url('../i/sprite-logo-nav.gif'); background-position: right -218px; background-repeat: no-repeat; }


#main-navigation ul li a.fly-out { background: #0b5792 url('../i/bg-nav-flyout.gif') right center no-repeat!important; }
#main-navigation ul li a.fly-out:hover,
#main-navigation ul li a.fly-out.hover,
#main-navigation ul li ul li:hover a.fly-out,
#main-navigation ul li ul li.hover a.fly-out { background-color: #0a4675!important; }

/* --------------------------------------
   Footer Section
-------------------------------------- */

#footer {
	padding: 5px 0 40px;
	width: 100%;
}

#footer-navigation {
}

#footer #footer-navigation ul,
#footer #footer-sub-navigation ul {
	margin: 0;
}

#footer #footer-navigation li,
#footer #footer-sub-navigation li {
	float: left;
	list-style: none;
	margin-right: 15px;
}

#footer #footer-navigation li a,
#footer #footer-navigation li a:visited,
#footer #footer-sub-navigation li a,
#footer #footer-sub-navigation li a:visited {
	text-decoration: none;
}

#footer #footer-navigation li a:hover,
#footer #footer-sub-navigation li a:hover {
	text-decoration: underline;
}

#footer #footer-navigation li {
	font-size: 0.916em;
	color: #0f6cb6;
}

#footer #footer-navigation li a,
#footer #footer-navigation li a:visited {
	color: #0f6cb6;
}

#footer #footer-sub-navigation {
	margin-bottom: 10px;
	float: left;
}

#footer #footer-sub-navigation li {
	font-size: 0.833em;
	color: #8e8e8e;
}

#footer #footer-sub-navigation li a,
#footer #footer-sub-navigation li a:visited {
	color: #8e8e8e;
}

/** NOW/media credit **/

a#credit {
	width: 65px;
	height: 30px;
	display: block;
	float: right;
	font-size: 0.833em;
	cursor: pointer;
}

a#credit span {
	background-image: url('../i/logo-nowmedia.gif');
}

/* --------------------------------------
   Form Styles
-------------------------------------- */

.form {
	width: 480px;
}
.form-item {
	padding: 5px 0;
	margin-bottom: 5px;
	display: block;
}

.form-item label {
    display: inline-block;
	clear: both;
	margin-bottom: 0.2em;
}

.text input {
    width: 215px;
	padding: 3px;
	display: block;
	border: 1px solid #e9e9e9;
}

.form-item textarea {
    width: 468px;
	height: 100px;
	padding: 3px;
	display: block;
	font-size: 1.2em;
	border: 1px solid #e9e9e9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.postcode input {
    width: 4em;
}

.select select {
    width: 225px;
	padding: 3px;
	display: block;
	border: 1px solid #e9e9e9;
}

.required label {
}

.submit {
    text-align: right;
}

/** image styling for input submit buttons **/

.submit input.image {
   background: none;
   height: 27px;
   width: 101px;
   border: none;
   margin: 0;
   background: transparent url('../i/btn-submit.gif') left top no-repeat;
}

.submit input.image:hover,
.submit input.hover {
   background-position: left -27px;
   cursor: pointer;
}

.submit input.image:active,
.submit input.active {
   background-position: left -54px; 
}

input[type="submit"]:focus::-moz-focus-inner{ border-color:transparent!important } /** note: accessibility outline in firefox is removed here **/


/** error styling **/
input.error,
select.error,
textarea.error {
	border: 1px solid #6aa0cc;
	background-color: #e1effa;
}

.form-item span {
	display: block;
	padding: 1px;
	border: 1px solid #ccc;
}