@charset "utf-8";

html {
        overflow-y: scroll;
}
BODY {
	padding: 0;
	background: #d0e8f8 url(../layout/bg-grid.png);
	MARGIN: 0;
	TEXT-ALIGN: center;
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 14px;
	
	color: #111;
}

p {
	margin-top: 0;
	
}
.shop_productname {
	font-size:14px;
	color: #555555;
}

div#wristbands {
float:left; width:20%; border-right:1px solid #ccc; padding:10px;
}

.shop_productdescr {
	color: #777777;
	line-height:2em;
}

.shop_title {
	font-family: Arial, Verdana, Helvetica;

	font-size:18px;
	color: #333333;
}

a {
	color:#234E9A;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
	
}

a#leftnav {
	color:#414477;
	text-decoration:none;
	font-weight:bold;
	background: none;
}

a:hover#leftnav {
	text-decoration:underline;
}



div#BoxLabel {
	padding: 3px 0 0 12px;
	height: 18px;
	font: 12px/16px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color:#fff;
	border-bottom: 2px solid #224742;
}


div#BoxLabelthin {
	padding: 3px 0 0 12px;
	height: 5px;
}


div.BoxBG200 {
	background:url(../layout/box_header_200_bg.gif)
}

div.BoxBG250 {
	background:url(../layout/box_header_250_bg.gif)
}

div.BoxBG330 {
	background:url(../layout/box_header_330_bg.gif)
}

div.BoxBG590 {
	background:url(../layout/box_header_590_bg.gif)
}


div.BoxBG590thin {
	background:url(../layout/box_topthin_590_bg.gif)
}

div.BoxBG800thin {
	background:url(../layout/box_topthin_800_bg.gif)
}

div#BoxBottom800 {
	background:url(../layout/box_bottom_800_bg.gif) no-repeat center bottom;
	height: 15px;
}


div#BoxBottom590 {
	background:url(../layout/box_bottom_590_bg.gif) no-repeat center bottom;
	height: 15px;
}

div#BoxBottom330 {
	background:url(../layout/box_bottom_330_bg.gif) no-repeat center bottom;
	height: 15px;
}

div#BoxBottom250 {
	background:url(../layout/box_bottom_250_bg.gif) no-repeat center bottom;
	height: 15px;
}

div#BoxBottom200 {
	background:url(../layout/box_bottom_200_bg.gif) no-repeat center bottom;
	height: 15px;
}

div#BoxBody {
	padding: 8px 10px 5px 14px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

div.BoxBodyGray {
	background-color:#FFFFFF;
	}

div#Box {
	margin: 0 0 10px 0 !important;
	padding: 0;
		z-index:1;

}



div.rightmargin {
	margin: 0 10px 0 0;
}

img {
border:0;
}
.imgleft {
	border: 1px solid #000066; margin: 5px 10px 0 0;
	float:left;
}

.imgleftonly {
	margin: 0 10px 5px 0;
	float:left;
}

	
.imgdarkborder {
border: 1px solid #000066; 
}

.imgdarkborder2 {
border: 1px solid #000066; 
margin-top:5px;
}

.imgright {
	float:right;
}
	
.box_subtitle {
	font-weight: bold;
	color: #000;
	margin-bottom:5px;
}


.box_subtitle2 {
	font-weight: bold;
	color: #000;
	margin-bottom:5px;
}


hr#sep {
	size:1px;
	color:#ddd;
	margin-bottom:7px;
	margin-top:6px;
}


.clear {
clear: both;
line-height: 0;
font-size: 0;
}

a#corner {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 100px;
	width: 100px;
	background: url(../img/support_wco_banner.gif) top right no-repeat !important;
	background: none;
	text-indent: -999em;
	text-decoration: none;
	cursor: hand;
}

.bigtitle {
	font-size:20px;
}



ul {
	list-style: none;
	padding: 0;
	padding-left: 0px;
	margin: 0px;		
}

ul li {
	margin: 5px 0;
	padding-left: 15px;
}

ul#list li {
	background: url(../layout/bullet_diamond.gif) 0 5px no-repeat;
}

ul#list1 li {
	background: url(../layout/bullet_redcircle.png) 0 4px no-repeat;
	padding-left: 20px;
}


ul.arrow {

}

ul.arrow li {
	background: url(../layout/bullet-arrow.png) 0 0 no-repeat;
	padding-bottom: 10px;
	padding-left: 40px;
}

.chinese1 {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#111111;
}

.chinese1tall {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#111111;
line-height:2em;
}

.chinese2 {
font-size:60px;
}

.chinese3 {
font-size:30px;
color:#000066;
}

.chinese4 {
font-size:14px;
color:#000066;
}

.chinese5 {
font-size:30px;
color:#990000;
}

div#chinesehead {
font-size:12px;
color:#FFFFFF;
float:right;
background-color: #d1232a;
padding:2px;
border:1px solid #ccc;
}

