/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY / SIDEBARS
06 - FOOTER
07 - ARTICLE LISTS
08 - FORMS
09 - TABLES
10 - MISC

*/


body {

	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: Arial, sans-serif;
	text-align: center; /*margin: auto fix for IE6*/
	background: #FFF url(../Images/clouds.jpg) repeat-x center 0;
}

html>body { /* be nice to Opera */
	font-size: small;
}



/* Global White Space Reset
----------------------------------------------- */
html, body, dl, dt, dd, h1, h2, h3, h4, h5, h6,
table, thead, tbody, tfoot, th, td, form, fieldset, legend, 
p, blockquote, pre {margin: 0; padding: 0;}



/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	padding: 0 0 10px 0;
	color: #1e2328;
	font-weight: normal; 
	font-family: "Myriad Web Pro", Arial, sans-serif;
}

h1 span {font-weight: bold;}
	
h2 {
	font-size: 150%;
	padding: 5px 0 10px 0;
	color: #1e2328;
	font-weight: normal; 
	font-family: "Myriad Web Pro", Arial, sans-serif;
}
	
h3 {
	font-size: 120%;
	padding: 5px 0 10px 0;
	color: #1e2328;
	font-weight: normal; 
	font-family: "Myriad Web Pro", Arial, sans-serif;
}

h4 {
	font-size: 110%;
	padding: 0 0 10px 0;
	color: #1e2328;
	font-weight: normal; 
}

p {
	font-size: 100%;
	padding: 0 0 8px 0;
	color: #1e2328;

}
	
a {	
	font-size: 100%;
	color: #00adef; 
	font-weight: bold;
	text-decoration: underline;
	outline: none;
	cursor: pointer; cursor: hand;
}

a:hover {text-decoration: none;}

p a {font-size: 100%;}

