/* @override http://www.pjcolours.com/workspace/css/styles.css */

/* 	
	Stylesheet:		styles.css
	Author:			Nick Toye (info@nicktoye.co.uk
	Project:		PJColours
	Created:		27th November 2007
*/




/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent;  }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }

/* =base rules */

html {
	background: #fff url(../img/html.png) repeat-x top left;
	height: 100%;
	margin-bottom: 1px;
}

body {
	
	color: #647883;
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: small;
	line-height: 1.4em;
	text-align: center;
}

a:link, a:visited {
	color: #647883;
	text-decoration: none;
}

a:hover, a:active {
	color: #6698ca;
}

h2 {
	font-size: 130%;
	color: #007cbf;
	padding-bottom: 3px;
}

h3, h4 {
	color: #007cbf;
	font-weight: bold;
}

p + h3 {
	margin-top: 5px;
}

body#about-us-page h2 {
	border: 0;
	padding: 0;
}

p {
	font-size: 90%;
	margin-bottom: 15px;
}

sup {
	position: relative;
	top: -5px;
	font-size: 70%;
}

#main sup {
	left: -3px;
	margin-right: -3px;
	font-style: italic;
}

#main a:link, #main a:visited {
	font-style: italic;
	text-decoration: underline;
}

ol.numerical li {
	list-style-type: decimal;
	margin-left: 18px;
}

/* =scaffold */

#container {
	
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

img#banner {
	float: left;
	width: 100%;
}

#branding {
	width: 100%;
	height: 120px;
	position: relative;
}

#mainContent {
	width: 100%;
	float: left;
	position: relative;
	margin-top: -5px;
}

#sidebar {
	float: left;
	width: 120px;
}

#main {
	float: left;
	width: 635px;
	padding: 10px 10px 30px 15px;
	position: relative;
}

#inner-main {
	background: url(../img/main-border.png) repeat-y 100% 0;
	float: left;
	width: 635px;
}

#inner-main p {
	clear: left;
}

img#about-us-image {
	float: right;
	width: 50%;
	margin: 0 20px	;
}

img#dots {
	margin: 10px 0;
}


#productBar {
	float: right;
	width: 110px;
	padding: 10px 0 0 0;
}

#footer {
	width: 100%;
	height: 20px;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #e1efcd ;
}


/* =branding */

#branding h1 a {
	float: left;
	width: 191px;
	height: 93px;
	background: url(../img/h1.png) no-repeat top left;
	text-indent: -3000px;
}

ul#smallNav {
	float: left;
	position: absolute;
	right: 0;
	bottom: 28px;
	font-size: 80%;
	text-transform: uppercase;
}

ul#smallNav li {
	display: inline;
	border-right: 1px solid #6698ca;
	padding-right: 4px;
	margin-right: 5px;
}

ul#smallNav li.last {
	border: 0;
	padding: 0;
	margin: 0;
}

#branding form {
	position: absolute;
	bottom: 2px;
	right: 0px;
	width: 205px;
	height: 24px;
	background: url(../img/searchForm.png) no-repeat;
}

#branding form input.search {
	position: relative;
	vertical-align:top;
 	top:3px;
}

* html #branding form input.search {
	vertical-align:top;
 	top:1px;
}

#branding form fieldset {
	vertical-align: middle;
	display: block;
}

#branding form input {
	width: 120px;
	font-size: 80%;
}

#branding form button {
	vertical-align: middle;
	top: 3px;
	background: none;
	border: none;
	color: #fff;
	font-weight: bold;
	margin-left: 4px;
	cursor: pointer;
	position: relative;
	left: 0;
	top: 0;
	font-size: 90%;
}

#branding form button:hover {
	color: #000;
}

/* =main navigation */

ul#menu {
	background: url(../img/navBg.png) no-repeat bottom left;
	line-height: 1.2em;
	padding: 5px 0 10px;
	font-size: 85%;
	font-weight: normal;
	margin: 0 0 5px 0;
	float: left;
	margin-bottom: 100px;
}

ul#menu li {
	float: left;
	margin: 0 8px 5px 11px;
	display: inline;
	padding: 3px 0;
	border-bottom: 1px dotted #fff;
	width: 100px;
}


