@charset "UTF-8";
/* CSS Document */

/*****  Stylesheet for Entee Global Services  *****/

/********** note on  TTG colours: ORANGE-#f7941d (rolloverORANGE-#fdba58)  BLUE-#286fb7 (rolloverBLUE-#7bafde) ******/


/*********** Reset CSS  from "http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/" ***********/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style-type:none; 
}

* {margin:0;padding:0;} 
html {	height: 100%; /****** this helps with the 'Sticky Footer' ******/
}
/******see http://www.cssstickyfooter.com/using-sticky-footer-code.html for info on sticky footer********/

ol, ul {	list-style: none; }
blockquote, q {	quotes: none;  }
 
/* remember to define focus styles! */
:focus {	outline: 0; }

 
/* remember to highlight inserts somehow! */
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
 
/* tables still need 'cellspacing="0"' in the markup */
table {	border-spacing: 0; }
table img { display:block;   }
 
/*********** END of Reset CSS   ***********/

 Body {	font-family:  Arial, sans-serif;
		font-size: 0.75em; /* 0.75em of 16pt standard font size across all browers */
		line-height: 1.5em; /* to make the text easier to read line-height should be between 1.4em-1.6em */
		letter-spacing: 0.25px;
		text-align : center;
		background-image: url(images/TTG-BG.jpg);
		background-repeat: no-repeat;               
		background-position:bottom center;
		background-attachment: fixed;
		background-color:#e3edf9;
		height: 100%;
		}

html {	overflow-y: scroll; /****** forces scroll-bar to always appear in Firefox, so no horizontal shift occurs*****/
		height: 100%;
		} 

body > #divWrapper {height: auto; min-height: 100%;}

/******************************************************* end of body style and reset *****/


/******************************************************* bread crumbs style *****/

#crumbs {		height:2.3em; border:0px; }
#crumbs li {	float:left; line-height:2.3em; color:#666666; padding-right:1px; }                             
#crumbs li a {	display:block; padding:0 6px 0 0; }                                                                                                             
#crumbs li a:link,
#crumbs li a:visited {
                color:#666666;
                font-weight: normal;
                font-size: 9px;
                text-decoration:none;
                }             

#crumbs li a:hover,
#crumbs li a:focus {
                color:#286fb8;
                font-weight: normal;
                font-size: 9px;
				}                             

/*************************************generic links  *****/

a:link {	font-size: 12px;
			color: #286fb7;
			text-decoration: none;
			font-weight: bold;
			}
a:visited {	font-size: 12px;
			color: #286fb7;
			text-decoration: none;
			font-weight: bold;
			}
a:hover {	font-size: 12px;
			color: #666666;
			text-decoration: underline;
			font-weight: bold;
			}

/************************ Class for lighter font links style eg on webRes Glass Buttons *****/
.lightLink:link {	font-size: 11px;
                	color: #286fb7;
                	text-decoration: none;
                	font-weight: normal;
				}

.lightLink:visited {	font-size: 11px;
               			color: #286fb7;
						text-decoration: none;
						font-weight: normal;
						}

.lightLink:hover {	font-size: 11px;
                	color: #7bafde;
                	text-decoration: none;
                	font-weight: normal;
					}


 /********************************************* navigation starts here *****/


 /******************************* tabs - top-level navigation *****/

#navigation {		font-size: 12px;
					line-height:15px;
					font-weight:bold;
					text-align: left;
					float:right;
					width:100%;
					display: inline;
  				    }

#navigation ul {	list-style:none; float:right; }
                 
#navigation li {	float:left;
                	background: url(images/left_both.jpg) no-repeat left top;
                	padding:0px 3px 0 10px;
               	 	border:bottom:0px solid #000;
                	border-width:0;
                	list-style:none;
    				}

#navigation a { 	float:left;
					display:block;
					width: 1px;
					background: url(images/right_both.jpg) no-repeat right top;
					padding:5px 10px 7px 0px;
					text-decoration:none;
					color:#bad5f0;
					}

