@charset "UTF-8";
/* HIS affiliate - EN */


/*********** Reset CSS  ***********/
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; }
* { margin: 0; padding: 0; }

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; }
/* allows images to butt-up to each other */ 
table img { display: block; }
.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 */

:focus {outline:none;} 
::-moz-focus-inner {border:0;} 

html {	overflow-y: scroll;
		height: 100%; 
		}

body > #divWrapper {height: auto; min-height: 100%;}
/********************** end of reset css *****/

Body { font-family: Arial, Helvetica, sans-serif; background: url(images/BG-grad.jpg) repeat-x 0 0; 
		height: 100%; font-size: 12px; font-weight: normal; color: #727272; background-color: #81b5d8; 
		}
html, body {height: 100%;}

/************************** link text styles - start *****/
a:link, a:visited, a:hover {	font: normal 12px/17px Arial, Helvetica, sans-serif; color: #727272; 
								text-decoration: none; border-bottom: 1px dotted #727272; }
a:hover {	color: #005684; border-bottom: 1px dotted #005684; }

.Img A:link, .Img A:visited, .Img A:hover  { 
	border: 0; margin: 0; padding: 0; text-decoration: none; }

.moreInfo:link, .moreInfo:visited, .moreInfo:hover { 
	font: bold 12px/17px Arial, Helvetica, sans-serif; color: #005684; border-bottom: 1px dotted #005684; } 

.moreInfo:hover { color: #727272;  border-bottom: 1px dotted #727272; }

a.htwoStyleLink:link, a.htwoStyleLink:visited, a.htwoStyleLink:hover { 
	font: bold 17px/22px Arial, Helvetica, sans-serif; color: #005684; text-align: center; margin: 0; padding: 10px 0 0 0; display: block; }
a.htwoStyleLink:hover { color: #81B5D8; }

.BoldHeaderTextLink:link, .BoldHeaderTextLink:visited, .BoldHeaderTextLink:hover {
	font-size: 12px; color: #005684; font-weight: bold; border-bottom: 1px dotted #005684; } 
.BoldHeaderTextLink:hover { 
	color: #727272; border-bottom: 1px dotted #727272; }

/***************************************** main text styles - start *****/
p+h3 { margin-top: 20px; }
ul+h3 { margin-top: 20px; }
li {line-height: 16px; }
p, .Intro-P  {	font: normal 12px/16px Arial, Helvetica, sans-serif; color: #727272; text-align: left;
    display: block; padding: 10px 0 1px 0; }
.Intro-P { padding: 0 0 1px 0; }

.p-style-Text-17LineHeight { 
	font: normal 12px/17px Arial, Helvetica, sans-serif; color: #727272; text-align: left; display: block; }
.BoldHeaderText { font: bold 12px Arial, Helvetica, sans-serif; color: #005684; }
.Intro { font: normal 14px/17px Arial, Helvetica, sans-serif; color: #005684; text-align: left; display: block; padding: 0 0 4px 0; margin: 0 0 2px 0;}
h1+.Intro { margin-top: 6px; }

.HeadersDeepLinks { font-size: 12px; color: #727272; line-height: 20px; margin-top: -8px; 
}
h1 { font: normal 20px/20px Arial, Helvetica, sans-serif; color: #005684; text-align: left; display: block; padding: 0 0 0px 0; margin: 0 0 0px 0; }
h2 { font: normal bold 16px/18px Arial, Helvetica, sans-serif; color: #005684; text-align: left; display: block; padding: 0 0 4px 0; margin: 0 0 2px 0; }
h3 { font: normal bold 13px/16px Arial, Helvetica, sans-serif; color: #005684; text-align: left; display: block; padding: 0;  margin: 0; 	}

/****************************** container divs - start *****/
#divWrapper {	min-height: 100%; width: 980px; 
				margin-left: auto; margin-right: auto; text-align: left; overflow: hidden;
				background-color: #f5f5f5; 
				}

#divContent {	overflow:auto; 
				padding-bottom: 60px; 
				padding-top: 30px; width: 980px; margin: 0 auto;
				display: block; clear: both;  }

#divFooter2 {	width: 980px; overflow: hidden; display: block; 
				height: 60px; margin-top: -60px; margin-left: auto; margin-right: auto;
				background-color: #000;
				position: relative; clear:both;
				font-size: 13px; color: #fff; text-align: center; line-height: 60px;}

body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }

/* ======================================== */
.divLeft {		float: left; width: 304px; overflow: hidden; margin-left: 12px; }
.divMiddle {	float: left; width: 304px; overflow: hidden; }
.divRight {		float: right; width: 304px; overflow: hidden; }

.div2colMiddle {
	float: right; width: 630px; margin-right: 12px; overflow: hidden; }
.div1colRight { 
	float: right; width: 304px; margin-right: 12px; overflow: hidden; }
#div2colBannerRotatorHolder { 
	float: right; width: 646px; margin: 0 4px 9px 0; overflow: hidden; }
.div1ColHolderNoPanel { width: 300px; margin: 2px auto 18px auto;  clear: both; overflow: hidden; }

/***************************** top main navigation - start *****/
#divBlueTopNav {
	width: 977px;
	height: 33px;
	background: url(images/topnavrepeat.jpg) repeat-x 0 0;
	vertical-align: middle;
	margin: 0 0; padding: 0 0 0 3px;
	position: absolute; left: 0; bottom: 0;
	}

#TopNav { float: left; height: 33px; text-align: center; overflow: hidden; }
#TopNav ul { margin: 0; list-style: none; float: left; vertical-align: middle; height: 33px; }

#TopNav li.line{	background: transparent url(images/topnavdivider.png) no-repeat 0 0; margin: 0; padding:0;
					display: block; overflow: hidden; width: 1px; height: 33px; }

#TopNav li {	font-size: 12px; font-weight: bold; 
				float: left; background: transparent url(images/lefttopnav.jpg) repeat-x 0 0; margin: 0; padding: 0px 0 0 8px;  }
#TopNav a { font: bold 12px/21px Arial, Helvetica, sans-serif; color: #00409a; text-decoration: none;
			float: left; display: block; background: url(images/righttopnav.jpg) repeat-x 0 0; padding: 6px 10px 7px 0; }
			
#TopNav > ul a { width: auto; vertical-align: middle; height: 33px; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#TopNav a { float: none; }
    /* End IE5-Mac hack */
#TopNav a:hover { color: #2fb1fc; }
#TopNav li:hover, #TopNav li:hover a { background-position:0% -33px; }
#TopNav li:hover a { background-position:0% -33px; }

/********************/
#home #nav-home, 
#asia-ferry-routes #nav-asia-ferry-routes,
#europe-ferry-routes #nav-europe-ferry-routes
	{ background-position:0% 0; border-width: 0;
									}
#home #nav-home a, 
#asia-ferry-routes #nav-asia-ferry-routes a,
#europe-ferry-routes #nav-europe-ferry-routes a
	{ background-position:0% 0; padding-bottom: 0; color: #2fb1fc;
									}

/************************************ top banner - start *****/
#divTopBannerHold {
	width: 980px;
	height:120px;
	margin: 0px auto;
	text-align: left;
	display: block;
	position: relative;
	background: url(images/BG-grad.jpg) repeat-x 0 0; 
	}
	
#divTopBannerStraplineHold {	font: normal bold 16px/17px Arial, Helvetica, sans-serif; color: #81B5D8;
								float: left; height: 31px; padding: 48px 17px 0 0; text-align: left;
								width: auto;
								_width: 400px; 
								}

/********************************* 1 column panel - start *****/
.panelTop-1col {
	width:304px; height: 5px; margin-right: auto; margin-left: auto; background: url(images/afry_top-btm.gif) no-repeat 0 0; padding-top: 0;  }
.panelBtm-1col { 
	width:304px; height: 10px; margin-right: auto; margin-left: auto; background: url(images/afry_top-btm.gif) no-repeat 0 -10px; padding-bottom: 18px; /*** alter for more gap between panels ***/
	margin-top: 0;
	}
.panel-1col { 
	width: 276px; margin-right: auto; margin-left: auto; background: url(images/afry_middle.gif) repeat-y 0 0; margin-top: 0; padding: 0 14px 0 14px; overflow: hidden;
}
.panel-1col p { padding: 10px 0 1px 0; margin:0; text-align: left; }
.panel-1col h2 { padding: 9px 0 4px 0; }
.panel-1col h3 { padding: 10px 0 0 0; }
.panel-1col p+h3 { 	margin-top: 10px; }
.panel-1col ul+h3 { margin-top: 10px; }
.panel-1col li { padding: 10px 0 0 0; line-height: 16px; }
.TitleIconHolderForPanel-1col { display: block; width: 276px; border-bottom: dotted #fdcc1a 1px; overflow: hidden; }
.TitleHolderForPanel-1col { display: block; float: left; width: 232px; overflow: hidden; }
.IconHolderForPanel-all { display: block; float: left; width: 30px; padding-left: 14px;  }

/************************************** spanning 2 column panel - start *****/
.panelTop-2col { 
	width: 630px; height: 5px; margin-right: auto; margin-left: auto; background: url(images/afry_top-btm2col.gif) no-repeat 0 0; padding-top: 0;  }
.panelBtm-2col { 
	width: 630px; height: 10px; margin-right: auto; margin-left: auto; background: url(images/afry_top-btm2col.gif) no-repeat 0 -10px; padding-bottom: 18px; 
	margin-top: 0;
	}
.panel-2col { width: 602px; margin-right: auto; margin-left: auto; background: url(images/afry_middle2col.gif) repeat-y 0 0; margin-top: 0; padding: 0 14px 0 14px; overflow: hidden;
	}
.panel-2col p { 
	padding: 10px 0 1px 0; text-align: left; }
.panel-2col h2 { 
	padding: 9px 0 4px 0; }
.panel-2col h3 { padding: 10px 0 0 0; }
.panel-2col p+h3 { 	margin-top: 10px; }
.panel-2col ul+h3 { margin-top: 10px; }
.panel-2col li { padding: 10px 0 0 0; line-height: 16px; }
.TitleIconHolderForPanel-2col { display: block; width: 602px; border-bottom: dotted #fdcc1a 1px; margin:0; overflow: hidden; }
.TitleHolderForPanel-2col {	display: block; float: left; width: 558px; overflow: hidden; }

/************************ 276px column within a 1 column panel - start *****/
.Col276 { display: block; float: left; width: 276px; overflow: hidden; }

/************************************* with 2 columns within a 1 column panel - start *****/
.ColStart-1col { display: block; float: left; width: 127px; overflow: hidden; text-align: left; }
.ColRest-1col { display: block; float: left; width: 127px; overflow: hidden; text-align: left; padding: 0 0 0 22px; }

/********************************************with 4 columns within a spanning 2 column panel - start *****/
.ColStart-2col { display: block; float: left; width: 134px; overflow: hidden; }
.ColRest-2col { display: block; float: left; width: 134px; overflow: hidden; padding: 0 0 0 22px; }

/****************************************************** top header title holders - start *****/
.non-panelTopTitleHolder { 
	float: right; width: 626px; margin: 2px 2px 9px 2px; padding:0; display: block; overflow: hidden; }
.CompaniesLogoHold { 
	float: right; width: 123px; height: 35px; display: block; text-align: right; overflow: hidden; border: 0; }
.HOneHolder { float: right; width: 481px; display: block; text-align: left; overflow: hidden; margin: 19px 22px 0 0; }

/*********************************************** small graphics - start *****/
.divCompanyLogos {	float: left; width: 123px; height: 35px; display: block; text-align: right; overflow: hidden; border: 0; }
.divArrow { width: 5px; height: 7px; overflow: hidden; }
.divSchedules-Board { width: 14px; height: 12px; overflow: hidden; display: inline-block; margin: 0 4px 0 0; }

/****************************************************rotating banner - start *****/
.divBannerRotatorRowOne { background-image: url(images/2colRotatingBanner-top.jpg); background-repeat: no-repeat; width: 646px; height: 10px; overflow: hidden; }
.divBannerRotatorRowTwo { width: 646px; height: 194px; overflow: hidden;  }
.divBannerRotatorRowTwoLeftCol { background-image: url(images/2colRotatingBanner-left.jpg); background-repeat: repeat-y; float: left; width: 10px; height: 194px; overflow: hidden;   }
.divBannerRotatorRowTwoRightCol { background-image: url(images/2colRotatingBanner-right.jpg); background-repeat: repeat-y; float: right; width: 10px; height: 194px; overflow: hidden; }
.divBannerRotatorContentHold { float: left; width: 626px; height: 194px; }
.divBannerRotatorRowThree { background-image: url(images/2colRotatingBanner-bottom.jpg); background-repeat: no-repeat; width: 646px; height: 10px; overflow: hidden; 
}
.divBannerRotatorRowTwoLeftCol-ferry-comp-only { 	background-image: url(images/2colRotatingBanner-left-ferry-comp-only.jpg); background-repeat: repeat-y; float: left; width: 10px; height: 226px;}
.divBannerRotatorRowTwoRightCol-ferry-comp-only { 	background-image: url(images/2colRotatingBanner-right-ferry-comp-only.jpg); background-repeat: repeat-y; float: right; width: 10px; height: 226px; }
.divBannerRotatorContentHold-ferry-comp-only { 	float: left; width: 626px; height: 226px; }
.divBannerRotatorRowTwo-ferry-comp-only { 	width: 646px; height: 226px; }

/*********************************************** single pic holder - start *****/
.divSinglePicNoPanelHold { margin-top: 15px; width: 300px; overflow: hidden; }
.divSinglePicWithPanelHold { margin-top: 15px; width: 276px; overflow: hidden; }
.divSinglePicWithPanelHoldTopPanel { padding: 10px 0 0 0; width: 276px; overflow: hidden; }

/***************************************** gallery panel - start *****/
.divGalleryMainPic { width: 276px; height: 160px; margin: 0 0 6px 0; overflow: hidden; display: block; }
.divThumbnailHold { width: 276px; overflow: hidden; display: block; }
.divThumbnail { float: left; width: 88px; height: 50px; overflow: hidden; margin-right: 6px; }
.divThumbnailEnd { float: left; width: 88px; height: 50px; overflow: hidden; }
.divGalleryScroll { margin: 0 auto; width: 33px; height: 13px; padding: 5px 0 0 0; text-align: center; }
.divGalleryScrollLeft { float: left; width: 14px; height: 13px; display: block; }
.divGalleryScrollRight { float: right; width: 14px; height: 13px; display: block; }
.divGalleryScrollLeft a { float: left; display: block; width: 14px; height: 13px; background: url(images/leftscrollbutton.jpg) 0 0 no-repeat; outline: none; }
.divGalleryScrollLeft:active { outline: none; }
.divGalleryScrollLeft a:hover {  background-position: 0 -13px; }
.divGalleryScrollRight a { float: left; display: block; width: 14px; height: 13px; background: url(images/rightscrollbutton.jpg) 0 0 no-repeat; outline: none; }
.divGalleryScrollRight a:hover {  background-position: 0 -13px; }

/******************************************* schedules board - start *****/
.Col1-SchedulesBoard { display: block; float: left; width: 206px; overflow: hidden; }
.ColRest-SchedulesBoard { display: block; float: left; width: 186px; overflow: hidden; margin: 0 0 0 22px; }

/***************************************** forms styling - start *****/
.SelectCountry { color: #727272; font-weight: normal; font-size: 10px; }
.SpecialOffer { color: #005684; font-weight: normal; font-size: 13px; }
.FerryRoutesDropdownHolder { padding: 10px 0 0 0; }
.FerryRoutesDropdown { 	color: #727272; font-weight: normal; font-size: 13px; width: 100%; height: 20px; }

/************************************ map - start *****/
#map_canvas { width: 276px; height: auto; overflow: hidden; display: block; }
.HolderEnd-Map { display: block; float: left; width: 276px; overflow: hidden; padding: 10px 0 0 0; text-align: right; }
.End-Map-LargerMap { display: block; float: right; overflow: hidden; text-align: right; width: 276px; }

/*************************************************** map - start *****/
#map_canvas { width: 276px; height: auto; overflow: hidden; display: block; }
.HolderEnd-Map2col { display: block; float: left; width: 602px; overflow: hidden; padding: 10px 0 0 0; text-align: right; }
.End-Map-LargerMap2col {	display: block; float: right; overflow: hidden; text-align: right; width: 602px; }

a.htwoStyleLEFTLink:link, a.htwoStyleLEFTLink:visited, a.htwoStyleLEFTLink:hover { 
	font: bold 16px/21px Arial, Helvetica, sans-serif; color: #005684; text-align: left; text-decoration: none;
	margin: 0 0 2px 0; padding: 7px 0 3px 0; display: block; border: 0; }
a.htwoStyleLEFTLink:hover {  color: #81b5d8; }

/******************************* additional schedules board - start *****/
.Col1-AddSchedulesBoard { 	display: block; float: left; width: 222px; overflow: hidden; margin: 5px 0 0 0; }
.Col2-AddSchedulesBoard { 	display: block; float: left; width: 180px; overflow: hidden; margin: 5px 0 0 22px; }
.Col3-AddSchedulesBoard { 	display: block; float: left; width: 156px; overflow: hidden; margin: 5px 0 0 22px; }
.Holder-Spanning2col-schedulesboard { 	display: block; float: left; width: 602px; overflow: hidden; padding: 1px 0 1px 0; }
.Col2-AddSchedulesBoardTitle { 	display: block; float: left; width: 172px; overflow: hidden; margin: 0 0 0 36px; }
.Col3-AddSchedulesBoardTitle { 	display: block; float: left; width: 158px; overflow: hidden; margin: 0 0 0 30px; }

/******************************************* small graphics addition - start *****/
.divTinyCompanyLogos { 	float: left; width: 93px; height: 27px; display: block; text-align: left; overflow: hidden; border: 0; }
.divTinyCompanyLogos0border { float: left; width: 93px; height: 27px; display: block; text-align: left; overflow: hidden; border-bottom: dotted #727272 1px; }

a.IntroLink:link, a.IntroLink:visited, a.IntroLink:hover { 	font: normal 14px/19px Arial, Helvetica, sans-serif; color: #005684; text-align: left; }
a.IntroLink:hover {	color: #81B5D8; }

/**************************** a - z selector - start *****/
.Holder-Row-3col {	display: block; float: left; width: 928px; overflow: hidden; padding: 10px 0 0 0; clear: both; }
.Holder-Row-3col-Selector { display: block; float: left; width: 928px; overflow: hidden; padding:0; clear: both; }
.A-Z-Col { display: block; float: left; width: 35px; overflow: hidden; text-align: left; padding-top: 10px; }
.AZSelectorTextLink:link, .AZSelectorTextLink:visited, .AZSelectorTextLink:hover { font: bold 14px/21px Arial, Helvetica, sans-serif; color: #005684; border-bottom: 1px dotted #005684; } 
.AZSelectorTextLink:hover { color: #727272; border-bottom: 1px dotted #727272; }

.arrowBullet {	margin: 0 0 0 7px; padding: 10px 0 0 10px; list-style-image: url(images/arrowBullet.gif); line-height: 19px;}
.arrowBullet li { padding:0; line-height: 19px; }
.arrowBullet10top { margin: 0 0 0 7px; padding: 0 0 0 10px; list-style-image: url(images/arrowBullet10top.gif); line-height: 19px; }
.arrowBullet10top li { padding:0; line-height: 19px; }
.NOarrowBullet { margin: 0 0 0 7px; padding: 0 0 0 10px; list-style-image: none; line-height: 19px; }
.NOarrowBullet li { padding:0; line-height: 19px; }
.ColStart-3col-Left { display: block; float: left; width: 136px; overflow: hidden; text-align: left; }
.ColRest-3col-Left { display: block; float: left; width: 136px; overflow: hidden; padding: 0 0 0 22px; text-align: left;}

/********************************************* news - start *****/
.Holder-NewsStory-2col { display: block; float: left; width: 602px; overflow: hidden; padding: 10px 0; border-bottom: dotted #fdcc1a 1px; }
.Holder-NewsStory-2col-End { display: block; float: left; width: 602px; overflow: hidden; padding: 10px 0; }
.PicHolder60x60 { width: 58px; height: 58px; display: block; float: left; overflow: hidden; margin: 0 14px 0 0; border: solid #81B5D8 1px; }
.TextHolder528 { width: 528px; display: block; float: left; overflow: hidden; }

/*************************************************** FAQ - start *****/
.Holder-FAQ-2col { display: block; float: left; width: 602px; overflow: hidden; padding: 0 0 10px 0; border-bottom: dotted #fdcc1a 1px; }
.Holder-FAQ-2col-last {	display: block; float: left; width: 602px; overflow: hidden; padding:0; }

/******************************************************** spanning 3 column panel - start *****/
.panelTop-3col { width: 956px; height: 5px; margin-right: auto; margin-left: auto; background: url(images/afry_top-btm3col.gif) no-repeat 0 0; padding-top: 0;  }
.panelBtm-3col { /*** bottom div of a spanning 3 column panel ***/
	width: 956px; height: 10px; margin-right: auto; margin-left: auto; background: url(images/afry_top-btm3col.gif) no-repeat 0 -10px; padding-bottom: 18px; margin-top: 0; float: left; }
.panel-3col { width: 928px; margin-right: auto; margin-left: auto; background: url(images/afry_middle3col.gif) repeat-y 0 0; margin-top: 0; padding: 0 14px 0 14px; overflow: hidden; }
.panel-3col p { padding: 10px 0 1px 0; text-align: left; }
.panel-3col h2 { padding: 9px 0 4px 0; }
.panel-3col h3 { padding: 10px 0 0 0; }
.panel-3col p+h3 { margin-top: 10px; }
.panel-3col ul+h3 { margin-top: 10px; }
.panel-3col li { padding:0; line-height: 16px; }
.TitleIconHolderForPanel-3col { display: block; width: 928px; border-bottom: dotted #fdcc1a 1px; margin:0; overflow: hidden; }
.TitleHolderForPanel-3col { display: block; float: left; width: 884px; overflow: hidden; }
.div3colMiddle { float: left; width: 956px; margin: 0 12px 0 12px; overflow: hidden; }

/**************************************************** spanning 3 column panel inner content - start *****/
.non-panelTopTitleHolder-3col { float: left; width: 952px; margin: 2px 2px 0 2px; padding: 0 0 9px 0; display: block; overflow: hidden;  }
.ColStart-3col { display: block; float: left; width: 136px; overflow: hidden; text-align: center; }
.ColRest-3col { display: block; float: left; width: 136px; overflow: hidden; padding: 0 0 0 22px; text-align: center; }
.Auto { width: 123px; margin: 0 auto; overflow: hidden; }

a.pStyleLink:link, a.pStyleLink:visited, a.pStyleLink:hover {  font: normal 11px/16px Arial, Helvetica, sans-serif; color: #727272; border-bottom: 1px dotted #727272; text-decoration: none; text-align: center; }
a.pStyleLink:hover { color: #005684; border-bottom: 1px dotted #005684; }
a.SmallTextLink:link, a.SmallTextLink:visited, a.SmallTextLink:hover 
	{ font: normal italic 11px/16px Arial, Helvetica, sans-serif; color: #81B5D8; border-bottom: 1px dotted #81B5D8; text-decoration: none; text-align: center;}
a.SmallTextLink:hover { color: #005684; border-bottom: 1px dotted #005684; }
.div2colMiddle-Left { float: left; width: 630px; margin-left: 12px; overflow: hidden; }

.Holder-Row-Company-Logo-Text { display: block; float: left; width: 928px; overflow: hidden; padding:0; clear: both; }

.divBookingEngineHold { width: 272px; margin: 0 0 20px 0; padding: 10px; border: solid 5px #fdca0b; overflow: hidden; display: block;background-color: #fee8ac; }

#divBannerRotatorHolder { width: 626px; margin: 0 auto; overflow: hidden; border: 0; }
#scroller { 
	height: 194px; 
	width: 626px; 
	overflow: hidden; background: #000; 
	color: #fff; position: relative; line-height: 16px; font-size: 13px; border: 0; 
	}

#helpers { 
	margin: 0; padding: 0; 
	position: absolute; height: 28px; top: 0; 
	right: 29px; background: #fee594; 
	border: 0; 
}

#helpers  li { 
	margin: 0; padding: 0; height: 28px; min-width: 28px; line-height: 28px; 
	display: inline; border: 0; 
}

#helpers a { 
	color: #005785; 
	text-decoration: none; padding: 7px; min-width: 30px; line-height: 28px; 
	border: 0; 
}

#helpers a:hover  { 
	text-decoration: underline; 
	background: #005785; 
	color: #FFF; 
	border: 0; 
}

/* positioning of the play pause button */
#control { 
	display: inline; position: absolute; right: 29px; top: 0; }
#controlPauseContainer { 
	padding: 0; display: inline-block; margin: 0; position: absolute; 
	list-style-type: none; }
#control a { 
	color: #FFF; 
	text-decoration: none; padding: 7px; position: absolute; 
	border: 0; }
#control li a.carousel-pause { 
	background: url(images/hero-teaser-buttons/pause.gif); 
	width: 15px; 
	height: 14px; }
#control li a.carousel-pause:hover { 
	background: url(images/hero-teaser-buttons/pause_hover.gif); 
	width: 15px; height: 14px; }
#control li a.carousel-resume { 
	background: url(images/hero-teaser-buttons/play.gif); 
	width: 15px; height: 14px; }
#control li a.carousel-resume:hover { 
	background: url(images/hero-teaser-buttons/play_hover.gif); 
	width: 15px; height: 14px;}
#helpers li a.show-active { 
	background: #005785;
	color: #FFF; }
.inactive { background: #fee594; }
.imageElement {  position: absolute; }

.Header { 	width: 606px; position: absolute; top: 140px; left: 10px; padding-left: 0; border-bottom: 0;
			font: normal 23px/28px Arial, Helvetica, sans-serif; color: #fee594; text-decoration: none;
			}
.Description { 	width: 602px; position: absolute; top: 170px; left: 12px; padding-left: 0;  border-bottom: 0; 
				font: normal 11px/16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; letter-spacing: 1px;
				}	

a.BannerHeader:link, a.BannerHeader:visited, a.BannerHeader:hover { 
	font: normal 23px/28px Arial, Helvetica, sans-serif; color: #fee594; text-decoration: none; border-bottom: 0; 	}
a.BannerHeader:hover { color: #fee594; border-bottom: 1px dotted #fee594; }

/* Banner Description Link Text */
a.DescriptionText:link, a.DescriptionText:visited, a.DescriptionText:hover { 
	font: normal 11px/16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; letter-spacing: 1px; border-bottom: 0; }
a.DescriptionText:hover { border-bottom: 1px dotted #FFF; }

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

/*************************************** pull quote start *****/
.PullQuote { font: normal 16px Arial, Helvetica, sans-serif; color:#005684; line-height:19px; font-style: italic; text-align: left; width: 100%; }

.Holder-Row-BtmDotLine { display: block; float: left; width: 100%; overflow: hidden; padding: 0 0 10px 0; border-bottom: dotted #fdcc1a 1px; }
.borderlightblue { border: 1px solid #81B5D8; }

.PicHolder60x60NOBORDER { display: block; float: left; overflow: hidden; margin: 0 14px 0 0;  }

.faqBullet { margin: 0 0 0 7px; padding: 0 0 0 10px; 
	list-style-image: url("images/arrowBullet.gif"); line-height: 22px;
}
.faqBullet li { padding:0; line-height: 22px; }
.biggerFaq { font-weight: bold; font-size: 14px; }
.ColStart2-1col { 	display: block; float: left; width: 127px; overflow: hidden; text-align: left; padding: 10px 0 0 0;
}
.ColRest2-1col { display: block; float: left; width: 127px; overflow: hidden; text-align: left; padding: 10px 0 0 22px; }

.Header-No-Panel-Link:link, .Header-No-Panel-Link:visited,.Header-No-Panel-Link:hover,
.Header-With-Panel-Link:link, .Header-With-Panel-Link:visited, .Header-With-Panel-Link:hover  { 
	font: bold 14px/19px Arial, Helvetica, sans-serif; color: #f37415; text-align: left; text-decoration: none; border-bottom: 1px dotted #f37415; }
.Header-No-Panel-Link:hover, .Header-With-Panel-Link:hover { color: #81B5D8; border-bottom: 1px dotted #81B5D8; }


.Holder-Row-3col-956px-panel { display: block; float: left; width: 956px; overflow: hidden; padding:0; clear: both; }
.flaghold { width: 25px; float: left; display: block; overflow: hidden; padding: 10px 0 0 0; }
.flagtexthold { width: 169px; float: left; display: block; overflow: hidden; padding: 10px 0 0 0; }
.col4 { overflow: hidden; width: 194px; border: 0; margin: 0; padding: 0; display: block; padding: 10px 0; }
.picholder-4col { width: 194px; background-color: #3300CC; border: 0; margin:0; display: block; overflow: hidden; }
a.BackTopTextLink:link {  font-size: 10px; font-weight: normal; line-height: 15px; color: #727272; border-bottom: 1px dotted #727272; text-decoration: none; text-align: right; }
a.BackTopTextLink:visited { font-size: 10px; font-weight: normal; line-height: 15px; color: #727272; border-bottom: 1px dotted #727272; text-decoration: none; text-align: right; }
a.BackTopTextLink:hover { font-size: 10px; font-weight: normal; line-height: 15px; color: #005684; border-bottom: 1px dotted #005684; text-decoration: none; text-align: right; }

.ColPaddingTop10px { padding: 10px 0 0 0; }

/* strapline BUTTON 34px *****************************/
.GlobalButton20px span  {	background: transparent url('images/GlobalButton20pxLeft.png') no-repeat 0 0; 
							_background: transparent url('images/GlobalButton20pxLeft.gif') no-repeat 0 0; 
							display: block; line-height: 20px; padding: 0 0 0 8px; color: #fff; white-space:nowrap; text-transform:uppercase;  }                                                                                                                                
.GlobalButton20px  {	background: transparent url('images/GlobalButton20pxRight.png') no-repeat top right; 
						_background: transparent url('images/GlobalButton20pxRight.gif') no-repeat top right; 
						display: block; height: 20px; padding-right: 8px; text-decoration: none; 
						font: bold 12px Arial, Helvetica, sans-serif; white-space:nowrap; text-transform:uppercase; 
                                                                                                }
#divLogoHold {	float:left;
				width:134px;
				padding:10px 0px 0px 20px;
				margin:8px 20px 0px auto;
             }
			 
#LogoRollover { display: block; width: 134px; height: 52px; 
				background: url(images/HIS-logo-white.png) no-repeat 0 0; 
				_background: url(images/HIS-logo-white.gif) no-repeat 0 0; 
				border: none; }
#LogoRollover:hover { background-position: 0 -52px; }
#LogoRollover span { display: none; }


 .End-Map-LargerMap { 
	display: block;
	float: right;
	overflow: hidden;
	text-align: right;
	width: 276px;
}

imgLargerMap { border: 0 none; }