ul#menu li a:link, ul#menu li a:visited {
	color: #007cbf;
}

ul#menu li a:hover, ul#menu li a:active, ul#menu li a.current {
	color: #647883;
}

ul.subnav {
	float: left;
	margin: 3px 0;
}

ul.subnav li {
	float: left;
	padding: 0 0 0 10px!important;
	margin: 0 0 3px 0px !important;
	border: 0 !important;
	background: url(../img/subBullet.png) no-repeat 0 50%;
}

ul.subnav li a:link, ul.subnav li a:visited {
	color: #000000 !important;
}

ul.subnav li a:hover, ul.subnav li a.current {
	color: #647883 !important;
}

/* =main */

#main h2 {
	margin: -10px 30px 15px -15px;
	padding: 0px 5px !important;
	background: #9aa8bd url(../img/h2-corner.png) no-repeat bottom right;
	color: #fff;
	text-indent: 10px;
	height: 30px;
	line-height: 30px;
	float: left;
	width: 100%;
}

#main p {
	
	padding-right: 30px;
}

div + p {
	clear: both;
}


/* =productTeasers */

#productBar dl {
	padding: 10px 0;
	text-align: center;
	font-size: 90%;
	margin: 0 0 20px;
}

#productBar dl dd.swatch a {
	display: block;
}

#productBar dl dt {
	font-style: italic;
	border-bottom: 1px solid #80bedf;
}

#productBar dl dd.info {
	display: inline;
	padding-left: 8px;
	background: url(../img/redBullet.png) no-repeat 0 50%;
}

/* =videoDownloads */

div#video-downloads {
	float: left;
	width: 635px;
	margin: 30px 0;
	display: block;
}

div#video-downloads img {
	float: left;
	width: 20%;
	margin: -3px 10px 0 -10px;
}

div#video-downloads h3 {
	color: #1A5BAB !important;
	font-style: normal !important;
	font-size: 120%;
}

div#video-downloads h4 {
	font-size: 90%;
	margin: 10px 0;
}

div#video-downloads table {
	margin: 0 30px 20px 0;
	width: 200px;
	float: left;
}

div#video-downloads a:link, div#video-downloads a:visited {
	font-style: normal;
	font-size: 90%;
}

.notYet a {
	color: #ccc;
}

.notYet {
	text-decoration: line-through;
	color: #ccc;
}

/* =customerCentre */

ul.downloads {
	margin: 10px 0;
}

ul.downloads li a {
	margin: 3px 0;
}

/* =productPages */

body#products-page h2 {
	margin-bottom: 10px;
}

body#products-page h3 {
	font-style: italic;
	color: #8497a1;
	font-weight: bold;
}

.sub-product {
	border-bottom: 1px solid #007cbf;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	margin-right: 30px;
	width: 575px;
}

ul#colourSelector {
	background: #007cbf url(../img/colourSelector.png) no-repeat left;
	color: #fff;
	float: left;
	min-width: 445px;
	height: 33px;
	font-size: 110%;
	text-indent: 15px;
}

ul#colourSelector li a {
	display: block;
	font-style: normal !important;
	text-decoration: none !important;
}

ul#colourSelector li {
	float: left;
	height: 27px;
	line-height: 27px;
}

li.redBtn {
	background: #fff url(../img/redBtn.png) no-repeat bottom left;
	width: 52px;
	height: 27px;
	text-indent: -3000px;
	margin-left: 21px;
	display: inline;
	margin-top: 6px;
	padding-right: 3px;
}

* html li.redBtn {
	margin-left: 21px;
	}
	
li.redBtn a {
	display: block;
	width: 52px;
	height: 27px;
	}

li.yellowBtn {
	background: #fff url(../img/yellowBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 3px;
}

li.yellowBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

li.brownBtn {
	background: #fff url(../img/brownBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 3px;
}

li.brownBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

li.greenBtn {
	background: #fff url(../img/greenBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 3px;
}


li.greenBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

li.blueBtn {
	background: #fff url(../img/blueBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 3px;
}

li.blueBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

li.blackBtn {
	background: #fff url(../img/blackBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 1px;
}

li.blackBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

li.buffBtn {
	background: #fff url(../img/buffBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 3px;
}