#navigation > ul a { width:auto; }  /* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {	float:none; }  /* End IE5-Mac hack */
#navigation a:hover { color:#ffffff; } 
#navigation li:hover, #navigation li:hover a { background-position:0% -150px; }
#navigation li:hover a { background-position:100% -150px; }



/***these give the page id's to keep current page tab highlighted - check they match with IncMenuHeader.htm *****/

#index #nav-index,
#aboutUs #nav-aboutUs,
#TTGcompanies #nav-TTGcompanies,
#ferryOperators #nav-ferryOperators,
#TTGpartners #nav-TTGpartners
 {
background-position:0 -150px;
border-width:0;
}
 
#index #nav-index a,
#aboutUs #nav-aboutUs a,
#TTGcompanies #nav-TTGcompanies a,
#ferryOperators #nav-ferryOperators a,
#TTGpartners #nav-TTGpartners a
{
background-position:100% -150px;
padding-bottom:7px;
color:#ffffff; /******************* colour for selected state *****/
}


<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#vdividermenu ul{	margin: 0;
					padding: 0;
					margin-bottom: 1em;
					float: right;
					font-weight: bold;
					background-color: #d4effc;
					}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/ width: 99%; }

#vdividermenu ul li{ display: inline; }
#vdividermenu ul li a{	float: right;
						color: #b2deeb;
						padding: 2px 12px;
						text-decoration: none;
						background: transparent url(Images/vertical.gif) center left no-repeat;
						}
#vdividermenu ul li a:visited{ color: #b2deeb; }
#vdividermenu ul li a:hover{ color: #286fb7; background-color: #7bafde; }
</style>


#navcontainer	{	height: 26px; text-align: center; width: 100%; }
#navcontainer ul {	border: 0 none; list-style-type: none; text-align: center; }
#navcontainer li {	display: block; float: left; text-align : center; }
#navcontainer  a {	border: medium none; color: #4874a4; display: block; height: 26px; text-align: center; text-decoration: none; }
#navcontainer  a:hover { color : #898989; }
#navcontainer  a:active { color : #898989; }
 
