BODY	{ SCROLLBAR-BASE-COLOR: #000033; }



a:link		{ color: #003399; text-decoration: none }

a:visited	{ color: #003399; text-decoration: none }

a:active	{ color: #003399; text-decoration: none }

a:hover		{ color: #FF6600; text-decoration: none }




 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */
/* TABLE		{ COLOR: #666666; FONT: 11px geneva, verdana, arial, sans-serif } */
TABLE		{   color: #000000; font: 14px arial,geneva,sans-serif;}

.title		{ COLOR: #225A71; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ COLOR: #999999; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold }

.smalltitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.phonetitle	{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }

.picturecomments{ COLOR: #666666; FONT: 10px geneva, verdana, arial, sans-serif }

.picturetitle 	{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: bold }

.price	 	{ COLOR: #CC6600; FONT: 12px verdana, arial, sans-serif; font-weight: bold }

.biglink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }

.biglink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{text-align: justify;}

.copytext	{ COLOR: #999999; FONT: 10px geneva, verdana, arial, sans-serif }

.menutrans 	{ filter:alpha(opacity=50) }


.button-popups { background-image: url('picts/popbutton.gif');
		font-weight: bold;
		letter-spacing: 0px;
		color: #999999;
		WIDTH: 100%;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: 0px solid #003399;
		background-color:#FFFFFF; font-style:normal; font-variant:normal; font-size:11px; font-family:verdana, arial, sans-serif }

.buttonon-popups { background-image: url('picts/popbuttonon.gif');
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #006600;
		  WIDTH: 100%;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: 0px solid #225A71;
		  background-color:#FFFFFF; font-style:normal; font-variant:normal; font-size:11px; font-family:verdana, arial, sans-serif }

.shadeform	{ background-image: url('picts/shadeform.gif');
		text-align: left;
		WIDTH: 180PX;
		BORDER: 1px solid #000000; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:arial, verdana, sans-serif}


.dropdown {	COLOR: #333333;
		WIDTH: 210PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ background-image: url('picts/shadeform.gif');
		text-align: left;
		WIDTH: 300PX;
		BORDER: 1px solid #000000; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:arial, verdana, sans-serif}

.submitbutton { background-image: url('picts/submit.gif');
		font-weight: bold;
		letter-spacing: 0px;
		color: #FFFFFF;
		WIDTH: 300PX;
		HEIGHT: 23PX;
		cursor:hand;
		BORDER: 1px solid #003399;
		background-color:#225117; font-style:normal; font-variant:normal; font-size:11px; font-family:verdana, arial, sans-serif }

.submitbuttonon { background-image: url('picts/submiton.gif');
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #FFFFFF;
		  WIDTH: 300PX;
		  HEIGHT: 23PX;
		  cursor:hand;
		  BORDER: 1px solid #225A71;
		  background-color:#225117; font-style:normal; font-variant:normal; font-size:11px; font-family:verdana, arial, sans-serif }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER: #000000 1px solid;}



.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }


.searchbutton { FONT-FAMILY: arial, verdana, helvetica, sans;
		font-size: 9pt;
		width: 36px }



 /* MOUSEOVER MESSAGE CODE */


.divstyle {	position:absolute;
		border: #000000 0px solid;
		width:90;
		padding: 0px;
		top:0;
		left:0 }

.pstyletitle{	postion:absolute;
		background:#225117 url('picts/background-message.gif');
		color:white; height:18; font-size:10px; padding:2px; font-family:verdana, arial; font-weight:bold; background-image:url('picts/background-message.gif') }


.pstylebody {	postion:absolute;
		background:#225117;
		color:white;
		font-size:10px;
		font-family:verdana, arial;
		font-weight: bold; }


 /* CODE FOR THE SHOPPING CART BUTTONS */

.rollover 	{ }

.rolloveron 	{ Filter: Alpha(Opacity=70) }



 /* START THE CODE FOR THE MENUS */




#menulocation { LEFT: 15px; WIDTH: 154px; POSITION: absolute; TOP: 140px; padding:0px 0px; white-space:nowrap; }


.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  height: 28px;
		  width: 164px;
		  cursor:hand;
		  font-weight: bold;
		  text-indent: 8px;
		  line-height: 21pt;
		  text-align: left;
		  display: block;
		  border: #000000 0px solid; }


a.menu:link 	{ background-image: none;
		  background-color:#FFFFFF;
		  color: #000000;
		  border-bottom: 2px solid #000000;}


a.menu:hover { background-image: none;
		  background-color:#FFBB00;
		  color: #000000;
		  border-bottom: 2px solid #000000;}
		  
a.menu:visited 	{ background-image: none;
		  background-color:#FFFFFF;
		  color: #000000;
		  border-bottom: 2px solid #000000;}		  
		  
body#index a#index_link,
body#ez a#ez_link,
body#club a#club_link,
body#yamaha a#yamaha_link,
body#other a#other_link,
body#storage a#storage_link,
body#prod1 a#prod1_link,
body#prod2 a#prod2_link,
body#prod3 a#prod3_link,
body#prod4 a#prod4_link,
body#prod5 a#prod5_link,
body#about a#about_link,
body#contact a#contact_link,
body#deal a#deal_link{
background-color:#FFBB00;
		  color: #000000;
}		  

/* CUSTOM CODE FOR product page description boxes */
 
.box-lineleft {
    border-left: 1px solid #D0D0BF;
}
.box-lineright {
    border-right: 1px solid #D0D0BF;
}

.box-linetop {
    border-top: 1px solid #D0D0BF;
}

.box-linebottom {
    border-bottom: 1px solid #D0D0BF;
}

.product-box {
    width: 325px;
}
/* CUSTOM CODE FOR IMAGE PAGE FRONT MOUSEOVER EFFECT */
 #map {
        margin:0;
        padding:0;
        width:800px;
        height:604px;
		position:absolute;
		top:auto;
		left:310px;
        background:url(picts/img_home.jpg) no-repeat #fff;
        font-family:arial, helvetica, sans-serif;
        font-size:8pt;
    }

 #map li {
        margin:0;
        padding:0;
        list-style:none;
    } 


        /*
           Specifying a background image
           (a 1px by 1px transparent gif)
           fixes a bug in older versions of
           IE that causeses the block to not
           render at its full dimensions.
        */
    /*   } */

#map li a span { display:none; }
	
#map li a:hover span {
		position:relative;
        display:block;
        width:200px;
		height:auto;
		left:20px;
        top:20px;
        padding:5px;
        border:1px solid #000;
        background:#001327;
        text-decoration:none;
        color:#fb0;
		font-weight:bold;
        /* filter:alpha(opacity=80);
        opacity:0.8; */
    }

    #map a.a7 {
        top:200px;
        left:472px;
        width:20px;
        height:21px;
		position:absolute;
		font-size:13px;
    }	
	#map a.a7:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}
    #map a.a6 {
        top:49px;
        left:409px;
        width:20px;
        height:21px;
		position:absolute; 
		font-size:13px;
    }
	#map a.a6:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}

    #map a.a5 {
        top:124px;
        left:409px;
        width:20px;
        height:21px;
		position:absolute;
		font-size:13px;
    }
	#map a.a5:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}
    #map a.a4 {
        top:144px;
        left:286px;
        width:20px;
        height:21px;
		position:absolute;
		font-size:13px;
    }
	#map a.a4:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}
    #map a.a3 {
        top:418px;
        left:372px;
        width:20px;
        height:21px;
		position:absolute;
		font-size:13px;
    }
	#map a.a3:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}
    #map a.a2 {
        top:302px;
        left:109px;
        width:20px;
        height:21px;
		position:absolute;
		font-size:13px;
		z-index:999;
    }
	#map a.a2:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}
    #map a.a1{
        top:171px;
        left:178px;
        width:20px;
        height:21px;
		position:absolute;
		font-size:13px;
    }
	#map a.a1:hover {
	background:url('http://clubpro.com/gal/roll_dot.png') no-repeat !important;
	}
    #map a.g1{
        top:21px;
        left:521px;
        width:234px;
        height:65px;
    }	
    #map a.g2{
        top:134px;
        left:521px;
        width:234px;
        height:65px;
    }	
    #map a.g3{
        top:269px;
        left:521px;
        width:234px;
        height:65px;
    }	
    #map a.g4{
        top:390px;
        left:521px;
        width:234px;
        height:65px;
    }
