
body {

min-width: 882px;
font-size:100%; line-height:1em; font-family:tahoma; color:#E6F2E4;
color:#009933;
text-align: center;

 font-size:0.6875em; line-height:1.36em; text-align:center;


	
	vertical-align:top;

	
	 background: #001d3c url(images/Fotolia_4933731_M_GR.jpg) no-repeat fixed;
	
}


img,  a, td,input, div { behavior: url(iepngfix.htc) }




#main{


background:url(images/newgreen2401.png) repeat-x top;
background-position: 0 -249px;
 text-align:left;

}

h1,h2,h3,h4{

font-family: century gothic, gothic, tahoma;

}

#myscroll{
width:360px;
background:url(images/tabewr_02.png); 
/*background-attachment: scroll;*/

}

#abarrier{
width:320px;
height: 280px;
padding: 12px 12px 12px 12px;

background:url(images/tabewr_02.png); 
/*background-attachment: scroll;*/
color:#009933;
}


#bbarrier{
width:312px;
height: 275px;
padding: 12px 12px 12px 12px;
overflow: auto;

/*background-attachment: scroll;*/
color:#009933;
}



#abarrier1{
width:490px;
height: 200px;
padding: 12px 12px 12px 12px;

background:url(images/tabewr_01_02.png); 
/*background-attachment: scroll;*/
color:#009933;
}


#bbarrier1{
width:480px;
height: 190px;
padding: 12px 12px 12px 12px;
overflow: auto;

/*background-attachment: scroll;*/
color:#009933;
}

#oceantitleGR{
	margin-top: 10px;

	font-family: century gothic, gothic, tahoma;
	color:#009933;
color:#305431;
	font-size:2.3em;
	font-weight: bold;



text-align:center;

	line-height: 1.1em;
	

}


.spac{

color:#009933;
color:#305431;
font-weight: bold;
font-size:1.6em; 
line-height:1.0em;

text-align:center;
}



#showprod{
 margin: auto 0;



}






.retailer{

margin-bottom: 10px;
padding-bottom: 5px;


}



.site{
clear: both;
float: left;
width:200px;


left:2px;
top: 15px;



}


.site_quote{

position: relative;
width:550px;
min-height: 100px;
padding: 10px;



}




#msearch {
	
	width: 60px;
height: 10px;
	line-height:1em;
	font-size:1em;
	margin-left: 5px;
	color: #ffffff;
 	text-align: center;
	background-image: url(images/precycling-bottom.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#009933;
	height: 25px;
	padding-top: 2px;

}

.button3 a  #msearch a {

font-weight: bold;
color:#ffffff;
}

.etag{
background-color: #000000;
color:#ffffff; 
font-weight: bold;
padding-left: 10px;
}






#oceantitle{
	margin-top: 0;
	font-family: century gothic, gothic, tahoma;
	/*color:#009933; too light*/
	color: #009933; 
color:#305431;
	font-size:3em;
	font-weight: bold;
	text-align:left;
	line-height: 1.1em;
	letter-spacing: -1px;
	padding-top: 30px;
}


#oceangreenw{
	margin-top: 10px;
	font-family: century gothic, gothic, tahoma;
	color:#009933;
	font-size:2.3em;
	font-weight: bold;
color:#009933;

}

#oceangreen{
	margin-top: 10px;
	font-family: century gothic, gothic, tahoma;
	color:#009933;
color:#305431;
	font-size:2.3em;
	font-weight: bold;



text-align:center;
margin-bottom: 5px;
	line-height: 1.1em;
	

}

#fishbuzz {
padding-top:5px;
padding-left: 5px;
padding-right: 5px;
width:645px;
height: 345px;
background-color: #C0C0C0;
	border: solid #C0C0C0 2px;

}



.button3 {
	float:left;
	line-height:1em;

	font-size:1em;
	margin-left: 5px;
 	text-align: center;
	background-image: url(images/precycling-bottom.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 100px;
	height:25px;
font-weight: bold;
color:#ffffff;
}


.button3 a {

font-weight: bold;
color:#ffffff;
}


.font_24 {
color:#83AC7D;
font-size:1.5em; 
font-family:tahoma;
text-align: center;
font-weight: bold; 
}

#contact {
margin-top: 20px;
margin-left: 10px;
color:#009933;
color:#305431;
text-align: left;
font-weight: bold;
margin-bottom:20px;

}

h2{
color:#305431;
line-height: 1.3em;
font-family: century gothic, gothic, tahoma;
}
/*content*/
#content { padding-bottom:20px;}
.title {margin-bottom:4px;}
.title2 {margin-bottom:34px;}
.title3 {margin:0 0 0 5px;}
.img_leftc {float:left; margin:0 10px 200px 0;}
.img_left {float:left; margin:0 10px 100px 0;}
.img_left2 {float:left; margin:-4px 16px 20px 0;}
.img_left3 {float:left; margin:3px 9px 20px -9px;}
.img {margin-bottom:25px;}
.img1 {position:absolute; margin:-68px 0 0 42px;}

.img14 {position:absolute; margin:-8px 0 0 -8px;}
.img24 {position:absolute; margin:-8px 0 0 -8px;}
.img34 {position:absolute; margin:-8px 0 0 -8px;}
.img44 {position:absolute; margin:-8px 0 0 -8px;}

.img_left2a {float:left; margin:0 10px 150px 0;}