ul {color: #1e2328; font-size: 100%;}
ol {color: #1e2328; font-size: 100%;}
	
/*---------------------------------------------*/
em {}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.fifty {width: 50%;}

.mini {font-size: 80%;}

a img {border: none;}

em.textHide {display: none;}

.padd {float: left; padding: 10px;}
.paddH {float: left; padding: 0 10px;}
.paddR {float: left; padding: 0 10px 0 0;}
.paddL {float: left; padding: 0 0 0 10px;}
.paddV {float: left; padding: 10px 0;}

/*---------------------------------------------*/


/* COLOURS
----------------------------------------------- */
.blue1 {background: #194c77;}
.blue2 {background: #195d95;}
.blue3 {background: #296fa9;}
.blue4 {background: #3c88c7;}
.blue5 {background: #00adef;}
.grey1 {background: #1e2328;}
.grey2 {background: #777777;}
.grey3 {background: #e3e3e3;}
.darkRed {background: #dd0131;}
	
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

#WrapOuter {
	position: relative;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	width: 1000px;
	text-align: left;/*margin: auto fix for IE6*/
}
	
#Wrap {
	float: left;
	width: 1000px;
	background: url(../Images/PNGs/diag.png) repeat 0 0;
}

#WrapTop,
#WrapTray {
	float: left;
	margin: 20px 21px 0 21px;
		display: inline; /*to fix double margin in IE6*/ 
	height: 12px;
	width: 958px;
	font-size: 0;
	background: url(../Images/PNGs/mainTop.png) no-repeat 0 0;
}
#WrapTray {margin: 0 21px 50px 21px; background: url(../Images/PNGs/mainTray.png) no-repeat 0 0;}


#WrapInner {
	float: left;
	margin: 0 21px 0 21px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 958px;
	background: url(../Images/PNGs/mainBackground.png) repeat-y 0 0;
}
	
#WrapInner2 {float: left; position: relative; /* for ie6 png link bug */}
	
#Header {
	float: left;
	margin: 8px 15px 15px 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 928px;
	background: url(../Images/hozGradient.gif) repeat-y right 0;
}	
#Header h1.number {float: right; padding: 15px 15px 5px 15px; font-size: 230%; letter-spacing: 0.07em; color: #777777;}
#Header p.enquiry {clear: right; padding: 0 15px 15px 15px; float: right;}
#Header p.enquiry a {float: left; padding: 0 18px 0 0; color: #dd0131; font-weight: bold; text-decoration: none; background: url(../Images/miniForward.gif) no-repeat right 2px;}

#Header #Utility {
	display: none;
	float: left;
	width: 928px;
	background: #FFF;
}

#Header #Utility .logIn {float: right; padding: 3px 0 0 0;}
#Header #Utility .logIn p {}
#Header #Utility .logIn p a {}
#Header #Utility .logIn p a:hover {text-decoration: underline;}

/* NAVIGATION 
------------------------------------------------ */

#MainNav {
	float: left;
	margin: 0 15px 5px 15px;
		display: inline; /*to fix double margin in IE6*/ 
	width: 928px;
	background: #cccbcb url(../Images/navBackground.gif) repeat-x 0 bottom;
}

#MainNav ul {margin: 0; padding: 0; list-style: none;}

#MainNav ul li {
	float: left;
	margin: 0;
	padding: 0; 
	display: inline;
}

#MainNav ul li a {
    float: left; 
    height: 44px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#MainNav ul li a em {display: none;}

#MainNav ul li.home a {width: 122px; background-image: url(../Images/home.gif);}
#MainNav ul li.products a {width: 158px; background-image: url(../Images/products.gif);}
#MainNav ul li.support a {width: 149px; background-image: url(../Images/support.gif);}
#MainNav ul li.about a {width: 152px; background-image: url(../Images/about.gif);}

#MainNav ul li.selected a {background-position: 0 -44px;}
#MainNav ul li a:hover {background-position: 0 -44px;}



/* Text only nav
#MainNav {
	float: left;
	margin: 0 15px 5px 15px;
		display: inline;
	padding: 1px 0;
	width: 928px;
	background: #cccbcb url(../Images/navBackground.gif) repeat-x 0 bottom;
}
#MainNav ul {list-style: none;}
#MainNav ul li {
	float: left;
	display: inline;
	padding: 0 2px 0 0;
	background: url(../Images/navLiBackground.gif) repeat-y right 0;
}
#MainNav ul li.selected {}
#MainNav ul li a {float: left; padding: 15px 35px 15px 35px; font-size: 120%; font-weight: normal; letter-spacing: 0.07em; color: #FFF; text-decoration: none; text-transform: uppercase;}
------------------------------------------------ */

#MainNav #Search {float: right; padding: 10px 15px 0 0;}
#MainNav #Search input.textinput{float: left; margin: 0 10px 0 0; padding: 4px; width: 220px; border: none; color: Gray;}
#MainNav #Search input.submitButton {float: left; padding: 26px 0 0 26px; overflow: hidden; height: 26px; width: 26px; font-family: arial; background: url(../Images/go.gif) no-repeat 0 0;}
#MainNav #Search input.watermark{float: left; margin: 0 10px 0 0; padding: 4px; width: 220px; border: none;}

/* MAINBODY / SIDEBARS
------------------------------------------------ */
	
#MainBody {
	float: left;
	width: 958px;
	padding: 0;
}

#SidebarOne {display: none;}
	

#Content {
	position: relative;
	float: left;
	margin: 10px 15px 0 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 20px 0;
	width: 613px;
	background: url(../Images/contentTray.gif) no-repeat 0 bottom;
}

#SidebarTwo {
	position: relative;
	float: right;
	margin: 10px 15px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 20px 0;
	width: 300px;
}


/* SidebarTwoContent
------------------------------------------------ */
.SidebarTwoContent {
	float: left;
	margin: 0 0 6px 0;
	width: 300px;
	background: #1a5c96;
}
.SidebarTwoContent .copy {
    float: left;
    margin: 15px 15px 0 15px;
        display: inline; /*to fix double margin in IE6*/ 
    padding: 15px;
    background: url(../Images/blueDiag.gif) repeat 0 0;
}
.SidebarTwoContent h1, .SidebarTwoContent h2 {color: #FFF;}
.SidebarTwoContent h3 {font-size: 130%; line-height: 130%; color: #9ccef6;}
.SidebarTwoContent p {color: #FFF;}
.SidebarTwoContent .linky {margin: 60px 0 0 0; border-top: solid 6px #FFF; }

/* ------------------------------------------------ */
#Content .tabs {
	position: relative; top: 1px; left: 0; z-index: 100;
	float: left;
	margin-left: 1px;
		display: inline; /*to fix double margin in IE6*/ 
}

#Content .tab {
	position: relative;
	float: left;
	margin-right: 5px;
	border: solid 1px #e3e3e3;
	border-bottom: 0; 
	background: url(../Images/1x1_e3e3e3.gif) repeat-x 0 bottom;
}

#Content .tab a {float: left; padding: 8px 15px; color: #000; font-weight: bold; text-decoration: none;}
#Content .tab a:hover {background: #e1e1e1;}

#TabOneHide,
#TabTwoHide,
#TabThreeHide,
#TabFourHide,
#TabFiveHide {position: absolute; bottom: 0; left: 0; float: left; width: 100%; height: 1px; font-size: 0; background: #FFF;}

#Content .insideSides #TabOne {}
#Content .insideSides #TabTwo {}
#Content .insideSides #TabThree {}

/* ------------------------------------------------ */

#Content .insideTop {
	float: left;
	padding: 10px 0 0 0;
	width: 613px;
	background: url(../Images/contentTop.gif) no-repeat 0 0;
}

#Content .insideSides {
	float: left;
	padding: 10px 15px 0 15px;
	width: 583px;
	background: url(../Images/contentBackground.gif) repeat-y 0 0;
}

