/* Defaults
-------------------------------------------------------------- */
body {
	background: url(../cssimg/bg_wood.jpg) top left repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
a { /* get rid of link outlines in firefox */	
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img { 
	border: none; 
}

/* General helper rules
-------------------------------------------------------------- */
.hidden { display: none; }
.center { text-align: center; }
.block 	{ display: block; }
.newline { margin: 1em 0; }
.notice { font-weight: bold; }
.goleft { float: left; }
.goright { float: right; }
.standalone { margin: 1em; display: block;}

/* Lists
-------------------------------------------------------------- */
.simple { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
ul.inline, ul.inline li { display: inline; }
ul.h-pad, ul.h-pad li { margin-left: 4px; }
ul.v-pad, ul.v-pad li { margin-top: 6px; }
li.merge {	
}
li.merge h2 {
	text-align: center;
}
li.merge .merge-left {
	width: 45%;
	float: left;
}
li.merge .merge-right {
	width: 45%;
	float: right;
}
/* CSS tooltip
-------------------------------------------------------------- */
span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
span.tool span.tip {
  display: none;        /* so is this */
}
/* tooltip will display on :hover event */
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: 400px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
 /* font: normal 0.9em/1.2em arial, helvetica, sans-serif;*/
  text-align: left;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

/* Accessibility Panel
-------------------------------------------------------------- */
.highContrast, .highContrast span {
	background: #000;
	color: #FFFF00;
}
.blackWhite, .blackWhite span {
	background: #fff;
	color: #000;
}
#accessibility {
	margin: 0.25em;
	border: 1px dashed #fff;
}
#accessibility a {
	text-decoration: none;
}

/* Navigation
-------------------------------------------------------------- */
#main-nav {
	height: 25px;
	padding-top: 3px;
	font-size: 110%;
	background-color: #444444;	
	border-bottom: 6px solid #0066CC;
}
#main-nav a:hover {
	text-decoration: none;
}
#main-nav li {
	float: left;
	color: #fff;
}
#main-nav a {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	cursor: pointer;
}
#main-nav a:hover {
	background-color: #0066CC;
}

/* Header
-------------------------------------------------------------- */
#headerWrapper {
	margin-top: 10px;
	background:url(../cssimg/bg_grad.jpg) repeat-x top left;
}
#header {
	height:166px;
	margin:0;
	text-align:left;
	background:url(../cssimg/header2.png);
	float:left;
	position:relative;
}
#header h1 {
	text-indent:-10000px;
	background:url(../cssimg/logo.png) no-repeat left top;
	height:119px;
	width:304px;
	position:absolute;
	left:0.25em;
	top:10px;
}
#header h2, #header h3 {
	font-size: 1.4em;
	position: relative;
	color: #000000;
	top: 130px;
	left: 4.5em;
	letter-spacing:0.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#header h3 {
	position: absolute;
	top: 6px;
	left: 470px;
	font-size: 1.2em;	
}

/* Content
-------------------------------------------------------------- */
#container {
}
#mainContent {	
	margin: 0 auto;	
	padding-bottom: 4em;
	background-color: #FFFFFF;
}
#leftContent {
}
#leftContent li p {
	margin-bottom: 4px;
}
#middleContent {
	margin: 4px;
	padding: 6px;
}
.bordered {
	border-left:  1px dotted #999999;
	border-right:  1px dotted #999999;
}
#middleContent h1 {
	font-size: 170%;
	font-weight: bold;
}
#middleContent h2 {
	font-size: 130%;
}
#middleContent li {
	padding-bottom: 0.5em;	
}
#rightContent {
}
#leftContent li,
#rightContent li {
	padding: 4px;
	border-top: 1px dotted #999999;
}
.pageContent {
	margin: 1em 1em auto;
}
.pageContent h2 {
	font-size: 110%;
	font-weight: bold;
}
.pageContent h2 img {
	vertical-align: middle;
}
/* Footer
-------------------------------------------------------------- */
#footer {
	color: #000000;
	background:url(../cssimg/footer2.gif) left top no-repeat;
}
div.copyright {
}
div.credits {
	color:#fff;
	font-size:90%;
}
div.credits a {
	color: #FFFFFF;
	text-decoration: underline;
}
div.credits a:hover {
	color: #FFFFFF;
}

