/**************************************************
         THIS IS THE MAIN EUROFLEX STYLE SHEET
**************************************************/
/*BODY AND GENERAL STYLES*/

*{
margin:0;
padding:0;
border: none;

}

html, body{
width:99.8%;
height:100%;
margin:0;
padding:0;
font: normal 1em Arial, Helvetica, Sans-serif;
}

html{
min-height: 100%;
margin-bottom: 1px;
}

body{
background-color: #fff;
font-size: 70%;
max-width: 1400px;
}

body.result{
background-color: #fff;
font-size: 120%;
padding: 25px 0 0 15px;
}

div.container{ 
width:100%;
text-align: center;
padding: 0;
margin: 0 auto;
border: 0;
float:left;
background-color: transparent;

}

/*
Removes dotted box from focus attribute in FF
(Now set Focus attributes the same as hover for accessibility)
*/


a:focus
{
outline:none;
}


ul
{list-style:none}




/*LOGO, CONTENT, HEADER AND FOOTER*/

div.left {
padding:0;
float:left;
font-size:143%;
margin: 15px 0 10px 1.5%;
width:13%;
text-align:center;
background-color: transparent;
border: 0;
}

div.content1,
div.content2,
div.content3{
float: left;
font-size:143%;
height:100%;
text-align:center;
background-color: transparent;
}

div.content1 {
width:82.5%;
float:left;

}



div.content2,
div.content3 {
margin:3.3% 0 0 1.4%;
width:83.8%;
}

div.content2 h3{
margin: 0 0 6px 0;
font: normal 80% Arial, Helvetica, sans-serif;
color: #000;
}


div.content2 .subhead{
display:block;
text-align: left;
padding: 4px 0 8px 8px;
font: normal 95% Arial, Helvetica, sans-serif;
color: #000;
clear:both;
}

div.content2 .subhead h2{
font: normal 130% Arial, Helvetica, sans-serif;
color: #60afdd;
}

.content2 h2
{
font: normal 120% Arial, Helvetica, sans-serif;
color: #60afdd;
}





.center
{
margin:auto;
text-align: center;
}



.content2 .center,
.content2 .center1,
.content2 .center2,
.content2 .center3,
.content2 .center4,
.content2 .center5,
.content2 .center6,
.content2 .center7
{
position: relative;
width:97.5%;
max-width: 97.5%;
margin: 0 auto 0 auto;
text-align: center;
}


.content2 .center5
{
top: -95px;
width: 580px;
max-width: 580px;
margin: 0 auto 0 auto;
z-index: 2;
}

.content2 .center6
{
top: 5px;
width: 330px;
max-width: 330px;
margin: 0 auto 0 auto;
z-index: 2;
}

.content2 .center7
{
top: 5px;
width: 620px;
max-width: 620px;
margin: 0 auto 0 auto;
z-index: 2;
}

img.eye
{
z-index:5;
margin:0 0 -25px 0;
}



.content2 .center4{
width:85%;
max-width:85%;
}

.content3 h1,
.content3 h2,
.content3 h3{
margin: 25px 0 0 0;
font: normal 2.4em Arial, Helvetica, sans-serif;
color: #00337F;
clear:both;
}

.content3 h2{
margin: 2px 0 0 0;
font: normal 1.6em Arial, Helvetica, sans-serif;
color: #60AFDD;
}

.content3  h3{
margin: 3px 0 6px 0;
font: normal 110% Arial, Helvetica, sans-serif;
color: #000;
}




/*Container for Image Map divs*/
.content3 .world{
position:relative;
background-image: url(../images/world-map2.png);
background-repeat: no-repeat;
height:425px;
width: 630px;
margin: 0 auto 36px auto;
}

/*Image Map divs*/
.world .brit,
.world .usa,
.world .italy,
.world .france,
.world .germany,
.world .spain,
.world .africa,
.world .australia,
.world .india,
.world .swiss,
.world .slov,
.world .malta{
position: absolute;
top:169px;
left:100px;
width: 12px;
height:12px;
}

.world .brit{
top: 128px;
left: 265px;
}

.world .italy{
 left: 296px;
top: 170px;
}


.world .malta{
left: 297px;
top: 185px;
}

.world .swiss{
 left: 289px;
top: 156px;
}

.world .france{
left: 269px;
top: 155px;
}

.world .germany{
left: 279px;
top: 145px;
z-index:200;
}

.world .spain{
left: 262px;
top: 174px;
}

.world .africa{
left: 311px;
top: 334px;
}

.world .australia{
left: 548px;
top: 346px;
}