/* FOOTER
------------------------------------------------ */
	
#Footer {
	clear: both;
	float: left;
	margin: 25px 15px 0 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 10px 0 40px 0;
	width: 928px;
	border-top: solid 1px #e3e3e3;
}

#Footer p {color: #777777; font-weight: bold;}
#Footer a {color: #777777;}



/* ARTICLE LISTS 
------------------------------------------------ */
.articleList {float: left; width: 100%;}
.articleList .article {float: left; clear: left; padding-bottom: 10px; width: 100%;}

/* SummaryNewsList
------------------------------------------------ */
#SummaryNewsList {
	float: left;
	margin: 0 0 10px 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 15px 15px 0 15px;
	width: 268px;
	font-size: 90%;
	border: solid 1px #194c77;
	background: #296fa9;
	color: #fff;
}

#SummaryNewsList h1, #SummaryNewsList h2, #SummaryNewsList h3, #SummaryNewsList h4, #SummaryNewsList p, #SummaryNewsList a {padding-top: 0; color: #FFF;}

#SummaryNewsList .articleList h2 {padding-bottom: 15px; font-size: 200%;}
#SummaryNewsList .articleList .article h4 {font-size: 110%; text-transform: uppercase;}
#SummaryNewsList .articleList .article h4 a {}
#SummaryNewsList a.viewAll {float: left; width: 248px; padding: 10px; text-decoration: none; border-bottom: solid 15px #296fa9; background: #3c88c7;}





