@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body { height:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border:none; margin:0; padding:0 }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* Typography Styles */
body { font-size:12px; color:#55472b; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#55472b; }
h1 { font-size:2em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:1.6em; margin-bottom:0.75em; }
h3 { font-size:1.4em; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1.1em; font-weight:bold; margin-bottom:0.2em; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1em; line-height:1.8em; text-align:justify }
p img, p img a:link, p img a:visited { margin:0; }
p img a:hover, p img a:active { margin:0; }
p img.left { margin:5px 10px 10px 0; padding:0; float:left; display:inline; }
p img.right { margin:5px 0 10px 10px; padding:0; float:right; display:inline; }
p img.center { margin:0 auto; padding:0; display:block; }
blockquote { border-left:3px solid #999; margin:1.5em; padding:1em; color:#999; text-align:justify; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:0.5em; }
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 0 }
td.top_align { vertical-align:top; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.required { color:#f00 }
.left { text-align:left!important; }
.right { text-align:right!important; }
.center { text-align:center!important; }

/* Default Linking */
a:link, a:visited { color:#55472b; text-decoration:underline }
a:hover, a:active { color:#899639; text-decoration:underline }

a.continue:link, a.continue:visited { color:#a81e34; text-decoration:none }
a.continue:hover, a.continue:active { color:#a81e34; text-decoration:underline}

/* CSS Grid Layout */
body { background:#fff url(../images/background.jpg) center top; }
.clear { clear:both; height:0; margin:0; padding:0; }

/* Set Up Basic Page Layout */
/* Header Styling */
#header-wrap { background:url(../images/img_topbackground.jpg) center top repeat-x; width:100%; height:400px; left:0; top:0; position:absolute; z-index:1; }
#header { width:800px; height:120px; margin:0 auto; }
#header-slogan { background:url(../images/img_slogan.png) right top no-repeat; width:521px; height:121px; float:right; }
#logo { background:url(../images/img_logo.jpg) no-repeat top left; width:317px; height:81px; top:21px; position:absolute; }
#logo h1, #logo h2 { left:-1000em; top:-1000em; position:absolute; }

/* Main Content Styling */
#container { background:url(../images/img_btmbackground.png) center bottom repeat-x; min-height:100%; height:auto !important; height:100%; position:relative; z-index:2; }
#inner_container { width:802px; margin:0 auto; padding:120px 0 180px 0; position:relative; }
/* Main Navigation Styling */
#mainnavi { background:url(../images/img_mainnavi.jpg) repeat-x top left;width:800px; height:40px; margin:0 auto 20px auto; text-align:left; }
#mainnavi ul { list-style:none; margin:0; }
#mainnavi ul li { margin:0; color:#c8bca6; text-transform:uppercase; height:40px; border-left:1px solid #706040; border-right:1px solid #342b19; float:left; }
#mainnavi ul li a:link, #mainnavi ul li a:visited { color:#c8bca6; text-decoration:none; padding:0 27px; width:auto; line-height:40px; height:40px; display:inline-block; }
#mainnavi ul li a:hover, #mainnavi ul li a:active { background-color:#1d160e; color:#c8bca6; text-decoration:none; padding:0 27px; width:auto; line-height:40px; height:40px; display:inline-block; }
/* Slideshow Styling*/
#slideshow { padding:10px; width:780px; height:auto; background-color:#fff; border:1px solid #e0dccc; border-right:1px solid #cdc6b1; border-bottom:1px solid #c2b9a0; margin-bottom:20px; z-index:100; }
#slideshow img.banners { position: relative; top: 0; left: 0; display: none; z-index: 110; opacity: 0; width: 780px; height: 300px; z-index:200 }
#controls { z-index: 500; position: absolute; top: 469px; left: 0; display: none;
    background-color: #000000; border: 0px solid #ddd; margin-left:11px; padding:3px;
    width: 774px; color:#FFFFFF; height:16px; opacity:0.8; text-align:right;
}
#controls a { color:#EEEEEE; text-decoration:none; font-family:Tahoma; font-size:10px; text-transform:uppercase; padding:3px;}
#controls a:hover { color:#2d2d2d; background-color:#FFFFFF;}
#controls span { margin: 0 5px;}
#loadimages {
	position: absolute; 
	top:320px;
	left:384px; 
	z-index:1;
	width:32px;
	height:32px;
	background: url(http://www.mediapower.com.hk/images/preloader.gif) no-repeat top left; 
}

/* Main Contents Info Styling*/
.main_display { background:url(../images/img_sidebottom.png) bottom center repeat-x #fff; width:550px; border:1px solid #e0dccc; border-right:1px solid #cdc6b1; border-bottom:1px solid #c2b9a0; margin-bottom:20px; float:left; }
.main_display .side_corner { background:url(../images/img_sidecorner.jpg) no-repeat right top; width:23px; height:27px; margin-left:529px; margin-top:-2px; position:absolute; z-index:2 }
.main_display h2 { background:url(../images/img_mainheader.png) no-repeat center top; width:510px; height:160px; padding:20px; text-transform:uppercase; margin-bottom:-134px; display:block; z-index:0 }
.main_display p { padding:0 20px; z-index:1 }
.main_display .divider { background:url(../images/img_mainhr.png) center top no-repeat; border:none; width:550px; height:20px; margin:0 auto -8px auto; display:block; }
.main_display div#pgallery ul { margin-left:20px; }
.main_display ul, .wide_display ul, .side_info ul { margin-left:35px; }
.main_display ul li, .wide_display ul li, .side_info ul li { list-style-image:url(../images/img_bullet.gif); line-height:1.8em; margin-bottom:8px; }

.main_display div#pgallery ol { margin-left:20px; }
.main_display ol, .wide_display ol, .side_info ol { margin-left:35px; }
.main_display ol li, .wide_display ol li, .side_info ol li { line-height:1.8em; margin-bottom:8px; }

.side_info ul li { line-height:1.4em; }
	/* Main Contents Info Styling*/
.wide_display { background:url(../images/img_sidebottom.png) bottom center repeat-x #fff; width:800px; border:1px solid #e0dccc; border-right:1px solid #cdc6b1; border-bottom:1px solid #c2b9a0; margin-bottom:20px; float:left; }
.wide_display .side_corner { background:url(../images/img_sidecorner.jpg) no-repeat right top; width:23px; height:27px; margin-left:779px; margin-top:-2px; position:absolute; z-index:2 }
.wide_display h2 { background:url(../images/img_mainheader.png) repeat-x left top; width:760px; height:160px; padding:20px; text-transform:uppercase; margin-bottom:-134px; display:block; z-index:0 }
.wide_display p { padding:0 20px; z-index:1 }
.wide_display .divider { background:url(../images/img_mainhr.png) center top no-repeat; border:none; width:800px; height:20px; margin-bottom:-8px; }
/* Side Info Styling*/
.side_info { background:url(../images/img_sidebottom.png) bottom center repeat-x #fff; width:230px; border:1px solid #e0dccc; border-right:1px solid #cdc6b1; border-bottom:1px solid #c2b9a0; margin-bottom:20px; float:right; }
.side_info .side_corner { background:url(../images/img_sidecorner.jpg) no-repeat right top; width:23px; height:27px; margin-left:209px; margin-top:-2px; position:absolute; z-index:2 }
.side_info h2 { background:url(../images/img_sideheader.png) no-repeat left top; width:190px; height:76px; padding:20px; text-transform:uppercase; margin-bottom:-50px; display:block; z-index:0 }
.side_info p { padding:0 20px 10px 20px; z-index:1 }
.content p.prod-desc { padding:5px 5px 10px; margin:0; font-size:11px; line-height:normal; text-align:center; }
.side_info .divider { background:url(../images/img_sidehr.png) center top no-repeat; border:0px solid; width:230px; height:20px; margin-bottom:-8px; }

/* Footer Styling */
#footer { background:url(../images/img_footer_bg.jpg) repeat-x; height:50px; margin-top:-50px; padding:0; position:relative; z-index:50; }
#footer div { width:800px; margin:0 auto; padding:17px 0; text-align:center; color:#c8bca6; }
img, div, a, input { behavior: url(iepngfix.php) }