/* HACK-A-RIFIC ----------------------------------------- */
#leftcolumn {
	display:none;
}
.breadcrumb {
	display:none;
}
.pt_customerservice #content .contentasset {
	background-color: transparent;
	padding:0px;
	margin:0px;
	text-align: left;
}

#container #main {
	padding-left:0px;
	padding-right:0px;
}
/*#content {
	overflow: visible;
}
*/
/* We want to basically negate these */
.pt_customerservice #content .contentasset h2 {
/*	font-size: inherit;
	line-height: inherit;
	padding-bottom: inherit;
*/	font-size: 40px;
	padding-bottom: 4px;
	line-height: normal;
}

.pt_customerservice #content .contentasset p {
	line-height:20px;
	padding-bottom:0px;
}

#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}


/* Override for contact us, mainly, where included template had #container id, and width of 1000px */
/* Also works for shipping page (in Customer Service).  Div was added, but not included from a template */
#section-1 #container {
	width:auto;
}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 25, 2011 */

/*@font-face {
    font-family: 'AkkuratRegular';
    src: url('../fonts/akkrg___-webfont.eot');
    src: url('../fonts/akkrg___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akkrg___-webfont.woff') format('woff'),
         url('../fonts/akkrg___-webfont.ttf') format('truetype'),
         url('../fonts/akkrg___-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/@font-face {
	font-family: 'FeijoaMedium';
	src: url('feijoa_medium-webfont.eot');
	src: url('feijoa_medium-webfont.eot?#iefix') format('embedded-opentype'),
	     url('feijoa_medium-webfont.woff') format('woff'),
	     url('feijoa_medium-webfont.ttf') format('truetype'),
	     url('feijoa_medium-webfont.svg#FeijoaMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AkkuratRegular';
	src: url('AkkRg___.eot');
	src: url('AkkRg___.eot?#iefix') format('embedded-opentype'),
	     url('Akkurat.woff') format('woff'),
	     url('AkkRg___.ttf') format('truetype'),
	     url('Akkurat.svg#AkkuratRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;
}

@font-face {
	font-family: 'ForsythBrushCapitals';
	src: url('forsyth_brush-webfont.eot');
	src: url('forsyth_brush-webfont.eot?#iefix') format('embedded-opentype'),
	     url('forsyth_brush-webfont.woff') format('woff'),
	     url('forsyth_brush-webfont.ttf') format('truetype'),
	     url('forsyth_brush-webfont.svg#ForsythBrushCapitals') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*body {
	background-color:#3d3731;
	margin:0px;
}
*/
#content {
	font-family: arial, verdana, sans-serif;
}
#content h2 {
	font-family:'AkkuratRegular', Verdana, sans;
	font-weight:normal;
	border-bottom:5px #8a8a8a solid;
/*	border-bottom:5px #3d3731 solid;*/
	width:75px;
/*	overflow: visible;*/
	font-size:40px;
	line-height:40px;
	white-space:nowrap;
	color:#3d3731;
	padding-bottom:14px;
	margin-bottom:43px;
	text-transform:uppercase;
}
#content h3 {
	font-family:'AkkuratRegular', Verdana, sans;
	color:#403a34;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
}
#content h4 {
	font-family:Arial, Helvetica, sans;
	font-size:15px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
#content strong{
	font-weight: bold;
	font-size: 13px;
	color: #433d37;	
}

#content p, #content ol, #content ul {
	font-family: Arial, Helvetica, Verdana, sans;
	font-size: 13px;
	color: #403a34;
	line-height: 20px;
	margin-bottom:20px;
}

#content li {
	margin-bottom:20px;
}


#content {
	width: 1000px;
	background-color:#f0f0f0;
	margin:0px auto;
	padding:0px;
}

#content .clear {
	clear:both;
	height: 0;
	font-size: 0;
}

#content .column-1, #content .column-2, #content .column-3 {
	float:left;
}







/* Seperator lines */
#content .seperator {
	margin:0px;
	display:none; /* This is a quick way to get rid of the separators already built in...plus a quick way to restore them if minds are changed. */
}
#content .seperator.height-3 {
	width:43px;
	height:3px;
	background-color:#3d3731;
	
}






/* ACTUAL STYLES ------------------------------------------ */
#content .section {
	width: 1000px;
	/* padding-left:55px; */
	/* padding-right:55px; */
/*	margin-top:60px;*/
	padding: 45px 20px 45px 20px;
	box-sizing: border-box;
}

#content .section h2 {
	float:left;
}

#content #content-header {
/*	margin-top: 20px;*/
	padding-bottom: 0px;
	/*Overrides .section margins*/
	
width: 1000px;
	
/* padding-left:25px; */ 
	
/* padding-right:25px; */
padding: 0;
}