/* FORMS
------------------------------------------------ */
.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 1px; font-size: 100%;}
.item label, .radios label {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #1e2328; font-weight: bold; font-size: 100%;}
.item select, .radios select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #470f00; font-size: 100%;}
.item input.textinput, .radios input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 208px; border: solid 1px #470f00;}
.item textarea, .radios textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 208px; border: solid 1px #470f00; font-size: 100%;}
.item input.checkbox {}
input.submitButton {padding: 2px 6px 3px 6px; font-size: 100%; color: #FFF; border: none; background: #1e2328;}
input.submitButton:hover {background: #470f00;}
.submitbutton {float: left; margin: 10px 0 0 90px; padding: 2px 6px 3px 6px; font-size: 100%; color: #FFF; font-size: 100%; font-weight: normal; text-decoration: none; border: none; background: #1e2328;}
.submitbutton:hover {background: #470f00;}
textarea {font-family:Arial, sans-serif;}
/* ------------------------------------------------ */

/* Login
------------------------------------------------ */
#Login {}
#Login label {width: 80px;}

/* Enquiries
------------------------------------------------ */
#Enquiries {}
#Enquiries label {width: 80px;}
#Enquiries .item textarea {width: 420px;}

/* TABLES
------------------------------------------------ */

table {
	font-size: 100%;
}

table tr th {
	vertical-align: top;
}

table tr td {
	vertical-align: top;
}

table tr th {}
table tr th a {}
table tr.alt td {}

table tr td a {}
table tr.alt td a {}

table tr td h2 {}


/* MISC
------------------------------------------------ */

.logo {
	float: left;
	margin: 20px 0 0 30px;
		display: inline; /*to fix double margin in IE6*/ 
}

.siteBy {
	float: right;
}

.siteBy a {
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
}

.largeButton {
	float: left;
	margin: 20px 0 20px 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 12px 10px 0 14px;
	width: 200px;
	height: 29px;
	font-size: 90%;
	font-weight: bold; 
	text-decoration: none;
	color: #FFF;
	background: url(../Images/PNGs/largeButton.png) no-repeat 0 0;
}

.largeButton span {position: relative; /* for ie6 png link bug */}


.linky {
    float: left; 
    width: 277px; 
    padding: 15px 8px 15px 15px; 
    margin-bottom: 5px;
    font-size: 90%; 
    color: #FFF; 
    font-weight: bold; 
    text-decoration: none; 
    background: #0f3b60 url(../Images/forward.gif) no-repeat 265px 13px;
}
.linky:hover {background: #194c77 url(../Images/forward.gif) no-repeat 265px 13px;}


.tripleLinks {
	float: left;
	margin: 0 1px 0 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 5px 0;
	width: 942px;
}

.tripleLinks a.linky {
	margin: 0 15px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	width: 276px;
}


/* BANNER
------------------------------------------------ */
.BannersContainer {
	clear: left;
	float: left;
}

.Banners {
	float: left;
	margin: 0 15px 10px 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 928px;
	height: 278px;
	border-top: solid 5px #000; 
	border-bottom: solid 1px #000; 
	background: #195d95 url(../Images/bannerImagePlain.jpg) no-repeat 0 0;
}

.Banners .banner {
	float: left;
	padding: 30px 500px 0 30px;
	width: 398px;
	height: 248px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right 0;
}

.Banners .banner h1 {color: #FFF;}
.Banners .banner h2 {color: #9ccef6;}

.Banners .banner  .largeButton {background: url(../Images/largeButton.gif) no-repeat 0 0;} /* JQuery does something odd to the png in ie */


/* PANELS
------------------------------------------------ */
.singlePanel,
.triplePanels {
	float: left;
	margin: 5px 1px 0 15px;
		display: inline; /*to fix double margin in IE6*/ 
	width: 942px;
	background: url(../Images/panel.gif) repeat-x 0 bottom;
}
.singlePanel {margin: 0 0 10px 0; width: 300px}

.singlePanel a,
.triplePanels a {color: #dd0131;}

.panel {
	float: left;
	margin-right: 15px;
		display: inline; /*to fix double margin in IE6*/ 
	width: 299px;
	color: #a2a2a2;
}
.singlePanel .panel {margin: 0;}

.panel p {color: #555;}

.panel h2 {
	float: left;
	padding: 8px 15px;
	width: 267px;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
	background: #000 url(../Images/titleBackground.gif) repeat-x 0 0;
}
.panel h2 a{
	float: left;
	width: 267px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	background: url(../Images/forward.gif) no-repeat right 2px;
}

.panel .inside {
	float: left;
	margin: 0 1px 0 2px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 15px;
	width: 266px; /*total 299*/
	border-top: solid 1px #e3e3e3;
}

.panel .inside img {float: right;}

.panel .inside .copy {width: 50%;}

.panel .inside .copy h3 {
	margin: 0 0 10px 0;
	padding-bottom: 6px;
	background: url(../Images/dotted.gif) repeat-x 0 bottom;
}
.panel .inside .copy p {}


/* MINIGALLERY
------------------------------------------------ */
#MiniGallery {position: relative; float: left; margin: 10px 0; width: 583px; overflow: hidden;}
#MiniGallery .pics {height: 388px; width: 581px; cursor: pointer; cursor: hand; border: solid 1px #194c77; font-size: 0px; overflow: hidden;}
#MiniGallery .pics img {}

#EMEAMiniGallery {position: relative; float: left; margin: 10px 0; width: 583px; overflow: hidden;}
#EMEAMiniGallery .pics {height: 388px; width: 581px; cursor: pointer; cursor: hand; border: solid 1px #194c77; font-size: 0px; overflow: hidden;}
#EMEAMiniGallery .pics img {}

#PAIMiniGallery {position: relative; float: left; margin: 10px 0; width: 583px; overflow: hidden;}
#PAIMiniGallery .pics {height: 388px; width: 581px; cursor: pointer; cursor: hand; border: solid 1px #194c77; font-size: 0px; overflow: hidden;}
#PAIMiniGallery .pics img {}

.message {color: #e60000;font-weight: bold;}