@charset "UTF-8";
/* CSS Document */

/* CMG Power, Cardiff CSS - www.octopus-creative.co.uk */

* {
	margin: 0;
	padding: 0;
}

body {
    font: 13px arial, helvetica, verdana, sans-serif;
	color: #000;
	background: #beccd7 url(../images/windowBg01.gif) top left;
}

em {
	font-style: normal;
	font-weight: 700;
}

img {
	border: 0;
}




/* Error styles */

#error {
	width: 100%;
	background: #fff url(../images/error.gif) top left no-repeat;
	padding-top: 170px;
}

#error p {
	padding: 4px 20px;
}

#error h1 {
	font-size: 200%;
	padding: 4px 20px;
}

#error ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#error a:link, #error a:visited {
	color: #1a7ca3;
}

#error a:hover {
	color: #33abdb;
	text-decoration: none;
}




/* Content styles */

#container {
	position: relative;
	width: 970px;
	margin: 0 auto;
	background: #fff url(../images/BAProduct_mainBg.gif) bottom left repeat-x;
	border-left: 1px solid #9e9e94;
	border-right: 1px solid #9e9e94;
	border-bottom: 1px solid #9e9e94;
}

* html #container {
	width: 972px;
	w\idth: 970px;
}

#headcontainer {
	width: 100%;
	height: 50px;
	background: #fff url(../images/bg-head.jpg) bottom left repeat-x;
}

#head {
	position: relative;
	width: 972px;
	height: 50px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 970px;
	height: 100px;
	margin: 0 auto;
	background: #fff url(../images/bg-header.gif) 10px 35px no-repeat;
}

#searchbar {
    font: 12px tahoma, arial, helvetica, verdana, sans-serif;
	position: relative;
	color: #fff;
	width: 725px;
	height: 27px;
	background: #000f60 url(../images/headerBarCornerRight.gif) bottom right no-repeat;
}

#menu {
    font: 12px tahoma, arial, helvetica, verdana, sans-serif;
	position: relative;
	width: 950px;
	height: 31px;
	margin: 0 10px;
	background: #d7d8d7 url(../images/bg-menu.gif) 0 0 repeat-x;
}

#content {
	position: relative;
	width: 960px;
	min-height: 520px;
	padding-bottom: 20px;
}

#bghome {
	position: relative;
	width: 970px;
	min-height: 520px;
	background: #fff url(../images/BAHome_mainBg.gif) bottom left repeat-x;
}

.colleft {
	float: left;
	width: 630px;
	margin: 10px 5px 0 5px;
	padding: 0;
}

* html .colleft {
	margin-right: -5px;
}

.colright {
	float: right;
	width: 290px;
	margin: 10px 0 0 0;
	padding: 0 20px 0 0;
}

* html .colright {
	margin-right: -5px;
}

.clearer {
	display: block;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
}

#footer { 
	color: #fff;
	width: 952px;
	height: 105px;
	margin: 0 auto;
	padding-top: 10px;	
}





/* Global styles */

p {
	line-height: 1.2em;
	padding-bottom: 0.6em;
	text-align: justify;
}

p.disclaimer {
	font-size: 90%;
	color: #C00;
	line-height: 1.2em;
	padding: 10px 0 0.6em 0;
}

h1 {
	font-size: 170%;
	font-weight: 200;
	color: #9d9e9c;
	line-height: 1.1em;
	padding: 0.2em 0 0.4em 0;
}

h2 {
	font-size: 150%;
	font-weight: 200;
	color: #000;
	line-height: 1.1em;
	padding: 0.2em 0 0.4em 0;
}

h3 {
	font-size: 100%;
	font-weight: 700;
	color: #000;
	line-height: 1.1em;
	padding: 0 0 2px 0;
}

img.bannerimg {
	padding: 10px 0 0 10px;
}




/* Table styles */

tr.header {
	background-color: #f3f5f0;	
	height: 14px;
}

tr.header p {
	font-weight: 700;
	padding: 6px 4px;	
}

tr p {
	padding: 4px;	
}

td {
	border-bottom: 1px solid #ccc;	
}






/* Head styles */

#head ul {
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1em;
}

#head li.choose {
	float: left;
	color: #999;
	background: none;
	padding: 12px 0 0 10px;
	margin: 0;
	width: auto;
	height: 21px;
}

