#guaranteediagram, #rowerdiagram, #modelediagram, #logbookimage, #pm4image, #pm3image {position:relative;}

#rowerdiagram, #modelediagram, #logbookimage, #pm4image, #pm3image {z-index:1;}



/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */

img.image{ display: none; }



dl#modeld{
	margin: 0;
	padding: 0;
	background: transparent url(/us/images/modeld_400.jpg) top left no-repeat;
	height: 239px;
	width: 400px;
	position: relative;
}



dl#modele{
	margin: 0;
	padding: 0;
	background: transparent url(/us/images/modele_400.jpg) top left no-repeat;
	height: 264px;
	width: 400px;
	position: relative;
}





dl#rightsDef{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.concept2.com/us/images/products/warranty.png) top left no-repeat;
	height: 115px;
	width: 288px;
	position: relative;
	top:15px;
}


dl#onlinelogbook{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.concept2.com/us/images/motivation/Fall08Update/logbook.png) top left no-repeat;
	height: 657px;
	width: 730px;
	position: relative;
}


dl#pm4{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.concept2.com/us/images/support/PM4_MainMenu_big_dots.jpg) top left no-repeat;
	height: 299px;
	width: 212px;
	position: relative;
}


dl#pm3{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.concept2.com/us/images/support/PM3_MainMenu_big_dots.jpg) top left no-repeat;
	height: 299px;
	width: 212px;
	position: relative;
}


dt{ margin: 0; padding: 0; position: absolute; font-size: 100%; display: none; }

dd{ margin: 0; padding: 0; position: absolute;  font-size: 100%; z-index:2;}



dl#modeld dt.title, dl#modele dt.title, dl#onlinelogbook dt.title{
	color: white;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 5px;
}

/* ---------- Hotspot Declarations ---------- */

dd a{ position: absolute; width: 20px; height: 25px; text-decoration: none; border: 0px solid black;}
dd a span { display: none; }
dd a:hover{ position: absolute; }

dd span {
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #000;
	position:relative;
	left:30px;
	border: 1px solid #000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 220px;
}


dd a:hover span{
	display: block;
}

dl#modeld dd#chainDef{ top: 87px; right: 165px; }
dl#modeld dd#damperDef{ top: 137px; right: 123px;}
dl#modeld dd#framelockDef{ top: 163px; right: 211px; }
dl#modeld dd#pmDef{ top: 2px; right: 118px; }
dl#modeld dd#castorsDef{ top: 194px; right: 105px; }
dl#modeld dd#monorailDef{ top: 71px; right: 318px; }
dl#modeld dd#flywheelDef{ top: 40px; right: 40px; }

dl#modele dd#legDef{ top: 181px; right: 345px; }
dl#modele dd#chainDef{ top: 99px; right: 158px; }
dl#modele dd#powderDef{ top: 142px; right: 116px; }
dl#modele dd#damperDef{ top: 185px; right: 160px;}
dl#modele dd#framelockDef{ top: 176px; right: 217px; }
dl#modele dd#pm4Def{ top: 8px; right: 138px; }
dl#modele dd#castorsDef{ top: 237px; right: 110px; }
dl#modele dd#heightDef{ top: 149px; right: 281px; }
dl#modele dd#seatDef{ top: 94px; right: 318px; }
dl#modele dd#flywheelDef{ top: 48px; right: 42px; }
dl#modele dd#viewsDef{ top: 225px; right: 540px; }
dl#modele dd#viewsDef a{ width: 115px; }

dl#onlinelogbook dd#logbookdef{ top: 88px; left: 14px; }
dl#onlinelogbook dd#forumdef{ top: 153px; left: 1px; }
dl#onlinelogbook dd#wotddef{ top: 172px; left: 1px; }
dl#onlinelogbook dd#standingsdef{ top: 190px; left: 1px; }
dl#onlinelogbook dd#faqsdef{ top: 209px; left: 1px; }
dl#onlinelogbook dd#calcdef{ top: 225px; left: 1px; }
dl#onlinelogbook dd#winnersdef{ top: 246px; left: 1px; }
dl#onlinelogbook dd#rankingsdef{ top: 88px; left: 104px; }
dl#onlinelogbook dd#hxdef{ top: 88px; left: 190px; }
dl#onlinelogbook dd#challengesdef{ top: 88px; left: 271px; }
dl#onlinelogbook dd#profiledef{ top: 88px; left: 467px; }
dl#onlinelogbook dd#teamsdef{ top: 88px; left: 555px; }

dl#pm4 dd#changeunitsdef, dl#pm3 dd#changeunitsdef {top: 180px ;left: 10px ;}
dl#pm4 dd#changedisplaydef, dl#pm3 dd#changedisplaydef {top:180px ;left:70px ;}
dl#pm4 dd#logcarddef, dl#pm3 dd#logcarddef {top:269px ;left:35px ;}
dl#pm4 dd#menubackdef, dl#pm3 dd#menubackdef {top:180px ;left:150px ;}
dl#pm4 dd#greybuttonsdef, dl#pm3 dd#greybuttonsdef {top:39px ;left:184px ;}


dd#guaranteeDef span{
	left:-10px;
	width: 250px;
}



dd#warrantyDef span {
	left:-50px;
	width: 250px;
}

dd#guaranteeDef a, dd#warrantyDef a{ position: absolute; width: 115px; height: 115px; text-decoration: none; border: 0px solid black;}
dd#guaranteeDef{ top: 0px; left: 0px; }
dd#warrantyDef{ top: 0px; right: 115px; }

span.title {
background-color:#AFC61C;
	background-color:#4473AB;
	color:#fff;
}

span.text{
background-color:#F7FCDC;
border-top:0;
	background-color:#b7c8d8;
	background-color:#fff;
	color: #000;
}


.imagemap {
cursor:pointer;
text-decoration:none!important;
}
