/* CSS Document for GEM */



/*------------------------------------------- Start Main Content -------------------------------------------*/
/* mac hide \*/
html,body{height:100%;width:100%;margin:0px;}
/* end hide */

body { text-align:center; min-height:500px;/* for good browsers*/ min-width:947px;/* for good browsers*/ font-family: Arial, Helvetica, sans-serif; font-size:12px !important; font-weight: bold !important; color:#005a67;}
#horizon{ height:100%; width:100%; display:table; vertical-align:middle; }
#content { text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 500px;}	
#wrapper { width: 947px; background:#fff; height: 500px; text-align: center; margin-left:auto; margin-right:auto; border:0px solid #000;}	
a IMG {border:none;}
#mainContent{width:947px; height:470px;}


/*------------------------------------------- Start Header -------------------------------------------*/
#header{width:947px; height:30px; margin-bottom:20px; }
* html #header{margin-bottom:-3px; margin-left:13px;}

#calc{width:550px; height:30px; margin:10px 0 0 190px; float:left;}
* html #calc{margin:20px 0 0 90px; width:541px; overflow:hidden;}

#pscroller1{width:560px; height:30px; overflow:visible;}
* html #pscroller1{margin:-10px 0 0 0; width:500px!important; height:35px; text-align:left;}

.someclass{text-align:center; font-size:14px; font-weight:bold; width:550px;}

.someclass p{margin:0; padding:0; width:550px; text-align:center}


#language{ width:180px; text-align:left; color:#003644; margin-left:5px;}
#language .languageText { margin-bottom:5px; padding:0 0 0 10px; font-size:11px;}
#language #flags { padding:0 10px; width:120px;}
#language #flags .flag { float:left; margin-right:3px; margin-bottom:5px;}
/*------------------------------------------- End Header -------------------------------------------*/


/*------------------------------------------- Start Left Column -------------------------------------------*/
#leftColUK{width:196px; height:440px; float:left; margin-top:5px;}
* html #leftColUK{margin-top:8px; margin-to\p:3px;}

/*------------------------------------------- Start Menu UK-------------------------------------------*/
#menuUK{width:182px; float:left; margin-left:5px; margin-bottom:15px;}
* html #menuUK{margin-left:5px;}

#homeUK{width:182px; height:20px; float:left; margin-top:12px;}

#industryReferencesUK{width:182px; height:20px; float:left; margin-top:5px;}
* html #industryReferencesUK{margin-top:1px;}

#newsUK{width:182px; height:20px; float:left; margin-top:5px;}
* html #newsUK{margin-top:1px; margin-to\p:0px;}

#downloadsUK{width:182px; height:20px; float:left; margin-top:5px;}
* html #downloadsUK{margin-top:1px; margin-to\p:1px;}

#productVideoUK{width:182px; height:46px; float:left; margin-top:5px; background-image:url(../images/productvideoButtonFRbckgnd.gif); background-repeat:no-repeat;}
* html #productVideoUK{margin-top:1px; margin-to\p:1px;}
#productVideoUK p{font-size:9px; text-align:left; margin-left:9px; margin-top:-1px;}

#costsavingsUK{width:182px; height:56px; float:left; margin-top:4px; background-image:url(../images/costsavingsButtonUKbckgnd.gif); background-repeat:no-repeat;}
* html #costsavingsUK{}
#costsavingsUK p{font-size:9px; text-align:left; margin-left:2px; margin-top:3px; color:#005a67; font-weight:100}

#demonstrationUK{width:182px; height:46px; float:left; margin-top:4px; background-image:url(../images/demonstrationButtonFRbckgnd.gif); background-repeat:no-repeat;}
* html #demonstrationUK{}
#demonstrationUK p{font-size:9px; text-align:left; margin-left:9px; margin-top:-1px;}

#contactUK{width:182px; height:20px; float:left; margin-top:4px;}
* html #contactUK{margin-top:3px; margin-to\p:4px;}

#productNew{width:182px; height:20px; float:left; margin-top:5px; margin-bottom:1px;}
* html #productNew{margin-top:1px; margin-to\p:1px;}

#videosUK{width:182px; height:20px; float:left; margin-top:5px; margin-bottom:1px;}
* html #videosUK{margin-top:1px; margin-to\p:1px;}
/*------------------------------------------- End Menu UK-------------------------------------------*/
/*------------------------------------------- End Left Column-------------------------------------------*/


/*------------------------------------------- Start Middle Column Index Page -------------------------------------------*/
#middleColUKIndex{position:relative; width:555px; height:440px; float:left; background-image:url(../images/ukIndexbckgnd.gif); background-repeat:no-repeat; margin-left:10px; text-align:left;}
#IGS{width:480px; height:33px; float:left; margin:150px 0 0 307px; color:#FFFFFF;}
* html #IGS{margin-top:135px; margin-left:10px; text-align:right; width:500px; }

.emission{float:left; font-size:11px; margin:30px 0 0 15px;}
#ticker{float:right; height:26px; width:208px; margin:25px 36px 0 0;}
.counter_number{margin:1px;}
* html #ticker{margin:25px 10px 0 0;}

#middleColUKIndex #TELogo { position:absolute; bottom:110px; left:20px;}

/*------------------------------------------- End Middle Column Index Page -------------------------------------------*/

/*------------------------------------------- Start Middle Column Calculator Page -------------------------------------------*/
#middleColCalc{width:555px; height:440px; float:left; background-image:url(../images/calc_bg.gif); background-repeat:no-repeat; margin-left:10px;}
#middleColCalc_content{width:450px; height:250px; float:left; margin-left:10px; text-align:left; padding:40px 0px 0px 30px; line-height:18px;}
#results{width:450px; height:150px; margin-top:30px;}
#results h4{font-size:16px; font-weight:bold;}
table.calc{margin-top:-20px;}
input{width:auto; margin:0px 15px 0px 0px;}

/*------------------------------------------- End Middle Column Calculator Page -------------------------------------------*/


/*------------------------------------------- Start Right Column Index Page -------------------------------------------*/
#rightColUKIndex{width:180px; height:440px; float:left; background-image:url(../images/latestNewsBckgnd.gif); background-repeat:no-repeat; margin-left:6px;}
* html #rightColUKIndex{margin-left:0px;}

#newsSectionText{width:145px; height:340px; font-size:10px; color:#003644; text-align:left; margin-top:60px; margin-left:10px;}

#scrollIndex{width:175px; height:350px; margin-top:60px; float:left; overflow-x: hidden; overflow:auto; scrollbar-base-color: MEDIUM; scrollbar-face-color:#cfd7d4; scrollbar-track-color: #e4e9e7; scrollbar-highlight-color: LIGHT; scrollbar-3dlight-color: MEDIUM; scrollbar-shadow-color: DARK; scrollbar-darkshadow-color: MEDIUM; scrollbar-arrow-color: DARK;}
/*------------------------------------------- End Right Column Index Page -------------------------------------------*/


/*------------------------------------------- Start Right Column (All other pages) -------------------------------------------*/
#rightCol{width:735px; height:440px; float:left; background-image:url(../images/mainbckgnd.gif); background-repeat:no-repeat; margin-left:10px; text-align:left;}
/*--------------------------------------------------------------------------*/
#leftContentNews{width:350px; float:left; margin-left:30px;}
* html #leftContentNews{height:290px; margin-left:15px;}

#rightContentNews{width:180px; float:left; margin-left:100px;}

#scrollNews{width:715px; height:250px; margin-top:80px; float:left; overflow:auto; scrollbar-base-color: MEDIUM; scrollbar-face-color:#cfd7d4; scrollbar-track-color: #e4e9e7; scrollbar-highlight-color: LIGHT; scrollbar-3dlight-color: MEDIUM; scrollbar-shadow-color: DARK; scrollbar-darkshadow-color: MEDIUM; scrollbar-arrow-color: DARK;}
* html #scrollNews{margin-top:65px;}

#rightColVid {width:700px; height:365px; float:left; margin-left:10px; text-align:left; padding:75px 0 0 35px;}
#rightColVid #videoLeft { float:left; width:375px; margin-right:15px;}
#rightColVid #videoLeft .title { font-size:14px; padding:0 0 13px 0; margin:0;}
#rightColVid #videoRight { float:right; width:260px; margin:0 40px 0 0;}
#rightColVid #videoRight .title { font-size:14px; padding:0 0 13px 0; margin:0;}
#rightColVid #videoRight #relatedVideos { width:248px; height:213px; padding:5px; border:1px solid #d6d6d6; overflow:auto; position:relative;}
#rightColVid #videoRight #relatedVideos .video { position:relative; padding:0 0 0 105px; margin-bottom:15px; height:50px;}
#rightColVid #videoRight #relatedVideos .video .thumb { position:absolute; top:0; left:0; width:90px; height:54px; padding:2px; border:1px solid #d6d6d6;}
#rightColVid #videoRight #relatedVideos .video .title { padding:20px 0 0 0; margin:0; font-size:12px;}
#rightColVid #videoRight #relatedVideos .video .desc { font-size:12px; color:#000000; padding:0; margin:0; font-weight:normal;}

/*--------------------------------------------------------------------------*/
#Title{width:700px; height:30px; margin-left:30px; margin-top:35px;}
* html #Title{margin-top:30px;}

#leftContent{width:220px; height:300px; float:left; margin-top:80px; margin-left:30px;}
* html #leftContent{margin-left:15px; margin-top:48px;}

#middleContent{width:220px; height:300px; float:left; margin-top:80px; margin-left:20px;}
* html #middleContent{margin-left:15px; margin-top:48px;}

#rightContent{width:220px; height:300px; float:left; margin-top:80px; margin-left:20px;}
* html #rightContent{margin-left:15px; margin-top:48px;}

/*--------------------------------------------------------------------------*/
#rightColContact{width:735px; height:440px; float:left; background-image:url(../images/contactbckgnd.gif); background-repeat:no-repeat; margin-left:10px; text-align:left;}
#scroll{width:715px; height:320px; margin-top:25px; float:left; overflow:scroll; overflow-x: hidden; overflow:auto; scrollbar-base-color: MEDIUM; scrollbar-face-color:#cfd7d4; scrollbar-track-color: #e4e9e7; scrollbar-highlight-color: LIGHT; scrollbar-3dlight-color: MEDIUM; scrollbar-shadow-color: DARK; scrollbar-darkshadow-color: MEDIUM; scrollbar-arrow-color: DARK;}
table.contact{margin-left:20px; margin-top:55px;}
* html table.contact{margin-left:20px; margin-top:35px;}
/*--------------------------------------------------------------------------*/
#refs{width:715px; height:280px; margin-top:62px; overflow:auto;}

#leftRefs{width:208px; height:280px; float:left; margin-left:30px;}
* html #leftRefs{margin-left:15px;}

#midRefs{width:208px; height:280px; float:left; margin-left:20px;}
* html #midRefs{margin-left:15px;}

#rightRefs{width:208px; height:280px; float:left; margin-left:20px;}
* html #rightRefs{margin-left:15px;}

#leftRefs h3, #midRefs h3, #rightRefs h3{font-size:12px; font-weight:bold; margin:30px 0 10px 0;}
#leftRefs h3:hover, #midRefs h3:hover, #rightRefs h3:hover{color:#005a67;}
.switchcontent{margin:0 0 20px 0;}
.switchcontent ul{margin:0 0 0 -45px; list-style:none}
* html .switchcontent ul{margin:0 0 0 0px;}
.switchcontent ul li a{font-size:10px; color:#005a67; text-decoration:none;}
.switchcontent ul li a:hover{color:#a8b6c0}

/*------------------------------------------- End Right Column (All other pages) -------------------------------------------*/


/*------------------------------------------- Start Footer -------------------------------------------*/
#footer{width:947px; height:30px; float:left;}

#trademark{width:560px; float:left; font-size:9px; text-align:left; margin-left:210px;}
* html #trademark{margin-left:105px;}

#siteCreation{width:150px; float:left; font-size:9px; color:#9babb6; text-align:right; display:none;}
* html #siteCreation{margin-left:-4px;}
/*------------------------------------------- End Footer -------------------------------------------*/


/*------------------------------------------- Start Redefine Tags -------------------------------------------*/
h2{font-size:11px; color:#003644; margin:3px 0px -8px 0px;}
h3{font-size:24px; color:#a8b6c0; font-weight:100;}
li{font-size:14px; margin-left:6px;}
sub{font-size:8px;}
/*table{margin-left:20px; margin-top:20px; font-size:11px;}
* html table{margin-left:10px;}
/*------------------------------------------- End Redefine Tags -------------------------------------------*/


/*------------------------------------------- Start Classes -------------------------------------------*/
.grey{color:#9babb6; font-size:10px;}
.two{font-size:6px;}
.green{font-size:10px;}
.red{color:#dc241f;}
/*------------------------------------------- End Classes -------------------------------------------*/


/*------------------------------------------- Start Links -------------------------------------------*/
a.link:link {color:#005a67;}
a.link:visited {color:#005a67;}
a.link:hover {color:#005a67; text-decoration:none;}
a.link:active {color:#005a67;}

a.news:link {color:#a8b6c0; text-decoration:none; font-weight:bold;}
a.news:visited {color:#a8b6c0; text-decoration:none;}
a.news:hover {color:#005a67; text-decoration:none;}
a.news:active {color:#a8b6c0; text-decoration:none;}
/*------------------------------------------- End Links -------------------------------------------*/
/*------------------------------------------- End Main Content -------------------------------------------*/



/*--------------anything here is fixed for safari only! ----------------------------*/
#leftContentNews{width:350px; height:250px; float:left; margin-left:30px;}
#rightContentNews{width:180px; height:250px; float:left; margin-left:100px;}
/*-----------------------------------------------------------------------------------*/
/*----------------------This line stops safari from reading what ever is below it--------------------------------*/
#leftContentNews{width:350px; height:380px; float:left; margin-left:30px;#}
/*-------------------------anything below this line cannot be read by safari----------*/
#leftContentNews{width:350px; height:380px; float:left; margin-left:30px;}
#rightContentNews{width:180px; height:280px; float:left; margin-left:100px;}