#head li {
	float: left;
	background: #fff url(../images/bg_head_li.gif) top left no-repeat;
	margin: 0;
	width: auto;
	height: 36px;
	padding: 0 0 0 16px;
}

#head a:link, #head a:visited {
	float: left;
	display: block;
	background: #fff url(../images/bg_head_a.gif) top right no-repeat;
	padding: 6px 18px 3px 6px;
	text-decoration: none;
	margin: 0 1px 0 0;
	height: 27px;
	color: #fff;
}

* html #head a:link, * html #head a:visited {
	height: 36px;
}

#head a:hover {
	color: #333;
}

#head li.over {
	float: left;
	background: #fff url(../images/bg_head_li_over.gif) top left no-repeat;
	margin: 0;
	width: auto;
	height: 36px;
	padding: 0 0 0 16px;
}

#head li.over a:link, #head li.over a:visited {
	float: left;
	display: block;
	background: #fff url(../images/bg_head_a_over.gif) top right no-repeat;
	padding: 6px 18px 3px 6px;
	text-decoration: none;
	margin: 0 1px 0 0;
	height: 27px;
	color: #fff;
}

* html #head li.over a:link, * html #head li.over a:visited {
	height: 36px;
}

#head li.over a:hover {
	color: #fff;
}




/* Header styles */

#header #searchbar p.contact {
	position: absolute;
	left: 382px;
	bottom: -1px;
}

#header #searchbar img.contact {
	position: absolute;
	left: 454px;
	bottom: 0px;
}

#header img.centerlogo {
	position: absolute;
	top: 8px;
	right: 18px;
}

#header p.centername {
	color: #000;
	position: absolute;
	top: 51px;
	left: 277px;
	font-size: 160%;
	font-weight: 700;
	text-transform: uppercase;
}

#header #searchbar p a:link, #header #searchbar p a:visited {
	color: #fff;
	text-decoration: none;
}

#header #searchbar p a:hover {
	color: #5f6db8;
	text-decoration: none;
}




/* Menu styles */

#menu img {
	position: absolute;
	top: 0;
	right: 0;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float: left;
	background: url(../images/bg-menu-li.gif) top right no-repeat;
}

#menu ul li a.first:link, #menu ul li a.first:visited {
	color: #000;
	font-weight: 700;
	float: left;
	width: auto;
	height: 25px;
	margin-right: 1px;
	padding: 6px 40px 0px 40px;
	text-decoration: none;
	background: #d7d8d7 url(../images/bg-menu-a.gif) 0 0 no-repeat;
}

#menu ul li a.first:hover {
	float: left;
	text-decoration: none;
	background: #d7d8d7 url(../images/bg-menu-a.gif) 0 -31px no-repeat;
}

#menu ul li a:link, #menu ul li a:visited {
	color: #000;
	font-weight: 700;
	float: left;
	width: auto;
	height: 25px;
	margin-right: 1px;
	padding: 6px 40px 0px 40px;
	text-decoration: none;
	background: #d7d8d7 url(../images/bg-menu-a.gif) -10px 0 no-repeat;
}

#menu ul li a:hover {
	float: left;
	text-decoration: none;
	background: #d7d8d7 url(../images/bg-menu-a.gif) -10px -31px no-repeat;
}





/* Content styles */

#intro {
	width: 960px;
	margin: 10px 4px 0 4px;
	padding: 0;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

* html #intro {
	width: 962px;
	w\idth: 958px;
	margin: 10px 0 0 4px;
}

#intro img.top {
	width: 962px;
	margin-left: -1px;
}

#introfooter {
	width: 960px;
	height: 14px;
	margin: 0 5px;
	background: #e8ebee url(../images/bg-intro-base.gif) top left no-repeat;
}

#intro .colleft p {
	padding: 0 10px 0.4em 10px;
}

tr.caption {
	background: #60a7dd url(../images/bg_tr_caption.gif) 10px 14px no-repeat;
}

tr.caption p {
	color: #fff;
	font-weight: 700;
	padding: 10px 10px 10px 30px;
}




/* Column left styles */

.colleft h1 {
	padding-left: 9px;
}

.colleft img {
	padding: 0 10px 10px 10px;
}

.colleft #bucket01 p, .colleft #bucket02 p {
	text-align: left;
}

.colleft #bucket01 {
	width: 311px;
	float: left;
	background: #f1f9f1;
}

