html,body,head,img,div,p,h1,h2,h3,h4,h5,ul,li,strong,span,table,td,tr,th,form,input,a { padding:0; margin:0; border:0;}
body {font-family: Verdana, Geneva, Arial; font-size: 12px; color:#333; }
a { color:#333; text-decoration:none;}
a:hover {color:#009d96; text-decoration:none;}

/*------960px,16grid--------*/
.container_16 {width:940px; margin-left:auto; margin-right:auto;}
.grid_16,.grid_12,.grid_8,.grid_5,.grid_4,.grid_3,.grid_2 { margin-left:10px; margin-right:10px; float:left;}
.grid_16 {width:940px;}
.grid_12 {width:700px;}
.grid_8 {width:460px;}
.grid_5 {width:280px;}
.grid_4 {width:220px;}
.grid_3 {width:160px;}
.grid_2 {width:100px;}
.omega {margin-right:0;}
.alpha {margin-left:0;}
.clearfix {clear:both;}

/*---- home page------*/
/*-----header-----*/
#header {margin-top:15px;}
#logo { background: url(../../images/header.png) left top no-repeat; height:48px;}
#logo span {display:none;}
#logo a { height:48px;}
#lang {float:right; background:url(../../images/header.png) 0 -55px no-repeat; margin:30px 0 0 0; padding-left:23px; line-height:18px;}
#serchbox { float:right; width: 109px; background: url(../../images/header.png) 0 -74px no-repeat; margin: 30px 0 0 28px; padding-left:23px; line-height:18px; text-align:right; }
.serchinput { width:106px; border:#666 solid 1px; height:15px; color:#999;}
#navigation { z-index:6000; position:relative; background-color: #009d96; height:40px; margin-top:16px; color:#fff; font-size:13px; margin-bottom:15px; font-weight:bold;}
#navigation ul {z-index:2000;}
ul.menu {list-style:none; margin-top:12px;}
ul.menu a {display:block; color:#fff; text-decoration:none;}
ul.menu a:hover { color: #196461;}
.menuline,.noline {position:relative; float:left; margin-right:10px; padding-left:11px; background:url(../../images/menu_break.jpg) top left no-repeat;}
.noline { background:none !important;}
.noline a {line-height:15px;}
ul.menu ul {position:absolute; top:15px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {
	position:relative; 
	border-left:1px solid #009d96;
	border-right:1px solid #009d96;
	border-bottom:1px solid #009d96; 
	width:150px; /*-----TBD-----*/
	padding:5px; 
	font-size:12px;
	letter-spacing:0px !important; 
	background-color:#fff;
	float:left;}
ul.menu ul li a {display:block; color:#009d96;height:15px;}
ul.menu ul ul {left:160px; top:-1px;}
.topline {border-top:1px solid #009d96;}


/*----- home page ad wrapper-------*/
#adwrapper {
	background:url(../../images/ad_wrapper.png) center no-repeat; 
	height:355px; 
	margin-bottom:15px; 
	position:relative;
	z-index:0;
	*margin-top:15px;
	_margin-top:0;}
#play {width:918px;height:332px;overflow:hidden;margin-left: 11px;}
#play_text {position:absolute;margin:320px 0 0 855px;height:20px;width:60px;z-index:1}
#play_text ul {list-style-type:none; width:60px;height:50px;display:block;padding-top:1px;_padding-top:0px;filter: Alpha(Opacity=80);opacity:0.8;}
#play_text ul li {width:14px;height:14px;float:left;background-color:#333;display:block;color:#FFF;text-align:center;margin:1px;cursor:pointer;}
#play_list a{display:block;width:918px;height:332px;position:absolute;overflow:hidden; margin-top:11px;}

/*---- leftcol------*/
#promocol {background:url(../../images/promocol_footer.png) bottom left no-repeat; padding-bottom:10px;*margin-top:15px;_*margin-top:0;}
#promocol h1 {
	background:url(../../images/promocol_header.png) top left no-repeat; 
	padding: 15px 15px 10px 15px;
	font-size:14px;
	font-weight:bold;}
#promocol ul.topclass { list-style:none; font-size:14px;}
#promocol ul.topclass a {text-decoration:none; color:#333;}
.sortclass { margin:0 15px 10px 15px; border-top:1px solid #cccdcc; padding-top:5px;}
#promocol ul.topclass ul {list-style:none; font-size:11px; margin-left:15px; margin-top:5px;}
#promocol ul.topclass ul li { margin-bottom:5px;list-style:disc;}
#promocol ul a:hover {color:#009d96;}

/*------home page tab--------*/
.tab {margin:3px 0 15px 0;}
.tab h1 { cursor: pointer; font-size:14px; font-weight:500; padding:5px 0 5px 10px; font-weight:bold;}
.tabhide { display: none;}
.tabshow {display:block;}
.open { background: url(../../images/tab.png) top right no-repeat; color:#fff;width:690px;}
.open a:hover {color:#fff;}
.fold { background: url(../../images/tab.png) bottom right no-repeat; color:#333;width:690px;}
#promotab .grid_2 { margin-top:10px;}	
#promotab {margin-top:25px;}

.imgbox {
	display:table-cell !important;
	display:block;
	position:static !important;
	position:relative;
	overflow:hidden;
	width:98px;
	height:100px;
	border:1px solid #999;
	vertical-align:middle;
	text-align:center;
}
.imgbox p {
	display:table-cell !important;
	display:block;
	margin:0;
	position:static !important;
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	margin-left:auto;
	margin-right:auto;
}
.imgbox img {
	position:static !important;
	position:relative;
	top:auto !important;
	top:-50%;
	left:auto !important;
	left:-50%;
}

/*------footer------*/
#footer .grid_16 { background-color: #009d96; height:30px; margin-top:40px; color:#fff; padding-top:12px;}
#icp { text-align:right; float:right;}
#icp a { color:#fff;}


/*---- product page media wrapper------*/

#mediaheader {z-index:20; position:relative;}
#mediaheader a {color:#fff;}
#mediaheader h1 { margin:10px 0 0 22px; font-size:15px !important;}
#media-tab1,#media-tab2 {
	height:43px; 
	width:93px; 
	float:left; 
	margin-right:10px; 
	margin-top: 15px;
	color:#fff;}
.selected {background:url(../../images/mediarwrapper_header.png) top left no-repeat;z-index:20; position:relative;}
.unselected {background:url(../../images/mediarwrapper_header.png) top right no-repeat;z-index:20; position:relative;}
#media-tab1-content,#media-tab2-content { 
	height:386px; 
	background:url(../../images/mediarwrapper_body.png) center no-repeat;
	margin-top:-1px;
	margin-bottom:15px;
	float:left;
	width:700px;}
#media-tab1-content { z-index:10; position:relative;}
#media-tab2-content {z-index:10; position:relative;}
#media-tab1-content #play {width:613px;height:348px;overflow:hidden;margin-left: 44px;margin-top:8px;}
#media-tab1-content #play_text {position:absolute;margin:320px 0 0 510px;height:20px;width:60px;z-index:1}
#media-tab1-content #play_text ul {list-style-type:none; width:100px;height:50px;display:block;padding-top:1px;_padding-top:0px;filter: Alpha(Opacity=80);opacity:0.8;}
#media-tab1-content #play_text ul li {width:14px;height:14px;float:left;background-color:#333;display:block;color:#FFF;text-align:center;margin:1px;cursor:pointer;}
#media-tab1-content #play_list a{display:block;width:613px;height:348px;position:absolute;overflow:hidden; margin-top:11px;}
#media-tab1-content #play_list {display:block; text-align:center; position:absolute;}
#videos { width:613px; height:348px; margin:20px 0 0 44px;}
#download {float:right;}

/*-------all around------*/
#maincontent {*margin-top:15px;_*margin-top:0;overflow:hidden;}
#maincontent h1 { font-size:20px; font-weight:bold;}
#maincontent h2 { font-size:16px; font-weight:bold; margin-top:10px;}
#maincontent p { margin:10px 0; line-height:20px;}
#maincontent .grid_12 .grid_2 {margin-top:10px;}
#pages {text-align:right; margin-top:30px; margin-bottom:10px; color:#009d96;}
#maincontent ul {margin-left:15px;}
#maincontent ul li { margin-top:10px;}
#maincontent ul li span {color:#999; margin-left:10px;}
.dot {border-bottom: 1px #ccc dotted; padding-bottom:10px;}
#maincontent input { border:1px solid #666; width:200px; height:20px; background-color:#f7f7f7;}
.fixed {width:80px; float:left;}
form p {margin-top:20px;}
#formaction {margin-left:60px;}
#formaction input { border:1px solid #666; width:50px; height:30px; background-color:#f7f7f7; margin-right:20px;margin-top:10px;}
#maincontent textarea {background-color:#f7f7f7; width:400px; height:100px; border:1px solid #666;}
p {word-wrap:break-word; word-break:break-all;}

#displaypageview input {
background-color:#F7F7F7;
border:1px solid #666666;
height:20px;
width:40px;
}

/*------ single video wrapper ------*/
#single-video { 
	height:386px; 
	background:url(../../images/mediarwrapper_single.png) center no-repeat;
	margin-top:20px;
	margin-bottom:15px;
	float:left;
	width:700px;}
.forvideo { text-align:center; vertical-align:middle; width:700px; height:386px;}