div#chinesebody1 {
font-size:15px;
float:right;
width:350px;
background-color:#ec8023;
padding:10px;
border:1px solid #ccc;
margin-left:20px;
margin-top:20px;
margin-bottom:5px;
line-height:2em;
}
.chinesebody1white {
font-size:28px;
color:#ffffff;
}


.chinesesub {
font-size:16px;
color:#990000;
}

div#chinesenav {
border:1px solid #333333;
padding:2px;
width:90px;
float:right;
text-align:center;
margin-left:8px;
}


/* Timeline */



div.timeline {
	
}

div.timeline.top { margin-top: 0; }
div.timeline.bottom { margin-bottom: 0; }
div.timeline h3 { float: left; font-size: 14px; margin: 0px 10px 0 0; color: #aaa; }
div.timeline h4 {
  font-size: 13px;
  margin: 5px 0;
  color: #9d141b;
}
div.timeline p {
  margin: 0 0 0 5px;
}




div.twocolumn {
	width: 550px;
	float: left;
	margin-bottom:30px;
}

div.twocolumn h3 {
	color:	#9d141b;
	margin:5px;
}
div.twocolumn.left {
	margin-right: 30px;	
}

div.twocolumn ul {
  margin: 0;
  padding: 0;
}

div.twocolumn li {
	  list-style-type: none;
  display:block;
  margin-bottom:10px;
}

div.twocolumn div.gray {
	width: 100%;
	height: 2px;
	background:#ccc;
	margin-bottom:10px;
}

div.clear {
	clear: both;
}

a.subpage-readmore-btn {
-webkit-box-shadow: #CCC 0px 1px 1px 1px;
background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background: -moz-linear-gradient(top,  #73B844,  #62AC44);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


	line-height: normal;
color: white;

float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
padding: 5px 25px 5px 15px;
text-decoration: none;
white-space: nowrap !important;
margin-top:20px;




}


a.subpage-readmore-btn:hover {
		background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #62AC44), to(#73B844));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #62AC44), to(#73B844));

background: -moz-linear-gradient(top,  #62AC44,  #73B844);

}


a.home-readmore-btn {
	
	background: #73B844;
-webkit-box-shadow: #CCC 0px 1px 1px 1px;
background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background: -moz-linear-gradient(top,  #73B844,  #62AC44);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


	line-height: normal;
color: white;

float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
padding: 5px 25px 5px 15px;
text-decoration: none;
white-space: nowrap !important;
margin-top:20px;


position:absolute;
top:210px;
left: 350px;

}


a.home-readmore-btn:hover {
	
	background: #62AC44;
		background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #62AC44), to(#73B844));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #62AC44), to(#73B844));

background: -moz-linear-gradient(top,  #62AC44,  #73B844);

}


a.speakingtopic-readmore-btn {
-webkit-box-shadow: #CCC 0px 1px 1px 1px;
background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background: -moz-linear-gradient(top,  #73B844,  #62AC44);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


	line-height: normal;
color: white;

float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
padding: 5px 25px 5px 15px;
text-decoration: none;
white-space: nowrap !important;
margin-top:20px;


top:792px; left:40px; position:absolute;"

}

a.speaking-readmore-btn:hover {
		background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #62AC44), to(#73B844));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #62AC44), to(#73B844));

background: -moz-linear-gradient(top,  #62AC44,  #73B844);

}

a.speaking-readmore-btn {
-webkit-box-shadow: #CCC 0px 1px 1px 1px;
background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background: -moz-linear-gradient(top,  #73B844,  #62AC44);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


	line-height: normal;
color: white;

float: right;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
padding: 5px 10px 5px 10px;
text-decoration: none;
white-space: nowrap !important;
margin-top:10px;

position:absolute;
top:210px;
left: 500px;
}

div.mouseover_tab1 {
-webkit-box-shadow: #ddd 0px 1px 1px 1px;
background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #fff), to(#f1f1f1));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #fff), to(#f1f1f1));
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #ddd;
	
height: 250px;
width: 190px;
float:left;
margin-right:20px;

text-align:center;
font-size:12px;

}

div.mouseover_tab1#rightmost {
	margin-right:0px;	
}

div.mouseover_tab1.on {
	-moz-box-shadow: 0 0 5px 3px #aaa;
-webkit-box-shadow: 0 0 5px 3px #aaa;
box-shadow: 0 0 5px 3px #aaa;
}

div.mouseover_tab1 img {
	margin:0;
	padding:0;
	padding-left:25px;
}

div.mouseover_tab1 h1 {
	margin:0;
	padding:0;
	text-decoration:underline;
	margin-bottom:3px;
	margin-top:-5px;
	font-weight:normal;
}

div.mouseover_tab1 h3 {
	margin:0;
	padding:0;
	margin-bottom:7px;
}

a#mouseover_findmore1 {
-webkit-box-shadow: #CCC 0px 1px 1px 1px;
background: #62AC44 -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #73B844), to(#62AC44));
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
		
color: white;


font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
padding: 5px 15px 5px 15px;
text-decoration: none;

margin-bottom:30px;
}


a.mouseover_tab_links {
	background-color: transparent;;	
	height:240px;
padding:10px;
	display: block;
	
}