@charset "utf-8";
/* CSS Document */
/*
-----------------------------------------------------
Waikerie Motorcycle and Marine
URL: http://www.wmm.com.au/

mantamedia http://www.mantamedia.com.au
Design by Josh Rogers and Code by Nola Falk

Last modified: 	Nov 22 2011
------------------------------------------------------ */

* {	
	margin:0;
	padding:0;
}
html{ 
	margin: 0; 
	padding: 0; 
}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #cccccc;
	background-image: url(img/BGRepeat.jpg);
	background-repeat: repeat;
	margin:0;
	padding:0;
}
body a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #005AF0;
}
body a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #005AF0;
}
/*general*/
.quote{
	font-family: 'Georgia', Times New Roman, Times, serif;
	font-size: 14px;
	font-style:italic;
	color: #003894;
}
img a{
	border: none;
	text-decoration: none;
}
p{
	margin: 0;
	padding:  0  0 10px 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bold{
	font-weight:bold;
}
.imgLeft{
	float:left;
	padding: 0 75px 0 25px;
}
.imgside{
	float:left;
	padding: 0 75px 0 25px;
}
.fltright{
	float:right;
}
.fltleft{
	float: left;
}
/*Layout*/
#container{
	padding:0;
	margin:0;
}

.bannerRight{
	position: relative;
	width: 518px;
	overflow: hidden;
	height: 395px;
}

.btn1  {
	left: 88px;
	overflow: auto;
	position: absolute;
	top:185px;
	visibility: visible;
}

.btn2 {
	left: 255px;
	overflow: auto;
	position: absolute;
	top: 250px;
	visibility: visible;
}

.btn3{
	left: 255px;
	overflow: auto;
	position: absolute;
	top: 315px;
	visibility: visible;
}

#holder {
	margin: 0 auto;
	height: 960px;
	width: 1200px;
	background-image: url(img/BG_Main.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#holder h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #76B9EB;
	font-weight: bold;
	margin:0;
	padding:0;
	font-style: italic;
}
/* [Header]*/
#header{
	height: 65px;
	width: 1055px;
	padding: 0 0 0 15px;
	margin:0 auto;
}
#header .logo{
	float:left;
	width: 284px;
	height: 63px;
}
#header .topnav{
	float:right;
	width: 771px;
	height: 24px;
	padding: 38px 0 0 0;
}
ul#top {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: 22px;
	width: 766px;
}

ul#top li a, ul#top li {
	background-position: left top;
	background-repeat: no-repeat;
	list-style: none;
	list-style-type: none;
	display: block;
	text-indent: -9000px;
	position: absolute;
	left: 0;
	top: 0;
}

ul#top li a:hover span{
	 display: none;
} 
ul#prodlogos li a span{
	 display: none;
}

/*Index Nav Styles*/
ul#top li a.indexnav {
	background-image: url(img/navtitle_home.jpg);
	height: 22px;
	width: 50px;
	top: 0;
	left: 0px;
}

ul#top li a.indexnav:hover, ul#top li a.indexnavon{
	background-image: url(img/navtitle_home.jpg);
	background-position: left bottom;
	height: 22px;
	width:50px;
	top: 0;
/*	left: 684px;*/
	left: 0px;
	
}
/*New Boats Nav Styles*/
ul#top li a.newboatsnav {
	background-image: url(img/navtitle_newboats.jpg);
	height: 22px;
	width: 88px;
	top: 0;
	left: 55px;
}

ul#top li a.newboatsnav:hover, ul#top li a.newboatsnavon{
	background-image: url(img/navtitle_newboats.jpg);
	background-position: left bottom;
	height: 22px;
	width:88px;
	top: 0;
	left: 55px;
}
/*Outboards Nav Styles*/
ul#top li a.outboardsnav {
	background-image: url(img/navtitle_outboards.jpg);
	height: 22px;
	width: 97px;
	top: 0;
	left: 142px;
}

ul#top li a.outboardsnav:hover, ul#top li a.outboardsnavon{
	background-image: url(img/navtitle_outboards.jpg);
	background-position: left bottom;
	height: 22px;
	width:97px;
	top: 0;
	left: 142px;
}
/*Trailers Nav Styles*/
ul#top li a.trailersnav {
	background-image: url(img/navtitle_trailers.jpg);
	height: 22px;
	width: 73px;
	top: 0;
	left: 240px;
}