.world .india{
left:425px;
top: 228px;
}

.world .slov{
left:308px;
top: 164px;
}


.world a{
display: block;
position:relative;
width:100%;
height: 100%;
}


.world a:hover,
.world a:focus
{
width:13px;
height:13px;
border: 1px solid red;
}



/*
Spacer Divs
*/

.spacer{
clear: both !important;
}

.spacer20{
clear: both !important;
margin: 20px 0 0 0;
}
.spacer-ie{
clear: both !important;
display:none;
}
.spacer-ie30{
clear: both !important;
margin: 30px 0 0 0;
display:none;
}


html>body content1{
width: 80%;
font-size: 150%;
}



/*LOGO POSITION*/
.logo,
.logo2,
.copy,
.copy2 {
position:relative;
width:80%;
margin: 6% 15% 0 auto;
padding: 0;
background:transparent;
text-align: center;
clear: both;
}

.logo2{
float:left;
width:100%;
margin: 0;
 }
 
 
.copy {
width:60%;
margin: 1% auto 0 36%;
padding: 0;
background:transparent;
text-align: left;
clear: both;
font: normal 1.2em tahoma, Helvetica, sans-serif;
color: #000;
}
.copy2 {
width:90%;
margin:26% auto 0 auto;
padding: 0;
background:transparent;
text-align: center;
clear: both;
font: normal 1.5em tahoma, Helvetica, sans-serif;
color: #FFF;
}


.footercont,
.footercont1,
.footercont2{
float:left;
width: 100%;
font-size: 140%;
margin: -6% auto 0 auto;
text-align: center;
}

.footercont1{
 margin: 2% auto 0 auto;
}

.footercont1
{
float:left;
font-size: 140%;
text-align: center;
width: 83.8%;
margin: 30px 0 0 16%;
}

.footercont1 p,
p.zulu
{
text-align:left;
padding: 0 7% 0 7%;
font-size: 0.9em;
}

.footercont1 h2,
.footercont1 h3
{
color: #00337F;
}


.footercont2{
 margin:-10% auto 0 auto;
}
.footer,
.subfooter,
.valid{
position:relative;
width:100%;
left: 0;
background: transparent;
color: #60AFDD;
padding: 0;
margin: 1% 0 0 0;
}

.subfooter{
font-size: 79%;
padding: 0;
}

.footercont h3,
.footercont1 h3{
color:#00337F;
font: normal 110%/125% arial, Helvetica, sans-serif;
}




.valid{
 margin: 1% 0 2% 0;
 color: #60afdd;
 font-size: 0.6em;
}


.subfooter p,
.footer a,
.footer a:link,
.footer a:visited,
h3 a,
h3 a:link,
h3 a:visited{
color : #00337F;
text-decoration : none;
text-align: center;
font: normal 90% tahoma, Helvetica, sans-serif;
padding: 0 10px 0 10px;
}

.footer a:focus,
.footer a:hover,
h3 a:focus,
h3 a:hover{
color :   #60AFDD;
text-decoration : underline;
}

.footer a:active,
h3 a:active{
color : #60AFDD;
text-decoration : none;
}



h3 a,
h3 a:link,
h3 a:visited,
h3 a:focus,
h3 a:hover,
h3 a:active{
font-size: 100%;
}






.footer a:focus,
.footer a:hover{
color :   #60afdd;
text-decoration : underline;
}

.footer a:active{
color : #00337F;
text-decoration : none;
}

.valid a,
.valid a:link,
.valid a:visited{
color :  #00337F;
text-decoration : none;
text-align: center;
font: normal 110% tahoma, Helvetica, sans-serif;
padding: 0 10px 0 10px;
}

.valid a:focus,
.valid a:hover{
color : #60AFDD;
text-decoration : underline;
}

.valid a:active {
color : #00337F;
text-decoration : none;
}

.small{
 margin: -3% 0 5% 0;
 color: #60afdd;
font: bold 68% tahoma, Helvetica, sans-serif;
}
.small a,
.small a:link,
.small a:visited
{
display: inline;
color :  #00337F;
text-decoration : none;
text-align: center;
font: normal 105% tahoma, Helvetica, sans-serif;
}

.small a:focus,
.small a:hover{
color : #60AFDD;
text-decoration : underline;
}

.small a:active {
color : #00337F;
text-decoration : none;
}















 /*CONTENT COLUMNS FOR PRODUCT PAGES*/
.header
{
float:left;
width:82.5%;
background:transparent;
text-align: center;
margin:2.5% 0 1% 0;
z-index: 20;
}



.content2
{
z-index: 2;
}
 
