body,html {
	margin				:	0px;
	padding				:	0px;
	width				:	100%;
}

body {
	font-size			:	10px;
	text-align			:	center;
	font-family			:	Arial, sans-serif;
	background			:	url('/img/bg.gif') repeat-x top left #c2c6cb;
	color				:	#000;
}

table, td, tr, tbody {
	font-size			:	1.0em;
}	

ul {
	padding: 0;
	padding-left: 20px;
}

p {
	margin				:	0 0 1em 0;
}

h1,h2,h3,h4,h5,h6 {
 	font-size			:	1em;
	color				:	#444444;
	margin				:	0;
	padding				:	0;
	margin-bottom		:	1em;
	font-weight			:	bold;
}

img {
	border				:	0px;
	vertical-align		:	bottom;
}

#pageWidth {
	width				:	760px;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	left;
}

#header {
	height				:	55px;
	position			:	relative;
}

#logo {
	width				:	124px;
	height				:	34px;
	position			:	absolute;
	left				:	-9px;
	top					:	0;
}

#naviHolder {
	margin-left			:	215px;
	padding-top			:	14px;
	text-align			:	right;
}

#naviHolder a {
	width				:	109px;
	height				:	28px;
	display				:	block;
	float				:	left;
	text-indent			:	1000px;
	overflow			:	hidden;
	text-decoration		:	none;
}

#naviHolder a:hover {
	text-decoration		:	underline;
}

#mainLink1 {
	background			:	url('/img/etusivu.jpg') no-repeat top left;
}

#mainLink1:hover, #mainLink1.active {
	background			:	url('/img/etusivu.jpg') no-repeat bottom left;
}

#mainLink2 {
	background			:	url('/img/tuotemerkit.jpg') no-repeat top left;
}

#mainLink2:hover, #mainLink2.active {
	background			:	url('/img/tuotemerkit.jpg') no-repeat bottom left;
}

#mainLink3 {
	background			:	url('/img/jalleenmyyjat.jpg') no-repeat top left;
}

#mainLink3:hover, #mainLink3.active {
	background			:	url('/img/jalleenmyyjat.jpg') no-repeat bottom left;
}

#mainLink4 {
	background			:	url('/img/yhteystiedot.jpg') no-repeat top left;
}

#mainLink4:hover, #mainLink4.active {
	background			:	url('/img/yhteystiedot.jpg') no-repeat bottom left;
}

#mainLink5 {
	background			:	url('/img/hinnastot.jpg') no-repeat top left;
}

#mainLink5:hover, #mainLink5.active {
	background			:	url('/img/hinnastot.jpg') no-repeat bottom left;
}



#naviHolder ul {
	margin				:	0;
	padding				:	0;
	list-style			:	none;
}

#naviHolder ul li {
	margin				:	0;
	padding				:	0;
	float				:	left;
	display				:	block;
}

#naviHolder ul li a {
	float				:	left;
	display				:	block;
	padding				:	0px 20px;
}
#naviHolder ul li a.active {
	color				:	#fff;
}
#pageHolder {
	width				:	760px;
	height				:	445px;
	overflow			:	hidden;
	background			:	#fff;
}

#decPic {
	width				:	758px;
	margin				:	1px 0 0 1px;
	overflow			:	hidden;
}

#decPic2 {
	width				:	377px;
	overflow			:	hidden;
}

#fpContentHolder {
	margin				:	1px;
	position			:	relative;
}

#naviContentHolder {
	margin				:	1px;
}

#naviContentLeft {
	width				:	190px;
	height				:	309px;
	overflow			:	hidden;
	float				:	left;
	background			:	#f2f3f6;
}

#naviContentLeft ul {
	margin				:	0;
	margin-top			:	1px;
	padding				:	0;
	list-style			:	none;
}

#naviContentLeft ul li {
	margin				:	0;
	padding				:	0;
}

#naviContentLeft ul li a {
	width				:	180px;
	border-bottom		:	1px solid #fff;
	padding-left		:	10px;
	line-height			:	30px;
	color				:	#444;
	font-size			:	1.2em;
	text-decoration		:	none;
	background			:	#f2f3f6;
	display				:	block;
}

#naviContentLeft ul li a:hover {
	text-decoration		:	underline;
}

#naviContentLeft ul li a.active {
	font-weight			:	bold;
}

#naviContentRight {
	margin-top			:	20px;
	width				:	530px;
	height				:	271px;
	padding-right		:	20px;
	float				:	right;
	overflow-y			:	auto;
	overflow-x			:	hidden;
}

#fpLeft {
	width				:	379px;
	float				:	left;
	
}

#fpContent {
	width				:	325px;
	padding-right		:	20px;
	height				:	271px;
	margin				:	20px 0 0 30px;
	overflow-y			:	auto;
	overflow-x			:	hidden;
}


#content {
	width				:	709px;
	padding-right		:	20px;
	height				:	271px;
	margin				:	20px 0 0 30px;
	overflow-y			:	auto;
	overflow-x			:	hidden;
}

.content a {
	color				:	#d11111;
	text-decoration		:	none;
}

.content a:hover {
	background			:	#d11111;
	color				:	#fff;
}