ul#top li a.trailersnav:hover, ul#top li a.trailersnavon{
	background-image: url(img/navtitle_trailers.jpg);
	background-position: left bottom;
	height: 22px;
	width:73px;
	top: 0;
	left: 240px;
}
/*Motorbikes Nav Styles*/
ul#top li a.motorbikesnav {
	background-image: url(img/navtitle_motorbikes.jpg);
	height: 22px;
	width: 100px;
	top: 0;
	left: 312px;
}

ul#top li a.motorbikesnav:hover, ul#top li a.motorbikesnavon{
	background-image: url(img/navtitle_motorbikes.jpg);
	background-position: left bottom;
	height: 22px;
	width:100px;
	top: 0;
	left: 312px;
}
/*Ski Gear Nav Styles*/
ul#top li a.skigearnav {
	background-image: url(img/navtitle_skigear.jpg);
	height: 22px;
	width: 80px;
	top: 0;
	left: 322px;
}

ul#top li a.skigearnav:hover, ul#top li a.skigearnavon{
	background-image: url(img/navtitle_skigear.jpg);
	background-position: left bottom;
	height: 22px;
	width:80px;
	top: 0;
/*	left: 362px;*/
	left: 322px;
}
/*Accessories Nav Styles*/
ul#top li a.accessoriesnav {
	background-image: url(img/navtitle_accessories.jpg);
	height: 22px;
	width: 100px;
	top: 0;
	left: 412px;
}

ul#top li a.accessoriesnav:hover, ul#top li a.accessoriesnavon{
	background-image: url(img/navtitle_accessories.jpg);
	background-position: left bottom;
	height: 22px;
	width:100px;
	top: 0;
	left: 412px;
/*	left: 442px;*/
}
/*Garden Products Nav Styles*/
ul#top li a.gardenproductsnav {
	background-image: url(img/navtitle_gardenproducts.jpg);
	height: 22px;
	width: 142px;
	top: 0;
	left: 520px;
}

ul#top li a.gardenproductsnav:hover, ul#top li a.gardenproductsnavon{
	background-image: url(img/navtitle_gardenproducts.jpg);
	background-position: left bottom;
	height: 22px;
	width:142px;
	top: 0;
	left: 520px;
/*	left: 543px;*/
}
/*Contact Nav Styles*/
ul#top li a.contactnav {
	background-image: url(img/navtitle_contact.jpg);
	height: 22px;
	width: 71px;
	top: 0;
	left: 670px;
}

ul#top li a.contactnav:hover, ul#top li a.contactnavon{
	background-image: url(img/navtitle_contact.jpg);
	background-position: left bottom;
	height: 22px;
	width:71px;
	top: 0;
/*	left: 684px;*/
	left: 670px;
}






/* [content]*/
#content{
	height: 395px;
	width: 1045px;
	padding: 0 10px 0 15px;
	margin:0 auto;
	background-image: url(img/contentBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#sideImgHolder{
	float: left;
	width: 261px;
	height: 395px;
}
#sideImgHolderWide{
	float: left;
	width: 524px;
	height: 395px;
}
#lefttext{
	float: left;
	width: 460px;
	padding: 30px 30px 20px 30px;
	height: 335px;
}
#righttext{
	float: right;
	width:730px;
	height: 370px;
	padding: 20px 20px 0 0;
}
#righttextNarrow{
	float: right;
	width:454px;
	height: 345px;
	padding: 20px 30px 20px 25px;
}
#rightprod{
	float: right;
	width:479px;
	height: 335px;
	padding: 30px 20px 20px 0;
}
#rightprod img, #rightprod img a {
	padding: 0 1px 1px 0;
}
#columninner {
	width:425px;
	padding:0 15px 0 0;
	float:left;
	margin:5px 5px 0 0;
}
#master {
	width:730px;
	margin-bottom:5px;
}

#column1 {
	width:345px;
	padding:0 15px 0 0;
	float:left;
	margin:5px 0 0 0;
}
#column2 {
	width:346px;
	padding:0 0 0 5px;
	float:right;
	margin:5px 5px 0 0;
}

/* [Banner]*/
#banner{
	height: 395px;
	width: 1045px;
	padding: 0 10px 0 15px;
	margin:0 auto;
}
/* [Produxct Nav]*/
#prodnav{
	height: 202px;
	width: 1045px;
	padding: 0 10px 0 10px;
	margin:0 auto;
	clear: both;
}
ul#prodlogos {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: 201px;
	width:1042px;
}