.leftcol{
float:left;
width:47.15%;
background:transparent;
text-align: center;
padding: 19px 0 0 0;
margin: 2% 0 0 1.5%;

}
 


.rightcol{
float:left;
width:34.1%;
background:transparent;
text-align: center;
padding: 27px 0 0 0;
margin: 2% 0 0 1.5%;
}





.header h1,
.content2 h1
{
margin: -2px 0 0 0;
font: normal 240% Arial, Helvetica, sans-serif;
color: #00337F;
}

.content2 h1
{
font: normal 200% Arial, Helvetica, sans-serif;
color: #60afdd;
}
.content2 h1 span
{
display: inline-block;
margin: 0 0 0 12px;

}

.header h2
{
margin:0;
font: normal 180% Arial, Helvetica, sans-serif;
color: #60AFDD;
clear:both;
}

.header img
{
margin: -12px 0 -53px 0;
}

.header img.eye
{
margin: -12px 0 -10px 0;
}

.header .center
{
  height: 100%;
	width: 60%;
  margin: auto;
 }

.header .center2
{
margin:50px auto 0 auto;
width: 572px;
vertical-align: top;
}
.header .center2  p
{
text-align: left;
padding:5px;
font: normal 120% Arial, Helvetica, sans-serif;
color: #00337F;
}
.header .center2 .accessory2 a.text,
.header .center2 .accessory a.text
{
font-size:125%;
margin: 50px 0 0 0;
}

.header .center2 .accessory a.text
{
margin: 8px 0 0 0;
}

.header .center2 .accessory
{
margin: 20px 17px 0 18px;
}


 
.leftcol h1,
.rightcol h1{
margin: -2px 0 0 0;
font: normal 2.4em Arial, Helvetica, sans-serif;
color: #00337F;
}

.rightcol h1{
color: #60AFDD;
}

.leftcol h2,
.rightcol h2{
margin: 2px 0 0 0;
font: normal 1.6em Arial, Helvetica, sans-serif;
color: #60AFDD;

}




.leftcol h3,
.rightcol h3{
margin: 0 0 6px 0;
font: normal 120% Arial, Helvetica, sans-serif;
color: #000;
}

.leftcol h4,
.rightcol h4{
margin: 4px 0 0 0;
font: italic bold 1.2em Arial, Helvetica, sans-serif;
color: #00337F;
}

.leftcol h5,
.rightcol h5{
margin: 4px 0 0 0;
font: italic bold 1.3em Arial, Helvetica, sans-serif;
color: #60AFDD;
}

.leftcol h6,
.rightcol h6{
margin: 12px 0 0 0;
font: italic bold 150%/160% Arial, Helvetica, sans-serif;
color: #60AFDD;
text-align:center;
}

.leftcol p,
.rightcol p,
.leftcol p.c,
.rightcol p.c{
margin: 0;
padding: 0 6px;
font: normal 130%/135% Arial, Helvetica, sans-serif;
color: #00337F;
text-align:left;
}

.leftcol p.c,
.rightcol p.c{
 text-align:center;
}


.leftcol p
{
margin-top:5px;
}




.leftcol a,
.leftcol a:link,
.leftcol a:visited{
color : #00337F;
text-decoration : none;
text-align: center;
font: normal 100% tahoma, Helvetica, sans-serif;
padding: 0 10px 0 10px;
}


.leftcol a:focus,
.leftcol a:hover{
color :   #60AFDD;
text-decoration : underline;
}


.leftcol a:active {
color :  #00337F;
text-decoration : none;
}























.leftalign
{text-align: left;}

/**********************************************
******** THESE GO INSIDE THE COLUMNS **********
**********************************************/

/*****360pxw centered leftcol*****/
.innercont,
.innercont1,
.innercont1a,
.innercont2,
.innercont2a,
.innercont3,
.innercont4,
.innercont4a,
.innercont5,
.innercont6,
.innercont7,
.innercont8{
width:360px;
text-align:justify;
margin: 8px auto 0 auto;
font-size: 145%;
font-family: Arial, Helvetica, Sans-serif;
color:  #000;
}

.innercont5{
display:block;
position:relative;
clear: both;
}

.innercont2a{
text-align:left;
margin: 8px auto 0 auto;
font-size: 145%;
font-family: Arial, Helvetica, Sans-serif;
}


/*****260pxw centered rightcol*****/
.innercont2,
.innercont7{
width:260px;
}
.innercont7{
text-align:left;
font-size:110%;
margin: 2px auto 0 auto;
}

/*****100%w fluid both cols*****/
.innercont3{
width:100%;
}