.colleft #bucket01 .top {
	width: 311px;
	height: 41px;
	background: #d5e9d1 url(../images/bg-bucket01-top.gif) 0 0 no-repeat;
}

.colleft #bucket01 .top h2 {
	font-size: 130%;
	padding: 15px 5px 0px 8px;
}

.colleft #bucket01 .middle {
	width: 309px;
	border-left: 1px solid #66a352;
	border-right: 1px solid #66a352;
}

.colleft #bucket01 .middle p {
	padding-top: 10px;
}

.colleft #bucket01 .base {
	width: 311px;
	height: 8px;
	background: #f1f9f1 url(../images/bg-bucket01-base.gif) 0 0 no-repeat;
}

.colleft #bucket02 {
	width: 311px;
	float: right;
	background: #f0ebe0;
}

.colleft #bucket02 .top {
	width: 311px;
	height: 41px;
	background: #e0d5cc url(../images/bg-bucket02-top.gif) 0 0 no-repeat;
}

.colleft #bucket02 .top h2 {
	font-size: 130%;
	padding: 15px 5px 0px 8px;
}

.colleft #bucket02 .middle {
	width: 309px;
	border-left: 1px solid #916a7c;
	border-right: 1px solid #916a7c;
}

.colleft #bucket02 .middle p {
	padding-top: 10px;
}

.colleft #bucket02 .base {
	width: 311px;
	height: 8px;
	background: #f0ebe0 url(../images/bg-bucket02-base.gif) 0 0 no-repeat;
}

.colleft #bucket01 .middle a:link, .colleft #bucket01 .middle a:visited, .colleft #bucket02 .middle a:link, .colleft #bucket02 .middle a:visited {
	color: #000;
	text-decoration: none;
}

.colleft #bucket01 .middle a:hover, .colleft #bucket02 .middle a:hover {
	color: #666;
	text-decoration: underline;
}




/* Column right styles */

.colright img {
	padding-bottom: 10px;
}

.colright .bucket01 a:link, .colright .bucket01 a:visited {
	display: block;
	color: #fff;
	width: 295px;
	height: 110px;
	background: #314585 url(../images/bg-visit-our-world-lg.jpg) 0 0 no-repeat;
	text-decoration: none;
}

.colright .bucket01 a:hover {
	color: #fff;
	background: #314585 url(../images/bg-visit-our-world-lg.jpg) 0 -110px no-repeat;
	text-decoration: none;
}

.colright .bucket01 p {
	padding: 85px 0 0 80px;
}

.colright h2 {
	padding-top: 10px;
}




/* Column sub */

.colsub {
	width: 182px;
	min-height: 200px;
	float: left;
	background: #f1f0ee url(../images/bg-colsub-blend.gif) bottom left no-repeat;
	margin: 20px 0 0 9px;
}

* html .colsub {
	width: 180px;
	w\idth: 182px;
}

.colsub ul {
	list-style: none;
}

.colsub ul li a:link, .colsub ul li a:visited {
 	width: 162px;
	height: 18px;
	display: block;
	font-size: 90%;
	color: #000;
	font-weight: 700;
	text-decoration: none;
	padding: 2px 10px;
	background: #edecea url(../images/bg-colsub-ul-li.gif) bottom left repeat-x;
}

.colsub ul li a:hover {
	text-decoration: none;
	background-color: #c5c5c5;
}




/* Column product */

.colproduct {
	width: 745px;
	min-height: 200px;
	float: right;
	margin: 20px 0 0 15px;
}

* html .colproduct {
	width: 733px;
	w\idth: 735px;
}

.colproduct ul {
	padding-bottom: 10px;
}

.colproduct h2 {
	font-size: 115%;
	font-weight: 700;
}




/* Column links */

.collinks {
	width: 182px;
	min-height: 200px;
	float: right;
	background: #f1f0ee url(../images/bg-colsub-blend.gif) bottom left no-repeat;
}

.collinks p {
	font-size: 94%;
	padding-bottom: 0.2em;
}

.collinks h2 {
	padding: 0 0 0 10px;
}

.collinks .linkitem {
	width: 162px;
	margin: 0 10px;
	padding: 8px 0;
	border-bottom: 1px solid #e0e0e0;
}

.collinks .linkitem a:link, .collinks .linkitem a:visited {
	color: #000;
}

.collinks .linkitem a:hover {
	color: #999;
}





/* Column sub - Marine leisure engines */

