/*
-----------------------------------------------
Hokotehi
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	BLUE Styles
Filename:			hokotehi.blue.css
Author:				Kent Humphrey / Catch Design Limited (www.catchdesign.co.nz)
Date:					18 April 2008
Updated:			18 April 2008 (KAH)
Version:			v.1.0
----------------------------------------------- */

/* BLUE STYLES */
.blue #primaryNav li a {background: url(../img/primary_nav_blue_new.png) no-repeat 0 0;}
.blue {color:#CCFFFF;}
.blue #container {background: #336699 url(../img/bg_blue.png) repeat-x top center;}
.blue #container .wrap {background: url(../img/bg_blue_header.jpg) no-repeat 0 0;}
.blue #container .wrap h1 a {width: 297px; height: 52px; background: url(../img/logo_blue_new.png) no-repeat 0 0; margin-top:17px;}
.blue #container .wrap #location {background:url(../img/img_blue_location.png) no-repeat 0 0;}
.blue #primaryNav {background: transparent url(../img/img_blue_lines.png) no-repeat bottom left;}
.blue #primaryNav .current_page_item,
.blue #primaryNav .current_page_ancestor {border-bottom: 1px solid #84A3C1;}
.blue #subNav {/*margin-left: 139px*/}

.blue a.rssFeed {background: url(../img/icn_blue_rss.png) no-repeat 0 0;}

.blue .news li {border-bottom:1px dotted #21466f;}
.blue .sidebar ul {border-bottom:1px dotted #21466f;}

/*.blue .colLeft .tornPanel {background: #295686 url(../img/bg_blue_panel1.png) no-repeat bottom left;}
.blue .colMid .tornPanel {background: #295686 url(../img/bg_blue_panel2.png) no-repeat bottom left;}*/
/*.blue .sidebar .tornPanel {background: #FFF url(../img/bg_blue_panel3.png) no-repeat bottom left;}*/

/* Middle column */
.blue .shortHeader { width:270px; }
.blue .colShort { margin:10px 0 0 20px; height:259px; width:310px; background:url(../img/bg_blue_mid_img.png) no-repeat; }
.blue .colTall { margin:10px 0 0 20px; width:310px; background:url(../img/bg_blue_mid_img.png) no-repeat;float:right }

.blue .colShort img,
.blue .colTall img { margin:10px; }



/* gallery - only in red? */
#gallery { margin:15px 0 0 0; width:300px; height:380px; padding:0 0 10px 0; background:#295686 url(../img/bg_blue_gallery.png) bottom no-repeat;}
#gallery.small {height:400px;width:592px;}
#gallery.large {height:300px;width:592px;}
#gallery h4 {display: block; width:300px; height:23px; margin:0; background: url(../img/hdr_some_sights.png) no-repeat bottom left; text-indent: -5000em;}
#gallery h4 a { display: block; width:310px; height:23px; }
#gallery ul {margin: 0 0 0 5px;}
#gallery p { font-size:1.2em; padding:6px 10px 0 10px; }
#gallery li { display:block; float:left; width:145px; height:100px; background:url(../img/bg_blue_gallery_img.png) no-repeat;margin:0; }
#gallery li a { margin:5px; float:left; display:block; width:135px; height:90px; }
#gallery li a img {}
#gallery a.galleryLink {background:#000 url(../img/bg_mag_glass.png) no-repeat scroll 120px 3px; display:block; height:18px; line-height:1.6; margin-top:-3px; padding:0 4px; text-decoration:none;}

#gallery.remove_gallery_styles {margin: 0; width:auto; height:auto; padding:0; background:none;}

/* Torn Panels */
.blue .tornPanel {padding-bottom:25px; background:#295686 url(../img/bg_blue_torn_panel.png) bottom no-repeat;}
.blue .tornPanel h4 { display: block; width:310px; height:23px; margin:0 0 5px 0; text-indent:-5000em; }
.blue .tornPanel h4 a { display: block; width:310px; height:23px; }
.blue .tornPanel h4#seaFoods { margin:0 0 10px 0; background: url(../img/hdr_the_factory.png) no-repeat; }
.blue .tornPanel h4#sustainability { margin:0 0 10px 0; background: url(../img/hdr_sustainability.png) no-repeat; }
.blue .tornPanel h4#products { margin:0 0 10px 0; background: url(../img/hdr_products.png) no-repeat; }
.blue .tornPanel p { font-size:1.2em; }

.blue .tornProducts { padding-bottom:15px; background: #fff url(../img/bg_blue_panel3.png) bottom no-repeat; }
.blue .tornProducts p { color:#000; }
.blue .person_list .imageWrap {background:transparent url(../img/bg_blue_trustee_profile_sml.png) no-repeat scroll 0 0;}


/* trustee Profile */
#profilePic { float:right; margin:0 0 20px 15px; background:url(../img/bg_trustee_profile_pic_blue.png) no-repeat; width:310px; height:259px; }
#profilePic img { margin:11px 10px; }
#profilePic p { color:#fff; font-size:9px; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; padding:4px 0 0 8px; background: url(../img/bullet_blue.png) left no-repeat; margin:10px; }

.profilePic { float:right; margin:10px 0 20px 15px; background:url(../img/bg_trustee_profile_pic_blue.png) no-repeat; width:310px; height:259px; }
.profilePic img { margin:11px 10px; }
.profilePic p { color:#fff; font-size:9px; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; padding:4px 0 0 8px; background: url(../img/bullet_blue.png) left no-repeat; margin:10px; }

.person_list { float:left; width:290px; margin:0 30px 50px 0; }
.person_list .imageWrap { float:right; margin:0; width:168px; height:128px; background:url(../img/bg_red_trustee_profile_sml.png) no-repeat; }
.person_list .imageWrap img { margin:6px; }
.person_list .imageWrap a { display:block; width:150px; height:104px; }
.red .person_list .person_name { width:100px !important; }

/* Image wraps */
.blue .tornPanel .imageWrapWhite { margin:0 3px 5px 5px; background:url(../img/bg_white_pic.png) no-repeat; float:right; height:102px; width:145px; }
.blue .tornPanel .imageWrapWhite img { margin:9px; }
.blue .tornPanel .imageWrap { margin:0 3px 5px 5px; background:url(../img/bg_blue_sidebar_pic.png) no-repeat; float:right; height:116px; width:162px; }
.blue .tornPanel .imageWrap img { margin:7px; }

.blue .tornPanel h4#recipes {background: #21466F url(../img/hdr_blue_recipes.png) no-repeat 12px 8px;}
.blue .tornPanel p a {color:#FFF;}
.blue .tornPanel img.p279x58 {background:url(../img/bg_blue_pic_279x58.png) no-repeat 0 0; width: 279px; height: 58px; padding:10px;}
.blue .tornPanel img.p100x89 {background:url(../img/bg_blue_pic_100x89.png) no-repeat 0 0; width: 100px; height: 89px; padding:15px 16px 16px; float:right;}
.tornPanel h5 {margin: 10px 0 10px 11px;}

/* sidebar */
.blue .tornPanel h4#trusteeProfile {background: #21466F url(../img/bg_blue_trustee_profile.png) no-repeat 12px 8px;}
.blue .sidebar .tornPanel .holder {border-bottom:1px solid #21466F;}

.blue .tornPanel h4 { display: block; width:310px; height:23px; margin:0 0 5px 0; text-indent:-5000em; }
.blue .tornPanel h4 a { display: block; width:310px; height:23px; }
.blue .tornPanel h4#nunukusLaw { margin:0 0 10px 0; background: url(../img/hdr_nunukus_law.png) no-repeat; }

.blue .tornPanel p { font-size:1.2em; }
.blue .tornPanel p a {color:#fff;}
.blue .sidebar li {background: url(../img/bullet_blue.png) no-repeat 0 5px;}
.blue .sidebar li a {color:#fff;}

.blue .tornPanel .holder { margin:6px 0 6px 0; padding:0 0 1px 10px; width:150px; }
.blue .tornPanel .holder h3 { margin-left:0; }
.blue .tornPanel.trusteeProfile p { width:110px; }

/* Products */
.productRow { margin:0 0 30px 0; }
.productItem { width:308px; margin:0 20px 0 0; float:left; }
.productItem.lastItem { margin:0; }
.productItem h4 { margin:0 !important; }
.productWrap { margin:0; padding:0 0 5px 0; background:#fff url(../img/bg_white_product_img.png) bottom no-repeat; float:right; width:147px; }
.productWrap img { margin:1px; }
 



.blue .tornProducts h5 {font:bold 1.6em/1.2 Arial, Helvetica, sans-serif; color:#333; text-transform: uppercase; }
.blue .tornProducts h5 em {color:#677420; font-weight:bold;}
.blue img.p159x84 {float: right; margin: 0 4px 5px 5px;}

/* flashWidget */
#flashWidget { background:url(../img/bg_blue_banner.png) no-repeat; width:645px; height:234px; margin:0 0 15px 0; }
#flashWidget img { margin:10px; }

/* mercahndise */
.merchandise-table {
	background: #5c85ad;
	color: #fff;
	margin-bottom: 45px;
}
.merchandise-table tr td {
	border-right: 5px solid #336699;
	border-bottom: 5px solid #336699;
}
.merchandise-table tr td.no-border-right {
	border-right: none;
}
.merchandise-table tr td.merchandise-table-text {
	padding: 40px;
}
.merchandise-table tr td.merchandise-table-text h3 {
	margin: 0 0 15px 0;
}
.price-table {
	margin: 10px 0 20px 0;
}
.price-table, .price-table tr, .price-table tr td {
	border-color: #5c85ad;
	color: #fff;
	font-size: 1.1em;
}
.price-table tr.price-table-header td {
	background: #5c85ad;
}
.price-table tr td {
	padding: 5px 10px;
}

/* footer */
.blue #footer {background: #fff url(../img/bg_blue_footer_tile.png) repeat-x 0 0;}
.blue #footer .wrap {background:url(../img/bg_blue_footer.png) no-repeat 0 1px;}
.blue #footer #rekohuBtn,
.blue #footer #morioriBtn {margin-left:20px;}
.blue #footer #hokoBtn {display: none;}