@charset "UTF-8";
/* CSS Document */
/*--------------------------PAGE LAYOUT -----------------------------*/
body		{
	padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.2em;
	background-repeat: no-repeat;
	background-position:center top;
	background-color:#053d7d;


}

img
{  border-style: none;
}

div#main-container{
	width:960px;
	margin:auto;
	background-color:#;
	height:auto;
	}


/*--------------------------NAVIGATION -----------------------------*/

/*--------------------------NAVIGATION -----------------------------*/

.class1 a:link {
	text-decoration: none;
}
.class1 a:visited {
	text-decoration: none;
}
.class1 a:hover {
	text-decoration: none;
	color: #a0c96d;
}
.class1 a:active {
	text-decoration: none;
	color: #a0c96d;
	vertical-align: bottom;
}
.class2 a:link {
	text-decoration: none;
		color: #666;

}
.class2 a:visited {
	text-decoration: none;
			color: #666;

}
.class2 a:hover {
	text-decoration: none;
			color: #666;

}
.class2 a:active {
	text-decoration: none;
		color: #666;
	vertical-align: bottom;
}
.navitext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 5px;
		padding-right: 5px;
	line-height: 30px;
	text-align:left;
	}
	
.navitextcurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0c96d;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	text-align:left;
		

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/*--------------------------HEADER -----------------------------*/

div#header{
width:960px;

}

div#topwrapper{
width:960px;

}

div#topwrapperleft{
width:790px;
height:30px;
float:left;
background-color:#999;

}

div#topwrapperright{
	width:170px;
	height:30px;
	float:right;
	background-color:#0066CC;
}

div#twitter{
width:20px;
height:20px;
float:right;
margin-right:10px;
margin-top:5px;

}

div#facebook{
width:20px;
height:20px;
float:right;
margin-right:5px;
margin-top:5px;

}

div#followus{
width:100px;
height:17px;
float:right;
margin-right:5px;
text-align:right;
padding-top:3px;
margin-top:5px;


}

div#logowrapper{
width:960px;
float:left;

}

div#logo{
width:480px;
margin-top:15px;
height:67px;
float:left;
background-color:#;
margin-left:10px;

}

div#logoright{
width:400px;
margin-top:10px;
height:52px;
float:right;
margin-right:10px;
text-align:right;



}

div#naviwrapper{
width:960px;
float:left;


}

div#navibar{
width:960px;
height:50px;
margin-top:10px;
float:left;
background-color:#FFF;
text-align:center;

}

/*--------------------------MAIN CONTENT -----------------------------*/



div#maincontentwrapper{
width:960px;
float:left;
background-color:#FFF;
}
/*--------------------------INDEX BANNER -----------------------------*/
div#bannerwrapper{
width:960px;
float:left;
background-color:#FFF;
margin-top:5px;
}

div#bannerleft{
width:960px;
float:left;
height:400px;

overflow:hidden;

}

div#productbanner{
	width:760px;
	float:left;
	height:400px;
	overflow:hidden;
	text-align: center;
}

div#productsright{
width:180px;
float:right;
height:400px;
overflow:hidden;
margin-right:10px;


}
div#productone{
width:180px;
float:right;
height:126px;
overflow:hidden;


}
div#producttwo{
width:180px;
float:right;
height:126px;
overflow:hidden;
margin-top:10px;


}
div#productthree{
width:180px;
float:right;
height:126px;
overflow:hidden;
margin-top:10px;



}

div#imageleft{
width:940px;
height:400px;
float:left;


}
div#linkleft{
width:300px;
float:left;
height:32px;
background-color:#5f5657; 
text-align:center;

}

div#lglinksleft{
width:300px;
float:left;

}
div#bannermiddle{
width:300px;
float:left;
margin-left:20px;
height:432px;

}


div#imagemiddle{
width:300px;
height:400px;
float:left;

}
div#linkmiddle{
width:300px;
float:left;
height:32px;
background-color:#5f5657; 
text-align:center;
text-align:center;


}
div#bannerright{
width:300px;
float:right;
height:432px;


}


div#imageright{
width:300px;
height:400px;
float:right;

}
div#linkright{
width:300px;
float:left;
height:32px;
background-color:#5f5657; 
text-align:center;
text-align:center;


}
/*--------------------------BRAND BANNER -----------------------------*/

div#mapbannerwrapper{
width:940px;
height:500px;
float:left;
background-color:#FFF;
margin-left:10px;
margin-top:15px;
}
div#bannerwrappertop{
width:940px;
float:left;
background-color:#FFF;
}
div#textwrappertop{
width:940px;
float:left;
background-color:#FFF;
}
div#bannerwrapperbottom{
width:940px;
float:left;
background-color:#FFF;
margin-top:15px;
}
div#textwrapperbottom{
width:940px;
float:left;
background-color:#FFF;
}
div#imagetopleft{
width:620px;
float:left;
}

div#texttopleft{
width:620px;
float:left;
margin-top:5px;
height:20px;
text-align:center;

}


div#imagetopright{
width:300px;
float:right;
}

div#texttopright{
width:300px;
float:right;
margin-top:5px;
height:20px;
text-align:center;


}

div#imagebottom1{
width:140px;
float:left;
}

div#textbottom1{
width:140px;
float:left;
margin-top:5px;
height:20px;
text-align:center;


}

div#imagebottom2{
width:140px;
float:left;
margin-left:20px;
}

div#textbottom2{
width:140px;
float:left;
margin-top:5px;
margin-left:20px;
height:20px;
text-align:center;


}

