@charset "utf-8";

/*
 *	PADI LISENCE COURSE INDEX STYLE
 */


a{color: #666; text-decoration: none;}
a:hover{
	color: #F0F;
	text-decoration: underline;
}

div#contents div.banner a{
	display: block;
	width: 554px;
	height: 87px;
	margin: auto;
	background: url(../images/padi/price_banner.png) no-repeat top;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div.banner a:hover{background: url(../images/padi/price_banner.png) no-repeat bottom;}

div#contents div#courseIndex{
	position: relative;
	width: 630px;
	height: 700px;
	margin: 10px auto;
	background: url(../images/padi/index_bg.jpg) no-repeat;
}



/***** INDEX HEADER *****/
div#contents div#courseIndex h1{
	position: absolute;
	top: 12px;
	left: 41px;
	width: 413px;
	height: 60px;
	background: url(../images/padi/index_head.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}



/***** COURSE COMMENTS *****/
div#contents div#courseIndex dt#pd1{
	position: absolute;
	top: 82px;
	left: 29px;
	width: 572px;
	height: 115px;
	background: url(../images/padi/pd1.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}

div#contents div#courseIndex dt#pd2{
	position: absolute;
	top: 205px;
	left: 29px;
	width: 572px;
	height: 115px;
	background: url(../images/padi/pd2.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}

div#contents div#courseIndex dt#pd3{
	position: absolute;
	top: 328px;
	left: 29px;
	width: 572px;
	height: 65px;
	background: url(../images/padi/pd3.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}

div#contents div#courseIndex dt#pd4{
	position: absolute;
	top: 401px;
	left: 29px;
	width: 572px;
	height: 65px;
	background: url(../images/padi/pd4.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}

div#contents div#courseIndex dt#pd5{
	position: absolute;
	top: 474px;
	left: 29px;
	width: 572px;
	height: 65px;
	background: url(../images/padi/pd5.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}

div#contents div#courseIndex dt#pd6{
	position: absolute;
	top: 547px;
	left: 29px;
	width: 572px;
	height: 65px;
	background: url(../images/padi/pd6.jpg) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
}



/***** BUTTON *****/
div#contents div#courseIndex dd#pdm1 a{
	position: absolute;
	top: 91px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm1.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm1 a:hover{background: url(../images/padi/pdm1.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm2 a{
	position: absolute;
	top: 141px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm2.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm2 a:hover{background: url(../images/padi/pdm2.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm3 a{
	position: absolute;
	top: 214px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm3.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm3 a:hover{background: url(../images/padi/pdm3.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm4 a{
	position: absolute;
	top: 264px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm4.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm4 a:hover{background: url(../images/padi/pdm4.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm5 a{
	position: absolute;
	top: 337px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm5.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm5 a:hover{background: url(../images/padi/pdm5.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm6 a{
	position: absolute;
	top: 410px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm6.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm6 a:hover{background: url(../images/padi/pdm6.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm7 a{
	position: absolute;
	top: 483px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm7.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm7 a:hover{background: url(../images/padi/pdm7.jpg) no-repeat right;}

div#contents div#courseIndex dd#pdm8 a{
	position: absolute;
	top: 556px;
	left: 371px;
	width: 222px;
	height: 47px;
	background: url(../images/padi/pdm8.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex dd#pdm8 a:hover{background: url(../images/padi/pdm8.jpg) no-repeat right;}


/***** LINKS *****/
div#contents div#courseIndex li#pdl1 a{
	position: absolute;
	top: 625px;
	left: 41px;
	width: 274px;
	height: 63px;
	background: url(../images/padi/pdl1.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex li#pdl1 a:hover{background: url(../images/padi/pdl1.jpg) no-repeat right;}

div#contents div#courseIndex li#pdl2 a{
	position: absolute;
	top: 625px;
	left: 319px;
	width: 274px;
	height: 63px;
	background: url(../images/padi/pdl2.jpg) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents div#courseIndex li#pdl2 a:hover{background: url(../images/padi/pdl2.jpg) no-repeat right;}

/*** COURSE INFO ***/
div#contents dl#courseinfo{
	width: 630px;
	margin: 15px auto;
}

div#contents dl#courseinfo dt{
	font-size: 110%;
	font-weight: bold;
}
div#contents dl#courseinfo dd{
	margin: 0 0 20px 15px;}



/***** PRICE LIST *****/
div#contents table{
	width: 600px;
	margin: auto;
	text-align: center;
	border: 3px solid #CCC;
}


div#contents table caption{
	font-weight: bold;
	color: #666;
	text-decoration: underline;
}


div#contents table th{border: 1px solid #CCC;}
div#contents table td{border: 1px solid #CCC;}

div#contents table th.left{
	width: 45%;
	padding-left: 10px;
	text-align: left;
}


div#contents ul.details{
	width: 580px;
	margin: 5px auto;
}
	
div#contents ul.details li{
	font-size: 12px;
	margin: 2px;
}

div#contents h3#class-img{
	width: 290px;
	height: 27px;
	margin: auto;
	background: url(../images/padi/class_img.gif) no-repeat;
	text-indent: -1000em;
}
div#contents .class-pic{
	margin-left: 100px;
	clear: both;
}
div#contents .class-pic li{float: left; margin: 2px;}


div#contents dl.class-pic dt{float: left;}
div#contents dl.class-pic dd{
	float: left;
	padding: 10px;
}