.SubNavCurrent { color:#ffffff }
 

.Footercenter {
    BORDER-RIGHT: 1px medium;
    BORDER-LEFT: medium none;
    PADDING: 0px 20px 0px 20px;
    DISPLAY: inline;
    BACKGROUND-COLOR: #d2e3f5;
    MARGIN: 0px;
    HEIGHT: 26px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/************************************************************************* navigation end *****/

/****************************************** main text styles - start *****/

p {	font-size: 12px;
    color:#333333;
    margin-bottom: 8px;
	display: block;
	text-align:justify;
	}

.intro {	font-size: 15px;
			color:#666666;
	}

.introLink:link {	font-size: 15px;
					color:#666666;
					text-decoration: none;
					}
.introLink:visited {	font-size: 15px;
						color:#666666;
						text-decoration: none;
						}
.introLink:hover {	font-size: 15px;
					color:#333333;
					text-decoration: none;
					}
  
.copyright {	clear:both;
				font-size: 9px;
                color:#666666;
				background-color:#FFFFFF;
				width:958px;
				margin-right:auto;
				margin-left:auto;
				text-align:center;
				}

h1 {	font-size: 17px;
		line-height: 17px;
		color: #f7941d;
		font-style: normal;
		font-weight: bold;
		text-transform:uppercase;
   		margin-bottom: 8px;
		display: block;
}
/******* this is an 'adjacent sibling' tag, that says 'when a <p> tag is followed by a <h1> tag, the <h1> tag will have these attributes, overriding the standard <h1> attributes' *****/
p+h1 {	padding: 0px 0px;
		margin: 15px 0px 0px 0px;
}

h2 {	font-size: 17px;
		line-height: 15px;
		color: #f7941d;
		font-style: normal;
		font-weight: normal;
		display: block;
		padding: 0px 0px;
		margin: 15px 0px 3px 0px;
}

/******* this is an 'adjacent sibling' tag, that says 'when a <h1> tag is followed by a <h2> tag, the <h2> tag will have these attributes, overriding the standard <h2> attributes' *****/
h1+h2 {	padding: 0px 0px;
		margin: 4px 0px 4px 0px;
}
 
.h2:link {	font-size: 17px;
			color: #f7941d;
			text-decoration: none;
			font-weight: normal;
			}
			
.h2:visited {	font-size: 17px;
				color: #f7941d;
				text-decoration: none;
				font-weight: normal;
				}
				
.h2:hover {	font-size: 17px;
			color: #fdba58;
			text-decoration: none;
			font-weight: normal;
			}

h3 {	font-size: 15px;
		line-height: 15px;
		color: #444444;
		font-style: normal;
		font-weight:normal;
		margin: 12px 0px 2px 0px;
		padding: 0px, 0px, 0px, 0px;
		display: block;
		}
/******* this is an 'adjacent sibling' tag, that says 'when a <h2> tag is followed by a <h3> tag, the <h3> tag will have these attributes, overriding the standard <h3> attributes' *****/
h2+h3 {	padding: 0px 0px;
		margin: 5px 0px 2px 0px;
}

h4 {	font-size: 13px;
		color: #286fb7;
		font-style: normal;
		font-weight: normal;
		margin: 0px;
		padding: 0px, 0px, 0px, 0px;
		display: inline;
		}

h5 {	font-size: 23px;
		line-height: 23px;
		color: #f7941d;
		text-align:center;
		font-style: normal;
		font-weight: bolder;
		margin: 12px 0px;
		padding: 0px, 0px, 0px, 0px;
		display:inline-block;
}
		
.h5:link {	color: #f7941d;
			font-size: 23px; line-height: 23px; font-style: normal; font-weight: bolder; margin: 12px 0px; 
			padding: 0px, 0px; display:inline-block; text-decoration: none; }
			
.h5:visited {	color: #f7941d;
				font-size: 23px; line-height: 23px; font-style: normal; font-weight: bolder; margin: 12px 0px; 
				padding: 0px, 0px; display:inline-block; text-decoration: none; }
				
.h5:hover {	color: #fdba58;
			font-size: 23px; line-height: 23px; font-style: normal; font-weight: bolder; margin: 12px 0px; 
			padding: 0px, 0px; display:inline-block; text-decoration: none; }

/******* this is the highlight colour for h5, on the html page you just use the 'strong' tag, and because it's within this h5 tag, it will pick up the h5 attributes and add this colour *****/
h5 strong {	color: #fdba58; }
 
 /******* 'page' is the link style for the Ferry Operators page, nicked from AFerry's ContentPage.css stylesheet *****/
A.page:link 	{	FONT-WEIGHT: normal; FONT-SIZE: 11px;
					COLOR: #286fb7; text-decoration: none;
					}
A.page:visited {	FONT-WEIGHT: normal; FONT-SIZE: 11px;
					COLOR: #286fb7; text-decoration: none;
					}
A.page:hover {	FONT-WEIGHT: normal; FONT-SIZE: 11px;	
				COLOR: #f7941d; text-decoration: underline;
}
/****end of 'page' style ***/

.BreadCrumb {	padding-left: 20px;
				font-size: 9px;
				color: #808080;
				font-weight: normal;
				}

.BtmMenu A:link {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px;
		COLOR: #286fb7;
		text-decoration: none;
}

.BtmMenu A:visited
{
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px;
		COLOR: #286fb7;
		text-decoration: none;
}

.BtmMenu A:hover {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px;
		COLOR: #0d528f;
		text-decoration: none;
}

 
 
 /********************* LEFT nav *****/

.leftNavHead {  font-size: 9px;
				line-height: 9px;
				color:#286fb7;
				text-align: left;
				text-decoration:none;
				font-weight: normal;
				display: block;
				letter-spacing: 0.5px;
				margin-bottom: 0px;
			}

.leftNavHead a:link {	font-size: 9px;
						font-weight: normal;				
						color:#286fb7;
						text-decoration:none;
						}

.leftNavHead a:visited {	font-size: 9px;
							font-weight: normal;				
							color:#286fb7;
							text-decoration:none;
							}

.leftNavHead a:hover {	font-size: 9px;
						font-weight: normal;				
						color:#7bafde;
						text-decoration:none;
						}

.LeftNav {	font-family:  Verdana, Arial, sans-serif;
			font-size: 9px;
			line-height: 10.5px;
			font-weight: normal;
			text-align: left;	
			text-decoration:none;
			display: block;
			margin: 7px 0px 0px 0px;
			}

.LeftNav a:link {	font-family:  Verdana, Arial, sans-serif;
					font-size: 9px;
              		color:#286fb7;
					font-weight: normal;
					text-decoration:none;
					}

.LeftNav a:visited {	font-family:  Verdana, Arial, sans-serif;
						font-size: 9px;
						font-weight: normal;
						text-decoration:none;
               			color:#286fb7;
						}

.LeftNav a:hover {	font-family:  Verdana, Arial, sans-serif;
					font-size: 9px;
					font-weight: normal;
         		    color:#7bafde;
					text-decoration:none;
			}
 
/************************************************************************* main text end *****/

 /*******sticky footer-friendly main container divs - avoid using top + bottom margin on these to help sticky footer work *****/


/***divWrapper contains everything ABOVE "#footer", which must be outside divWrapper to make Sticky Footer work ***/
#divWrapper {	min-height: 100%;
				height: 100%;
				width:958px;
				border-right: 1px solid #d2d3d4;
				border-left: 1px solid #d2d3d4;
				margin-left:auto; margin-right:auto;
				padding:0px;
				text-align:left;
				background-color: #ffffff;
				overflow:hidden;
}


/***divTopBanner contains the logo, Glass Icons and Main Navigation tabs ***/
#divTopBanner {	width:958;
				height:123px;
				padding:0px 0px 0px 0px;
				margin: 0px auto;
				text-align:left;
				background-color: #ffffff;
           }

/*** "#central" contains the 3 main 'column' divs, divMain, divLeftNav and divRight ***/
#central {	overflow:auto;
			clear:both;
			padding-bottom: 40px;}  /* must be same height as the footer */
			