.colsub-engines {
	width: 182px;
	min-height: 200px;
	float: left;
	background: #efeadb url(../images/bg-colsub-engines-blend.gif) bottom left no-repeat;
	margin: 20px 0 0 9px;
	padding: 0 0 50px 0;
}

* html .colsub-engines {
	width: 180px;
	w\idth: 182px;
}

.colsub-engines ul {
	list-style: none;
}

.colsub-engines ul li a:link, .colsub-engines ul li a:visited {
 	width: 162px;
	height: 18px;
	display: block;
	font-size: 90%;
	color: #000;
	font-weight: 700;
	text-decoration: none;
	padding: 2px 10px;
	background: #efeadb url(../images/bg-colsub-engines-ul-li.gif) bottom left repeat-x;
}

.colsub-engines ul li a:hover {
	text-decoration: none;
	background-color: #e4dabc;
}

.colsub-engines ul.sub li a:link, .colsub-engines ul.sub li a:visited {
 	width: 152px;
	height: 18px;
	display: block;
	font-size: 90%;
	color: #000;
	font-weight: 200;
	text-decoration: none;
	padding: 2px 10px 2px 20px;
	background: #fff url(../images/bg-colsub-engines-ul-li.gif) bottom left repeat-x;
}

.colsub-engines ul.sub li a:hover {
	text-decoration: none;
	background-color: #e4dabc;
}

/* Original left column

.colproduct-colleft {
	float: left;
	width: 350px;
}

*/

.colproduct-colleft {
	float: left;
	width: 740px;
	text-align: justify;
	padding-bottom: 10px;
}

.colproduct-colright {
	float: right;
	width: 345px;
	margin-right: 15px;
}

.colproduct-colleft ul, .colproduct-colright ul {
	list-style-image: url(../images/bg-ul.gif);
	margin: 0 0 0 20px;
}

.colproduct-bucket-left {
	float: left;
	width: 360px;
	height: 130px;
	margin: 10px 0 0 0;
}

.colproduct-bucket-right {
	float: right;
	width: 360px;
	height: 130px;
	margin: 10px 10px 0 0;
}

.colproduct-bucket-left a:link, .colproduct-bucket-left a:visited, .colproduct-bucket-right a:link, .colproduct-bucket-right a:visited {
	display: block;
	width: 360px;
	height: 130px;
	color: #000;
	background: #f3f3f3 url(../images/bg-colproduct-bucket.jpg) 0 0 no-repeat;
	text-decoration: none;
}

.colproduct-bucket-left a:hover, .colproduct-bucket-right a:hover {
	background: #f3f3f3 url(../images/bg-colproduct-bucket.jpg) 0 -130px no-repeat;
	text-decoration: none;
}

.colproduct-bucket-left h2, .colproduct-bucket-right h2 {
	font-size: 100%;
	font-weight: 700;
	padding: 10px 0 0 10px;
}

.colproduct-bucket-left p, .colproduct-bucket-right p {
	font-size: 94%;
	padding: 20px 10px 0 160px;
}

.colproduct-bucket-left img, .colproduct-bucket-right img {
	float: left;
	padding: 10px 0 0 10px;
}

#download {
	width: 740px;
	margin-top: 30px;
	padding: 10px 0;
	background: url(../images/bg-print-friendly.gif) 0 0 repeat-x;
}

#download a:link, #download a:visited {
	display: block;
	width: 160px;
	height: 28px;
	font-size: 94%;
	font-weight: 700;
	color: #666;
	text-decoration: none;
	background: #fff url(../images/icon-download.gif) 0 0 no-repeat;
	margin: 0 0 6px 0;
	padding: 6px 0 0 36px;
}

#download a:hover {
	color: #000;
	text-decoration: underline;
}

#print-friendly {
	width: 740px;
	margin-top: 30px;
	padding: 10px 0;
	background: url(../images/bg-print-friendly.gif) 0 0 repeat-x;
}

#print-friendly a:link, #print-friendly a:visited {
	display: block;
	width: 160px;
	height: 28px;
	font-size: 94%;
	font-weight: 700;
	color: #666;
	text-decoration: none;
	background: #fff url(../images/icon-print.gif) 0 0 no-repeat;
	margin: 0 0 6px 0;
	padding: 6px 0 0 36px;
}

#print-friendly a:hover {
	color: #000;
	text-decoration: underline;
}






/* Footer styles */

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #426c8d;
	text-decoration: underline;
}