body { font: 12px Verdana, Arial, sans-serif; margin: 0; padding: 0; }

a { color: #0073be; }
a img { border: 0 }
.bold { font-weight: bold; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.autoscroll { overflow: auto; }

a.hideu { text-decoration: none }
a.hideu:hover { text-decoration: underline }

h1 {margin-top: 0; font-family: Arial, sans-serif; }

.date { font-size: 11px; font-weight: bold; color: #303030; }
.fpdate { position: absolute; bottom: 300px; display: inline; font-size: 10px; font-weight: bold; color: #fff; background-color: #000; text-align: right !important; padding: 3px; }

.wrap {	margin: 0 auto;	width: 900px; }

#beta {	background-color: #f15739; color: #fff; padding: 6px 0;	text-align: center;	font-weight: bold; }

#container { background: transparent url('../img/hbg.jpg') no-repeat 50% 0px; }
#header { padding-top: 24px; }
#logo { margin: -10px 0 10px 25px; }
#chat { background: transparent url('../img/components.png') no-repeat -544px -141px; color: #4b4b4b; font-size: 10px; padding: 3px 0 0 3px; height: 19px;width: 201px; }

#menu { float: right; padding: 0; margin: 23px 0 0 0;}
#menu li { display: inline; float: left; }
#menu li a { background: transparent url('../img/menu.png'); color: #fff; display: block; height: 43px; }
#menu li a span { display: none; }
/* menu */
#menu li #mhome { background-position: 0 0; width: 66px;}
#menu li #mcatalog { background-position: -66px 0; width: 77px;}
#menu li #mgallery { background-position: -143px 0; width: 72px;}
#menu li #morder { background-position: -215px 0; width: 118px;}
#menu li #mstore { background-position: -333px 0; width: 92px;}
#menu li #mabout { background-position: -425px 0; width: 71px;}

#menu li #mhome:hover { background-position: 0 -43px ;}
#menu li #mcatalog:hover { background-position: -66px -43px;}
#menu li #mgallery:hover { background-position: -143px -43px;}
#menu li #morder:hover { background-position: -215px -43px;}
#menu li #mstore:hover { background-position: -333px -43px;}
#menu li #mabout:hover { background-position: -425px -43px;}

#mainfp { padding: 15px 0 30px; background: transparent url('../img/mbg.jpg') repeat-x 0 100%; min-height: 374px; }
#main { padding-bottom: 30px; background: transparent url('../img/mbg.jpg') repeat-x 0 100%; }
#general { background: transparent url('../img/white.gif') repeat-x; padding: 15px; min-height: 374px; width: 870px; }

#breadcrumb { background: url('../img/components.png') no-repeat -850px -133px; }
#bpath { height: 35px; background-color: #eaeaea; margin-left: 16px;}
#sidebar { width: 275px; }
#content { width: 600px; margin-left: 16px; color: #373636; }

#main #content { width: 578px; }

#info { background: #b1d6ee url('../img/ibg.jpg') no-repeat center; height: 210px; }
#infobox { background: transparent url('../img/infobar.png') no-repeat 0 0; height: 170px; position: relative; }
#info .item { color: #696969; float: left; width: 198px; padding: 10px 13px 0; font-size: 10px; line-height: 16px; }

#info .item h3 { margin: 0; text-indent: -9999px; height: 16px; margin-bottom: 15px; background-image: url('../img/components.png'); background-repeat: no-repeat; }
#info-visitor { background-position: -752px -64px; width: 80px; }
#info-testimonial { background-position: -752px -96px; width: 62px;}
#info-links { background-position: -752px -80px; width: 28px;}
#info-contact { background-position: -752px -112px; width: 106px;}

#info .item ul, #info .item p { margin: 10px 0 0; padding: 0; }
#info .item ul li { list-style: none; background: transparent url('../img/components.png') no-repeat -853px -192px; padding-left: 12px; }
#info .item a { color: #696969; text-decoration: none; }
#info .item a:hover { color: #eb5c28; }

#testi-sender { display: block; text-align: right; }
#testi-send { display: block; background: transparent url('../img/components.png') no-repeat -843px -259px; height: 18px; padding-left: 25px; padding-top: 2px; width: 150px; color: #819000 !important; font-weight: bold; margin-top: 5px; }


#footer { background: #0073be url('../img/fbg.jpg') repeat-x 0 0; font-size: 11px; color: #fff; height: 150px; padding-top: 36px; }
#footer .link { color: #fff }

/* form styling */
.form label { display: block; margin: 10px 0; font-weight: bold; color: #303030; }
.form .full { width: 99%; }
.form input.captcha { font-size: 24px; padding: 9px 2px; width: 100px; margin-right: 5px }
.form fieldset { border: 0; padding: 0; margin-bottom: 20px;  }
.tips { font-size: 10px; font-style: italic; }

/* show */
#showroom {
	background: url('../img/fbg.png') no-repeat;
	width: 870px;
	height: 260px;
	position: relative;
	padding: 32px 20px 0 10px;
}

#lastfish {
	position: relative;
	width: 645px;
	margin-top: 10px;
}

.cprev { position: absolute; top: 65px; background: url('../img/components.png') no-repeat -32px -245px; width: 16px; height: 16px; display: block; }
.cnext { position: absolute; top: 65px; right: 0; background: url('../img/components.png') no-repeat -48px -245px; width: 16px; height: 16px; display: block; }
.cprev span, .cnext span { display: none; }

.carousel { margin-left: 24px;}
.carousel li { float: left; width: 202px; list-style: none; }
.carousel li a { display: block; background: url('../img/showbg.png') no-repeat 0px 0px; height: 142px; width: 186px; padding: 3px 3px 3px 3px; margin-right: 10px; }
.carousel li p { font-size: 11px;}

#promo {
	background: url('../img/components.png') no-repeat 0 -22px;
	width: 867px;
	height: 31px;
	position: absolute;
	bottom: 15px;
	left: 16px;
}

/* sidebar */
#sidebar div { margin-bottom: 15px; }


#intro {
	width: 210px;
	line-height: 18px;
	font-size: 13px;
	margin: 0;
}

#seefish
{	
	background: url('../img/components.png') no-repeat -111px -239px;
	width: 149px;
	height: 39px;
	display: block;
	margin: 0 auto;
}

#seefish span { display: none; }

#bpath { background: url('../img/bbg.png') repeat-x; }
#bpath ul { padding: 15px 0 0; margin: 0;}
#bpath ul li { display: inline; padding: 0 0 0 0; margin: 0; }
#bpath ul li.exp { background: url('../img/components.png') no-repeat -853px -239px; padding: 0 0 0 10px }
#bpath ul li a { color: #538aa7; text-decoration: none; font-weight: bold; font-size: 10px; }
#bpath ul li a:hover { text-decoration: underline; }

#keong {
	background: url('../img/components.png') no-repeat -560px -52px;
	height: 88px;
	width: 160px;
	position: absolute;
	bottom: -15px;
	right: -105px;
}

