#guaranteediagram, #rowerdiagram, #modelediagram, #usmap, #pm4iamge, #pm3image {position:relative;}

#rowerdiagram, #modelediagram, #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(../images/modeld_400.jpg) top left no-repeat;
	height: 239px;
	width: 400px;
	position: relative;
}

dl#modele{
	margin: 0;
	padding: 0;
	background: transparent url(../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;
}

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{
	color: white;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 5px;
}

dl#locations{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.concept2.com/us/images/training/workshop_locator2.jpg) top left no-repeat;
	height: 295px;
	width: 400px;
	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;
}

/* ---------- 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;
}

.city {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #FFF;
}

.dot {
vertical-align: text-bottom; 
padding-right: 1px;
padding-left: 1px;
}


dl#locations dd#lbdef {top: 182px; left: 39px; background: none; height: 10px;}
dl#locations dd#fldef {top: 220px; left: 250px; background: none; height: 10px;}
/*dl#locations dd#bosdef {top: 91px; left: 327px; background: none; height: 10px;}*/
dl#locations dd#daldef {top: 212px; left: 149px; background: none; height: 10px;}
dl#locations dd#houdef {top: 63px; left: 203px; background: none; height: 10px;}
dl#locations dd#dcdef {top: 126px; left: 242px; background: none; height: 10px;}
dl#locations dd#nycdef {top: 106px; left: 302px; background: none; height: 10px;}
dl#locations dd#ctdef {top: 96px; left: 310px; background: none; height: 10px;}
dl#locations dd#tndef {top: 167px; left: 277px; background: none; height: 10px;}
dl#locations dd#chidef {top: 111px; left: 214px; background: none; height: 10px;}
dl#locations dd#sfdef {top: 163px; left: 20px; background: none; height: 10px;}


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#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; }

.title {
background-color:#AFC61C;
	background-color:#4473AB;
	color:#fff;
}

.text{
background-color:#F7FCDC;
border-top:0;
	background-color:#b7c8d8;
	background-color:#fff;
	color: #000;
}


.imagemap {
cursor:pointer;
text-decoration:none!important;
}