.line {background:url(images/footer_line.gif) repeat-x top; margin:5px 10px 12px -9px;}
.line_margin1 {margin:0 10px 22px -9px;}
.line_margin2 {margin:0 0 10px 0;}

.line2 {background:url(images/footer_line.gif) repeat-x top; margin:0 10px 12px -9px;}
.line3 {background:url(images/footer_line.gif) repeat-x top; margin:0 0 7px -11px;}

.inner {padding:0 0 29px 0;}

.indent2 { padding:41px 0 24px 61px;}
.indent { padding:5px 25px 5px 61px;}
.col-1 .indent { padding:13px 47px 28px 61px;}
.col-2 .indent { padding:13px 27px 28px 0;}
.col-3 .indent { padding:1px 1px 1px 0;}
/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#305431; font-size:1em; font-weight:normal; padding-left:5px;  background: #e9f1fa;}
img {border:0; vertical-align:top; text-align:left;}
ul { 
list-style: none;
padding-bottom: 10px;
}

/*==================list====================*/

ul.list-1 li { line-height:1.81em;}
ul.list-1 li a{text-decoration:underline; color:#E6F2E4; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:7px;}
ul.list-1 li a:hover{ text-decoration:none;}
/*==========================================*/

a {text-decoration:underline; color:#009933;}
a:hover {text-decoration:none; color: #FF0000;}

a.link {text-decoration:underline; color:#aaaaaa; background:url(images/marker_link.gif) no-repeat 0 5px; padding-left:12px;}
a.link:hover {text-decoration:none;}

.button {background:url(images/link_bg.gif) repeat-x top; float:left; line-height:1em; font-size:11px;}
.button .left {background:url(images/link_left.gif) no-repeat;}
.button a {display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 13px 3px 14px; color:#0e181d !important; text-decoration:none !important; font-weight:normal  !important;}
.button a:hover {text-decoration:none; color:#305431 !important;}

.button2 {background:url(images/link2_bg.gif) repeat-x top; float:right; line-height:1em; font-size:1em; margin:0 10px 0 0;}
.button2 .left {background:url(images/link2_left.gif) no-repeat 0 0;}
.button2 a {display:block; background:url(images/link2_right.gif) no-repeat right top; padding:2px 16px 3px 16px; color:#0e181d !important; text-decoration:none !important; font-weight:normal  !important;}
.button2 a:hover {text-decoration:none; color:#305431 !important;}


p {margin:0 0 15px 0;}
.p1 {margin:0 0 9px 0;}
.p2 {margin:0 0 26px 0;}

.clear { clear:both;}

h5 {font-size:1em; margin:0 0 14px 0; line-height:1.27em;
font-family: century gothic, gothic, tahoma;

}
.font_1 {color:#009933; text-transform:uppercase; font-weight:normal; margin:0 0 10px 0;	}
.font_1 a {color:#009933; text-decoration:underline;}
.font_1 a:hover {text-decoration:none;}
.font_2 {color:#009933; font-size:1.18em; line-height:1.08em;}

.font_21 {
font-size:1em; 
margin:0 0 5px 0; 
line-height:1.27em;
 color:#009933; 
font-size:1.18em; 
}


.line {background:url(images/footer_line.gif) repeat-x top; margin:5px 10px 12px -9px;}
.line_margin1 {margin:0 10px 22px -9px}
.line_margin2 {margin:0 0 10px 0;}

.line2 {background:url(images/footer_line.gif) repeat-x top; margin:0 10px 12px -9px;}
.line3 {background:url(images/footer_line.gif) repeat-x top; margin:0 0 7px -11px;}

.inner {padding:0 0 29px 0;}

.indent2 { padding:41px 0 24px 61px;}
.indent { padding:5px 25px 5px 61px;}
.col-1 .indent { padding:13px 47px 28px 61px;}
.col-2 .indent { padding:13px 27px 28px 0;}


/*footer*/
/*footer*/
#footer{ height:143px; 
color:#009933; 
text-align:center; 
width: 882px; 
background-color: #ffffff; padding-top: 20px;
padding-bottom: 10px; 

overflow: visible;
}
.footer_line {border-top:  solid #000000 3px; padding: 10px; background-color: #ffffff; }

#footer a {color:#009933; text-decoration:underline;}
#footer a:hover {text-decoration:none; color: #FF0000;}

ul.footer_menu {padding:0px; list-style:none; padding-bottom:10px;}
ul.footer_menu li { line-height:1em; margin-left:10px; display:inline;}
ul.footer_menu li a{text-decoration:none; color:#009933;  right: 5px; padding-right:10px;}
ul.footer_menu li a:hover{ text-decoration:none;}
ul.footer_menu li a.none {background:none;}





 #categories a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-right: 5px;
    white-space: nowrap;
line-height:1.6em;
}

 #categories a.category_rank_2,
 #categories a.category_rank_3,
 #categories a.category_rank_5,
 #categories a.category_rank_31,
 #categories a.category_rank_22 {
    font-weight: 800;
     font-size: 1.2em;
}

 #categories a.category_rank_2,
 #categories a.category_rank_3,
 #categories a.category_rank_5,
 #categories a.category_rank_32,
 #categories a.category_rank_23 {
    color: #186fa3;
	font-size: 1.8em;
}

 #categories a.category_rank_1,
 #categories a.category_rank_31,
 #categories a.category_rank_21,
 #categories a.category_rank_4,
 #categories a.category_rank_22,
 #categories a.category_rank_51 {
    color: #686f73;
font-size: 2.2em;
}








