﻿

/* general styles */

html{
	margin:0px;
	padding:0px;

}
html,body{
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

html,body h3 {
	margin:0px;
	padding:0px;
}

body {
color: #4D4D4D;
font-family:Arial,helvetica,sans-serif;
font-size: 11px;
line-height: 1.8 em;
background: #cbb677;
margin:0px;
padding:0px;
}

a {
color: #6e86a8;
}

a:hover {
color: #bca47c;
}

a:visited {
color: #719bab;
}

a:visited:hover {
color: #bc987c;
}

#topnav{

	padding:15px 0px 0px 0px;
	color: #cbb677;
	width:770px;
	margin:0 auto;
	text-align:right;
	}


#topnav a {
color: #005daa;
text-decoration:none;
}

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

#topnav a:visited {
color: #4c92b5;
text-decoration:none;
}

#topnav a:visited:hover {
color:#005daa;
text-decoration:none;
}


h1{
font-family:Arial,helvetica,sans-serif;
font-size: 1.7em;
color: #005daa;
margin: 0px 0 15px 0;
}

h3 {
font-family:Arial,helvetica,sans-serif;
font-size:1.2em;
font-style:oblique;
font-weight:bold;
color: #0f0f0f;
margin: 15px 0px 5px 0px;
padding:0px;
}

h2 {
font-family:Arial,helvetica,sans-serif;
font-size: 1.5em;
font-weight:normal;
color: #000;
margin: 10px 0px;
}


h3.prods {
font-family:Arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:bold !important;
color: #005595;
font-style: normal !important;
background:transparent;
padding:45px 0px 0px 145px;
}





h4{
font-family:Arial,helvetica,sans-serif;
font-size: 1.2em;
color: #000;
font-weight:bold !important;
margin-top:0px;
position:relative;
top:10px;
}


h5 {
font-family:Arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:bold;
color: #005daa;
margin: 3px 0px;
}

h5.hyalun {
font-family:Arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:bold;
color: #322b65;
margin: 3px 0px;
}



p {
margin: 0px 15px 15px 0px;
padding:0px;
}

/* layout styles */

#container {
width: 900px;
min-height:100%; 
margin: 0px auto !important;
background:white url(images/containerbackanimal.jpg) repeat-y;
position:relative;
padding: 0px;
}

#banner {
height: auto;
background:transparent;
width:900px;
margin:0px auto;
padding:0px;
position:relative;
top:0px;
left:0px;
}


#content {
	width: 590px;
	min-height: 100%;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0px 80px 10px 0px;
	background:transparent;
	overflow: auto;
}

#content3 {
	width: 590px;
	min-height: 100%;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0px 0px 0px 240px;
	background:transparent;
	overflow: auto;
}



#hyaflexback {
	background:transparent url(images/hyaflex08.png) no-repeat; 
	width:526px;
	height:214px;
	margin:35px 0px 0px 25px;
}

#hyalunback {
	background:transparent url(images/hyalun08.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
	
}

#hyalunpro30back {
	background:transparent url(images/hyalunpro30.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
	
}

#hyalun90back {
	background:transparent url(images/hyalun9008.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
	
}

#hyalunpro90back {
	background:transparent url(images/hyalunpro90.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
	
}

#hyalunprogelback {
	background:transparent url(images/hyalunprogel.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
	
}

#hyalungelback {
	background:transparent url(images/hyalungel08.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
	
}

#hyalunrubback {
	background:transparent url(images/hyalunrub08.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
}

#equiduranceback {
	background:transparent url(images/equidurance.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
}

#equilogicback {
	background:transparent url(images/equilogic08.png) no-repeat; 
	width:526px;
	height:214px;
	margin:20px 0px 0px 25px;
}

#hyaflexheaderback {
	background:transparent url(images/hyaflexheader.png) no-repeat; 
	position:relative;
	margin-bottom:15px;
	}
	
#equilogicheaderback {
	background:transparent url(images/equilogicheader.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}
	
#hyalun30headerback {
	background:transparent url(images/hyalun30header.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}

#hyalunpro30headerback {
	background:transparent url(images/hyalunpro30header.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}

#hyalun90headerback {
	background:transparent url(images/hyalun90header.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}

#hyalunpro90headerback {
	background:transparent url(images/hyalunpro90header.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}

#hyalunprogelheaderback {
	background:transparent url(images/hyalunprogelheader.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}

#hyalungelheaderback {
	background:transparent url(images/hyalungelheader.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}

#hyalunrubheaderback {
	background:transparent url(images/hyalunrubheader.png) no-repeat scroll center top; 
	margin-bottom:15px;
	}




* html #content {
margin-left: -10px;
}



* html #content2 {
margin-left: -10px;
}

#productmenu a  {
background:#e6e6fa !important;
color:#154458 !important;
}
#productmenu a:visited {
background:#e6e6fa !important;
color:#154458 !important;
}
#productmenu a:hover{
border-left:#154458 5px solid;
background:#5182a0 !important;
color:#e6e6fa !important;
}
#cartbuttons a  {
background:#a3c380 !important;
color:#ffffff !important;
}
#cartbuttons a:visited {
background:#c0c0c0 !important;
color:#154458 !important;
}
#cartbuttons a:hover{
border-left:#f67c0a 5px solid;
background:#cd853f !important;
color:#ffffff !important;
}
#events {
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;}






/* product links menu2 */
#price {
padding-bottom:5px;
font-weight:bold;
font-size:1.1em;
padding-top:10px;
margin-bottom:15px;
font-family:Tahoma,'Trebuchet MS',Arial,Verdana, sans-serif;
}
*html #prods-section{
margin-top:0px;}

#prods-section {
color:#005daa;
font-weight:bold;
font-size:1em;
background:transparent;
text-align:right;
width:540px;
margin:-40px 50px 0px 0px;
}

#prods-section ul {
margin:5px 0px 5px 0px;
}

#prods-section li {
list-style-type: none;
display: inline;
margin: 0px 5px 0 4px;
}

#prods-section a:visited {
text-decoration: none;
background:transparent url(images/bluearrow.png) no-repeat center left;
color:#719bab;
padding-left:12px;
}

#prods-section a:link {
text-decoration: none;
background:transparent url(images/goldarrow.png) no-repeat center left;
color:#005daa;
padding-left:12px;
}

#prods-section a:visited:hover{
text-decoration: none;
background:transparent url(images/goldarrow.png) no-repeat center left;
color:#005daa;
padding-left: 12px;
}

#prods-section a:hover{
text-decoration: none;
background:transparent url(images/bluearrow.png) no-repeat center left;
color:#cbb677;
padding-left: 12px;
}

/* footer */
#info-site {
clear: both;
color: #cbb677;
width:590px;
height:auto;
text-align: center;
background:transparent;
margin: 30px auto 0px auto;
padding: 10px 0 30px 0;
border-top:thin #cbb677 solid; 
}


#info-site a:visited {
color: #4c92b5;
text-decoration:none;
}

#info-site a {
color: #005daa;
text-decoration:none;

}

#info-site a:visited:hover {
color:#005daa;
text-decoration:none;
}	

#info-site a:hover {
color: #cbb677;
text-decoration:none;
}
	