li.buffBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

li.rainbowBtn {
	background: #fff url(../img/rainbowBtn.png) no-repeat bottom left;
	width: 48px;
	height: 27px;
	text-indent: -3000px;
	margin-top: 6px;
	padding-right: 3px;
}

li.rainbowBtn a {
	display: block;
	width: 48px;
	height: 27px;
	}

table.colourSelector {
	float: left;
	width: 445px;
	margin: 10px 0;
}

table.colourSelector thead {
	padding-bottom: 2px;
	border-bottom: 2px solid #007cbf;
}

table.colourSelector td {
	padding: 2px 10px 2px 0;
	width: 50px;
	border-bottom: 1px solid #007cbf;
}

table.colourSelector td img {
	vertical-align: middle;
}

table.colourSelector th.dots {
	text-align: center;
	width: auto !important;
}

table.colourSelector td.dot {
	background: url(../img/tableDot.png) no-repeat 50% 50%;
}

table.colourSelector th.wide, table.colourSelector td.wide {
	width: 150px !important;
}



.swatches {display:none;}
.visible {
	display: block;
}
div#red {display:block;}

div.swatches p {
	display: inline !important;
	float:none !important;
	background: gold !important;
	}

/* =microformats */

div.bottomVC {
	
	font-size: 110%;
	color: #007cbf;
	
	float: left;
	width: 900px;
	text-align: center;
}

.vcard a:link, .vcard a:visited {
	color: #007cbf;
	font-style: normal !important;
}

.vcard a:hover, .vcard a:active {
	color: #6698ca;
}

.vcard p {
	display: inline;
	margin: 0 15px 0 0;
}

div#contactWell {
	float: left;
	width: 49%;
}

div#contactWell a {
	font-style: normal !important;
	color: #007cbf;
}

div#contactWell .vcard {
	color: #647883;
	line-height: 1.4em;
	padding-bottom: 20px;

}

div#contactWell div.adr p, div#contactWell p.tel {
	display: block;
}

div.fn {
	font-weight: bold;
}

div.url a {
	text-decoration: none !important;
}

div#formWell h3 {
	font-size: 90%;
}


div#formWell {
	float: right;
	width: 49%;
	padding-bottom: 30px;
}

div#formWell h3 + p {
	font-style: italic;
}

div#formWell form {
	margin: 10px 0;
}


/* =global network */

div#worldMap {
	float: left;
	background: transparent url(../img/10949_Worldmap.png) no-repeat top left;
	width: 607px;
	height: 377px;
	padding: 0;
	margin: 0px 0 5px 0px;
	display: inline;
	position: relative;
}

div#worldMap ul {height: 375px;}
* html div#worldMap ul li{height:1px;overflow:hidden;font-size:0}
div#worldMap a{overflow:hidden}

div#worldMap ul li a {
	text-indent: -3000px;
}

div#worldMap ul li#uk_pushpin a {
	position: absolute;
	top: 84px;
	left: 271px;
	width: 22px;
	height: 35px;
	background: url(../pushpins/ukPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#uk_pushpin a:hover {
	background-position: 0 -35px;
}

div#worldMap ul li#guatemala_pushpin a {
	position: absolute;
	top: 190px;
	left: 107px;
	width: 11px;
	height: 12px;
	background: url(../pushpins/guatemalaPushpin.gif) no-repeat;
	text-indent: -3000px;

}

div#worldMap ul li#guatemala_pushpin a:hover {
	background-position: 0 -12px;
}

div#worldMap ul li#caribbean_pushpin a {
	position: absolute;
	top: 167px;
	left: 130px;
	width: 23px;
	height: 22px;
	background: url(../pushpins/caribbeanPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#caribbean_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#elsalvador_pushpin a {
	position: absolute;
	top: 202px;
	left: 119px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/elsalvadorPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#elsalvador_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#venezuela_pushpin a {
	position: absolute;
	top: 202px;
	left: 141px;
	width: 24px;
	height: 22px;
	background: url(../pushpins/venezuelaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#venezuela_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#peru_pushpin a {
	position: absolute;
	top: 225px;
	left: 119px;
	width: 34px;
	height: 35px;
	background: url(../pushpins/peruPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#peru_pushpin a:hover {
	background-position: 0 -35px;
}

div#worldMap ul li#iceland_pushpin a {
	position: absolute;
	top: 62px;
	left: 282px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/icelandPushpin.gif) no-repeat 0 0;
	text-indent: -3000px;
}