#content #header-nav {
/*	background: #3d3731 url('../images/story-pages/section-nav-bgd.png') no-repeat;*/
	
/* background: #3d3731 url('../images/story/section-nav-bgd.png') no-repeat; */
	width:290px;
	height:392px;
	
	float:left;
background: #ccc;
}

#content #header-nav h2 {
	color:white;
	font-size: 20px;
	line-height:21px;
	width: auto;
	white-space: normal;
	margin-top:18px;
	margin-left:30px;
	margin-bottom:0px;
	border:none;
}

#content ul {
	margin-top:0px;
	padding-left:30px;
	clear:both;
}
#content #header-nav li {
	text-transform: uppercase;
	margin-bottom:10px;
	list-style: none;
/*	margin-left:-10px;*/
	font-size:10px;
	margin-bottom: 13px;
/*	letter-spacing:0px;*/
	line-height:12px;
}
#content #header-nav li {
	text-transform: uppercase;
	margin-bottom:10px;
	list-style: none;
	font-size:10px;
	margin-bottom: 13px;
/*	letter-spacing:0px;*/
	line-height:12px;
}
#content #header-nav li a {
	color:#8a8a8a;
	text-decoration:none;
}

#content #header-nav li.here {
	color: #ff6600;
/*	white-space: nowrap;
	width:26px;
	border-bottom:2px #b15f34 solid;*/
}

#content #header-nav li.here a {
	color:#ff6600;
}

#content #header-nav li a:hover {
	color:#ff6600;
}

#content #header-image {
	/*background-color: #3d3731;*/
	width:710px;
	height:392px;
	
	float:right;
	position:relative;
	
/*	padding-top:27px;*/
/*	margin-top:0px;*/
}

#content h1 {
	margin-left:37px;
	margin-top:32px;
	padding-bottom:50px;
	font-size:62px;
	line-height: 62px;
	font-family: FeijoaMedium, Georgia, serif;
	color:white;
	font-weight: normal;
	
	/* Shadow */
	text-shadow: 1px 1px 75px #000;
	text-shadow: 1px 1px 75px rgba(0,0,0,0.4);
/*	filter: Shadow(Color=#000000,
			Direction=135, 
			Strength=5);
*/	
}

#header-shadow {
/*	background: url(../images/story-pages/why-icebreaker/what-is-icebreaker-merino/header.jpg) no-repeat;*/
	background: url(../images/story/header-shadow.png) no-repeat;
	width:453px;
	height:36px;
	position:absolute;
	bottom:-36px;
/*	margin-left:241px;*/
}



#content #next-page, #content #next-page-top {
/*	position:relative;*/
	background-color:#f0f0f0;
}

#content #next-page-top {
	height:40px;
}
#content #next-page {
	background-color:#f0f0f0;
	height:247px;
	margin-top:0px;
	margin-bottom:0px;
	background-repeat: no-repeat;
	background-position: center center;
}
/*#content #next-page img {
	margin-top:44px;
	margin-bottom:44px;
}
*/
#content #next-page a {
	display:block;
/*	position:absolute;*/
	width:153px; /* 170-17.  170 is desired width of button, 17 is padding-left */
	height:33px;
	color: #413b35;
	background-color: #f0f0f0;
	font: bold 11px Arial, sans-serif;
	line-height:33px;
	margin-right:50px;
	margin-top :110px;
	float:right;
	
	text-decoration:none;
	text-transform:uppercase;
	padding-left: 17px;
}
#content #next-page a:hover {
	background-color: #c9c6c1;
}
#next-page.section {
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
#next-page.section p {
	float:left;
	margin-top:110px;
	margin-left:36px;
	color:white;
	text-transform:uppercase;
	font: 18px ForsythBrushCapitals, Arial, Helvetica, sans-serif;
}



#content .video-section {
	background-color: #cac7c2;
	padding-top:0px;
	margin-top:0px;
}
#content .video {
	clear:both;
	width:890px;
	height:699px;
	background-color: #3d3731;
}
#content .video iframe {
	width:890px;
	height:699px;
}
#content .video-wide {
	height:530px;
}
#content .video-wide iframe {
	height:530px;
}

#content .video-shadow {
	margin:0px;
	padding:0px;
}

/* *****************************************************************************************
	BUBBLE / BALLOON Styles
***************************************************************************************** */
.balloonHint{
	position: absolute;
	background : url(../images/story/did-you-know-bubble.png) no-repeat top left;
	top: -80px;
	left: 0;
	width: 111px;	
	height : 80px;
}

#speech-bubble {
	display:none;
}

/* *****************************************************************************************
	CLEAR FIX -- COULD REPLACE THE EMPTY DIV AT THE END OF THE COLUMNS
***************************************************************************************** */

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
208.   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }