*
{
    margin: 0px;
    padding: 0px;
    border: 0;
}

body
{
    background: #ffffff;
    text-align: center;
    font-family: Arial;
}

h1
{
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
h2
{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
h3
{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

p
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    padding: 5px;
    margin: 0;
}

a:link
{
    color: #0000C0;
    font-weight: normal;
    text-decoration: none;
}
a:visited
{
    color: #0000C0;
    font-weight: normal;
    text-decoration: none;
}
a:hover
{
    color: red;
    font-weight: normal;
    text-decoration: none;
}
a:active
{
    color: #0000C0;
    font-weight: normal;
    text-decoration: none;
}

#container
{
    z-index: 100;
    position: relative;
    top: 0px;
    left: 0px;
}

.pageBody #container
{
    width: 880px; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
    margin: 0 auto;
    text-align: left; /* this overrides the text-align: center on the body element. */
    border: 0px solid #ff88ee;
}
.pageBody #header
{
    border: solid green 0px;
    height: 148px;
    padding: 0 0 0 0;
}
.pageBody #HeaderBarRightContainer
{
    color: #ffffff;
    float: right;
    width: 325px;
    padding: 0;
    padding-top: 10px;
    text-align: right;
}
.Header_PhoneNumber
{
    font-size: 26px;
    font-weight: bold;
}
.Header_Welcome
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
}

#Header_Options
{
    color: #ffffff;
    text-align: right;
    letter-spacing: 0px;
    padding-top: 5px;
    font-size: 12px;
    text-decoration: none;
}

#HeaderBarLogo
{
    float: left;
    width: 450px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
}
.pageBody #HeaderContent
{
    margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    text-align: center;
    padding: 0;
}
.pageBody #HeaderLanguage
{
    margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    text-align: left;
    padding: 0;
    top: 65px;
    left: 100px;
    letter-spacing: 0px;
    position: relative;
}

.pageBody #menu
{
    border: 0;
    float: left;
    margin-top: 0px;
    padding: 0 0 5px 0;
    text-align: right;
    vertical-align: middle;
    width: 880px;
    overflow: auto;
}

.MenuContent
{
    float: left;
    padding: 0px 0 0px 0px;
    text-align: left;
    border: solid 0px red;
    width: 600px;
    vertical-align: middle;
}

.MenuCommon
{
    float: right;
    padding: 0px 0 3px 0;
    text-align: right;
    border: solid 0px red;
    width: 260px;
    vertical-align: middle;
}

#leftpanel
{
    width: 300px;
    border: solid 0px red;
    margin-left: 20px;
}
#middlepanel
{
    width: 300px;
    border: solid 0px red;
    margin-left: 20px;
}
#rightpanel
{
    width: 200px;
    border: solid 0px red;
    margin-right: 20px;
}


.pageBody #footer
{
    border: solid black 0px;
    background: #ffffff;
    padding: 0;
    margin: 0;
    font-size: 12px;
    position: absolute;
    width: 880px;
}

#footerbar1
{
    float: left;
    width: 200px;
    background: #ffffff;
    padding: 15px 0;
}
.pageBody #footerbar2
{
    float: right;
    width: 200px;
    background: #ffffff;
    padding: 15px 0;
}
.pageBody #footerbar1 h3, .pageBody #footerbar1 p, .pageBody #footerbar2 p, .pageBody #footerbar2 h3
{
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
}
.pageBody #footerContent
{
    margin: 0 12px 0 12px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    text-align: center;
}
.pageBody #legalfooter
{
    background: #FFF;
    padding: 0;
    margin: 0;
    text-align: center;
}

#mainbody
{
    background-color: #ffffff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*height:auto;*/
    position: relative;
}

#bodytop
{
    position: relative;
    width: 880px;
    height: 16px;
}

#bodybase
{
    position: relative;
    width: 880px;
    height: 16px;
}

#newsback
{
    position: relative;
    width: 880px;
    height: 32px;
    background: url(../images/newsback2.gif);
    background-repeat: no-repeat;
}

#latestnews
{
    background: transparent;
    float: left;
    padding: 0 0 0 0;
    text-align: right;
    vertical-align: middle;
    width: 880px;
}

#newsletterdetails
{
    background: transparent;
    float: right;
    padding: 0 0 0 0;
    margin: 0;
    text-align: right;
    vertical-align: middle;
    widows: 330px;
}

#latestnewsdetails
{
    float: left;
    padding: 8px 10px 3px 20px;
    text-align: left;
    border: solid 0px red;
    width: 595px;
    vertical-align: middle;
    z-index: 1;
}

.newsContent
{
    padding: 10px 20px 10px 20px;
    border: solid 0px;
}


#Header_Options a:link
{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#Header_Options a:visited
{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#Header_Options a:hover
{
    font-size: 16px;
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#Header_Options a:active
{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.MenuContent a:link
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.MenuContent a:visited
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.MenuContent a:hover
{
    font-size: 12px;
    color: red;
    font-weight: bold;
    text-decoration: none;
}
.MenuContent a:active
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.MenuCommon a:link
{
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.MenuCommon a:visited
{
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.MenuCommon a:hover
{
    color: red;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.MenuCommon a:active
{
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}

#latestnews
{
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#latestnews a:link
{
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#latestnews a:visited
{
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#latestnews a:hover
{
    color: white;
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}
#latestnews a:active
{
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.pageBodyFade
{
    margin: 0 0 36px;
    padding: 0 0 0 0;
    top: 0px;
    left: 0px;
    min-height: 360px;
    _height: 360px;
    width: 100%;
    background: transparent url(../images/bg-overview.gif);
    background-repeat: repeat-x;
    position: absolute;
    z-index: 1;
}


.pageBody #mainContent
{
    width: 100%;
    border: solid red 0px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    min-height:320px;
    /*height: 300px;*/
    
}

.pageBodyTop
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: transparent url(../images/bgtop.jpg);
    background-repeat: repeat-x;
    z-index: -1;
    position: absolute;
}

.pageBody #mainContent #singleCol
{
    float: left;
    width: 818px;
    border: solid 0px black;
    margin: 0;
    padding: 0 30px 10px 30px;
}

.pageBody #mainContent #leftWindow3Col
{
    float: left;
    width: 290px;
    border: solid 0px black;
    margin: 0;
    padding: 0 30px 10px 16px;
}

.pageBody #mainContent #centerWindow3Col
{
    float: left;
    width: 290px;
    border: solid 0px black;
    margin: 0;
    padding: 0 10px 10px 0;
}

.pageBody #mainContent #leftWindow2Col
{
    float: left;
    width: 400px;
    border: solid 0px black;
    margin: 0;
    padding: 0 30px 10px 16px;
}

.pageBody #mainContent #leftWindow2ColWide
{
    float: left;
    width: 500px;
    border: solid 0px black;
    margin: 0;
    padding: 0 0px 10px 30px;
}

.pageBody #mainContent #leftWindow2ColWide #leftWindow2ColWideInner
{
    padding: 0;
}

.leftWindow2ColWideInner
{
    padding: 0;
}

.pageBody #mainContent #centerWindow2Col
{
    float: left;
    width: 400px;
    border: solid 0px black;
    margin: 0;
    padding: 0 10px 10px 0;
}

.pageBody #mainContent #centerWindow2ColSmall
{
    float: left;
    width: 310px;
    border: solid 0px black;
    margin: 0;
    padding: 0 20px 10px 0;
}

.pageBody #contentHeader
{
    padding: 10px 0 0 20px;
    width: 840px;
}


#sidebar
{
    width: 300px;
    margin: 0;
    padding: 0;
    border: solid 0px red;
    float: right;
}

.tabbarheader
{
    width: 100%;
    height: 30px;
    text-align: left;
    background-image: URL(../images/roundtopleftBlueGrey.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    color: #FFF;
}

.tabbartitle
{
    border: solid 0px red;
    float: left;
    text-align: left;
    padding: 10px 0 0 10px;
    margin: 0;
}

.tabend
{
    border: solid 0px red;
    float: right;
    width: 30px;
}

.tabpagefooter
{
    background-image: URL(../images/tabbottombg.gif);
    height: 16px;
}


.tabbarfooter
{
    background-image: URL(../images/tabbottombgA.gif);
    height: 16px;
}

.parenttabcontent
{    
    text-align: left;
    background-image:url(../images/body-right.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.tabcontent
{
    text-align: left; 
}

.tabborder
{
    border: solid 1px #080F5A;
}
.tabcontentgrey
{
    background-color: #fafafa;
    text-align: left;
}
.tabcontentwhite
{
    background-color: #ffffff;
    text-align: left;
}

input
{
    font-family: Arial;
    border: solid 1px #080F5A;
    font-size: 13px;
    height: 20px;
}

textarea
{
    font-family: Arial;
    border: solid 1px #080F5A;
    font-size: 13px;
    height: 20px;
}

select
{
    font-family: Arial;
    border: solid 1px #080F5A;
    font-size: 13px;
    vertical-align: middle;
}

input.stdbtn
{
    border: solid 1px #080F5A;
    background-color: #6a88c3;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 0px;
    height: 24px;
}

#joinContainer
{
    padding: 8px 5px 8px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    background: url(../images/orangeback.gif);
}

.detailsContainer
{
    padding: 10px 10px 10px 10px;
}

.detailsLabel
{
    float: left;
    text-align: right;
    border: solid 0px black;
    width: 120px;
    padding: 2px 8px 0 0;
}

.detailsLine
{
    line-height: 25px;
    clear: left;
}

.commentsLine
{
    line-height: 25px;
    text-align: left;
    font-style: italic;
}

.paymentLabel
{
    float: left;
    text-align: right;
    border: solid 0px black;
    width: 150px;
    padding: 2px 8px 0 0;
    line-height: 25px;
}
.paymentLabelRequired
{
    color: Red;
    font-weight: bold;
    padding: 0 0 0 10px;
}
.paymentLine
{
    line-height: 25px;
    clear: left;
}

.panelImage
{
    float: left;
    padding: 0;
    margin: 0;
}

.panelBase
{
    width: 310px;
    background-color: #AABBDD;
    float: left;
    clear: left;
    padding: 0;
}

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

.panelInnerError
{
    padding: 0 10px 0 10px;
    color: #FFFFFF;
}

.panelBaseError
{
    width: 310px;
    color: #FFFFFF;
    background-color: #FF0000;
    font-weight: bold;
    float: left;
    clear: left;
    padding: 0;
}

.panelBase400Error
{
    width: 400px;
    color: #FFFFFF;
    background-color: #FF0000;
    font-weight: bold;
    float: left;
    clear: left;
    padding: 0;
}

ul
{
    padding: 0 0 0 20px;
}

.RouteSelectionWidget
{
    width: 280px;
    padding: 0 0 0 0;
    font-size: 12px;
    height: 150px;
}

.FerryFaresWidget
{
    width: 180px;
    padding: 4px 0 0 10px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}

.FerryFaresWidgetSeparator
{
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-bottom-color: #999999;
    margin-top: 6px;
    margin-bottom: 4px;
}

.ErrorDiv
{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

a.RenewCaption:active
{
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}

a.RenewCaption:visited
{
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}

a.RenewCaption:hover
{
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}


.RenewCaption
{
    color: #000000;
    font-weight: bold;
}


.textstandard ul
{
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 20px;
    border: 0;
    font-size: 12px;
}
.textstandard li
{
    list-style-type: disc;
    margin-left: 0px;
    padding-left: 0px;
    border: 0;
    font-size: 12px;
}

.terms
{
    text-align: justify;
}
ol
{
    list-style-type: decimal;
    margin-left: 20px;
    padding-left: 20px;
    border: 0;
    font-size: 12px;
}
ol li ol li
{
    list-style-type: lower-roman;
    margin-left: 0px;
    padding-left: 0px;
    border: 0;
    font-size: 12px;
}
.popUp
{
	position: absolute;
	top: 1000px;
	left: 200px;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	background: white;
}