div#imagebottom3{
width:140px;
float:left;
margin-left:20px;

}

div#textbottom3{
width:140px;
float:left;
margin-top:5px;
margin-left:20px;
height:20px;
text-align:center;


}

div#imagebottom4{
width:140px;
float:left;
margin-left:20px;

}

div#textbottom4{
width:140px;
float:left;
margin-top:5px;
margin-left:20px;
height:20px;
text-align:center;


}

div#imagebottomright{
width:300px;
float:right;
}

div#textbottomright{
width:300px;
float:right;
margin-top:5px;
height:20px;
text-align:center;

}

/*--------------------------TEXT CONTENT -----------------------------*/

div#textcontentwrapper{
width:940px;
float:left;
background-color:#FFF;
margin-left:10px;
margin-top:5px;
}

div#content1wrapper{
width:560px;
float:left;
	background-color:#DFDFDF;
}

.content1text{
width:540px;
float:left;
	background-color:#DFDFDF;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
		margin-right:10px;	

}

div#contentrightwrapper{
width:370px;
float:left;
margin-left:10px;
}

div#content2wrapper{
width:370px;
float:left;
	background-color:#DFDFDF;
}

.content2text{
width:350px;
float:left;
	background-color:#DFDFDF;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
		margin-right:10px;	
}

div#content3wrapper{
	width:370px;
	float:left;
	background-color:#0a0a4b;
	margin-top:10px;
}

.content3text{
	width:350px;
	float:left;
	background-color:#0a0a4b;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	color:#FFF;
}
div#contentheader4{
width:180px;
height:30px;
margin-top:5px;
float:left;
background-color:#DFDFDF;
background-image:url(../images/sub-header.png);
}


/*--------------------------Categorie Page-----------------------------*/
div#menswrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/biom-walk.jpg);
}
div#mensbiomrunwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/mens-biom-run.jpg);
}
div#mensbiomwalkwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/mens-biom-walk.jpg);
}
div#mensbiomtrainwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/mens-biom-train.jpg);
}
div#mensbiomgolfwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/mens-biom-golf.jpg);
}
div#mensheader{
width:370px;
height:30px;
margin-top:5px;
float:left;
background-color:#DFDFDF;
background-image:url(../images/sub-header.png);
}

div#womenswrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/biom-walk.jpg);
}
div#womensbiomtrainwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/womens-biom-train.jpg);
}
div#womensbiomwalkwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/womens-biom-walk.jpg);
}
div#womensbiomrunwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/womens-biom-run.jpg);
}
div#womensbiomgolfwrapper{
width:370px;
height:250px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;
background-image:url(../images/womens-biom-golf.jpg);
}
div#womensheader{
width:370px;
height:30px;
margin-top:5px;
float:left;
background-color:#DFDFDF;
background-image:url(../images/sub-header.png);
}

/*--------------------------FOOTER-----------------------------*/

div#footerwrapper{
width:960px;
float:left;
background-color:#FFFFFF;

}
div#footerimagewrapper{
width:960px;
height:30px;
float:left;
margin-top:15px;
background-color:#999999;

}

div#footertextleft{
width:500px;
height:22px;
float:left;
padding-left:10px;
padding-top:8px;


}

div#footertextright{
width:400px;
height:22px;
float:right;
text-align:right;
padding-right:10px;
padding-top:8px;

}

/*--------------------------SUB FOOTER-----------------------------*/

div#subfooterwrapper{
width:960px;
float:left;
margin-bottom:10px;
}
div#subfootertextleft{
width:290px;
float:left;
margin-left:10px;
margin-top:10px;
padding-left:10px;

}
div#subfootertextmiddle{
width:300px;
float:left;
margin-left:10px;
margin-top:10px;

}
div#subfootertextright{
width:300px;
height:30px;
float:right;
margin-right:10px;
margin-top:10px;
text-align:right;
padding-right:10px;

}

/*--------------------------TEXT-----------------------------*/
  p1 { 
		margin-top:0px;
  }

.smalllinktext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4em;
	color:#FFF;
	margin-top:5px;
	text-align: left;
	margin-right:2px;
	}
	
.smalllinktextgrey{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4em;
	color:#666;
	margin-top:5px;
	text-align: left;
	margin-right:2px;
	}	
	
.maintext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:1.3em;
	color:#666;
	text-align: left;
	margin-top:0px;
	
}	

.linktext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:1.2em;
	color:#666;
	text-align: left;
	margin-top:0px;
padding-left:5px;
	
}

h1 {
	font-family: Arial;
	margin: 0;
	color: #00CCFF;
	font-weight: bold;
	font-size: 100%;
		line-height:25px;

	}
	
	.mainwhitetext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
	color:#FFF;
	
	
}	

/*--------------------------ecco-links-page-----------------------------*/
div#textleft{
width:450px;
float:left;
padding-left:10px;


}
div#linkswrapper{
width:450px;
float:right;
margin-right:10px;
}

div#linksheader{
width:440px;
background-image:url(../images/links-header.png);
float:left;
text-align:left;
height:32px;

}
div#links1{
width:225px;
float:left;

}

div#links2{
width:225px;
float:left;
}
/*--------------------------products-----------------------------*/
div#productimage{
	float:right;
}
div#producttext{
width:730px;
float:left;
	background-color:#DFDFDF;
	
}		
.producttextinsert{
width:710px;
float:left;
	background-color:#DFDFDF;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
		margin-right:10px;	
			


	}
div#buyonlinewrapper{
width:180px;
height:35px;
float:left;
	background-color:#DFDFDF;
margin-left:10px;