/*****100%w fluid both cols*****/
.innercont4,
.innercont4a{
width:100%;
color:#60afdd;
text-align: center;
margin: 18px auto 20px auto;
}


.innercont4a{
font-size: 100%;
margin: 15px auto 30px auto;
}



/***** BOX *****/
.innercont6{
margin: 20px auto 15px auto;
font-size: 110%;
text-align: center;
}


 
.innercont p,
.innercont2 p,
.innercont3 p,
.innercont4 p{
font-size: 90%;
}
.innercont3 p{
margin: 0 0 6px 0;

}
.innercont4 p{
position:relative;
top:-110px;
left: 45%;
width:180px;
font-size: 100%;
text-align: left;
}

p.up{
display:block;
position:relative;
top:-70px;
width:360px;
font-size: 110%;
text-align: center;
margin:auto;
color: #00337F;
}

.innercont5 p{
font-size:80%;
width: 240px;
float:left;
text-align:left;
}
 
.innercont h3,
.innercont2 h3,
.innercont3 h3,
.innercont h4,
.innercont2 h4,
.innercont3 h4{
font-size: 90%;
}

.innercont h5,
.innercont2 h5,
.innercont3 h5{
 font-size: 100%;
}

.innercont3 h3
{
font: bold 90% /105% Arial, Helvetica, Sans-serif;
color:  #00337F;
margin: 12px 0 0 0;
}

 
.innercont3 p.anti{
text-align:left;
font: normal 75% /130% Arial, Helvetica, Sans-serif;
color:  #60AFDD;
}



.innercont4 a,
.innercont4 a:link,
.innercont4 a:visited,
.innercont4a a,
.innercont4a a:link,
.innercont4a a:visited{
color : #00337F;
text-decoration : none;
text-align: center;
font: normal 90% tahoma, Helvetica, sans-serif;
padding: 0 10px 0 10px;
}


.innercont4 a:focus,
.innercont4 a:hover,
.innercont4a a:focus,
.innercont4a a:hover{
color :   #60AFDD;
text-decoration : underline;
}


.innercont4 a:active,
.innercont4a a:active {
color :  #00337F;
text-decoration : none;
}




.innercont7 p{
font-size:105%;
margin: 0 auto 15px auto;
}

.innercont8 p{
font-size:65%;
margin: -5px auto 5px auto;
}


.content3 .innercont4{
width:540px;
margin: 0 auto 40px auto;
text-align: left;
font-size: 80%;
}

.rightcol .innercont4 p,
.content3 .innercont4 p{
position:relative;
top: 0;
left: 0;
width: 100%;
font: normal 100% tahoma, Helvetica, sans-serif;
text-align: left;
color: #60AFDD;
margin: 0;
}

.rightcol .innercont4 a,
.content3 .innercont4 a{
margin-left: 0;
font-size: 120%;
padding-left:0;
}

.rightcol .innercont4 p a,
.content3 .innercont4 p a{
font-size: 100%;
}

a.anchor,
a:hover.anchor,
a:focus.anchor {
color: #60AFDD;
text-decoration: none;
}










.rightcol .innercont4 h4
{
text-align: left;
padding:5px 0 0 0;
color: #60AFDD;
font-size: 96%;
}

.rightcol .innercont4 p
{
color: #00337F;
margin-top: -1px;
}

.rightcol .innercont4 h4,
.rightcol .innercont4 p,
.rightcol .innercont4 a
{
width:260px;
margin: auto;
}

.rightcol .innercont4 p a
{
padding-left: 0;
}

.rightcol .innercont1
{
width: 100%;
}

.rightcol .innercont1a
{
width: 90%;
margin: -12px auto 5px auto;
border: 1px solid #60AFDD;
padding: 14px 6px 16px 6px;
font-size: 152%;
}


.rightcol .innercont1 p,
.rightcol .innercont1a p
{
font-size: 80%;
margin: 6px 0 0 0;
}





 
/**********************************************
******** BULLETED LIST ****************
**********************************************/

ul.blue,
ol.blue,
ul.blueh {
display: block;
position:relative;
list-style-position:outside;
color: #60AFDD;
list-style-type: square;
left: 22px;
margin-bottom: 45px;
}

ol.blue {
list-style-type: decimal;
font-size: 120%;
left: 25px;
padding: 3px 0 10px 0;
}



ul.blue li,
ol.blue li{
font-family: Arial, Helvetica, Sans-serif;
font-size: 100%;
}

ul.blueh
{
margin-bottom: 15px;
}




.white{
color: #FFF;
}

