/* MerseyTravel CSS Document */
/* Created by Ian Walker / Connect Internet Solutions Limited */
/* February 2009 */


/*------ General CSS */
body { background-color: #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight: normal; color: #333;}
a {color:#003399; text-decoration:none; font-weight:normal;}
a:hover {text-decoration:underline; font-weight:normal;}
form { padding: 0; margin: 0; }

/*------ Positioning Divs */
.overallholder { position: relative; width: 1000px; padding: 0px 0px 0px 0px;  margin-bottom: 0px; margin-left: auto; margin-right: auto;}

/*------ Top Navigation Bar */
.topnav { float:left; position: relative; width: 1000px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background:#ffef00; border-bottom: 1px solid #000; border-top: 1px solid #000}
.topnav ul {float:left; position: relative; list-style:none; padding: 0px 0px 0px 10px; margin:0px 0px 0px 0px;}
.topnav li { float:left; position: relative; display:inline; list-style-type: none; padding: 4px 12px 4px 12px; margin:0px 0px 0px 0px;}
.topnav a { font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#003399; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; }
.topnav a:hover {text-decoration:underline; font-weight:normal;}
.header { float:left; position: relative; width: 1000px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.logobrand { float:left; position: relative; width: 750px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}

/*------ Search */
.search { float:right; position: relative; width:250px; padding: 20px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:80%; font-weight:bold;}
.searchbox { float:left; position: relative; margin:8px 0px 5px 0px; padding:2px 4px 2px 4px; font-size:100%; width:190px; border: 1px solid #7f9db9; color:#000; font-style:normal}
.gobutton { float:left; position: relative; margin:5px 0px 5px 10px; padding:0px 0px 0px 0px; }

/*------ Main Navigation Bar */
.nav { float:left; position: relative; width: 1000px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;  border-bottom: 1px solid #000; border-top: 1px solid #000}
.nav ul { float:left; position:relative; border-bottom: 1px solid #ffef00; border-top: 1px solid #ffef00; width: 1000px; list-style:none; background-image:url(/images/mainnavback.jpg); background-repeat:repeat-x; background-position:top; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#ffef00}
.nav li { float:left; position:relative; border-right: 1px solid #000; display:inline; list-style-type: none; padding: 5px 15px 5px 15px; margin:0px 0px 0px 0px;}
.nav li a { font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#003399; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none;}
.nav li a:hover {text-decoration:underline; font-weight:normal;}

/*------ BreadCrumb */
.breadcrumb { float:left; position: relative; width: 1000px; padding: 7px 0px 7px 0px; margin:0px 0px 0px 0px; background:#fff; z-index: 1;}
.breadcrumb ul {float:left; position: relative; list-style:none; padding: 0px 0px 0px 10px; margin:0px 0px 0px 0px;}
.breadcrumb li { float:left; position: relative; display:inline; list-style-type: none; padding: 0px 2px 0px 4px; margin:0px 0px 0px 0px; color:#000000; font-size:90%;}
.breadcrumb a { font-family:Arial, Helvetica, sans-serif; color:#003399; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; }
.breadcrumb a:hover {text-decoration:underline; font-weight:normal;}

/*------ Main */
.main { float:left; position: relative; width: 1000px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background:#fff; z-index: 1;}
.leftholder { float:left; position: relative; width: 720px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background:#fff;}
.rightholder { float:right; position: relative; width: 270px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#fff;}


/*------ Main Headline */
.headline { float:left; position: relative; width: 696px; padding: 10px; margin:0px 0px 0px 0px; background-color:#eff2f8; border: 2px solid #d8dfed; font-size:90%; color:#003399; line-height:135%;}
.headline a {font-weight:bold;}
.headline a:hover{font-weight:bold;}
.headline h1 { background-color:#990000; color:#FFFFFF; width:691px; font-size:110%; padding: 3px 0px 3px 5px; margin:0px 0px 10px 0px;}
.headline img { float:left; padding: 0px 10px 10px 0px; margin: 0px 0px 0px 0px;}
.headline ul { /*float:left; position: relative;*/ list-style:none; padding: 0px 0px 0px 0px; margin:10px 0px 0px 0px; border-top: 1px solid #d8dfed}
.headline li { list-style-type: none; width:486px; border-bottom: 1px solid #d8dfed; padding: 5px 0px 5px 0px; margin:0px 0px 0px 0px; color:#000000;}
/*.headline a { font-weight:bold;}*/
.headlinesublink { float: left; background:#eff2f8; padding: 7px 0px 7px 7px; margin:0px 0px 10px 0px; width:713px;}
.headlinesublink a {text-decoration:underline;}

/*------ Positioning Divs */
.leftinnerholder { float:left; position: relative; width: 720px; padding: 0px; margin:0px 0px 0px 0px; }
.leftinnerleft { float:left; position: relative; width: 355px; padding: 0px; margin:0px 0px 0px 0px; }
.leftinnerright { float: right; position: relative; width: 355px; padding: 0px; margin:0px 0px 0px 0px; }


/*------ Boxes  */
.boxes { float: left; width: 331px; background-color:#FFFFFF; border: 2px solid #d8dfed; color:#003399; line-height:135%; padding: 10px; margin:0px 0px 0px 0px;}
.boxes h1 { background-color:#FFEF00; color:#000000; width:326px; font-size:100%; padding: 3px 0px 3px 5px; margin:0px 0px 10px 0px;}
.boxes img { float: left; padding: 0px 10px 10px 0px; margin: 0px 0px 0px 0px;}
.boxes ul { float: right; list-style:none; width:201px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.boxes li { list-style-type: none; width:201px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000; font-size:90%}
.boxessublink { float: left; background:#eff2f8; padding: 7px 0px 7px 7px; margin:0px 0px 10px 0px; width:348px;}
.boxessublink a {text-decoration:underline;}
/*------ Boxes (No Image) */
.boxes2 { float: left; width: 331px; background-color:#FFFFFF; border: 2px solid #d8dfed; color:#003399; line-height:135%; padding: 10px; margin:0px 0px 0px 0px;}
.boxes2 h1 { background-color:#FFEF00; color:#000000; width:326px; font-size:100%; padding: 3px 0px 3px 5px; margin:0px 0px 10px 0px;}
.boxes2 ul { float: right; list-style:none; width:331px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.boxes2 li { list-style-type: none; width:331px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000; font-size:90%}

/* Style added IP March 20th */
.boxes3 { float: left; width: 331px; background-color:#FFFFFF; border: 2px solid #d8dfed; color:#003399; line-height:135%; padding: 10px; margin:0px 0px 0px 0px;}
.boxes3 h1 { background-color:#FFEF00; color:#000000; width:326px; font-size:100%; padding: 3px 0px 3px 5px; margin:0px 0px 10px 0px;}
.boxes3 ul { float: left; list-style:none; width:326px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.boxes3 li { list-style-type: none; width:326px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000; font-size:90%}
.boxes3 p {font-size:90%;}

/*------ Right Side Holder Divs */
.travel { width: 246px; border: 2px solid #d8dfed; color:#003399; line-height:135%; padding: 10px; margin:0px 0px 0px 0px;}
.travel h1 { background-color:#990000; color:#FFFFFF; width:241px; font-size:100%; padding: 3px 0px 3px 5px; margin:0px 0px 10px 0px;}
.travel ul { width:241px; list-style:none; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}
.travel ul li { background-color:#eff2f8; list-style-type: none; width:236px; padding: 5px 0px 5px 5px; margin:0px 0px 2px 0px;}
.travelsublink { background:#eff2f8; padding: 7px 0px 7px 7px; margin:0px 0px 10px 0px; width:263px}
.travelsublink a {text-decoration:underline;}

/*------ Right Side Bar Links */
.merseylinks { width: 246px; border: 2px solid #d8dfed; font-size:90%; color:#003399; line-height:135%; padding: 10px; margin:0px 0px 0px 0px; text-align:center }
.merseylinks img { padding: 0px; margin:0px 5px 5px 0px;}

/*------ Footer */
.footer { float:left; position: relative; width: 1000px; padding: 0px 0px 0px 0px; margin:20px 0px 10px 0px; background:#fff; text-align:center; font-size:80%;}
.footer img {padding:0px; margin-bottom:20px}

/*------ Sub Pages */
.subholder { float:left; position: relative; width: 1000px; padding: 0px; margin:0px 0px 0px 0px; border-top:1px solid #d8dfed;}
.subholder h1  { color:#000; font-size:110%; padding: 3px 0px 3px 0px; margin:5px 0px 0px 0px;}
.subholder p { padding: 2px 0px 2px 0px; margin:0px 0px 0px 0px; line-height:140%; font-size:90%;}
.subholder ul { position:relative; list-style:none; padding: 2px 0px 2px 0px; margin:0px 0px 0px 0px; font-size:100%;}
.subholder li { /*list-style-type:none;*/ padding: 2px 0px 2px 15px; margin:0px 0px 0px 0px; line-height:140%; background-image:url(/images/bullet.gif); background-repeat:no-repeat; background-position:5px 10px; }

#menu
{
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif; 
	z-index: 10;
	width:1000px; 
	margin: 1px;
	background-color:#FFEF00; 
	background-image:url(/images/nav_bg.jpg); 
	background-repeat:repeat-x;
	float:left; 
	position: relative;
}

#menu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color:#FFEF00;
	background-image:url(/images/nav_bg.jpg); 
	background-repeat:repeat-x;
}

#menu ul li
{
	float: left;
	position: relative;
	background-image:url(/images/nav_bg.jpg); 
	background-repeat:repeat-x;
	background-color:#FFEF00;
}

#menu ul li a, #menu ul li a:visited
{
	border-color: #fff;
	display: block;
	text-decoration: none !important;
	color:#003399;
	width: 121px;
	/*height: 2.5em;*/
	border-right: 1px solid #CCCCCC;
	border-left:1px solid transparent;
	border-bottom: 1px solid #FFEF00;
	line-height: 2.0em;
	letter-spacing: 100%;
	background-position: left center;
	/*border-bottom: 1px solid transparent;*/
	text-align:center;
	font-weight:bold;
	
}

#menu ul li ul
{
	display: none;
}

#menu ul li:hover a, #menu ul li a:hover
{
	color: #333333;
	background: #FFFFFF;
	background-image:url(/images/nav_bg2.jpg); 
	background-repeat:repeat-x;
	border-color: #FFFFFF;
	border-bottom: 1px solid #D8DFED;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #DDDDDD;
}

#menu ul li:hover ul, #menu ul li a:hover ul
{
	display: block;
	position: absolute;
	top: 2.0em;
	margin-top: 1px;
	left: 0;
	width: 111px;
}

* html #menu ul li a:hover ul
{
	margin-top: 0;
	margin-top: 1px;
}

#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul
{
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}

#menu ul li:hover ul li a, #menu ul li a:hover ul li a
{
	display: block;
	background: #fff;
	color: #003399;
	height: auto;
	line-height: 1.2em;
	padding: 5px 10px;
	width: 101px;
	letter-spacing: 0;
	font-size: 1em;
	border-color: #ccc;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	font-weight:normal;
}

* html #menu ul li a:hover ul li a
{
	width: 150px;
	width: 100px;
}

#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover
{
	color: #374C84;
	background: #EEEEEE;
}

#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul
{
	visibility: visible;
	position: absolute;
	left: 119px;
	top: -2px;
	width: 121px;
	border-top: 1px solid #ccc !important;
	margin-left: 3px;
}


#menu ul li.selected a
{
	color: #333333;
	background: #FFFFFF;
	background-image:url(/images/nav_bg2.jpg); 
	background-repeat:repeat-x;
	border-color: #FFFFFF;
	border-bottom: 1px solid #D8DFED;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #DDDDDD;
/*
	color: #FFFFFF;
	background-color: #9E284C;
	background-image:none;
	border-bottom:1px solid #9E284C;
	*/
}


#menu ul li.selected ul li a
{
	color: #374C84 !important;
}

#menu ul li.selected ul li a:hover
{
	color: #374C84 !important;
	/*border-color: #a9bfd3;*/
}

#menu ul li li li a
{
	background-image: none !important;
}

#menu ul li li li a:hover
{
	background-color: #EEEEEE !important;
	
}

.usefullinks 
{
    background-color:#FFEF00;
    color:#000000;
    font-size:100%;
    height:20px;
    margin:0px 0 10px;
    padding:3px 0 3px 5px;
    text-align:left;
    }

.logoholder {float:left; width:auto;}
    .logoholder img {padding:0px; margin:0px;}
    .logowrapper {width:169px; height:76px; background-image:url(/images/ltp_8a.gif); background-repeat:no-repeat; float:left;}
    .logowrapper img {padding:0px; margin:0px;}
    .logo1 {float:left; padding:3px 0px 0px 0px; margin:0px;}
    .logo2 {float:left; padding:6px 0px 0px 0px;; margin:0px;}
    .copyright {float:left; width:1000px; text-align:center; padding:10px 0px 0px 0px;}