#divMain {		display: inline;
                float:left;
                width: 428px;
                margin-left: 170px;
                padding-left: 20px;
                padding-bottom: 20px;
				}

/***divLeftNav appears in  browsers before divMain, but in html is after divMain, to make search robots find main content first. this is achieved by negative margin-left ***/
 #divLeftNav{	float: left;
				width: 150px;
				margin-left: -598px;
}                             

/*******************these are the exceptions: 2 column versions for the 'search result' page only*****/
 
#divMain2column {	display: inline;
					float: right;
					width: 728px;
					padding: 0px 40px 20px 20px;
					}

#divLeftNav2column{	float: left;
					width: 150px;
					margin-left: 20px;
					}					             

/********************end of 2-column exceptions*****/

#divRight{	padding-right: 20px;
			float: right;
			width: 300px;
            }

			
/*** #footer sits BENEATH divWrapper, helps to make Sticky Footer work ***/
#footer {	position: relative;
			margin-top: -40px; /* negative value of footer height */
			height: 40px;
			clear:both;
			border-right: 1px solid #d2d3d4;
			border-left: 1px solid #d2d3d4;
			width:958px;
			margin-left:auto; margin-right:auto;
} 


/*Opera Fix for Sticky Footer */
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/************************* Logo, Glass Icons and Main Navigation divs, which go inside divTopBanner *****/        

#divLogoHold {	float:left;
				width:300px;
				padding:10px 0px 0px 20px;
				margin:0px auto;
             }
 
#divGlassHold {	text-align:right;
				padding:20px 20px 0px 20px;
				margin:0px 0px 0px auto;
              }
 
#divNavHold {	float: right;
				width:600px;
				height:29;
				margin:0px auto;
				padding: 16px 18px 0px 0px;
				text-align:right;
            }
/************************* Sub and bottom navigation divs *****/        
#divSUBNavHold {	float:right;
					width:938px;
					height:27;
					margin-left: auto; margin-right: auto;
					padding: 0px 20px 0px 0px;
					text-align:right;
					background-color: #286fb7;
              }