.black{
color: #000;
}

.dblue{
color: #00337F;
}

.innercont7 ol.blue li {
padding: 0 0 10px 0;
}


/*BLUE NAVIGATION BUTTONS*/
#button2 {
float:left;
width:/*105px*/100%; 
border: 0;
padding: 0;
margin: 9% 0 0 0;
background-color: transparent;
font: normal 0.7em tahoma, Helvetica, sans-serif;
z-index: 500;
}

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

#button2 li {
border-bottom: 3px solid transparent;
border-right: 0;
margin: 0;
}

#button2 li a, 
#button2 li a:link,
#button2 li a:visited {
display: block;
padding: 1px 6px 2px 5px;
border: 2px solid;
border-color:  #C3D5E8 #A0B5D2 #698BB8 #DBE6F1;
background-color: #E7F4FD;
color: #00337F;
text-decoration: none;
text-align: center;
}

html>body #button2 li a {
/*width: 82%;
font-size: 101%;*/
}



#button2 li a:hover,
#button2 li a:focus,
#button2 li a:active {
padding: 2px 4px 1px 7px;
border: 2px solid;
border-color:#A0B5D2 #DBE6F1 #C3D5E8 #ADC0D8;
background-color: #E2F0FA;
font-style: normal;
color: #65768F;
text-decoration: none;
margin: 0 2px 0 2px;
}



/*----loose button----*/

.button a, 
.button a:link,
.button a:visited {
display: block;
padding: 1px 6px 2px 5px;
border: 2px solid;
border-color:  #C3D5E8 #A0B5D2 #698BB8 #DBE6F1;
background-color: #E7F4FD;
color: #00337F;
text-decoration: none;
text-align: center;
width: 13%;
min-width:130px;
margin:auto;
}

.button a:hover,
.button a:focus,
.button a:active {
padding: 2px 4px 1px 7px;
border: 2px solid;
border-color:#A0B5D2 #DBE6F1 #C3D5E8 #ADC0D8;
background-color: #E2F0FA;
font-style: normal;
color: #65768F;
text-decoration: none;
margin: auto;
}

p.first{
margin: 5px 0 0 0;
padding: 0;
border: 0;
font-size: 80%;
}




p.top{
margin: -8px 0 0 0;
padding: 0;
border: 0;
background-color: transparent;
visibility: hidden;
}


/***SKIP LINKS***/
.skip{
position:absolute;
right: 5%;
width:79.3%;
top:0;
padding-top: 10px;
background-color:transparent;
text-align:right;
color: #fff;
font: normal 80%/100% Verdana, Arial, Helvetica, sans-serif;
z-index: 100;
}






.skip a,
.skip a:link,
.skip a:visited,
.skip a:active{
color:  #00337F;
text-decoration: none;
padding: 0 8px 2px 8px;
}



.skip a:focus,
.skip a:hover{
text-decoration: underline;
color:#60afdd;
}

img.thumb{
margin: 0 2px 2px 0;
}

img.left,
p.left{
display:block;
margin: 15px 10px 5px 0;
float:left;
clear:both;
}

p.left{
margin:-3px 0 0 0;
width:260px;
text-align: center;
}

p.left2
{
margin: 20px 20px 5px 0;
font-size: 1.2em;
}
p.left3
{
margin: 6px 20px 5px 0;
font-size: 1.2em;
}

p.left4
{
display: block;
float:left;
width:150px;
margin: 6px auto 5px auto;
font-size: 1.2em;
}

hr{
background-color:#FFF;
height: 1px;
width: 250px;
text-align: center;
margin: 2px auto 20px auto;
}

.red{
color: red;
}





/**********************************************
******** TABULAR DATA ****************
**********************************************/
table{
text-align: center;
display:block;
position:relative;
width:100%;
border:none;
font: normal 100%/120% Verdana, Helvetica, sans-serif;
color: #000;
margin: -12px auto 25px auto;
}
td{
padding: 5px 0 0 0;
font: 600 85% Arial, Helvetica, sans-serif;
color: #00337F;
text-align: center;
}
tr{
width:100%;
border:0;
margin: 0;
padding:0;
}

td.left,
th.left{
border:none;
padding: 2px 2px 2px 5px;
margin:0;
text-align: right;
vertical-align: top;
font: normal 0.8em Verdana, Helvetica, sans-serif;
color: #00337F;
}

td.right,
th.right{
border:1px solid #60AFDD;
padding: 2px 5px;
margin: 0;
text-align: left;
vertical-align: top;
font: normal 0.8em Verdana, Helvetica, sans-serif;
color: #000;
}