div#worldMap ul li#iceland_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#benelux_pushpin a {
	z-index: 5;
	position: absolute;
	top: 108px;
	left: 293px;
	width: 34px;
	height: 23px;
	background: url(../pushpins/beneluxPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#benelux_pushpin a:hover {
	background-position: 0 -23px;
}

div#worldMap ul li#france_pushpin a {
	position: absolute;
	top: 120px;
	left: 271px;
	width: 33px;
	height: 22px;
	background: url(../pushpins/francePushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#france_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#portugal_pushpin a {
	position: absolute;
	top: 154px;
	left: 271px;
	width: 11px;
	height: 12px;
	background: url(../pushpins/portugalPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#portugal_pushpin a:hover {
	background-position: 0 -12px;
}

div#worldMap ul li#morocco_pushpin a {
	z-index: 14;
	position: absolute;
	top: 166px;
	left: 260px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/moroccoPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#morocco_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#algeria_pushpin a {
	z-index: 10;
	position: absolute;
	top: 166px;
	left: 260px;
	width: 33px;
	height: 35px;
	background: url(../pushpins/algeriaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#algeria_pushpin a:hover {
	z-index: 12;
	background-position: 0 -35px;
}

div#worldMap ul li#ghana_pushpin a {
	position: absolute;
	top: 213px;
	left: 271px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/ghanaPushpin.gif) no-repeat;
	text-indent: -3000px;
	z-index: 11;
}

div#worldMap ul li#ghana_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#burkina_pushpin a {
	position: absolute;
	top: 202px;
	left: 260px;
	width: 22px;
	height: 22px;
	background: url(../pushpins/burkinaPushpin.gif) no-repeat;
	text-indent: -3000px;
	z-index: 10;
}

div#worldMap ul li#burkina_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#tunisia_pushpin a {
	position: absolute;
	top: 166px;
	left: 283px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/tunisiaPushpin.gif) no-repeat;
	text-indent: -3000px;
	z-index: 13;
}

div#worldMap ul li#tunisia_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#scandinavia_pushpin a {
	z-index: 4;
	position: absolute;
	top: 62px;
	left: 304px;
	width: 44px;
	height: 33px;
	background: url(../pushpins/scandinaviaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#scandinavia_pushpin a:hover {
	background-position: 0 -33px;
}

