/* This stylesheet sets a generic css standard accross browsers and defines css that is consistent throughout all templates */
/* Created March 24 2010 */
/* Home Page Refresh Edits 20160602 by Shawnay Townsend */
/* Home Page Refresh ver 59 */


* {
	margin:0;
	outline:none;
	padding:0;
	text-decoration:none;
}

code,
kbd,
samp,
pre,
tt,
var,
input,
select,
isindex,
listing,
xmp,
plaintext {
	font:inherit;
	white-space:normal;
}

caption {caption-side: bottom;}

html {
	background:white;
	color:black;
	font-family: arial, sans-serif;
	line-height:1;
}

/* */

q {
	quotes:"\201C""\201D""\2018""\2019";
}

ul,
ol,
dir,
menu {
	list-style:none;
}

sub,
sup {
	vertical-align:baseline;
}

a {
	color:inherit;
}


/**
* DISABLE DEPRECATED HTML
*/


/*
center,
*[align] {
	text-align:inherit;
}
*/

s,
strike {
	text-decoration:line-through;
}

u {
	text-decoration:inherit;
}

img {
	border:none;
	margin:0;
}

ol {
	list-style-type:decimal;
}

body {
	background-color:transparent;
}

nobr {
	white-space:normal;
}

marquee {
	overflow:visible;
	-moz-binding:none;
}

blink {
	text-decoration:none;
}


/**
* GENERAL STYLING
*/
a {
	text-decoration: underline;
}

strong,
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight:bold;
}

cite,
em,
dfn {
	font-style:italic;
	letter-spacing: .02em;
}



pre {
	white-space:pre;
}

pre * {
	font-size:100%;
	white-space:pre;
}

del {
	text-decoration:line-through;
}

ins,dfn {
	border-bottom:1px solid black;
}

small,
sup,
sub {
	font-size:85%;
}

.footnote {
	font-size: 10px;
	color: #333;
}

abbr,
acronym {
	font-size:85%;
	letter-spacing:.1em;
	text-transform:uppercase;
}

abbr[title],
acronym[title],
dfn[title] {
	border-bottom:1px dotted black;
	cursor:help;
}

sup {
	vertical-align:super;
}

sub {
	vertical-align:sub;
}


:lang(af),
:lang(nl),
:lang(pl) {
	quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),
:lang(cs),
:lang(de),
:lang(is),
:lang(lt),
:lang(sk),
:lang(sr),
:lang(ro) {
	quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),
:lang(hr) {
	quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),
:lang(es),
:lang(sq),
:lang(tr) {
	quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB) {
	quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),
:lang(sv) {
	quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr) {
	quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before {
	content:'\201C';
}

*[lang|='en'] q:after {
	content:'\201D';
}

*[lang|='en'] q q:before {
	content:'\2018';
}

*[lang|='en'] q q:after {
	content:'\2019';
}

input,select,button {
	cursor:pointer;
}

input[type='text'],
input[type='password'] {
	cursor:text;
}

input[type='hidden'] {
	display:none;
}

.clearfix:after,
.clear-block:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

dt {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 0;
	font-family:Verdana,Frutiger,"Frutiger Linotype",Arial,Tahoma,Geneva,sans-serif;
	color:#333333;	
}

dd {
	margin: 0 0 0 20px;	
	font-size: 12px;
	line-height: 18px;
	font-family:Verdana,Frutiger,"Frutiger Linotype",Arial,Tahoma,Geneva,sans-serif;
	color:#333333;
}


/* ------------------------------- Page Structure ------------------------------- */

#page {
	margin: 0 auto;
}

#container {
	width: 1024px;
	overflow: hidden;
	margin: 0 auto;
}

.header-wave{
    background: #fff url(/files/homepage-images/bcf-header-wave.png) no-repeat center 48px;
    width: 100%;
    height: 133px;
    position: absolute;	
}