th.left,
th.right{display:none;}


td.left a,
td.right a{
font: normal 1em Verdana, Helvetica, sans-serif;
color: #000;
text-decoration: none;
background-color:transparent;
 }

td.left a:link,
td.right a:link,
td.left a:visited,
td.right a:visited{
text-decoration: none;
}

td.left a:focus,
td.right a:focus{
text-decoration: underline;
}

td.left a:hover,
td.right a:hover{
color: #F00;
text-decoration: underline;
}

td.left a:active,
td.right a:active{
text-decoration: none;
color: #F00;
}

td.left p,
td.right p{
color: #000;
margin: 0 0 0 -6px;
}

td.right p{
font-size: 85%;
}







/*
Floating Accessory Divs
*/

.accessory,
.accessory1,
.accessory2,
.accessory2a,
.accessory2b,
.accessory2c,
.accessory3{
float: left;
width:155px;
background-color: transparent;
text-align: center;
padding: 0;
margin: 0;
border: 0;
}



.accessory2,
.accessory2c{
width: 180px;
margin:0 5px 0 5px;
vertical-align: bottom;
z-index: -5;
background-color: transparent;
}

.accessory2b{
width: 180px;
height:300px;
margin:0 5px 0 5px;
vertical-align: bottom;
z-index: -5;
background-color: transparent;
display: none;
}

.accessory2a{
width: 180px;
height:250px;
margin:0 5px 0 5px;
padding-top:50px;
vertical-align: text-bottom;
}

.accessory2 img,
.accessory2c img
{
vertical-align: baseline;
}



.accessory1 p
.accessory2 p{
color: #60AFDD;
font-weight: bold;
}


.accessory p{
font-size: 90%;
text-align: center;
color: #00337F;
}

.accessory3{
 width:80px;
 height:70px;
}

.accessory3 p{
font-size: 65%;
text-align: center;
color: #00337F;
}


.content2 p.or,
.accessory p.or{
color: #000;
}

.accessory p.dkor{
color: #60AFDD;
}

.accessory a,
.accessory a:link,
.accessory a:visited,
.accessory1 a,
.accessory1 a:link,
.accessory1 a:visited,
.accessory2 a,
.accessory2 a:link,
.accessory2 a:visited,
.accessory2a a,
.accessory2a a:link,
.accessory2a a:visited,
.accessory2b a,
.accessory2b a:link,
.accessory2b a:visited,
accessory2c a,
.accessory2c a:link,
.accessory2c a:visited
{
display: block;
font-size: 90%;
text-align: center;
color: #00337F;
text-decoration: none;
}

.accessory a:focus,
.accessory a:hover,
.accessory1 a:focus,
.accessory1 a:hover,
.accessory2 a:focus,
.accessory2 a:hover,
.accessory2a a:focus,
.accessory2a a:hover,
.accessory2b a:focus,
.accessory2b a:hover,
.accessory2c a:focus,
.accessory2c a:hover
{
color: #60AFDD;
text-decoration: underline;
}



/*Stops jumping on hover or focus*/
.accessory a img,
.accessory1 a img,
.accessory2 a img,
.accessory2a a img,
.accessory2b a img,
a img.dash
{
border: 1px solid transparent;
}

.accessory img
{
margin: 1px;
}

.accessory a img
{
margin: 0;
}

/*Adds visual effect on focus and hover*/
.accessory a:focus img,
.accessory a:hover img,
.accessory1 a:focus img,
.accessory1 a:hover img,
.accessory2 a:focus img,
.accessory2 a:hover img,
.accessory2a a:focus img,
.accessory2a a:hover img,
.accessory2b a:focus img,
.accessory2b a:hover img,
 a:focus img.dash,
 a:hover img.dash
{
border:1px dashed #60AFDD;
}


.accessory a:active,
.accessory1 a:active,
.accessory2 a:active,
.accessory2a a:active,
.accessory2b a:active,
.accessory2c a:active,
a:active img.dash
{
color: #00337F;
text-decoration: none;
}


.accessory1 a,
.accessory2 a,
.accessory2a a,
.accessory2b a
{
line-height: 170%;
}

/*
Fixed size wrap for accessory divs
*/

.wrap
{
float:left;
height: 300px;
width: 580px;
padding: 0 5px 0 5px;
margin:0 auto 0 auto;

}

.relwrap
{
display:inline;
width:100%;
height: 100%;
position:relative;

}


 .content2 .center2 .accessory{
margin:  0 3% 0 3%;
}


.header .center2 .accessory
{height:120px;
}



 img.big-logo{
 float:left;
 margin:0 10px 0 10px;
 }