/* Site specific
-------------------------------------------------------------- */
table {
	margin-bottom: 0px;
}
#topContentBar {
	height: 30px;	
	width: 100%;
	background: #E2E3FC;
}
#topContentBar .search {	
	width: 60%;
	height: 100%;
	float: left;
	margin-left: 0.75em;
}
#topContentBar .shoppingCart {	
	position: relative;
	top: -24px;
	left: 650px;
}
.searchButton {
	width: 24px;
	height: 24px;
	background: url(../cssimg/search.png);
	border: none;
	cursor: pointer;
}
ul.repairs-list li img {
	width: 400px;
	height: 300px;
}
h2 span.blue {
	color: #0066CC;
}
.small-notice { padding:.5em;margin-bottom:0.25em;border:2px solid #ddd; }
.small-notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.small-notice a {color:#514721;}
/*  GrandMaster Content Boxes
---------------------------------------------------*/
li.predator h2 img {
	margin-left: 6px;
}
li.quatro h2 img {
	margin-left: 4px;
}
li.maui p img {
	margin-left: 20px;
}
li.maui h2 img {
	margin-left: 30px;
}
li.gaastra h2 img {
	margin-left: 74px;
}
li.tabou h2 img {
	margin-left: 84px;
}
li.witchcraft h2 img {
	margin-left: 26px;
}
li.angulo h2 img {
	margin-left: 28px;
}
li.yes h2 img {
	margin-left: 20px;
}
li.yes p img {
	margin-left: 16px;
}
li.intro h1 {
	background-color: #E4E4FA;
	padding: 0.15em;
}
li.repairs h1 {
	background-color: #E4E4FA;
	padding: 0.15em;
}
li.repairs img {
	margin: 10px 50px 10px 50px;
}
li.repairs p.notice {
	margin: 0 auto;
	padding:.4em;margin-bottom:0.5em;border:2px solid #FFD324;
	width: 60%;
}
li.repairs { clear: both; }
li.chinook h1 {
	background-color: #E4E4FA;
	padding: 0.15em;
}
li.chinook ul#chinook-images-list img {
	margin: 10px 10px 10px 20px;
}
li.chinook img#chinook-logo {
	float: right;
}
li.chinook a.notice {
	margin-left: 30px;
}
li.news h2, li.delivery h2 {
	height: 40px;
}
li.payments {
	 height: 120px;
	 display: block;
	 text-align: center;
}
#rightContent li.delivery {
	 background: url(../cssimg/delivery-header-small.png) no-repeat;
}
#rightContent li.news {
	 background: url(../cssimg/news-header-small.png) no-repeat;
}
#rightContent li.payments {
	 background: url(../cssimg/payments-small.png) no-repeat;
}
#leftContent li.delivery {
	 background: url(../cssimg/delivery-header-large.png) no-repeat;
}
#leftContent li.news {
	 background: url(../cssimg/news-header-large.png) no-repeat;
}
#leftContent li.payments {
	 background: url(../cssimg/payments-large.png) no-repeat;
}

/*  Product Menu
---------------------------------------------------*/
div#cat_443901_divs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;	
}
ul#nav_443901 a {
	display: block;
	text-decoration: none;
	width: auto;
	padding: 0.25em;
}
ul#nav_443901 li a {
	background-color: #2d5ba7;
	color: #fff;
}
ul#nav_443901 li a:hover {
	background-color: #c9180a;
}
ul#nav_443901 li ul li a {
	background-color: #CCCCCC;
	color: #2d5ba7;
}
ul#nav_443901 li ul li a:hover {
	background:#c9180a;
	color: #fff;
}
/* Products */
.chinookcenter {
	text-align: center;
	display: block;
}
table.masts caption {
	display: none;	
}
table.masts td.top {
	background-color: #4C8EFA;
	color: #fff;
	padding: 0.7em;
	text-align: center;
	border-bottom: 2px #fff solid;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.2em;
}
table.masts td {
	background-color: #D6E0F0;
	color: #000;
	padding: 0.7em;
	text-align: center;
	border: 1px #fff solid;
	width:20%;
}
table.masts th {
	background-color: #C6CAD1;
	color: #000;
	line-height:1.2em;
	font-weight: bold;
	border: 1px #fff solid;
	text-align: center;
	width: 20%;
}
table.masts tr.alter {
	background-color:#B9CEF1;
	color: #000;
	padding: 0.7em;
	text-align: center;
	border-bottom: 1px #fff solid;
	width:20%;
}
.shop-main #productInfoPanel {
	margin-bottom: 3em;
	margin-left: 20px;
}
/* BC Override 
---------------------------------------------*/
.shop-main {
	margin-top: 0px;
}
.shop-main table.catalogueTable {
	width: 600px;
	overflow:hidden;
}
.shop-main .breadcrumbs {
	width: 100%;
}
.shop-product-small ul {
	margin: 0;
	list-style: none;
	height: 104px;
}
.shop-product-small div.smallProductOptions {
	margin: 0;
	padding: 0;
	height: 140px;
	display: block;
}
.shop-catalogue {
	height: 100%;
	width: 250px;
	text-align: center;
	border: none;
}
.shop-catalogue td.catalogueItem {
	padding-bottom: 0.25em;
}
.shop-catalogue .image {
	margin: 0 auto;
	padding: 0;
	width: 200px;
	height: 200px;	
}
.productTable .productItemNotFound {
	display: none;
}
.shop-product-large {
	padding: 0.5em;
}
.shop-product-large h1 {
	text-align: center;
}
.shop-product-large .col1 {
	width: 52%;
	float: left;
	text-align: center;
}
.shop-product-large .col2 {
	width: 46%;
	float: right;
}
.shop-product-large .productDescription ul li {
	margin-left: 2em;
}
.shop-product-large .productDescription .chinooklogo {
	float: right;
	margin-right: 1em;
}
table.cart div.productitemcell {
	overflow: visible;
	margin-bottom: 1.25em;
}
div.shop-checkout h2 {
	text-decoration:underline;
}
div.shop-checkout h2 span {
	font-size: 80%;
	font-weight: normal;
}
.productfeaturelist {
	list-style-type: none;
}
.productfeaturelist li {
	float:left;
	margin-right:5px;
}
.productfeaturelist li .shop-product-small {
	width: 180px;
}