ul#prodlogos li a, ul#prodlogos li {
	background-position: left top;
	background-repeat: no-repeat;
	list-style: none;
	list-style-type: none;
	display: block;
	text-indent: -9000px;
	position: absolute;
	left: 0;
	top: 0;
}

ul#prodlogos li a:hover span{
	 display: none;
} 
ul#prodlogos li a span{
	 display: none;
}
/*New Boats Nav Styles*/
ul#prodlogos li a.newboats {
	background-image: url(img/footerlinks_newboats.jpg);
	height: 201px;
	width: 254px;
	top: 0;
	left: 2px;
}

ul#prodlogos li a.newboats:hover{
	background-image: url(img/footerlinks_newboats.jpg);
	background-position: left bottom;
	height: 201px;
	width: 254px;
	top: 0;
	left: 2px;
}
/*div1 Nav Styles*/
ul#prodlogos li.div1 {
	background-image: url(img/footerlinks_divider1.jpg);
	height: 201px;
	width: 8px;
	top: 0;
	left: 255px;
}

/*New Bikes Nav Styles*/

ul#prodlogos li a.newbikes {
	background-image: url(img/footerlinks_newbikes.jpg);
	height: 201px;
	width: 253px;
	top: 0;
	left: 263px;
}

ul#prodlogos li a.newbikes:hover{
	background-image: url(img/footerlinks_newbikes.jpg);
	background-position: left bottom;
	height: 201px;
	width: 253px;
	top: 0;
	left: 263px;
}

/*trailers Nav Styles*/

ul#prodlogos li a.trailers{
	background-image: url(img/footerlinks_trailers.jpg);
	height: 201px;
	width: 253px;
	top: 0;
	left: 263px;
}

ul#prodlogos li a.trailers:hover{
	background-image: url(img/footerlinks_trailers.jpg);
	background-position: left bottom;
	height: 201px;
	width: 253px;
	top: 0;
	left: 263px;
}
/*div2 Nav Styles*/
ul#prodlogos li.div2 {
	background-image: url(img/footerlinks_divider2.jpg);
	height: 201px;
	width: 8px;
	top: 0;
	left: 515px;
}

/*Outboards Motors Nav Styles*/

ul#prodlogos li a.outboards {
	background-image: url(img/footerlinks_outboardmotors.jpg);
	height: 201px;
	width: 253px;
	top: 0;
	left: 522px;
}

ul#prodlogos li a.outboards:hover{
	background-image: url(img/footerlinks_outboardmotors.jpg);
	background-position: left bottom;
	height: 201px;
	width: 253px;
	top: 0;
	left: 522px;
}
/*div3 Nav Styles*/
ul#prodlogos li.div3 {
	background-image: url(img/footerlinks_divider2.jpg);
	height: 201px;
	width: 8px;
	top: 0;
	left: 775px;
}
/*Garden Prods Nav Styles*/

ul#prodlogos li a.garden {
	background-image: url(img/footerlinks_gardenproducts.jpg);
	height: 201px;
	width: 262px;
	top: 0;
	left: 783px;
}

ul#prodlogos li a.garden:hover{
	background-image: url(img/footerlinks_gardenproducts.jpg);
	background-position: left bottom;
	height: 201px;
	width: 262px;
	top: 0;
	left:783px;
}
/*[Bottom Nav]*/
#btmNav{
	width: 1045px;
	padding: 0 10px 0 15px;
	margin:0 auto;
	}
#fblike{
	width: 1045px;
	padding: 0 10px 0 15px;
	margin:0 auto;
	}
#fblikeInner{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	height:25px;
	width: 125px;
	padding: 2px 0 0 900px;
	}