/*
setup the background image of the British Isles
*/
.uk
{
padding:0;
list-style-type:none;
background:#fff url(../images/uk-map.png);
background-repeat: no-repeat;
width:360px;
height:423px;
margin:auto;
position:relative;
z-index:100;
}

/*
move the text off screen
*/
.uk li a
{
text-indent:-999px;
display:block;
width:75px;
height:10px;
background:transparent;
position:absolute;
line-height:8px;
}

/*
make the images and description invisible and an absolute position so that it does not take up any space
*/
.uk li a em
{
visibility:hidden;
position:absolute;
}

/*
position the square markers
*/
.uk li a.soton
{
top:353px;
left:183px;
width:84px;
height:19px;
}

/*
move the text back into view on hover
*/
.uk li a:hover,
.uk li a:focus
{
text-decoration: none;
background-color:transparent;
text-indent:0;
font-size:1em;
color:#fff;
line-height:1em;
padding:0;
}

.uk li a:focus
{
 border: 1px dashed #00337F;
}


/*
make the descriptive text visible, give it a size and position
*/
.uk li a:hover em,
.uk li a:focus em
{
visibility:visible;
margin:0 0 -1px 0;
background-color:#E7F4FD;
border:1px solid #00337F;
width:360px;
color:#00337F;
padding:3px;
font-size: 150%;
font-style:normal;
top:-430px;
left:-197px;
font-family:Verdana, arial, sans-serif;
line-height:1em;
text-decoration: none;
}


/*
give the image a border and margin
*/
.uk li a:hover em img,
.uk li a:focus em img
{
border:1px solid #00337F;
display:block;
 margin: 0 auto 4px auto;
 }

















/*general code*/

img.spaced,
img.spaced2{
vertical-align: bottom;
margin: 10px 12px 14px 12px;
}

img.spaced2{
margin: 12px;
}




/*BLUE NAVIGATION FOR SITE MAP*/

#map {
float:left;
font: normal 120% tahoma, Helvetica, sans-serif;
width:360px;
}

#map ul {
list-style: none;
}



#map li ul{
font-size:87%;
margin-left:15px;
}



#map li a,
#map li a:link,
#map li a:visited{
color: #00337F;
text-decoration: none;
text-align: left;
}


#map li a:hover,
#map li a:focus {
color: #60AFDD;
text-decoration: underline;
}

#map li a:active {
color: #00337F;
text-decoration: none;
text-align: left;
}



.content3 .valid{
top:-15px;
text-align:right;
margin:0 0 -15px 0;
padding:0;
}

.accessory2 .highlight
{
font-weight: bold;
color: #DB3C32;
}

.content2 .center3
{
position: relative;
max-width: 526px;
width: 526px;
padding: 0 10px 0 10px;
clear:both;
margin: 0 auto 20px auto;
}



.border img
{
border: 1px solid #00337F;
background-color: #FFF;
width: 360px;
height: 260px;
text-align: center;
}

.border p
{
display:block;
width: 360px;
color: #00337F;
margin: 2px auto 25px auto;
text-align: center;
background-color: #E7F4FD;
font: bold 110%/130% Verdana, Helvetica, Sans-serif;
border: 1px solid #00337F;
padding: 2px 0 2px 0;
}

img.bord
{
display: block;
 border: 1px solid #00337F;
 text-align: center;
 margin: auto;
 }
 
.leftcol h1 a:hover,
.leftcol h1 a:focus {
color: #00337F;
text-decoration: none;
}





.footbarblue,
.footbarblue2
{
width: 240px;
font: normal 110%/116% Verdana, Helvetica, Sans-serif;
color: #000;
letter-spacing: 8px;
text-align: center;
padding: 0;
margin:auto;
}

 .quotehold
 {
 width:85%;
 position:relative;
 display: block;
 font: normal 85%/120% Verdana, Helvetica, Sans-serif;
margin: 1% 7% 1% 6%;
color: #00337f;
 }


.quotes{
     font: bold 115% Verdana, Helvetica, Sans-serif;
     color: #60AFDD;
     text-align:right;
  }



form
{
font-size:120%;
color:#00337F;

}


select
{
border: 1px solid #60AFdd;

}

input
{
border: 1px solid #60AFdd;
}

input.search{
width:80px;
padding: 1px 6px 2px 5px;
border: 2px solid;
border-color:  #C3D5E8 #A0B5D2 #698BB8 #DBE6F1;
background-color: #E7F4FD;
color: #00337F;
text-decoration: none;
text-align: center;
margin:10px 0 0 20px;
}