#header {
	height: 129px;
	margin: 0 auto;
	padding-top: 4px;
	width: 1024px;
	position: relative;
	z-index: 999;
	background: #fff url(/files/homepage-images/bcf-header-wave.png) no-repeat center 48px;
}

#postscript,
#footer {
	clear: both;
	background: #fff;
}


/* ------------------------------- General Styles ------------------------------- */

body {
	/*background: #587294 url(http://www.bcferries.com/images/reskin/page-background.jpg) repeat-x;*/
	/* background: #003366; */
	color: #333333;
}

html {
	background: #003366 url(/files/homepage-images/bcf-page-grad_bg.png) repeat-x center 100px;
}

#page {
	/*background: url(http://www.bcferries.com/images/reskin/page.jpg) no-repeat center 48px;*/
	/* background: url(/files/homepage-images/bcf-page-grad_bg.png) repeat-x center 133px; */
}

.background-grad{
	background: url(/files/homepage-images/bcf-page-grad_bg.png) repeat-x;
}

#container {
	background: url(http://www.bcferries.com/images/reskin/drop-shadow.png) repeat-y;
	/*background: url(/files/homepage-images/drop-shadow.png) repeat-y; */
/*background-color: #ffffff;*/
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input.form-text {
	background: #d4d5d6;
	outline: none;
	border: 1px solid #d4d5d6;
	color: #006971;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	padding: 2px 4px;
	line-height: 16px;
}

input.form-text:focus {
	background: #eaeaea;
	border: 1px solid #b8b8b8;
}

input.form-submit {
	border: 1px solid #659536;
	color: #fff;
	background: url(http://www.bcferries.com/images/reskin/button.jpg) repeat-x 0 1px #a4c088;
	font-size: 11px;
	padding: 1px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: right;
}

input.form-submit:hover {
	background-position: 0 -19px;
	background-color: #3f8fba;
	border-color: #3f8fba;
}

/* ------------------------------- Header ------------------------------- */


#meta ul {
	float: right;
	margin: 0 280px 0 0;
	padding: 0;
}

#meta li {
	float: left;
	list-style: none;
	font-size: 11px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #d4d5d6;
}


#meta li.last {
	border-right: none;
}

#meta li.social{
padding-right:3px;	
}

#meta li a {
	color: #007c84;
}

#meta label {
	font-size: 11px;
	font-weight: bold;
}

#meta .search {
	float: none;
	position: absolute;
	right: 30px;
	width: 250px;
	top: 4px;
display:none;
}

#meta .search input.form-text {
	height:14px;
	margin-right:0;
	position:absolute;
	right:65px;
	top:0;
	width:175px;
}

#meta .search input.form-submit {
	width: 57px;
	position: absolute;
	right: 0;
	top: 0;
}

#header p {
	margin: 0;
}
h1.site-logo a {
	clear: both;
	background: url(http://www.bcferries.com/images/reskin/bcferries.png) no-repeat top left;
	height: 0 !important;
	line-height: 1;
	overflow: hidden !important;
	padding-top: 47px;
	width: 206px;
	margin: 0 0 0 30px;
	display: block;
}

#primary-links {
	position: absolute;
	bottom: 0;
	left: 32px;
	width: 960px;
	z-index: 999;
	background: #004679;
}


#primary-links ul {
	margin: 0;
	padding: 0;
}

#primary-links li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	position: relative;
	z-index: 999;
	text-align: center;
	/*border-right: 1px solid #4b638c;*/
	border-left: 1px solid #1b395b;
	line-height: 18px;
}

/* THESE ARE TEMPORARILY DISABLED UNTIL NEW MENU IS APPROVED CO ##################

#primary-links li.Schedules {
	width:93px;
	border-left: none;
}

#primary-links li.Travel_Planning {
	width:116px;
}

#primary-links li.Reserve_and_Plan{
	width:115px;
}

#primary-links li.Vacations {
	width:140px;
}

#primary-links li.Promotions{
	width:95px;
}

#primary-links li.Commercial_Travel {
	width:91px;
}

#primary-links li.Onboard_Experiences {
	width: 150px;
}

#primary-links li.What_is_Onboard {
	width: 120px;
}

#primary-links li.At_the_Terminal {
	width:84px;
}

#primary-links li.Shop {
	width:111px;
}

#primary-links li.My_Account {
	width: 103px;
	border-right: none;
}

BELOW ARE THE ACTIVE ONES CO ################## */

#primary-links li.Schedules {
	width:96px;
	border-left: none;
}

//#primary-links li.Travel_Planning {
//	width:116px;
//}

#primary-links li.Reserve_and_Plan{
	width:115px;
}

#primary-links li.Vacations_Packages {
	width:140px;
}

#primary-links li.Promotions{
	width:94px;
}

#primary-links li.Commercial {
	width:91px;
}

//#primary-links li.Onboard_Experiences {
//	width: 150px;
//}

#primary-links li.What_is_Onboard {
	width: 120px;
}

#primary-links li.Terminals {
	width:84px;
}

#primary-links li.Gift_Certificates{
	width:111px;
}

#primary-links li.My_Account {
	width: 95px;
	border-right: none;
}





#primary-links li.last {
	float: right;
}

#primary-links li li.last {
	float: none;
}

#primary-links li li {
	float: none;
	text-align: left;
	border: none;
}

#primary-links li a {
	font-size: 11px;
	color: #fff;
	height: 26px;
	display: block;
	padding: 5px 0 0 0;
	line-height: 19px;
}

#primary-links li.first li a,
#primary-links ul ul li.first a {
	padding-left: 0;
}

#primary-links li.last li a {
	padding-right: 0;
}

#primary-links li li a {
	color: #fff;
	height: auto;
	padding: 5px 15px;
	white-space: nowrap;
}

#primary-links ul ul ul li a,
#primary-links li ul ul li a:hover {
	background:#13b8e6;
	padding-left: 15px;
}

#primary-links li li a:hover {
	background: #13b8e6;
}

#primary-links li li:last-child a {
	border-bottom: none;
}

#primary-links li a:hover,
#primary-links li a.menu-hover,
#primary-links li a.menucurrent {
	background: #13b8e6;
	color: #fff;
	text-decoration: none;
}

#primary-links li a.menucurrent {
	background: #13b8e6;
}

#primary-links li ul {
	display: none;
	min-width: 93px;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 99;
	background: #004679;
	padding: 0px 0;
}

#primary-links li ul ul {
	display: block;
	min-width: 0;
	position: static;
	top:auto;
	left:auto;
	z-index:auto;
	background: none;
	padding: 0 0 0 10px;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

#primary-links li:hover ul {
	display: block;
}

.conditions {
	/*background: url(http://www.bcferries.com/images/reskin/currentConditions.png) no-repeat 0 0;*/
	background:#004679;
	color:#fff;
	/*height: 0 !important;*/
	height:50px;
	line-height: 1;
	/*overflow: hidden !important;
	padding-top: 48px;*/
	width: 249px;
	margin: 0;
	display: block;
	position: absolute;
	bottom: 35px;
	right: 32px;
	border-radius:10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

a.conditions:hover{
background-color:#A20111;
text-decoration:none;	
}

.service-notices{
	background:#004679;
	color:#fff;
	height:50px;
	line-height: 1;
	width: 249px;
	margin: 0;
	display: block;
	position: absolute;
	bottom: 35px;
	right: 293px;
	border-radius:10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

a.service:hover .service-notices{
background-color:#A20111;
text-decoration:none;		
}

.travel-advisory{
	background:#FAD008;
	height:50px;
	line-height: 1;
	width: 213px;
	margin: 0;
	display: block;
	position: absolute;
	bottom: 35px;
	right: 554px;
	border-radius:10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

.travel-advisory .tab-content h3, .travel-advisory .tab-content p{
color:#000;	
}

a.advisory:hover .travel-advisory{
background-color:#A20111;
text-decoration:none;	
}

a.advisory:hover .travel-advisory .tab-content h3, a.advisory:hover .travel-advisory .tab-content p{
color:#fff;	
}

.important-advisory{
	background:#FAD008;
	height:50px;
	line-height: 1;
	//width: 430px; 
	width: 475px; 
	margin: 0;
	display: block;
	position: absolute;
	bottom: 35px;
	right: 291px;
	border-radius:10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

.important-advisory .tab-content h3, .important-advisory .tab-content p{
color:#000;	
width:345px;
float:left;
}

a.advisory:hover .important-advisory{
background-color:#A20111;
text-decoration:none;	
}

a.advisory:hover .important-advisory .tab-content h3, a.advisory:hover .important-advisory .tab-content p{
color:#fff;	
}

.tab-content img {
    margin-top: 0;
    padding: 3px 3px 3px 18px;
}


.tab-content{
    margin-top: 4px;
    padding: 0 12px 0 12px;	
}

.tab-content h3{
font-size:11px;
font-weight:bold;	
letter-spacing:1px;
line-height:18px;
margin-bottom:0;
color:#fff;
text-transform:uppercase;
}

.tab-content p{
font-size:10px;	
line-height:11px;
color:#fff;
}


/*.conditions:hover {
	background-position: 0 -48px;
}*/

.notice {
	width: 355px;
	padding: 10px;
	display: block;
	position: absolute;
	bottom: 35px;
	right: 290px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
     -moz-border-radius: 5px;
  	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.Emergency {
	background: red url(http://www.bcferries.com/images/reskin/emergency.gif) no-repeat 10px center;	
}

/*.Advisory {
	background: #ec8023 url(http://www.bcferries.com/images/reskin/advisory.gif) no-repeat 10px center;	
}*/

#header .notice p {
	margin: 0 0 0 50px;
	font-size: 10px;
	line-height: 14px;
	color: #fff;
}
#header .notice p a{
color: #fff;
}

#header .noticetype
{
  text-transform: none;
  
}

#header .noticedetails 
{
  color: #FFFFFF;
  font-size: 10px;
  line-height: 14px;
}

#header .noticedetails b
{
  color: #FFFFFF;
  font-size: 10px;
  line-height: 14px;
}

#primary a {
	color:#006971;
	text-decoration:none;
        font-size:12px;
}

#primary small a {
        font-size:10px;
}


#primary a:hover {
	text-decoration: underline;
}

/* ------------------------------- Postscript ------------------------------- */

#postscript {
	background:#007C84;
	height:30px;
	width:960px;
}

#postscript ul {
	margin: 0;
	padding:0;
}

#postscript .dropdown {
	margin: 0px 0px;
}

#postscript li {
	list-style: none;
	float: left;
	position: relative;
	text-align: center;
	//margin-top10px;

}

#postscript li ul li {
	float: none;
	position: static;
	margin-top: 0;
	border: none;
	text-align: left;
}

/* THESE ARE TEMPORARILY DISABLED UNTIL NEW MENU IS APPROVED CO ##################

#postscript li.About_BC_Ferries {
	width: 123px;
	margin-left: 18px;
}

li.Careers {
	width: 80px;
}

li.Investor_Relations {
    width: 133px;
}

#postscript li.Employee_Login {
	width: 126px;
}

#postscript li.Privacy_Statement {
	width: 140px;
}

#postscript li.FAQs{
	width: 74px;
}

#postscript li.Contact_Us {
	width: 100px;
}

#postscript li.Terms_and_Conditions {
	width: 137px;
	border-right: none;
}

BELOW ARE THE ACTIVE ONES CO ################## */


#postscript li.About_BC_Ferries {
	width: 121px;
	margin-left: 18px;
}

#postscript li.Careers {
	width: 80px;
}

#postscript li.Investor_Relations {
    width: 146px;
}

#postscript li.Employee_Login {
	width: 124px;
}

#postscript li.Privacy_Statement {
	width: 139px;
}

