/* 
	MyGovHK - stylesheet - screen.css 
	20160125: add free-register class
*/

#free-register{
	/* padding:10px; */
	padding:5px 10px 0;
	color:#764815; font-family:Arial, Helvetica, sans-serif; line-height:28px; 
	background:#E6E6E6; width:653px; 
	margin:0;
}

#free-register p{margin:0; padding:0;}

/* 20160125 KC: as 2 area use same id, change it to class */
.free-register{
	padding:5px 10px 0;
	color:#764815; font-family:Arial, Helvetica, sans-serif; line-height:28px; 
	background:#E6E6E6; width:653px; 
	margin:0;
}
/* note: it has a "p" */
.free-register p{margin:0; padding:0;}


#rotatingBanner img{margin:0 0 10px 0;}

div.vehicle .slide-photo{width:240px; height:auto; overflow:hidden; display:block;}
#right01.slide-photo{height:139px;}
#right02.slide-photo{margin:20px 0 0 0;}
#right03.slide-photo{margin:20px 0 0 0;}
div.vehicle .slide-nav{height:28px; display:block;}

a#accessmygovhk{
	background:url(../images/access-mygovhk.jpg); height:48px; width:673px; display:block; text-indent:-9999px; 
	margin:0;
}
a:hover#accessmygovhk{background:url(../images/access-mygovhk.jpg) bottom left;}


/* govhk: header color */
.mygovhk #pageHeader{border-left-color:#F7B03C; border-left-width:30px; padding:0 0 0 10px;}
.mygovhk #pageHeader h1{font-family:Arial, Helvetica, sans-serif;background:url(../images/topic.jpg) no-repeat left; display:block; padding:20px 0 20px 75px;}

/* govhk: space between breadcrumb and content */
#articleContainer { padding-top:0; }

/* addition Rotating Cell Text */
.additionRotatingCell {padding-top:10px;}
.additionRotatingCell h2 {display:none;}

/* change to govhk */
/* 20101129 add p */
.additionRotatingCell  p {line-height:20px; height:20px;}
.additionRotatingCell  a {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

/* Note: replace background url */

/* from: slide.css */

#slideshow { 
	height:500px; width:673px; overflow:hidden; 
	margin:0;
        background:#ffffff; /* mark this white */
}
#slide01{background:url(../images/pic/01.jpg) no-repeat; height:500px; width:673px; overflow:hidden;}
#slide02{background:url(../images/pic/02.jpg) no-repeat; height:500px; width:673px; overflow:hidden;}
#slide03{background:url(../images/pic/03.jpg) no-repeat; height:500px; width:673px; overflow:hidden;}
#slide04{background:url(../images/pic/04.jpg) no-repeat; height:500px; width:673px; overflow:hidden;}
#slide05{background:url(../images/pic/05.jpg) no-repeat; height:500px; width:673px; overflow:hidden;}
#slide06{background:url(../images/pic/06.jpg) no-repeat; height:500px; width:673px; overflow:hidden;}

.slide-pic{width:322px; height:530px; float:left;}
.slide-pic div{width:322px; height:530px; text-align:center;}
.slide-pic a{margin:auto;}
.slide-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; padding:70px 10px 10px 20px; float:right; width:320px; height:500px; overflow:hidden;}
.slide-text ul{padding:0 0 0 10px; margin:0;}
.slide-text li{padding:0; margin:0;}

#nav{
	width:673px;list-style:none; 
	margin:0; 
	padding:0; height:50px;
}
#nav li{float:left; list-style:none; margin:0; padding:0;}
#nav li a{ display:block; height:50px; text-indent:-9999px;}

#icon01 a{background:url(../images/btn/01.jpg) no-repeat; width:112px;}
#icon01 a:hover,#icon01 a.activeSlide{background:url(../images/btn/01.jpg) bottom;}
#icon02 a{background:url(../images/btn/02.jpg) no-repeat; width:112px;}
#icon02 a:hover,#icon02 a.activeSlide{background:url(../images/btn/02.jpg) bottom;}
#icon03 a{background:url(../images/btn/03.jpg) no-repeat; width:113px;}
#icon03 a:hover,#icon03 a.activeSlide{background:url(../images/btn/03.jpg) bottom;}
#icon04 a{background:url(../images/btn/04.jpg) no-repeat; width:112px;}
#icon04 a:hover,#icon04 a.activeSlide{background:url(../images/btn/04.jpg) bottom;}
#icon05{background:url(../images/btn/05.jpg) no-repeat; width:112px;}
#icon05 a:hover,#icon05 a.activeSlide{background:url(../images/btn/05.jpg) bottom;}
#icon06 a{background:url(../images/btn/06.jpg) no-repeat; width:112px;}
#icon06 a:hover,#icon06 a.activeSlide{background:url(../images/btn/06.jpg) bottom;}


.slide-nav{width:240px; height:28px; background:#404042; text-indent:-9999px;}
.slide-nav ul{width:26px; margin:0 auto; float:inherit;}
.slide-nav li{float:left;}
.slide-nav li a{background:url(../images/select.jpg); width:13px; height:28px; display:block;}
.slide-nav li a:hover, .slide-nav li a.activeSlide{background:url(../images/select.jpg) bottom; display:block;}
.slide-nav a.prev-btn{background:url(../images/left-btn.jpg); width:12px; height:28px; display:block; float:left;}
.slide-nav a.next-btn{background:url(../images/right-btn.jpg); width:12px; height:28px; display:block; float:right;}