* {margin:0;padding:0;}
body
{
	font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif, MS Sans Serif;
	font-size:0.85em;
	line-height:1.4em;
	color:#a6895f;
	background:#000000 url('img/back-tile-1.gif') repeat top left;
	width:100%;
	height:100%;
	border:0;
}
p {margin:6px 0 6px 0;}
input, select, textarea
{
	font-size: inherit;
	font-family: inherit;
}
img { border: 0px; }
ul, ol  {margin:0 10px 0 25px;}
a:Link, a:Visited{text-decoration:none;color:#956852;}
a:Hover, a:Active{text-decoration:underline;color:#e1d2b7;outline: none;}
.text-small {font-size:0.8em;line-height:0.9em;}
.text-med {font-size:0.95em;line-height:0.95em;}
/* Page Layout */
#page-outer-wrapper 
{
	width:100%;
	min-height:600px;
	margin:0px auto;
	overflow:visible;
	background:transparent url('img/back-gradient-2.png') repeat-x top left;
}
#page-inner-wrapper 
{
	width:984px;
	min-height:600px;
	margin:0px auto;
	overflow:visible;
	background:transparent url('img/back-pattern-1.png') no-repeat top center;
	background-position:center 40px;
}
/* Header Styles */
#page-header 
{
	position:relative;
	width:inherit;
	height:150px;
}
#page-header-logo
{
	width:156px;
	height:156px;
	position:absolute;
	left:415px;
	top:60px;
	background:transparent url('img/bokkx-logo-1.jpg') no-repeat center center;
	display:block;
}
/* End Header Styles */
#cw-1, #cw-2, #cw-3, #cw-4 
{
	overflow:visible;
	height:auto;
}
#cw-1 
{
	width:890px;
	margin:0px auto;
	border:solid 1px #000000;
	background-color:#000;
}
#cw-2
{
	border:solid 4px #3f2b2a;
}
#cw-3
{
	border:solid 15px #000;
	/*background:#362724 url('img/back-content-1.jpg') repeat-x top left;  Gradation background (old back color, lighter: 483332) */ 
	background-color:#120c0c;
}
#cw-4 {height:500px;}
#cw-4
{
	border:solid 1px #bca05f;
	padding:55px 0 150px 0;
	background:transparent url('img/back-content-3.png') no-repeat left bottom; /* Choco waves background */
	background-position:0px bottom;
}
.home #cw-4 
{
	padding:0;
	background-image:none;
	height:325px;
	min-height:325px;
}
.home #cw-4 img {display:block;}
/* CSS for all other browsers that IE 6 will ignore */
html>body #cw-1, html>body #cw-2, html>body #cw-3{overflow:hidden;}
html>body #cw-4 {overflow:hidden;height:auto;min-height:500px;}

/* Start Column Layout Styles */
/* column container */
#content-wrapper {
	position:relative; /* fixes IE7 overflow hidden bug and stops layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
#home-banner-wrapper {float:left;width:100%;}
/* 2 column left menu settings */
.leftmenu {
    /*background:#FFD8B7;*/
}
.leftmenu .colright {
    float:left;
    width:200%;
	position:relative;
	left:205px;
    /*background:#fff;*/
}
.leftmenu .col-main-wrap {
    float:right;
    width:50%;
    position:relative;
    right:205px;
    padding-bottom:1em;
}
.leftmenu .col-main {
    margin:0 0px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col-left {
    float:left;
    width:160px;
    position:relative;
    right:175px;
    /*background-color:#000;*/
}
.leftmenu .col-main p {margin:0 50px 15px 0;}
.leftmenu .col-main img {position:relative;}
/* holy grail 3 column settings */
.holygrail {
    /*background:#ff9;    	 Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    /*background:#fff;    	 Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         	/* Left column width + right column width */
    /*background:#FFD8B7;    	 Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 215px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:160px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:10px;         	/* Width of the left-had side padding on the left column */
    /*background-color:#000;*/
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* Content wrapper styles */
.left-menu-outer {height:199px;overflow:hidden;background-color:#000;}
.left-menu-inner
{
	height:175px;
	border:solid 1px #3d3121;
	margin:6px;
	padding:5px;
	background:#000000 url('img/back-side-1.gif') no-repeat bottom left;
}
html>body .left-menu-outer {height:auto;}
html>body .left-menu-inner {height:auto;min-height:175px;}
.col1 strong, .col-main strong 
{
	color:#e1d2b7;
}
/* Footer styles */
#footer-wrapper 
{
	clear:both;
	width:890px;
	height:120px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:10px auto;
	background:transparent url('img/back-footer-1.png') no-repeat center center;
	background-position:center 40px;
}
#footer {
    clear:both;
    float:left;
    width:100%;
	border:0px solid #000;
	text-align:center;
	background-color:#000;
}
#footer p {
    padding:10px;
    margin:0;
    font-size:0.9em;
}
#page-footer 
{
	clear:both;
	text-align:center;
	margin:-100px 0 10px 0;
}
#page-footer address 
{
	margin:0 auto;
	font-size:0.9em;
}
/* Menu Container Styles */
#main-menu
{
	width:100%;
	height:40px;
	margin:0 auto;
	text-transform: uppercase;
	position:relative;
	display:inline-block;
}
/* End Menu Container */

/* Start Home Box Styles */
#home-content-wrapper{
	float:left;
	width:100%;
	margin:10px 0 0 0;
	position:relative;
	overflow:hidden;
}
.home .box-wrapper { position:relative;margin:0px auto 10px auto;width:890px;min-height:160px;clear:both; }
.home .box-upper { float:left;width:290px;height:160px;background-color:#000;margin-right:10px; }
.home .box-wrapper-lower { overflow:hidden;background-color:#271b1b;margin:10px auto; }
.home .box-lower { position:relative;overflow:hidden;width:870px;background-color:#362626;margin:10px;border:solid 1px #4c3a30; }

.home .box-upper-inner{ margin:10px;padding:10px;height:120px;border:solid 1px #3e331f;overflow:hidden; }
.home .upper-inner-left { background:transparent url('../../images/bokkx-chocolate-josee-chouinard-1.jpg') no-repeat top right; }
.home .upper-inner-center{ background:transparent url('../../images/bokkx-canadian-chocolate-1.jpg') no-repeat top right; }
/*.home .upper-inner-right{ background:transparent url('../../images/bokkx-box-of-chocolate-1.jpg') no-repeat top right; }*/

.home .box-lower-outer { float:left;width:280px;margin-right:10px;}
.home .lower-inner-left { min-height:190px;margin:15px;margin-right:0px;border-right:solid 1px #4c3a30; }
.home .lower-inner-center { min-height:190px;margin:15px 0 15px 5px;border-right:solid 1px #4c3a30; }
.home .lower-inner-right { min-height:190px;margin:0;float:right;}
.home .box-right { margin-right:0px;float:right; }

.box-lower-title {height:60px;width:auto;}
/* End Home Box Styles */

/* Start Content Page Styles */
.content-text
{
	width:auto;
	margin:10px;
	overflow:visible;
	border-top:solid 0px #666;
	margin:20px 0px 10px 10px;
}
.content-text p
{
	margin-right:0px;
}
.content-text strong
{
	color:#fff;
}
.content-text-left, .content-text-right
{
	float:left;
	width:280px;
	margin:0 0 20px 0;
}
.context-text-right
{
	margin-left:10px;
}
.content-text-center
{
	clear:both;
}

.content-header {height:75px;margin:0 0 0 30px;}
.content-image {float:right;border:solid 1px #bca05f;border-right:none;margin:10px 0 10px 10px;}
.image-noborder {border:none;}

.title-section {display:block;}
.title-line{float:left;}
.title-line-center {background-color:#4d3a31;height:1px;width:100%;height:1px;line-height:0;font-size:0;}
.title-line-right
{
	background:#4d3a31 url('img/title-line-right.gif') no-repeat top right;
	height:1px;
	width:83px;
	line-height:0;font-size:0;
}
.title-line-left
{
	background:#4d3a31 url('img/title-line-left.gif') no-repeat top left;
	height:1px;
	width:83px;
	line-height:0;font-size:0;
}

/* generic box */
.gbox-outer {overflow:hidden;background-color:#000;}
.gbox-inner {border:solid 1px #3d3121;margin:6px;padding:5px;}
p.sf_socialBookmarks {margin:10px 0 0 0;}

/* Feed and Twitter Styles */
.twitter-feed{margin:0px 10px 25px 0px;line-height:1.1em;}
.twitter-feed h3{margin:0px;font-size:1.2em;line-height:1em;}
.twitter-feed a:Link, .twitter-feed a:Visited{/*text-decoration:none;color:#fff;*/}
.twitter-feed a:Hover, .twitter-feed a:Active{/*text-decoration:underline;color:#999;*/}
.twitter-separator{margin:4px 0 4px 0;height:1px;}
.twitter-date{margin:2px 0;font-size:0.8em;line-height:0.95em;color:#615034;}
.twitter-text{font-size:0.95em;color:#a4895e;}

/* Input/Form Styles */
.required-text {color:#f28108;}

/* Controls Shared Pager */
ol.sf_pager 
{
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
	clear: both;
}
ol.sf_pager li
{
	margin: 0;
	padding: 0 10px 0 0;
	width: auto;
	float: left;
}
ol.sf_pager li a
{
	padding: 3px 5px;
}
ol.sf_pager li a[disabled="disabled"], ol.sf_pager li a.sf_PagerSelItem
{
	color: #666;
	text-decoration: none;
	cursor: default;
}
.PollBox {margin:0;padding:0;}
.PollBox ul {list-style:none;}
h2.sf_pollTitle {height:1px;}
fieldset.sf_pollQuestionsList {border:0!important;}
h2.sf_pollTitle, h3.sf_pollQuestion {margin:0;padding:0;}
.PollBox .RadChart {width:100px!important;border:solid 0px red;overflow:hidden;}
.PollBox .RadChart img {}
/* Site Credit Styles */
#pbnj-powered {clear:both;float:right;width:auto;font-size:0.75em;line-height:1.0em;color:#999;margin:20px 0 0 0;}
#pbnj-powered img {display:inline-block;float:right;}
#pbnj-powered a {float:right;margin-left:2px;}
#pbnj-powered a:Link, #pbnj-powered a:Visited{text-decoration:none;color:#999;}
#pbnj-powered a:Hover, #pbnj-powered a:Active {text-decoration:underline; color:#ccc;}