#postscript li.FAQs{
	width: 63px;
}

#postscript li.Contact_Us {
	width: 95px;
}

/*
#postscript li.Site_Map {
	width: 83px;
}
*/

#postscript li.Terms_and_Conditions {
	width: 153px;
	border-right: none;
}






#postscript li a {
	color: #fff;
	display:block;
	font-size:11px;
	height:25px;
	padding-top:5px;
}

#postscript li ul li a {
	color: #fff;
	font-size: 11px;
	background:#007C84;
	white-space: nowrap;
	display: block;
	padding: 5px 15px;
	margin: 0;
	height: auto;
}

#postscript li ul li:last-child a {
	border-bottom: none;
}

#postscript li a:hover,
#postscript li a.menu-hover {
	background: #063A3D;
	color: #fff;
	text-decoration: none;
	border-right-color: #fff;
}

#postscript li ul {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 10;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
}

#postscript li:hover ul {
	display: block;
}

#postscript li ul ul {
	display: block;
	position: static;
	bottom: 30px;
	left: 0;
	z-index: 10;
	background: #007C84;
	padding: 0 15px 0 15px;

}

#postscript li ul ul li a,
#postscript li ul ul li a:hover {
	background: ;
	padding-left: 15px;
}

/* ------------------------------- Footer ------------------------------- */

#footer {
	background: #003366;
}

#container #footer .inside {
	padding: 10px 25px 25px 25px;
	margin: 0 32px;
}

#footer p {
	font-size: 10px;
	margin: 0;
	float: left;
	color:#fff;
}

#footer ul {
	margin: 0;
	padding: 0;
	float: right;
}

#footer li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
	font-size: 10px;
}

#footer a {
	color: #fff;
}



#primary-links .About_BC_Ferries,
#primary-links .Investor_Relations,
#primary-links .Careers,
#primary-links .Employee_Login,
#primary-links .Privacy_Statement,
#primary-links .FAQs,
#primary-links .Contact_Us,
#primary-links .Terms_and_Conditions,
#primary-links .Reservations,
#primary-links .Employment,
.Current_Conditions{
display:none;
}

#postscript .Schedules,
#postscript .Plan_Your_Trip,
#postscript .Reserve_and_Plan,
#postscript .Reservations,
#postscript .Vacations_Packages,
#postscript .Commercial,
#postscript .Onboard_Experiences,
#postscript .What_is_Onboard,
#postscript .Terminals,
#postscript .Gift_Certificates,
#postscript .My_Account,
#postscript .Promotions,
#postscript .Travel_Planning,
#postscript .Employment
{
display:none;
}

#primary-links ul ul li.Reservations,
#postscript ul ul li.Employment
{
display:block;
}
	
#primary-links li.Schedules,
#postscript li.About_BC_Ferries{
border-left:0px;
}	



	
#postscript li.Terms_and_Conditions,	
#primary-links li.My_Account{
border-right:0px;
}

#scheduleSelectorForm
{
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}

td.scheduletitle { font: 24px Verdana, Arial, Helvetica, sans-serif; line-height:30px; padding-top: 20px; font-weight: normal; color: #ff9933; }

 td.scheduleSubtitle { font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

 td.scheduleDate { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #336699; }

 td.noticeTitle, td.noticeTitle .notesTitle { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

 td.noticeTitle a:link, td.noticeTitle a:visited { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }

 td.noticeTitle a:hover { text-decoration:underline; }

th.revTitle p{
color:#FFFFFF;
margin:1px;
}

#event-list .event.alt {
background:none repeat scroll 0 0 #E8F1F6 !important;
}

a:hover strong{
text-decoration:underline;
}

div.hide {
	/* added by Chris Orchard */
	display:none;	
}

#tblTimetable * {
  font-size: 12px;
  line-height: 18px;  
}

.body {
  font-size: 12px;
}
.body strong {
  font-size: 12px;
}
.body b {
  font-size: 12px;
}
.body a {
  font-size: 12px;
}