/* =================================
		Global Elements
================================= */
html { background:url(../images/drop-shadow.png) repeat-y scroll center center #587294; }
/* html body { background:url(../images/page-background.jpg) repeat-x scroll 0 31px #587294; color:#333; } */
html body { background:url(../images/page-background.jpg) repeat-x scroll 0 0 #587294; color:#333; }
#pageContainer { background:url(../images/page.jpg) no-repeat scroll center 48px transparent; }


/* =================================
			Header
================================= */
/*
#top_bar { background:url(../images/topbar_bg.jpg) repeat-x scroll left top transparent; height:31px; position:relative; width:100%; }
	#top_bar .top_bar_center { height:31px; margin:0 auto; width:935px; }
		#top_bar .top_bar_center a { color:#fff; float:left; font-size:10px; line-height:10px; margin-top:11px; text-decoration:none; }
		#top_bar .top_bar_center a#bc_ferries_logo { background:url(../images/bcferries-topbar.jpg) no-repeat scroll left top transparent; display:block; float:left; height:31px; margin:0 16px 0 0; width:85px; }
			#top_bar .top_bar_center a#bc_ferries_logo span { display:none; }
*/
.top_bar_center { height:31px; margin:0 auto; width:935px; }
	.top_bar_center a { color:#fff; float:left; font-size:10px; line-height:10px; margin-top:11px; text-decoration:none; }
	.top_bar_center a#bc_ferries_logo { background:url(../images/bcferries-topbar2.jpg) no-repeat scroll left 2px transparent; display:block; height:31px; line-height:31px; padding-left:95px; margin:0 16px 0 0; width:200px; }

.header-container { height:129px; margin:0 auto; padding-top:4px; position:relative; width:960px; z-index:999; }
	.top-bar { background-color:transparent; border:none; padding:0; }
		.top-bar .form-search { float:none; position:absolute; right:0; top:4px; width:250px; }
		.top-bar .form-search input#search { height:14px; margin-right:5px; width:178px; -moz-border-radius:3px 3px 3px 3px; background-color:#D4D5D6; border:1px solid #D4D5D6; color:#006971; font-size:11px; line-height:16px; outline:medium none; padding:2px 4px; cursor:text; }
		.top-bar .form-search button.button { position:absolute; right:0; top:0; width:57px; -moz-border-radius:3px 3px 3px 3px; background:url(../images/button.jpg) repeat-x 0 1px #A4C088; border: 1px solid #659536; color:#fff; float:right; font-size:11px; padding:2px 5px 3px 5px; line-height:18px; }
		.top-bar .form-search button.button:hover { background-color:#3f8fba; background-position:0 bottom; border-color:#3f8fba; }
	.header { margin:0; }
/* BC Ferries Logo
		.header h1.logo { font-size:24px; line-height:27px; margin-bottom:9px; }
			.header h1.logo a { display:block; width:206px; clear:both; height:47px; margin-top:20px; }
		.header a.soloLogo { display:block; width:206px; line-height:27px; margin-bottom:9px; margin-top:20px; }
*/
/* Passages Logo */
		.header h1.logo { font-size:24px; line-height:27px; margin-bottom:0px; }
			.header h1.logo a { display:block; width:120px; clear:both; height:85px; margin-top:0px; padding-left:40px; }
		.header a.soloLogo { display:block; width:120px; line-height:85px; margin-bottom:0px; margin-top:0px; padding-left:40px; }
	.quick-access { bottom:0; left:0; position:absolute; width:960px; z-index:999; background-color:transparent; padding:0; text-align:left; }
		.quick-access ul { padding:0; margin:0; display:block; line-height:18px; color:#333; }
			.quick-access .links li { border-right:1px solid #4B638C; border-left:1px solid #1B395B; float:left; list-style-type:none; margin:0; padding:0; position:relative; text-align:center; z-index:999; }
			.quick-access .links li.first { border-left:medium none; }
			.quick-access .links li.last { border-right:medium none; }
				.quick-access .links li a { color:#D2DAE2; display:block; font-size:11px; height:25px; padding:5px 15px 0 15px; text-decoration:none; background:none transparent; float:left; }
				.quick-access .links li a:hover { background-color:#FeFeFe; color:#063A3D; }
				.quick-access .links li.last a { padding:5px 15px 0 15px; }


/* =================================
			Content
================================= */
.main-container { background:url(../images/drop-shadow.png) repeat-y scroll 0 0 transparent; margin:0 auto; width:1024px; /* overflow:hidden; */}
	#pageContainer .main { width:930px; padding:40px 0 0 30px; margin:0 auto; background:url(../images/inside-primary.jpg) no-repeat scroll 0 0 transparent; }
/* .col3-layout .col-wrapper { background:url(../images/primary-tertiary.gif) repeat-y scroll left top transparent; margin-bottom:10px; width:760px; } */
.col3-layout .col-wrapper { margin-bottom:10px; width:760px; border-top:1px solid #E1DFD7; }
.col3-layout .col-wrapper .col-main { float:left; width:509px; border-left:1px solid #E1DFD7; }
.col3-layout .col-wrapper .col-right { float:right; width:250px; }
/* .col3-layout .col-wrapper .col-main { min-height:300px; background:url(../images/primary-bottom.gif) no-repeat scroll left bottom transparent; padding-bottom:40px; } */
.col3-layout .col-wrapper .col-main { min-height:300px; padding-bottom:40px; }
	.col-main .page-title,
	.col-main .category-title {  }
		.col-main .page-title h1,
		.col-main .category-title h1,
/*		.product-view .product-name h1 { background:url(../images/primary-top.gif) no-repeat scroll left top transparent; color:#182A53; font-size:22px; padding:30px 0 10px 40px; margin-top:0; margin-bottom:9px; line-height:27px; font-weight:bold; } */
		.product-view .product-name h1 { color:#182A53; font-size:22px; padding:30px 0 10px 40px; margin-top:0; margin-bottom:9px; line-height:27px; font-weight:bold; }
	.col-main .category-description.std { margin:8px 13px 20px 13px; color:#003767; }
	.col-main .category-description.std ul,
	.col-main .category-description.std dl,
	.col-main .category-description.std p,
	.col-main .category-description.std ol,
	.col-main .category-description.std h2,
	.col-main .category-description.std h3,
	.col-main .category-description.std h4,
	.col-main .category-description.std table { margin-left:0; margin-right:0;}
	.col-main .std ul,
	.col-main .std dl,
	.col-main .std p,
	.col-main .std ol,
	.col-main .std h2,
	.col-main .std h3,
	.col-main .std h4,
	.col-main .std table,
	.col-main .page-sitemap ul,
	.col-main .box-account,
	.col-main .my-account p { margin-left:40px; margin-right:40px; }
	.col-main .box-account p { margin-left:0; margin-right:0; }
	.col-main>p,
	.col-main .advanced-search-summary { margin-left:40px; margin-right:40px; }
	.col-main .std li p { margin-left:0; margin-right:0; }
	.col-main form .fieldset,
	.col-main form .buttons-set { margin-left:40px; margin-right:40px; }
	.col-main form .registered-users .buttons-set { margin-left:30px; margin-right:30px;}
		.form-list li.wide .input-box { width:420px; }
		.form-list li.wide textarea { width:420px; }

.col-main .products-grid { margin:0; padding:0; list-style:none; }
	.col-main .products-grid li { width:110px; padding:0 7px 10px; float:left; }
	.col-main .products-grid li.first { padding-left:12px; }
	.col-main .products-grid .product-image { border:1px solid #a6e0ee;  display:block; height:110px; width:110px; margin:0 0 10px; }
	.col-main .products-grid .last .product-image,
	.col-main .products-grid .first .product-image { border:1px solid #a6e0ee; }
	.col-main .products-grid .product-name {  line-height:12px; }
		.col-main .products-grid .product-name a { text-decoration:none; font-size:11px; line-height:12px; }

.col-main .cart-table { border-left:none; border-right:none; }

.block .block-content ul { margin:0; list-style:none; }

.main ol.products-list,
.main ul.add-to-links { list-style:none; margin:0; padding:0; }

.main p.category-image { margin:0 0 10px;}
.noShow { overflow:hidden; margin-bottom:-60px; text-indent:-9999px; }
.col-main .std p.noMargin { margin:0; }
.center { text-align:center; }
	
	/* ===== Featured Product ===== */
	.featuredProduct { margin:0 20px; width:210px; }
	.featuredProduct h3 { margin-bottom:0; }
	.featuredProduct table { background:url("../images/blue-wave.jpg") repeat-y scroll center 82% transparent; border:1px solid #A6E0EE; }
	.featuredProduct table td { padding:9px; }
	.featuredProduct table .product-image { border:1px solid #A6E0EE; display:block; height:180px; width:180px; margin:0 auto; }
	.featuredProduct table .product-description p { margin:6px; }
	.featuredProduct table .product-description a,
	.featuredProduct table .product-description .price-box .price,
	.featuredProduct table .product-description .out-of-stock { color:#FFF; }
	.featuredProduct table .product-description p.add-to-cart { text-align:center; }
	.featuredProduct table .product-description .add-to-cart button.button { float:none; margin:0 auto; }

/* ===== Product Detail ===== */
/* .col3-layout .product-view .product-img-box { margin:0; padding:0 10px 0 20px; width:220px; float:left; } */
	.product-view .product-img-box .more-views ul { list-style:none; }
		.product-view .product-img-box .more-views li { margin:0 0 8px 10px; }
			.product-view .product-img-box .more-views li a { width:60px; height:60px; }
/* .col3-layout .product-view .product-shop { float:right; width:220px; padding:0 20px 0 10px; } */
.product-collateral { padding:0 20px; }
.product-collateral .product-tabs { margin-left:0; margin-right:0; list-style:none; }

.product-view .product-img-box .product-image { border:none;  }
#container-deepzoom { width:210px !important; height:210px !important; }
.product-view .product-img-box .more-views h2 { padding-top:6px; }

.product-essential .product-options { clear:both; }


.col3-layout .product-view .product-img-box { margin:0; padding:0 20px; width:470px; } 
.productDetailImage { float:left; }
	.productDetailImage p.xoom-notice { float:left; clear:left; width:244px; }
	.productDetailImage div.zoom { float:left; width:244px; }
.more-views { float:right; width:150px; }
.col3-layout .product-view .product-shop {  
	background-color:#F8F8F8; border:1px solid #EEEEEE; margin: 10px 10px; padding:10px; clear:both;
}
.product-view .product-shop-other { clear:both; padding:0 20px; }
.product-view .product-shop .short-description { clear:both; }
.product-view .product-img-box .product-image {border:2px solid #C9E5EF; }

.availability { float:left; width:200px; }
.product-view .product-shop .price-box { float:left; width:200px; clear:left; margin:0; }
.product-view .product-shop  .availability { margin:4px 0 0 0; }
.add-to-box { float:right; width:220px; margin:0;}
.add-to-box .add-to-cart { margin:0; }
#product-attribute-specs-table { border:1px solid #CCC; }
#product-attribute-specs-table th,
#product-attribute-specs-table td { font-size:12px; padding:9px; }
.clear { clear:both; }

	
	/* ===== Related Products ===== */
	.block-related { margin:0 20px; width:210px; border:none; }
	.block-related .block-title { margin-bottom:0; border:none; background-color:transparent; padding:0; }
	.block-related .block-title strong { color:#006971; font-family:Frutiger,"Frutiger Linotype", Verdana, Arial, Tahoma, Geneva, sans-serif; font-size:16px; line-height:18px; text-transform:capitalize; }
	.block-related .block-content { background:url("../images/blue-wave.jpg") repeat-y scroll center 82% transparent; border:1px solid #A6E0EE; }
	.block-related .block-content .block-subtitle { display:none; color:#FFF; }
	.block-related .block-content .block-subtitle a { color:#FFF; text-decoration:underline; }
		.block-related .block-content .block-subtitle a:hover { text-decoration:none; }
	.block-related .block-content ol { list-style:none; margin:0; padding:0; }
		.block-related .block-content ol li { background:url(../images/white-70.png) repeat 0 0; }
			.block-related .block-content ol li input { display:none; }
			.block-related .block-content ol li .product { margin:0; padding:6px; }
				.block-related .block-content ol li .product .product-name a { color:#182A53; }


	.block-related table td { padding:9px; }
	.block-related table .product-image { border:1px solid #A6E0EE; display:block; height:180px; width:180px; margin:0 auto; }
	.block-related table .product-description p { margin:6px; }
	.block-related table .product-description a,
	.block-related table .product-description .price-box .price,
	.block-related table .product-description .out-of-stock { color:#FFF; }
	.block-related table .product-description p.add-to-cart { text-align:center; }
	.block-related table .product-description .add-to-cart button.button { float:none; margin:0 auto; }



/* =================================
			Content Right
================================= */
.col-right.sidebar { margin-top:30px; }
	.col-right.sidebar .links { margin:0 20px; height:70px; /* height:100px; */ }
		.col-right.sidebar .links li {}
			.col-right.sidebar .links li a { display:block; height:54px; padding-top:4px; width:100px; border:1px solid #2391c2; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; background:url(../images/bg-right-links.jpg) repeat-x left top; color:#fff; text-align:center; }
			.col-right.sidebar .links li.first,
				.col-right.sidebar .links li.first a.top-link-cart { float:left; }
				.col-right.sidebar .links li.first a.top-link-cart span { background:url(../images/cart.png) 0 2px no-repeat; display:block; width:32px; height:34px; margin:0 auto -2px auto; }
			.col-right.sidebar .links li.first { margin-right:5px; }
			.col-right.sidebar .links li.last,
				.col-right.sidebar .links li.last a.top-link-checkout { float:left; }
				.col-right.sidebar .links li.last a.top-link-checkout span { background:url(../images/bag_green.png) 0 4px no-repeat; display:block; width:32px; height:34px; margin:0 auto -2px auto; }
			.col-right.sidebar .links li a:hover  { background-position: left bottom; text-decoration:none; }
.block-layered-nav .block-title { background-image:none; text-indent:0; overflow:auto; height:auto; }
.block-layered-nav .block-subtitle { background-color:#004677; border-color:#FFFFFF #15435D #15435D; border:1px solid; }




/* =================================
			Content Left
================================= */
.col3-layout .col-left { width:170px; border-top:1px solid #E1DFD7; }
ul.menu { margin:0; padding:0; list-style:none; }
	ul.menu li { font-size:11px; list-style:none; margin:0; padding:0; }
		ul.menu li a { border-bottom:1px solid #DBDCDD; color:#006971; display:block; margin-right:20px; padding:5px 0; text-decoration:none; }
		ul.menu li a:hover { text-decoration:underline; }
		ul.menu li ul { margin:0; padding:0; list-style:none; }
			ul.menu li li a { color:#00858F; padding-left:10px; }
/* ul.menu li.active  { background:url(../images/secondary-active.gif) no-repeat scroll right -13px transparent; } */
	ul.menu li.active .active  { background:none; }

		ul.menu li.active .active a { padding-left: 10px; border-bottom:1px solid #DBDCDD; margin-bottom:0; margin-top:0; margin-right:20px; padding:5px 0 5px 10px;  }
/* ul.menu li.active.nav-1 { background:url(../images/secondary-active-first.gif) no-repeat scroll -21px -13px transparent; width:240px; position:relative; z-index:998; } */
	ul.menu li.active.nav-1 li { width:170px; }


	ul.menu li.active>a { color:#003B3E; font-weight:bold;  }



/* =================================
			Checkout
================================= */
.buttons-set button.button,
.cart-table button.button { -moz-border-radius:3px 3px 3px 3px; background:url(../images/button.jpg) repeat-x 0 1px #A4C088; border: 1px solid #659536; color:#fff; float:right; font-size:11px; padding:2px 5px 3px 5px; line-height:18px; }
.cart-table button.button.btn-continue { float:left;}
.buttons-set button.button:hover,
.cart-table button.button:hover { background-color:#3f8fba; background-position:0 bottom; border-color:#3f8fba; }
	.buttons-set button.button span,
	.cart-table button.button span { text-decoration:none; line-height:15px; background:none; color:#fff; font-size:11px; font-weight:normal; float:none; height:auto; margin:0; padding:0; text-transform:none;  }
		.buttons-set button.button span span,
		.cart-table button.button span span { padding:0; }

.cart .cart-collaterals .col2-set .col-2 { width:480px; float:none; margin:0 auto; }
.cart .discount h2,
.cart .shipping h2 { float:none; }
.cart .discount .discount-form,
.cart .shipping .shipping-form { float:none; margin-left:0; }
	.cart .discount .buttons-set button.button span,
	.cart .shipping .buttons-set button.button span { text-decoration:none; line-height:15px; background:none; color:#fff; font-size:11px; font-weight:normal; float:none; height:auto; margin:0; padding:0; text-transform:none; }
.cart .totals table { width:auto; border:none; }
	.cart .totals table th,
	.cart .totals table td { border:none; }
	.cart .totals td { padding:0 15px; }
.cart .totals .checkout-types { list-style:none;  }
.cart .shipping .shipping-form ul { list-style:none; }
.main ol.opc { list-style:none inside none; margin:0; }
.opc .active .step-title { background-color:#004677; border-color:#ffffff #15435D #15435D;  }
.form-list input.input-text { width:210px; }
.form-list li.wide select { width:420px; overflow:hidden; }
.form-list li ul { margin-left:0; }
	.form-list li,
	.sp-methods dd ul { list-style:none; margin:0; }
		.form-list li.wide input.input-text { width:420px; }
.btn-remove2 {
	background:url(../images/btn_trash.png) no-repeat scroll 0 0 transparent;
}
.btn-remove2:hover {
	background:url(../images/btn_trash_over.png) no-repeat scroll 0 0 transparent;
}

#co-billing-form fieldset {
	margin:0;
	padding:0;
}
.wide .input-box .input-text {
	margin-top:3px;
}
.opc .checkout-agreements {
	padding:0 9px; margin:0;
	list-style:none;
}


/* =================================
			Footer
================================= */
#postscript { margin:0 32px; background:url(../images/footer.gif) repeat-x scroll center top #D6D7D8; height:30px; width:960px; clear:both; }
	#postscript ul.dropdown { margin:0 15px; padding:0; }
		#postscript ul li { border-right:1px solid #e9e9e9; border-left:1px solid #AFB1B4; float:left; list-style:none outside none; position:relative; text-align:center; }
		#postscript ul li.first { border-left:none }
		#postscript ul.links li.last { border-right:none; }
			#postscript ul li a { color:#007c84; display:block; font-size:11px height:25px; padding:5px 15px 0 15px; text-decoration:none; }
			#postscript ul li a:hover { background-color:#fff; border-right-color:#fff; color:#06a3d; }
.footer { margin:0 32px; padding-bottom:50px; clear:both; background:#fff; width:960px;}
	.footer .inside { margin:5px 15px; }
		.footer p { float:left; font-size:10px; margin:0; }
		.footer ul { float:right; margin:0; padding:0; }
			.footer ul li { float:left; font-size:10px; list-style:none; margin:0 5px 0 0; }
				.footer ul li a { text-decoration:none; }

/* =================================
			Misc
================================= */
.main ul.form-list,
.main ul#advanced-search-list { list-style:none; margin:0; padding:0; }