#btmNav .main{
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	height:20px;
	width: 820px;
	padding: 8px 0 0 0;
	text-transform: uppercase;
}
#btmNav .main ul{
	display: inline;
	width: 820px;
	float:left;
	list-style: none;
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0;
	padding: 0;
}
#btmNav .main ul li{
	float:left;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	text-transform: uppercase;
	margin: 0;
	padding-right: 20px;
	list-style-type: none;
} 
#btmNav .main ul li a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	margin: 0;
	text-transform: uppercase;
} 
#btmNav .main ul li a:hover, #btmNav .main ul li a:focus {
	margin:0;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:underline;
	text-transform: uppercase;
} 
#btmNav .site{
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	height:20px;
	width: 150px;
	padding: 8px 0 0 0;
	text-transform: uppercase;
}
#btmNav .site ul{
	display: inline;
	width: 150px;
	float:left;
	list-style: none;
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin: 0;
	padding: 0;
}
#btmNav .site ul li{
	float:left;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
	text-transform: uppercase;
	margin: 0;
	padding-right: 20px;
	list-style-type: none;
} 
#btmNav .site ul li a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
	margin: 0;
	text-transform: uppercase;
} 
#btmNav .site ul li a:hover, #btmNav .site ul li a:focus {
	margin:0;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:underline;
	text-transform: uppercase;
} 
#dealer {
	height: 100px;
	width: 995px;
	padding: 30px 40px 10px 25px;
	margin:0 auto;
}
ul#dealerlogos {
	list-style: none;
	list-style-type: none;
	margin: 0 0 0 22px;
	padding: 0;
	position: relative;
	height: 101px;
	width:965px;
}

ul#dealerlogos li a {
	background-position: left top;
	background-repeat: no-repeat;
	list-style: none;
	list-style-type: none;
	display: block;
	text-indent: -9000px;
	position: absolute;
	left: 0;
	top: 0;
}

ul#dealerlogos li a:hover span{
	 display: none;
} 
ul#dealerlogos li a span{
	 display: none;
}
/*Yamaha Nav Styles*/

ul#dealerlogos li a.yamaha {
	background-image: url(img/footerlogo_yamaha.jpg);
	height: 101px;
	width: 284px;
	top: 0;
	left: 2px;
}

ul#dealerlogos li a.yamaha:hover{
	background-image: url(img/footerlogo_yamaha.jpg);
	background-position: left bottom;
	height: 101px;
	width: 284px;
	top: 0;
	left: 2px;
}
/*Quintrex Nav Styles*/

ul#dealerlogos li a.quintrex {
	background-image: url(img/footerlogo_quintrex.jpg);
	height: 101px;
	width: 191px;
	top: 0;
	left: 290px;
}

ul#dealerlogos li a.quintrex:hover{
	background-image: url(img/footerlogo_quintrex.jpg);
	background-position: left bottom;
	height: 101px;
	width: 191px;
	top: 0;
	left: 290px;
}
/*YMF Nav Styles*/

ul#dealerlogos li a.ymf {
	background-image: url(img/footerlogo_ymf.jpg);
	height: 101px;
	width: 91px;
	top: 0;
	left: 485px;
}

ul#dealerlogos li a.ymf:hover{
	background-image: url(img/footerlogo_ymf.jpg);
	background-position: left bottom;
	height: 101px;
	width: 91px;
	top: 0;
	left: 485px;
}
/*YMI Nav Styles*/

ul#dealerlogos li a.ymi {
	background-image: url(img/footerlogo_ymi.jpg);
	height: 101px;
	width: 214px;
	top: 0;
	left: 585px;
}

ul#dealerlogos li a.ymi:hover{
	background-image: url(img/footerlogo_ymi.jpg);
	background-position: left bottom;
	height: 101px;
	width: 214px;
	top: 0;
	left:585px;
}
/*Husqvarna Nav Styles*/

ul#dealerlogos li a.husqvarna {
	background-image: url(img/footerlogo_husqvarna.jpg);
	height: 101px;
	width: 141px;
	top: 0;
	left: 805px;
}

ul#dealerlogos li a.husqvarna:hover{
	background-image: url(img/footerlogo_husqvarna.jpg);
	background-position: left bottom;
	height: 101px;
	width: 141px;
	top: 0;
	left:805px;
}
#mantamedia{
	clear: both;
	height: 20px;
	text-align: right;
	width: 1045px;
	padding: 10px 40px 0 0;
	margin:0 auto;
}
#mantamedia a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006BD7;
	text-decoration: none;
	font-weight: bold;
}
#mantamedia a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006BD7;
	text-decoration:underline;
	font-weight: bold;
}
ul, ol, li {
	list-style: none;
}
#content ul{
	line-height: 1.6em;
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 0 15px;
	color: #000000;
}
#content ul li{
	line-height: 1.6em;
	list-style-position: outside;
	list-style-type: square; 
}
#content li a, #content a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005AF0;
	text-decoration: none;
}
#content li a:hover, #content a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #005AF0;
}