/* liScroll styles */
#promotext {
	padding: 8px 0 0 12px;
	font-weight: bold;
	color: #f15b22;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 780px;
 height: 40px;
 overflow: hidden;
 margin-right: 10px;
}

#scroller {
	white-space: nowrap;
	font-size: 10px;
}

#scroller p {
	color: #A36010;
	font-weight: bold;
	padding: 0;
	margin: 8px 0 0;
}

#scroller span {
	padding-right: 50px;
}


/* advertising */
#advert { position: relative; }
#advert .container { width: 271px; height: 145px; overflow:hidden; position:relative; cursor:pointer; }
#advert .slides { position:absolute; top:0; left:0; font-size: 11px; line-height: 18px; color: #fff }
#advert .slides div { position:absolute; top:0; width: 271px; display:none; }
.advert-title { position: absolute; bottom: 0; right: 10px; background-color: #000; padding: 2px 5px; }

#advert-nav { position: absolute; z-index: 1; bottom: -3px; left: 10px; }
#advert-nav .previous { float: left; background: url('../img/components.png') no-repeat 0 -245px; width: 16px; height: 16px; display: block; }
#advert-nav .next { float: left; background: url('../img/components.png') no-repeat -16px -245px; width: 16px; height: 16px; display: block; }
#advert-nav a span { display: none; }

/* news */
#news {
	background: url('../img/components.png') no-repeat -272px -54px;
	height: 225px;
	width: 241px;
	padding: 0 10px 0 20px;
	position: relative;	
}
#news h3 a { text-decoration: none; color: #fff; font-size: 16px; font-weight: normal; }
#news .container { width: 230px; height: 150px; overflow:hidden; position:relative; cursor: auto; }
#news .slides { position:absolute; top:0; left:0; font-size: 11px; line-height: 18px; color: #4d4d4d }
#news .slides div { position:absolute; top:0; width: 230px; display:none; }
.newstitle { font-size: 14px; color: #d55108}
.newsdate { color: #7d7d7d; }
.news-view { background: url('../img/components.png') no-repeat -197px -165px; width: 55px; height: 22px; text-indent: -9999px; margin: 13px 5px 0 0 }

#news .sidebar-paging { position: absolute; top: 5px; left: 74px; }
#news .sidebar-paging li { display: inline; float: left; }
#news .sidebar-paging li a { text-indent: -9999px; background: url('../img/components.png') no-repeat -66px -247px; width: 10px; height: 10px; display: block; }


/* special */
#special {
	background: #e9582c url('../img/special.png') no-repeat 0 0;
	/* height: 103px; */
	width: 251px;
	padding: 8px 8px 0;
	color: #fff;
	position: relative;
}

.special-image { padding-right: 5px}
#special h3 { margin: 0 0 10px; }
#special h3 a { text-decoration: none; color: #f8ee52; font-size: 11px; font-weight: normal; }
#special .container { width: 230px; height: 150px; overflow:hidden; position:relative; cursor:pointer; padding-bottom: 10px; }
#special .slides { position:absolute; top:0; left:0; font-size: 11px; line-height: 18px; color: #fff }
#special .slides div { position:absolute; top:0; width: 230px; display:none; }
#special .sidebar-paging { position: absolute; top: -3px; left: 180px; }
#special .sidebar-paging li { display: inline; float: left; }
#special .sidebar-paging li a { text-indent: -9999px; background: url('../img/components.png') no-repeat -66px -247px; width: 10px; height: 10px; display: block; }

#catalog-menu { background: #e3eff6 url('../img/catalog.png') no-repeat 0 0; width: 193px; padding: 8px; }
#catalog-wrap { background: #e3eff6 url('../img/catalog.png') no-repeat -212px 100%; padding-bottom: 20px; width: 209px; margin: 0 auto; }

ul.menu { list-style-type:none; margin: 0; padding: 0; }
ul.menu li { list-style: none; }
ul.menu li a { color: #1272a4; display: block; background: url('../img/components.png') no-repeat 0 -165px;
			text-decoration: none; margin-bottom: 0px;
			padding: 8px 0 0 14px; height: 27px; width: 178px; }
ul.menu li.child a:hover { background-position: 0 -201px;  }
ul.menu li { font-size: 14px; margin-bottom: 5px; }

ul.menu li ul { margin: 0 0 14px; padding: 0 0 0 0; }
ul.menu li ul li { font-size: 12px; padding: 0;  }
ul.menu li ul li a { background: transparent ; color: #85b5ce; border-bottom: 1px dashed #86b6cf;
				  padding: 10px 0 0 10px; height: 21px !important; width: 157px; }
ul.menu li ul li a:hover { background-position: -848px -224px !important; color: #538aa7;  }

#catalog-list div { float: left; text-align: center; font-size: 11px; margin: 0 10px 10px 0; width: 155px; height: 200px;  }
#catalog-list div a, #media-list li a { background: url('../img/gallerybg.png') no-repeat; padding-top: 4px; width: 155px; height: 140px; display: block; }
#catalog-list div p { margin: 0; }

#catalog-general { background: transparent url('../img/white.gif') repeat-x; padding: 10px 5px 10px 10px; min-height: 374px; width: 885px; }
.sidebar-catalog { width: 215px !important}
.content-catalog { width: 660px !important; margin-left: 0px !important; }

#catalog-comment { background-color: #ffc; padding:5px; margin: 10px 0; }
.comment-item { border-bottom: 1px solid #ccc; padding: 10px 5px; }
.comment-item p { margin: 0 0 -0px; }
.comment-admin { background-color: #ffc }
ul#media-list {margin: 0; padding: 0; }
#media-list li { display: inline; float: left; position: relative }
#media-list li a { padding-left: 5px;}
#media-list li span { background: url('../img/type.png') no-repeat; height: 32px; width: 32px; display: block; position: absolute; right: 17px; bottom: 23px; }
#media-list li span.type-image { background-position: -32px 0px; }

.error-box { color: #cc003a; padding: 5px; line-height: 18px; font-weight: bold; font-size: 11px }

.list-item { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; }
.list-item h2 { font-family: Arial, sans-serif; color: #0073be; }
.list-item h2 a {  color: #0073be; text-decoration: none; }
.list-item a { text-decoration: none; color: #cc003a; }

.list-card { float: left; background-color: #f4f4f4; border: 1px solid #eaeaea; width: 168px; padding: 5px; margin: 0 10px 10px 0; height: 180px; overflow: auto; }
.even { background-color: #fff; }
.sender { font-style: italic; font-weight: bold; font-size: 11px; }
.easyread { line-height: 18px; }

.frontpage {

}

.frontpage ul li { color: #5c5c5c; line-height: 20px; }
.pagination { text-align: center }
iframe { border: none; }

.button {
	padding: 5px;
	background-color: #fc0;
	border: 1px #f15b22 double;
	text-decoration: none;
	color: #f00;
	font-weight: bold;
	margin: 10px 0;
	display: inline-block;
}