div#worldMap ul li#baltic_pushpin a {
	z-index: 5;
	position: absolute;
	top: 85px;
	left: 337px;
	width: 12px;
	height: 22px;
	background: url(../pushpins/balticPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#baltic_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#czech_pushpin a {
	position: absolute;
	top: 120px;
	left: 327px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/czechPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#czech_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#cis_pushpin a {
	z-index: 2;
	position: absolute;
	top: 38px;
	left: 337px;
	width: 267px;
	height: 128px;
	background: url(../pushpins/cisPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#cis_pushpin a:hover {
	z-index: 4;
	background-position: 0 -128px;
}

div#worldMap ul li#china_pushpin a {
	z-index: 3;
	position: absolute;
	top: 131px;
	left: 434px;
	width: 102px;
	height: 82px;
	background: url(../pushpins/chinaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#china_pushpin a:hover {
	z-index: 5;
	background-position: 0 -82px;
}

div#worldMap ul li#egypt_pushpin a {
	z-index: 4;
	position: absolute;
	top: 166px;
	left: 303px;
	width: 35px;
	height: 35px;
	background: url(../pushpins/egyptPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#egypt_pushpin a:hover {
	background-position: 0 -35px;
}

div#worldMap ul li#lebanon_pushpin a {
	z-index: 5;
	position: absolute;
	top: 166px;
	left: 327px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/lebanonPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#lebanon_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#syria_pushpin a {
	z-index: 5;
	position: absolute;
	top: 178px;
	left: 327px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/syriaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#syria_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#sarabia_pushpin a {
	z-index: 5;
	position: absolute;
	top: 178px;
	left: 338px;
	width: 35px;
	height: 35px;
	background: url(../pushpins/sarabiaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#sarabia_pushpin a:hover {
	background-position: 0 -35px;
}

div#worldMap ul li#kuwait_pushpin a {
	z-index: 5;
	position: absolute;
	top: 178px;
	left: 362px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/kuwaitPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#kuwait_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#qatar_pushpin a {
	z-index: 7;
	position: absolute;
	top: 190px;
	left: 373px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/qatarPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#qatar_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#uae_pushpin a {
	z-index: 6;
	position: absolute;
	top: 190px;
	left: 373px;
	width: 24px;
	height: 23px;
	background: url(../pushpins/uaePushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#uae_pushpin a:hover {
	background-position: 0 -23px;
}

div#worldMap ul li#iran_pushpin a {
	z-index: 2;
	position: absolute;
	top: 166px;
	left: 373px;
	width: 48px;
	height: 47px;
	background: url(../pushpins/iranPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#iran_pushpin a:hover {
	background-position: 0 -47px;
}

div#worldMap ul li#singapore_pushpin a {
	position: absolute;
	top: 213px;
	left: 456px;
	width: 68px;
	height: 70px;
	background: url(../pushpins/singaporePushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#singapore_pushpin a:hover {
	background-position: 0 -70px;
}

div#worldMap ul li#australia_pushpin a {
	position: absolute;
	top: 284px;
	left: 479px;
	width: 80px;
	height: 81px;
	background: url(../pushpins/australiaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#australia_pushpin a:hover {
	background-position: 0 -81px;
}

div#worldMap ul li#namibia_pushpin a {
	position: absolute;
	top: 272px;
	left: 293px;
	width: 10px;
	height: 23px;
	background: url(../pushpins/namibiaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#namibia_pushpin a:hover {
	background-position: 0 -23px;
}

div#worldMap ul li#botswana_pushpin a {
	position: absolute;
	top: 272px;
	left: 303px;
	width: 24px;
	height: 23px;
	background: url(../pushpins/botswanaPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#botswana_pushpin a:hover {
	background-position: 0 -23px;
}

div#worldMap ul li#zimbabwe_pushpin a {
	position: absolute;
	top: 272px;
	left: 327px;
	width: 11px;
	height: 11px;
	background: url(../pushpins/zimbabwePushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#zimbabwe_pushpin a:hover {
	background-position: 0 -11px;
}

div#worldMap ul li#san_pushpin a {
	position: absolute;
	top: 284px;
	left: 316px;
	width: 22px;
	height: 22px;
	background: url(../pushpins/sanPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#san_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#sas_pushpin a {
	position: absolute;
	top: 296px;
	left: 293px;
	width: 33px;
	height: 22px;
	background: url(../pushpins/sasPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#sas_pushpin a:hover {
	background-position: 0 -22px;
}

div#worldMap ul li#turkey_pushpin a {
	position: absolute;
	top: 167px;
	left: 338px;
	width: 34px;
	height: 10px;
	background: url(../pushpins/turkeyPushpin.gif) no-repeat;
	text-indent: -3000px;
}

div#worldMap ul li#turkey_pushpin a:hover {
	background-position: 0 -10px;
}

div.details {
	
	margin: 0px 0 30px 0;
	display: none;
	width: 100%;
}

div#uk {display:block;}


div.details ul {
	float: left;
	margin-top: 10px;
	clear: left;
}

div.flagWell {
	float: left;
	width: 100%;
	position: relative;
}

div.flagWell h3 {
	margin: 0px 20px 0 50px;
	position: absolute;
	top: 10px;
	width: 90%;
	border-bottom: 1px solid #007cbf;
}

* html div.flagWell h3 {
	margin: 0px 20px 0 10px;
}

div.details img.flag {
	position: absolute;
}

div.details ul {
	margin-left: 27px;
	margin-top: 40px;
}

div.details ul li {
	float: left;
width: 400px;
}

div.details ul li strong {
float: left;
	width: 150px;
	text-align: right;
}


div.details ul li span {
float: right;
width: 180px;
position: relative;
left: -50px;
}

div#extra-content {
	float: left;
	width: 100%;
}