@import url("/theme/Default/style.css");

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* end of css reset */

a, a:hover, a:visited {
	text-decoration: none;
	color: #000;
}

a img {
	border: none;
}

html,body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:verdana;
}


#theme{
	height:100% auto;
	background: #e2e2e2;
	/*
	background: -moz-linear-gradient(top, #114e86,#3d92d6 );
	background: -webkit-gradient(linear, left top, left bottom, from(#114e86), to(#3d92d6));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#114e86', EndColorStr='#3d92d6', GradientType=0);*/
}

#theme-frame{
	height:100% auto;
	min-height:630px;
	margin:auto;
	width:1000px;
	background: none;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-lang { padding-right: 0px; z-index:999; display: inline; color: #fff; float: left; padding-left: 45px;}
#theme-lang ul {list-style:none; margin:0px; padding:0px; text-align:right;}
#theme-lang ul li { display:inline;}
#theme-lang ul li a,
#theme-lang ul li a:visited { padding:0px 0px; border-left:1px solid #888888; color:#fff;}
#theme-lang ul li:first-child a { border-left:0px;}

#theme-share { text-align:right;  float:right; padding:10px; color:#fff;}
#theme-share a,
#theme-share a:visited,
#theme-share a:hover {color:#fff; text-decoration:none;}

#theme-header { 
	display:block;
	height:250px;
	background: url(/theme/_Corporate_Blue/imgs/top-banner.jpg) no-repeat 260px -25px;
	/*
	background: #114e86;
	background: -moz-linear-gradient(top, #114e86,#3d92d6 );
	background: -webkit-gradient(linear, left top, left bottom, from(#114e86), to(#3d92d6));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#114e86', EndColorStr='#3d92d6', GradientType=0);
	*/
	}

#theme-header-userdefine { 
	display:block;
	height:100%;
	width:100%;
	}
	
#theme-header-link { padding-left:20px; position:relative; top:0px; color:#efefef; display:none; width:400px;}
#theme-header-link a,
#theme-header-link a:visited{ color:#fff;}
#theme-header-link a:hover{ }
#theme-header-logo { width: auto;}
#theme-header-logo img { border:0px; padding:0px 15px;  max-height: 65px; }
#theme-menu{ clear:both; position: relative; z-index: 5;}
#theme-container { clear:both; min-height:350px;}

#theme-nav { clear:both; background:#E1FFFF; padding:10px; border-bottom:1px solid #B0FFFF; display:none; overflow:hidden; height:10px;}
#theme-nav ul {margin:0px; padding:0px; list-style:none;  }
#theme-nav ul li { display:inline; }
#theme-nav ul li a {padding:0px 10px 0px 10px; background:url(/theme/_Corporate_Blue/imgs/arrow-v.png) left no-repeat; }

#title-position {position: relative; left: 25px; width: 900px;}
#theme-title {padding: 0px 15px; color: #fff; font-size: 18px; font-weight: bold; height: auto; }

#cnt-pos { margin-top: -39px;}
#cnt-wrapper {padding-top: 35px;}

#theme-frame-panel{  float: right; width: 205px; display: inline; padding: 0px 0px 0px 0px;}
#theme-contain{  float: left; width: 760px; display: inline; padding: 0px 5px 0px 15px; min-height:300px; text-align:justify;}
/*
#theme-contain-home{ background:url(/theme/_Corporate_Blue/imgs/content-home-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-about{ background:url(/theme/_Corporate_Blue/imgs/content-about-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-prod{ background:url(/theme/_Corporate_Blue/imgs/content-prod-bg.jpg) top right no-repeat; width:100%; height:100%;}
#theme-contain-news{ background:url(/theme/_Corporate_Blue/imgs/content-news-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-contact{ background:url(/theme/_Corporate_Blue/imgs/content-contact-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-faq{ background:url(/theme/_Corporate_Blue/imgs/content-faq-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-member{ background:url(/theme/_Corporate_Blue/imgs/content-member-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-video{ background:url(/theme/_Corporate_Blue/imgs/content-video-bg.jpg) top right no-repeat;width:100%; height:100%;}
*/

#theme-footer {clear:both; padding:0px; text-align:center; background: url(/theme/_Corporate_Blue/imgs/footer-bg.jpg) repeat-x; height: 52px; margin-top:20px; color: #fff;}
#footer-pos {padding-top: 20px;}

a, a:hover, a:visited {	text-decoration: none;}
img {border: none;}
input,  textarea { background: #fff; border: solid 1px #77b5c6;}

/*
CUSTOM Pre-defined CSS
*/

#clearall {clear: both;}
#space-10 {display: block; width: 1px; height: 10px; padding: 0px; margin: 0px;}
#space-20 {display: block; width: 1px; height: 20px; padding: 0px; margin: 0px;}
#flush-mid {width: 1000px; margin: 0px auto; }


#banner {text-align: center;}
#banner_template_list {padding-top: 10px;}

#top-line {display: block; height: 24px; width: 100%; background: #29bfff;}
#top-txt {float: right; text-align: right;}

#contact-btn {
	position: relative;
	left: 50%;
	margin-left: 52px;
	top: 29px;
	width: 143px;
	height: 29px;
}

#scrollmsg {padding-left: 7px;}


#cms5-prod-list{clear:both; display:block; }
#cms5-prod-list ul {margin:3px; padding:10px; list-style:none;  border:1px solid #444444; display:block; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; height:auto; min-height: 120px; overflow:hidden;}
#cms5-prod-list ul li { clear:both; display:block; }
#cms5-prod-list ul #code {display:none; overflow:hidden;}
#cms5-prod-list ul #code .caption { display:none;}
#cms5-prod-list ul #title {display:block;  height:20px; overflow:hidden; text-align:center; font-size:15px; font-weight:bold;}
#cms5-prod-list ul #title .caption { display:none;}
#cms5-prod-list ul #title a,
#cms5-prod-list ul #title a:visited { color:#0F64AA; text-decoration:none;}
#cms5-prod-list ul #title a:hover { color:#1A74C6;}
#cms5-prod-list ul #photo {display:block; text-align:center;}
#cms5-prod-list ul #photo .caption { display:none;}
#cms5-prod-list ul #desc {display:none; height:85px; overflow:hidden;}
#cms5-prod-list ul #desc .caption { display:none;}
#cms5-prod-list ul #addcart { padding-top:10px;}
#cms5-prod-list ul #addcart a {  text-align:left; display:block; width:120px; height:25px; background:url(/theme/_Corporate_Blue/imgs/add-to-cart.png) top no-repeat; padding-left:70px; padding-top:5px; color:#fff; font-weight:bold; text-decoration:none;}
#cms5-prod-list ul #details {display:none;}
#cms5-prod-list ul #enquiry {display:none;}
#cms5-prod-list ul #price {display:block;  clear:both; text-align:center; color:navy;}
#cms5-prod-list ul #price div#offer-strike { color:#ff0000;text-decoration: line-through; }
#cms5-prod-list ul #price .caption { display:none;}
#cms5-prod-list ul #weight {display:block;  clear:both; text-align:center;}
#cms5-prod-list ul #weight .caption { display:none;}