.content {
	font-size			:	1.2em;
}

.content h1 {
	font-size			:	1.6em;
}

.content h2 {
	font-size			:	1.4em;
}

.content h3 {
	font-size			:	1.2em;
}

.content h4 {
	font-size			:	1em;
}

.content h5 {
	font-size			:	0.8em;
}

.content h6 {
	font-size			:	0.8em;
}

#prodRight h1 {
	display				:	none;
}

#prodRight img {
	margin-bottom		:	20px;
}

#productContent {
	margin				:	1px;
}

#prodLeft {
	width				:	379px;
	float				:	left;
	overflow			:	hidden;
}

#prodRight {
	width				:	328px;
	padding-right		:	20px;
	height				:	401px;
	margin				:	20px 0 0 30px;
	float				:	right;
	overflow-y			:	auto;
	overflow-x			:	hidden;
}

#fpRight {
	width				:	379px;
	padding-top			:	2px;
}

#rightHolder {
	width				:	379px;
	float				:	right;
}

#prodNavi {
	width				:	379px;
	margin-top			:	3px;
}

#fpRight a, #prodNavi a {
	width				:	188px;
	height				:	50px;
	border-right		:	1px solid #fff;
	border-bottom		:	1px solid #fff;
	overflow			:	hidden;
	text-indent			:	1000px;
	float				:	left;
	display				:	block;	
}


span.fakeProd {
 	width				:	188px;
	height				:	50px;
	background			:	#f1f2f6;
	float				:	left;
	display				:	block;	
}

#fpRight a span.linkName, #prodNavi a span.linkName {
	display				:	none;
}

#link1 {
	background			:	url('/img/blue.jpg') no-repeat bottom left;
}

#link1:hover, #link1.active  {
	background			:	url('/img/blue.jpg') no-repeat top left;
}


#link2 {
	background			:	url('/img/harken.jpg') no-repeat bottom left;
}

#link2:hover, #link2.active  {
	background			:	url('/img/harken.jpg') no-repeat top left;
}

#link3 {
	background			:	url('/img/jefa.jpg') no-repeat bottom left;
}

#link3:hover, #link3.active  {
	background			:	url('/img/jefa.jpg') no-repeat top left;
}

#link4 {
	background			:	url('/img/rutger.jpg') no-repeat bottom left;
}

#link4:hover, #link4.active  {
	background			:	url('/img/rutger.jpg') no-repeat top left;
}

#link5 {
	background			:	url('/img/magic.jpg') no-repeat bottom left;
}

#link5:hover, #link5.active  {
	background			:	url('/img/magic.jpg') no-repeat top left;
}


#link6 {
	background			:	url('/img/sailtec.jpg') no-repeat bottom left;
}

#link6:hover, #link6.active  {
	background			:	url('/img/sailtec.jpg') no-repeat top left;
}


#link7 {
	background			:	url('/img/spinlock.jpg') no-repeat bottom left;
}

#link7:hover, #link7.active  {
	background			:	url('/img/spinlock.jpg') no-repeat top left;
}


#link8 {
	background			:	url('/img/wempe.jpg') no-repeat bottom left;
}

#link8:hover, #link8.active  {
	background			:	url('/img/wempe.jpg') no-repeat top left;
}

#link9 {
	background			:	url('/img/sailkote.jpg') no-repeat bottom left;
}

#link9:hover, #link9.active  {
	background			:	url('/img/sailkote.jpg') no-repeat top left;
}

#link10 {
	background			:	url('/img/henri.jpg') no-repeat bottom left;
}

#link10:hover, #link10.active  {
	background			:	url('/img/henri.jpg') no-repeat top left;
}

#link11 {
	background			:	url('/img/harken_gear.jpg') no-repeat bottom left;
}

#link11:hover, #link11.active  {
	background			:	url('/img/harken_gear.jpg') no-repeat top left;
}

#link12 {
	background			:	url('/img/gottifredi_maffioli.jpg') no-repeat bottom left;
}

#link12:hover, #link12.active  {
	background			:	url('/img/gottifredi_maffioli.jpg') no-repeat top left;
}

#link13 {
	background			:	url('/img/tyetec.jpg') no-repeat bottom left;
}

#link13:hover, #link13.active  {
	background			:	url('/img/tyetec.jpg') no-repeat top left;
}

.jalleenmyyjat p {
	float: left; 
	display: block;
	width: 235px;
	height: 100px;
}

#footer {
	height				:	56px;
	margin-top			:	2px;
	font-size			:	1.2em;
	text-align			:	center;
	background			:	url('/img/footer.gif') repeat-x top left;
}

#footer p {
	color				:	#7e8185;
	line-height			:	30px;
}

#footer p a {
	color				:	#7e8185;
	text-decoration		:	none;
}

#footer p a:hover {
	text-decoration		:	underline;
}

.clearfix:after, #prodNavi:after {
	content				:	".";
	display				:	block;
	height				:	0;
	clear				:	both;
	visibility			:	hidden;
}

.clearfix, #prodNavi {display:inline-block;}
/* Piilotellaan IE Mac:lta \*/
.clearfix, #prodNavi {display:block;}
/* Lopetellaan piilottelu */