#divBtmNavHold {	clear: both;
					width:918px;
					padding: 0px 20px;
					text-align:center;
					background-color: #d2e3f5;
}
/**********************search bar and breadcrumb divs *****/        

#divSearchHold {
				float:left;
				width: 918px;
				margin: 0px 0px;
				padding: 10px 20px;
				text-align:right;
				display:inline;
				background-color: #ffffff;
                }                                                             
.searchContainer {	float:right;
					width: 400px;
					}
	
.searchbox {    font-family: Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                padding: 0px;
                height: 15px;
}

.searchbutton {	font-family: Geneva, Arial, Helvetica, sans-serif;
				border:none;
				FONT-WEIGHT: bold;
				FONT-SIZE: 10px;
				COLOR: #FFFFFF;
				background: url(images/Gsearch_button.jpg) no-repeat 0 0;
				height: 20px;
				width:73px;
				padding: 0px 0px 0px 0px
				}
.searchbutton:hover { background-position: 0 -30px; }
.searchbutton span	{ display: none; }


#divBreadcrumb {	float: left;
					width:600px;
					margin:0px auto 0px 0px;
					padding:0px 0px;
					text-align:left;
				 }

#divsearchbox {	float: right;
				margin:0px 0px;
				padding:0px 0px 0px 0px;
				text-align:left;
			}

 
 
/*****************these two divs are for the homepage, to let text sit next to icons*****/

.divIconOnly {	float: none;
				width:60px;
				margin:0px 0px;
				padding:0px 0px;
				text-align:left;
			 }

.divTextOnly {	float: none;
				width: 362px;
				margin: -72px 0px 0px 65px;
				padding:10px 0px 0px 0px;
				text-align:left;

                                }
/*****************end of icons/text divs for Entee Homepage *****/

#divBannerRotator {
				float: none;
				width:290px;
				margin:-0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				text-align:left;
			}
                           
/*----------------------------------------Glass Icon rollovers --------------------------------------------------*/
#GlassEntee { display: block; width: 53px; height: 60px; background: url(../images/GlassEnteeboth.jpg) no-repeat 0 0; }
#GlassEntee:hover { background-position: 0 -72px; }
#GlassEntee span { display: none; }
 
#GlassLCT { display: block; width: 53px; height: 60px; background: url(../images/GlassLCTboth.jpg) no-repeat 0 0; }
#GlassLCT:hover { background-position: 0 -72px; }
#GlassLCT span { display: none; }

#GlassTTG { display: block; width: 53px; height: 60px; background: url(../images/GlassTTGboth.jpg) no-repeat 0 0;
}
#GlassTTG:hover { background-position: 0 -72px; }
#GlassTTG span { display: none; }

/*** this is a container div for the 3 icons ***/
.GlassIconHolder {	float:right; padding:0px 5px 0px 15px;  display: inline; }

/*** this is the style for partner logos ***/
.partnerLogo img {
	float: left;
	background-color: #fff;
	padding: 4px 10px 0 0;
	margin: 0px 60px 20px 0px;
	}
/*------------------------------------style for square blue bullets -------------------------------------------------*/

.squareBullet {
	list-style: square url(images/squareBullet.gif) inside;
	text-indent: 0px;
}

/*** border style and 'ship' style, which is for hidden text *****/

.border1 {	border: 1px solid #666666; }

.ship 			{	color: #ffffff; text-decoration: none; text-align:center; }
a.ship:link 	{	color: #ffffff; text-decoration: none; }
a.ship:visited 	{	color: #ffffff; text-decoration: none; }
a.ship:hover 	{	color: #ffffff; text-decoration: none; }

/***** for google map *****/
#map{	width:428px; height:500px; display: block; border: 1px solid #666666; }
		
/*** worldchoice logo *****/
#WorldChoice {	padding:1px 0px 0px 0px;
				margin:20px 0px 0px 0px;
				display: block;
				width: 95px;
				height: 45px;
				background: url(../images/worldchoiceLogo-both.jpg) no-repeat 0 0;
				}
#WorldChoice:hover { background-position: 0 -50px; }
#WorldChoice span { display: none; }