/* CSS Document for GEM Spanish Site*/

/*------------------------------------------- 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:11px !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:907px; height:30px; float:left; text-align:right; margin-left:30px; margin-bottom:10px;}
* html #header{margin-bottom:-3px; margin-left:13px;}
/*------------------------------------------- End Header -------------------------------------------*/


#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;}

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

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

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

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

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

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

#costsavingsFR{width:182px; height:123px; float:left; margin-top:4px; background-image:url(../images/costsavingsButtonFRbckgnd.gif); background-repeat:no-repeat;}
* html #costsavingsFR{margin-top:3px; margin-to\p:3px;}
#costsavingsFR p{font-size:9px; text-align:left; margin-left:9px; margin-top:2px;}

#calculateNow{width:88px; height:17px; float:left; margin-top:-3px; margin-left:9px;}
* html #calculateNow{margin-top:-16px; margin-bottom:-13px; margin-left:4px;}
input.box{height:11px; font-size:8px; margin-bottom:1px; width:162px;}
* html input.box{height:17px; heigh\t:10px;}

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

#contactFR{width:182px; height:20px; float:left; margin-top:4px;}
* html #contactFR{margin-top:3px; margin-to\p:3px;}
/*------------------------------------------- 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:555px; height:33px; float:left; margin-top:195px; margin-left:292px; color:#FFFFFF;}
* html #IGS{margin-top:185px; margin-left:10px; text-align:right; width:500px; }
#middleColUKIndex #TELogo { position:absolute; bottom:110px; left:20px;}
/*------------------------------------------- End Middle Column Index Page -------------------------------------------*/


/*------------------------------------------- Start Right Column Index Page -------------------------------------------*/
#rightColUKIndex{width:180px; height:440px; float:left; background-image:url(../images/latestNewsBckgndSPA.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;}
/*--------------------------------------------------------------------------*/
#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;}

#more{}
* html #more{margin-top:20px;}
/*--------------------------------------------------------------------------*/
#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-top:55px;}
* html table.contact{margin-left:20px; margin-top:35px;}
/*------------------------------------------- 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; position:relative; left:210px; top:-55px;}

#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;}
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; }
table.calc{margin-left:20px; margin-top:20px; font-size:14px;}
* html table.calc{margin-left:10px;}
/*------------------------------------------- End Redefine Tags -------------------------------------------*/


/*------------------------------------------- Start Classes -------------------------------------------*/
.grey{color:#9babb6; font-size:10px;}
.two{font-size:6px;}
.green{font-size:10px;}
/*------------------------------------------- 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;}