/*BLUE NAVIGATION FOR SEARCH RESULTS PAGE*/


ul.res
{
list-style: none;
margin-left: 10px;
}



ul.res li ul
{
font-size:87%;
margin-left:15px;
}



body.result a,
body.result a:link,
body.result a:visited
{
color: #00337F;
text-decoration: none;
text-align: left;
}


body.result a:hover,
body.result a:focus,
body.result a:active
{
color: #60AFDD;
text-decoration: underline;
}

p.smallres{
display: block;
padding-top:5px;
color:#00337F;
font-size: 55%;
}

p.smallres a
{
color:#00337F;
text-decoration: none;
}

p.result{
display: block;
padding-top:5px;
color:#00337F;
font-size: 85%;
}


p.result a,
p.result a:link,
p.result a:visited
{
color: #00337F;
text-decoration: none;
text-align: left;
}


p.result a:hover,
p.result a:focus,
p.result a:active
{
color: #60AFDD;
text-decoration: underline;
}

h1.result
{
margin: 15px 0 0 15px;
}

body.result p
{
margin:10px 0 0 10px;
}

p.captop
{
margin: 0 0 0 10px;
font: bold 100%/140% Verdana, Helvetica, Sans-serif;
color:red;
}




/*///~~Centered Floating Thumbnails~~~///*/
.wrapper,
.wrapper2
{
 text-align: center;
	background-color: transparent;
	margin-top: 10px;
}
.wrapper p,
.wrapper2 p
 {
	display: inline;
	font-size:110%;
}
.wrapper p span,
.wrapper2 p span
 {
 font: normal 80% Verdana, Arial, Helvetica, sans-serif;
  margin: 1em;
	vertical-align: top;
	width: 140px;
  height: 110px;
	display: table-cell;
	display: inline-table;
	color: #000;
}

.wrapper2 p span
 {
 width: 125px;
  height: 100px;
 }


.wrapper p span span
{
font-size:100%;
color: #00337F;
width: auto;
height: auto;
margin:0;
}

.wrapper2 p span span.flyout
{
display:none;
font-size:70%
}


.wrapper p img
{
display: block;
margin-bottom: 1px;
border: none;
margin-top: 5px;
}

.wrapper p img

{
padding: 3px;
border: 1px solid transparent;
}

.wrapper p a:focus img,
.wrapper p a:hover img
{
padding:3px;
border:1px dashed #60afdd;
}


.wrapper p a,
.wrapper p a:link,
.wrapper p a:visited
{
text-decoration: none;
color: #00337F;
font-size:100%;
width: auto;
height: auto;
margin:0;
}

.wrapper p a:focus,
.wrapper p a:hover,
.wrapper p a:active
{
color: #60AFDD;
text-decoration: underline;
}

/*Centered Floating Image Box*/
.imgbox a .flyout,
.imgbox span
{
display: none;
}


.imgbox a:hover .flyout,
.imgbox a:focus .flyout
{
display: block;
position: fixed;
top:40%;
right:50%;
margin-top:-132px;
margin-right: -180px;
text-decoration: none;
z-index: 2;
clear:both;
}

.imgbox img
{
background-color: transparent;
border: 0;
padding: 0;
width: 125px;
height: 100px;
}

.imgbox .flyout
{
border: 1px solid #000;
background-color: #FFF;
width: 360px;
height: 235px;
}

.wrapper2 p.imgbox span
{
width: 125px;
height: 100px;
padding: 0;
margin:0 -11px 2px 0;
text-align:center;
}

.wrapper p.imgbox a:focus img,
.wrapper p.imgbox a:hover img,
.wrapper2 p.imgbox a:focus img.flyout,
.wrapper2 p.imgbox a:hover img.flyout
{
border:1px solid #000;
/*outline: 500px solid rgba(235,235,235, 0.25);*/
}


.wrapper2 p.imgbox span a:hover span.flyout,
.wrapper2 p.imgbox span a:focus span.flyout
{
display: block;
position:fixed;
top:40%;
right: 50%;
width: 360px;
color: #002f65;
height: 24px;
margin: 110px -180px 2px 0;
text-align: center;
background-color: #E7F4FD;
font: normal bold 155%/150% Verdana, Helvetica, Sans-serif;
text-decoration: none;
}

.wrapper2 a
{
text-decoration:none;
}



p.caption
{
text-align: center;
margin: 2px auto 10px auto;
width: 260px;
}

span.caption2
{
display: inline-block;
margin:0;
width: 150px;
font-size: 1.2em;
color: #00337F;
}