/* Shared styles used across many pages */
body
{
	_behavior: url(/js_v2/csshover3.htc);
}

/* ----- sushi boat - taken from htc_default.css ----- */
.jcarousel-skin-default .jcarousel-prev-horizontal, .jcarousel-skin-default .jcarousel-next-horizontal
{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 370px;
	cursor: pointer;
}
.jcarousel-skin-default .jcarousel-prev-horizontal
{
	left: 0px;
	background: url(/images_v2/carousel/med-arrow-left.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-left.gif) no-repeat;
}
.jcarousel-skin-default .jcarousel-next-horizontal
{
	right: 0px;
	background: url(/images_v2/carousel/med-arrow-right.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-right.gif) no-repeat;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover
{
	background: url(/images_v2/carousel/med-arrow-left-on.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-left-on.gif) no-repeat;
}
.jcarousel-skin-default .jcarousel-next-horizontal:hover
{
	background: url(/images_v2/carousel/med-arrow-right-on.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-right-on.gif) no-repeat;
}
#jcarousel-control
{
	width: 100%;
	height: 25px;
	position: absolute;
	margin: -35px 0 0 0;
	z-index: 10;
}
#jcarousel-control #round-links div
{
	margin: auto;
	float: left;
	cursor: pointer;
	width: 16px;
	height: 20px;
	margin-top: 4px;
	_margin-top: 2px;
}
#jcarousel-control #round-links .round
{
	background: url(/images_v2/carousel/circles.png) no-repeat 0 -20px;
	_behavior: url(/js_v2/iepngfix.htc);
}
#jcarousel-control #round-links .roundSelected
{
	cursor: default;
	background: url(/images_v2/carousel/circles.png) no-repeat 0 0px;
	_behavior: url(/js_v2/iepngfix.htc);
}


/* ---------------------------------------------------------- navigation ---------------------------------------------------- */
#navigation
{
	height: 55px;
	background: url(/images_v2/navigation/bg.gif) repeat-x;
}

#navigation ul
{
	float: left;
	margin: 0 0 0 55px;
	padding: 0;
	overflow: hidden;
	width: 900px;
	position: absolute;
}
#navigation ul li
{
	height: 35px;
	margin: 0 5px 0 0;
	padding: 10px 0;
	float: left;
	font-size: 1.3em;
}

#navigation ul li a
{
	line-height: 24px;
	color: #333;
	display: block;
	overflow: hidden;
}

#navigation ul li a span
{
	display: block;
	float: left;
	cursor: pointer;
}
#navigation ul li a .lt, #navigation ul li a .rt
{
	width: 12px;
	height: 24px;
}
#navigation ul .on
{
	background: url(/images_v2/navigation/arrow.gif) no-repeat center bottom;
}
#navigation ul .on a, #navigation ul li a:hover, #navigation ul li a:hover span
{
	color: #6ba300;
}
#navigation ul .on a .lt
{
	background: url(/images_v2/navigation/on-left.gif) no-repeat;
}
#navigation ul .on a .rt
{
	background: url(/images_v2/navigation/on-right.gif) no-repeat;
}
#navigation ul .on a .md
{
	background: url(/images_v2/navigation/on-middle.gif) repeat-x;
}

#navigation ul li.buybutton
{
	float: right;
}
#navigation ul li.buybutton a
{
	line-height: 24px;
	color: white;
	display: block;
	overflow: hidden;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
#navigation ul li.buybutton a:hover, #navigation ul li.buybutton a:hover span
{
	color: white;
}
#navigation ul .buybutton a .lt
{
	background: url(/images_v2/navigation/buy-left.gif) no-repeat;
}
#navigation ul .buybutton a .rt
{
	background: url(/images_v2/navigation/buy-right.gif) no-repeat;
	width: 24px;
}
#navigation ul .buybutton a .md
{
	background: url(/images_v2/navigation/buy-middle.gif) repeat-x;
	padding: 0 2px 0 10px;
	height: 24px;
}

#navigation ul .buybutton a .md .text
{
	line-height: 14px;
	margin: 4px 0 0 0; /*All IE*/
	margin: 4px 0 0 0 \9;
}
#navigation ul .buybutton a .md .chinese
{
	font-size: 13px;
	font-weight: normal;
	padding-top: 3px \9;
}
/* ------------------------------------------------------ banner with quote and media carousel -------------------------- */
#banner
{
	height: 364px;
	position: relative;
}

/* quote */
#banner #quote
{
	width: 300px;
	top: 200px;
	left: 49px;
	position: absolute;
	padding: 0 0 0 20px;
	background: url(/images_v2/quotes/left-mark.png) no-repeat left top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#banner #quote p
{
	margin: 0 0 5px;
	padding: 0;
	color: #666;
}
#banner #quote .text
{
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
}
#banner #quote .text .left-mark
{
	display: none;
}
#banner #quote .text .right-mark
{
	width: 17px;
	height: 11px;
	padding: 3px 5px 0 0;
	background: url(/images_v2/quotes/right-mark.png) no-repeat right top;
	display: inline-block;
	text-indent: -10000px;
	overflow: hidden;
	_behavior: url(/js_v2/iepngfix.htc);
}
#banner #quote .by
{
	font-size: 1.1em;
}

/* quote for Chinese site*/
#banner #quote-chinese
{
	width: 300px;
	top: 200px;
	left: 49px;
	position: absolute;
	padding: 0 0 0 20px;
	background: url(/images_v2/quotes/left-mark.png) no-repeat left top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#banner #quote-chinese p
{
	margin: 0 0 5px;
	padding: 0;
	color: #666;
}
#banner #quote-chinese .text
{
	font-size: 1.2em;
}
#banner #quote-chinese .text .left-mark
{
	display: none;
}
#banner #quote-chinese .text .right-mark
{
	width: 17px;
	height: 11px;
	padding: 3px 5px 0 0;
	background: url(/images_v2/quotes/right-mark.png) no-repeat right top;
	display: inline-block;
	text-indent: -10000px;
	overflow: hidden;
	_behavior: url(/js_v2/iepngfix.htc);
}
#banner #quote-chinese .by
{
	font-size: 1.1em;
}

/* media carousel */
#banner #media-carousel
{
	width: 81px;
	height: 364px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
}
#banner #media-carousel ul
{
	height: 359px;
	margin: 0;
	padding: 5px 0 0;
}
#banner #media-carousel ul li
{
	width: 60px;
	height: 47px;
}
#banner #media-carousel ul li a
{
	width: 60px;
	height: 38px;
	padding: 1px 0 0;
	display: block;
	position: relative;
	background: url(/images_v2/banner/item-bg.gif) no-repeat center top;
	text-align: center;
}

#banner #media-carousel .nojavascript /*for no javascript*/
{
	width: 56px;
	height: 35px;
	padding: 7px 0 7px 12px;
	_padding: 7px 0 6px 12px;
}
#banner #media-carousel ul li a img
{
	width: 56px;
	height: 35px;
	padding: 0;
}
#banner #media-carousel ul li a .icon
{
	width: 47px;
	height: 37px;
	position: absolute;
	top: 0;
	left: 7px;
}

/* Overwrites of jcarousel */
#banner #media-carousel .jcarousel-container-vertical
{
	height: 364px;
}
#banner #media-carousel .jcarousel-prev, #banner #media-carousel .jcarousel-next
{
	width: 15px;
	height: 11px;
	position: absolute;
	left: 34px;
	cursor: pointer;
}
#banner #media-carousel .jcarousel-prev
{
	top: 21px;
	background: url(/images_v2/carousel/small-arrow-up.png) no-repeat center top;
	_background: url(/images_v2/carousel/small-arrow-up.gif) no-repeat center top;
}
#banner #media-carousel .jcarousel-next
{
	bottom: 21px;
	background: url(/images_v2/carousel/small-arrow-down.png) no-repeat center top;
	_background: url(/images_v2/carousel/small-arrow-down.gif) no-repeat center top;
}
#banner #media-carousel .jcarousel-prev:hover
{
	background: url(/images_v2/carousel/small-arrow-up-on.png) no-repeat center top;
	_background: url(/images_v2/carousel/small-arrow-up-on.gif) no-repeat center top;
}
#banner #media-carousel .jcarousel-next:hover
{
	background: url(/images_v2/carousel/small-arrow-down-on.png) no-repeat center top;
	_background: url(/images_v2/carousel/small-arrow-down-on.gif) no-repeat center top;
}
#banner #media-carousel .jcarousel-prev-disabled, #banner #media-carousel .jcarousel-prev-disabled:hover
{
	cursor: default;
	background: url(/images_v2/carousel/small-arrow-up-off.png) no-repeat center top;
	_background: url(/images_v2/carousel/small-arrow-up-off.gif) no-repeat center top;
}
#banner #media-carousel .jcarousel-next-disabled, #banner #media-carousel .jcarousel-next-disabled:hover
{
	cursor: default;
	background: url(/images_v2/carousel/small-arrow-down-off.png) no-repeat center top;
	_background: url(/images_v2/carousel/small-arrow-down-off.gif) no-repeat center top;
}
#banner #media-carousel .jcarousel-clip
{
	width: 60px;
	height: 282px;
	position: absolute;
	top: 45px;
	left: 11px;
	overflow: hidden;
	position: relative;
}
#banner #media-carousel .jcarousel-item, #banner #media-carousel .jcarousel-li
{
	width: 60px;
	height: 47px;
}
#banner #media-carousel .jcarousel-list
{
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}

/* ----- Quotes ----- */
#quotes
{
	width: 828px;
	margin: 0 auto;
	padding: 30px 0 0;
}
#quotes .top
{
	height: 15px;
	background: url(/images_v2/quotes/top.gif) no-repeat;
}
#quotes .bottom
{
	height: 35px;
	background: url(/images_v2/quotes/bottom.gif) no-repeat;
}
#quotes .middle
{
	padding: 0 66px;
	background: url(/images_v2/quotes/middle.gif) repeat-y;
}
#quotes .middle h2
{
	margin: 0;
	padding: 10px 0 13px;
	font-size: 2.1em;
	font-family: "Trebuchet MS" , Arial, "Helvetica Neue" , Helvetica, Tahoma, Verdana, sans-serif;
	color: #333;
}
#quotes #quotes-list
{
	margin: 0;
	padding: 0;
}
#quotes #quotes-list li
{
	padding: 20px 10px 20px 20px;
	background: url(/images_v2/quotes/left-mark.gif) no-repeat left 19px;
	border-top: 1px solid #d6d6d6;
	color: #666;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
}
#quotes #quotes-list li.chinese
{
	padding: 20px 10px 20px 20px;
	background: url(/images_v2/quotes/left-mark.gif) no-repeat left 19px;
	border-top: 1px solid #d6d6d6;
	color: #666;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
}
#quotes #quotes-list .first
{
	border: none;
}
#quotes #quotes-list li .left-mark
{
	display: none;
}
#quotes #quotes-list li .right-mark
{
	width: 18px;
	height: 13px;
	padding: 3px 5px 0 0;
	background: url(/images_v2/quotes/right-mark.gif) no-repeat right 4px;
	display: inline-block;
	text-indent: -10000px;
	overflow: hidden;
}
#quotes #quotes-list li .by
{
	padding: 3px 0 0;
	display: block;
	font-size: 0.9em;
}

/* hidden quotes */
#quotes.hide #see-more, #quotes.show #see-more
{
	display: block;
}
#quotes #see-more
{
	margin: 0;
	padding: 10px 0 5px;
	overflow: hidden;
	display: none;
	_height: 25px;
}
#quotes #see-more a
{
	display: block;
	float: right;
}
#quotes #see-more a span
{
	display: block;
	float: left;
	cursor: pointer;
}
#quotes #see-more a .lt
{
	width: 18px;
	height: 26px;
	background: url(/images_v2/quotes/button-left.gif) no-repeat;
}
#quotes.hide #see-more a .rt
{
	width: 29px;
	height: 26px;
	background: url(/images_v2/quotes/button-right-down.gif) no-repeat;
}
#quotes.show #see-more a .rt
{
	width: 29px;
	height: 26px;
	background: url(/images_v2/quotes/button-right-up.gif) no-repeat;
}
#quotes #see-more a .md
{
	line-height: 26px;
	background: url(/images_v2/quotes/button-middle.gif) repeat-x;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}
#quotes.hide .hidden, #quotes.hide #see-more a.fewer, #quotes.show #see-more a.more
{
	display: none;
}


/* ----- htc sense ----- */
#htc-sense
{
	width: 820px;
	margin: 0 auto;
	padding: 30px 0 0;
}
#htc-sense .top
{
	height: 14px;
	background: url(/images_v2/htc-sense/top.gif) no-repeat;
}
#htc-sense .bottom
{
	height: 14px;
	background: url(/images_v2/htc-sense/bottom.gif) no-repeat;
}
#htc-sense .middle
{
	background: url(/images_v2/htc-sense/middle.gif) repeat-y;
	_margin-top: -1px;
}
#htc-sense #intro
{
	height: 100px;
	padding: 10px 62px 0;
	background: url(/images_v2/htc-sense/intro-bg.gif) repeat-x left bottom;
	font-size: 14px;
	color: #1e1e1e;
}
#htc-sense #intro h2
{
	margin: 0 0 5px;
	font-size: 24px;
	font-family: "Trebuchet MS" , Arial, "Helvetica Neue" , Helvetica, Tahoma, Verdana, sans-serif;
	color: #333;

}
#htc-sense #intro p
{
	margin: 0 0 5px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333;
}

#htc-sense div noscript .sense
{
	width: 820px;
	height: 264px;
	margin: 0;
	padding: 0;
	background-color: #f0efec;
	position: relative;
}

/*ie8 no javascript bug & use IE=EmulateIE7*/
#htc-sense div .sense
{ *width:820px;
*height:264px;
*margin:0;
*padding:0;
*background-color:#f0efec;
*position:relative;
}

#htc-sense #senses
{
	width: 820px;
	height: 264px;
	margin: 0;
	padding: 0;
}
#htc-sense #senses .sense
{
	position: relative;
}
#htc-sense #senses .sense img, #htc-sense div noscript .sense img
{
	position: absolute;
}
#htc-sense #senses .sense .text, #htc-sense div noscript .sense .text
{
	width: 350px;
	position: absolute;
	top: 77px;
	left: 423px;
}
#htc-sense #senses .sense .text h3, #htc-sense div noscript .sense .text h3
{
	margin: 0 0 5px;
	font-size: 2.0em;
	font-family: "Trebuchet MS" , Arial, "Helvetica Neue" , Helvetica, Tahoma, Verdana, sans-serif;
	color: #333;
}
#htc-sense #senses .sense .text p, #htc-sense div noscript .sense .text p
{
	margin: 0 24px 5px 0;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333;
}
#htc-sense #jcarousel-control
{
	position: absolute;
	width: 700px;
	margin: -50px 0 0 60px;
	height: 25px;
}

/* Overwrite jcarousel styles */
#htc-sense .jcarousel-skin-default .jcarousel-container-horizontal, #htc-sense .jcarousel-skin-default .jcarousel-clip-horizontal, #htc-sense .jcarousel-skin-default .jcarousel-item
{
	width: 820px;
	height: 264px;
}

#htc-sense #senses .jcarousel-item
{
	overflow: hidden;
	position: relative;
}

#htc-sense #senses .jcarousel-list
{
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}

/*#htc-sense .jcarousel-skin-default .jcarousel-container
{
	background: none;
	border:solid 1px blue;
}*/
#htc-sense .jcarousel-skin-default .jcarousel-prev-horizontal, #htc-sense .jcarousel-next jcarousel-next-horizontal, #htc-sense .jcarousel-skin-default .jcarousel-next-horizontal
{
	top: 226px;
}


/* ----- small print ----- */
.small-print
{
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px;
}
.small-print p, .small-print ol, .small-print ol li
{
	color: #c7c2ba;
	font-size: 11px;
	line-height: 17px;
}

/* ----- media ----- */
body.media-window
{
	margin: 0;
	padding: 0;
}
#media
{
	width: 850px;
	height: 633px;
	overflow: hidden;
	background: #fff;
	position: relative;
}

/* holder */
#media #main-carousel
{
	width: 850px;
	margin: 0 auto;
	padding: 0 0 0;
	overflow: hidden;
	text-align: center;
}
#media #main-carousel ul
{
	height: 523px;
}
#media #main-carousel ul li
{
	width: 850px;
	height: 523px;
	text-align: center;
}
#media #main-carousel ul li img
{
	width: 850px;
}
#media #main-carousel ul li span
{
	width: 850px;
	display: block;
	font-size: 1.3em;
	font-family: "Trebuchet MS" , Arial, "Helvetica Neue" , Helvetica, Tahoma, Verdana, sans-serif;
	color: #333;
}
#media #main-carousel ul li p
{
	color: #666;
	font-size: 1.1em;
}

/* Overwrites of jcarousel */
#media #main-carousel #jcarousel-control
{
	display: none;
}

#media #main-carousel .jcarousel-clip
{
	width: 850px;
	height: 523px;
}
#media #main-carousel.jcarousel-clip
{
	overflow: hidden;
	position: relative;
}
#media #main-carousel .jcarousel-list
{
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
#media #main-carousel:hover .jcarousel-prev, #media #main-carousel:hover .jcarousel-next
{
	display: block !important;
}

#media #main-carousel .jcarousel-prev
{
	width: 59px;
	height: 93px;
	display: none !important;
}
#media #main-carousel .jcarousel-next
{
	width: 56px;
	height: 93px;
	display: none !important;
}
#media #main-carousel .jcarousel-prev, #media #main-carousel .jcarousel-next
{
	position: absolute;
	top: 185px;
	cursor: pointer;
}
#media #main-carousel .jcarousel-prev
{
	left: 0;
	background: url(/images_v2/media/arrow-left.png) no-repeat right top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#media #main-carousel .jcarousel-next
{
	right: 0;
	background: url(/images_v2/media/arrow-right.png) no-repeat right top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#media #main-carousel .jcarousel-prev:hover
{
	background: url(/images_v2/media/arrow-left-on.png) no-repeat right top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#media #main-carousel .jcarousel-next:hover
{
	background: url(/images_v2/media/arrow-right-on.png) no-repeat right top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#media #main-carousel .jcarousel-prev-disabled, #media #main-carousel .jcarousel-prev-disabled:hover
{
	cursor: default;
	background: url(/images_v2/media/arrow-left-off.png) no-repeat right top;
	_behavior: url(/js_v2/iepngfix.htc);
}
#media #main-carousel .jcarousel-next-disabled, #media #main-carousel .jcarousel-next-disabled:hover
{
	cursor: default;
	background: url(/images_v2/media/arrow-right-off.png) no-repeat right top;
	_behavior: url(/js_v2/iepngfix.htc);
}

/* carousel */
#media #carousel
{
	width: 850px;
	height: 98px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#media #carousel ul
{
	margin: 0;
	padding: 0;
}
#media #carousel noscript ul
{
	width: 780px;
	height: 98px;
	position: absolute;
	top: 0;
	left: 39px;
}
#media #carousel ul li
{
	width: 134px;
	height: 98px;
	margin: 0 11px;
	float: left;
	_margin: 0;
	_padding: 0 11px;
}
#media #carousel ul li a
{
	width: 132px;
	height: 83px;
	padding: 1px 0 0 2px;
	position: relative;
	display: block;
	background: url(/images_v2/media/item-bg.gif) no-repeat center top;
}
#media #carousel ul .on
{
	height: 95px;
	border-bottom: 3px solid #6ba300;
}
#media #carousel ul li .icon
{
	position: absolute;
	top: 20px;
	left: 40px;
}

/* Overwrite of fancybox close button */
body #fancybox-close, body .fancybox-ie #fancybox-close
{
	width: 39px;
	height: 33px;
	position: absolute;
	top: -16px;
	right: -19px;
	background: url(/images_v2/media/close.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	cursor: pointer;
	z-index: 1103;
	display: none;
	_width: 27px;
	_height: 21px;
	_top: -10px;
	_right: -13px;
	_display: block !important;
	_background: url(/images_v2/media/close.gif) no-repeat 0 0;
}

/* Overwrites of jcarousel */
#media #carousel .jcarousel-container
{
	height: 98px;
}
#media #carousel .jcarousel-prev, #media #carousel .jcarousel-next
{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 21px;
	cursor: pointer;
}
#media #carousel .jcarousel-prev
{
	left: 6px;
	background: url(/images_v2/carousel/med-arrow-left.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-left.gif) no-repeat;
}
#media #carousel .jcarousel-next
{
	right: 6px;
	background: url(/images_v2/carousel/med-arrow-right.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-right.gif) no-repeat;
}
#media #carousel .jcarousel-prev:hover
{
	background: url(/images_v2/carousel/med-arrow-left-on.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-left-on.gif) no-repeat;
}
#media #carousel .jcarousel-next:hover
{
	background: url(/images_v2/carousel/med-arrow-right-on.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-right-on.gif) no-repeat;
}
#media #carousel .jcarousel-prev-disabled, #media #carousel .jcarousel-prev-disabled:hover
{
	cursor: default;
	background: url(/images_v2/carousel/med-arrow-left-off.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-left-off.gif) no-repeat;
}
#media #carousel .jcarousel-next-disabled, #media #carousel .jcarousel-next-disabled:hover
{
	cursor: default;
	background: url(/images_v2/carousel/med-arrow-right-off.png) no-repeat;
	_background: url(/images_v2/carousel/med-arrow-right-off.gif) no-repeat;
}
#media #carousel .jcarousel-clip
{
	width: 770px;
	height: 98px;
	position: absolute;
	top: 0;
	left: 35px;
	_width: 780px;
}
#media #carousel .jcarousel-clip
{
	overflow: hidden;
	position: relative;
}
#media #carousel .jcarousel-list
{
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}


/* ----- divider ----- */
.divider
{
	height: 20px;
	margin: 0 0 30px;
	/*background: url(/images_v2/divider/bg.gif) no-repeat;*/
}

.jcarousel-container
{
	position: relative;
}

.jcarousel-clip
{
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list
{
	z-index: 1;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}

.jcarousel-list li, .jcarousel-item
{
	float: left;
	list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next
{
	z-index: 3;
	display: none;
}

.jcarousel-prev
{
	z-index: 3;
	display: none;
}

/* ----- phones list ----- */
#divProductSection
{
	padding: 30px 48px 0;
	padding: 30px 0 0 70px\9;
	_padding: 10px 48px 0;
}
#divProductSection ul
{
	overflow: hidden;
}
#divProductSection ul li
{
	width: 164px;
	height: 197px;
	margin: 0 0 10px;
	float: left;
}
#divProductSection ul li a
{
	width: 153px;
	height: 194px;
	padding: 3px 5px 0;
	display: block;
	text-align: center;
	position: relative;
}
#divProductSection ul li a span
{
	display: block;
	cursor: pointer;
}
#divProductSection ul li a .tagline, #divProductSection ul li a .button
{
	display: none;
}
#divProductSection ul li a .logo
{
	margin: 116px auto 0;
	color: #1e1e1e;
	font-size: 13px;
	font-weight: bold;
}

#divProductSection ul li .AvailibleIcon
{
	position:absolute;
	margin:63px 0 0 73px;
	padding:0;
	float:none;
	margin:63px 0 0 -4px\9;
}

#divProductSection ul li a:hover
{
}
#divProductSection ul li a:hover .logo
{
	display: none;
}
#divProductSection ul li a:hover .tagline
{
	height: 43px;
	margin: 118px auto 0;
	line-height: 1.1em;
	display: block;
	font-size: 1.0em;
	color: #333;
	font-size: 12px\9;
	line-height: 14px\9;
}
#divProductSection ul li a:hover .button
{
	display: block;
}
#divProductSection ul li a:hover .button .inner
{
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
}
#divProductSection ul li a:hover .button .inner span
{
	float: left;
}
#divProductSection ul li a:hover .button .inner .lt
{
	width: 14px;
	height: 26px;
	background: url(/images_v2/buttons/button-left.png) no-repeat;
}
#divProductSection ul li a:hover .button .inner .md
{
	height: 26px;
	background: url(/images_v2/buttons/button-middle.png) repeat-x;
}
#divProductSection ul li a:hover .button .inner .md .text
{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 15px;
	margin:5px 0 0 0;
}
#divProductSection ul li a:hover .button .inner .rt
{
	width: 25px;
	height: 26px;
	background: url(/images_v2/buttons/button-right.png) no-repeat;
}

#contentwrap div.line
{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin: 0;
	background-color: #c7c2ba;
	height: 1px;
	line-height: 0px;
}

/*---------------------------------------a tablet with HTC sense--------------------------start------------------*/
#sense_tablet_component {
	width: 780px;
	height:740px;
	margin: 0 auto;
	position: relative;
}

#sense_tablet_component h2,
#sense_tablet_component h3 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
}

#sense_tablet_component h2 {
	font-size: 25px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin: 0 0 17px;
}

#sense_tablet_component h3 {
	font-size: 18px;
	padding: 225px 30px 0px 30px;
	margin:0;
}

#sense_tablet_component p {
	color: #666;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 30px 0px 30px;
	height:80px;
}

#sense_tablet_component .sense_tablet_feature {
	width: 390px;
	float: left;
	position: relative;
}

#sense_tablet_component .sense_tablet_ui_demo {
	width: 393px;
	height: 215px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	overflow:hidden;
}

#sense_tablet_component .sense_tablet_ui_demo .VideoMain {
	position: absolute;
	left:58px;
	top:25px;
    width:270px;
    height:158px;
    display:block;
    cursor:pointer;
    z-index:1;
}

#sense_tablet_component .sense_tablet_ui_demo .playerArea
{
    width:270px;
    height:158px;
    }


#sense_tablet_component #sense_tablet_hover_tip {
    position:relative;
    top:15px;
	float:right;
	display:block;
	background-position:right;
	background-repeat:no-repeat;
	width:400px;
	height:39px;
	position:absolute\9;
	right: 0;
}

#sense_tablet_component div a{
	display:block;
	width:270px;
	height:158px;
	background-repeat:	no-repeat;
	background-position:0px 0px;
	margin:25px 0px 0px 57px;
}

/*---------------------------------------a phone with HTC sense--------------------------start------------------*/
#sense_phone_component {
	width: 800px;
	height:500px;
	margin: 0 auto;
	position: relative;
}

#sense_phone_component h2,
#sense_phone_component h3 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
}

#sense_phone_component h2 {
	font-size: 25px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin: 0 0 17px;
}

#sense_phone_component h3 {
	font-size: 18px;
	margin:0;
	padding:337px 18px 0 24px;
}

#sense_phone_component p {
	color: #666;
	font-size: 12px;
	line-height: 16px;
	padding:0 18px 39px 24px;
}

#sense_phone_component .sense_phone_feature {
    width: 200px;
	float: left;
	position: relative;
}

#sense_phone_component .sense_phone_ui_demo {
	width: 200px;
	height: 320px;
	background-repeat: no-repeat;
	position: absolute;
	overflow:hidden;
	top:0;
	left:0;
}

#sense_phone_component .sense_phone_ui_demo .VideoMain {
	position: absolute;
	left: 35px;
	top: 39px;
    width:132px;
    height:236px;
    display:block;
    cursor:pointer;
}

#sense_phone_component .sense_phone_ui_demo .playerArea
{
    width:132px;
    height:236px;
    }


#sense_phone_component #sense_phone_hover_tip {
	position:relative;
	top:15px;
	float:right;
	display:block;
	background-position:right;
	background-repeat:no-repeat;
	width:300px;
	height:39px;
	position:absolute\9;
	right: 0;
}

#sense_phone_component div a{
	
	display:			block;
	width:				270px;
	height:				160px;
	
	background-repeat: 	no-repeat;
	background-position:0px 0px;
	margin:				25px 0px 0px 57px;
}

/*----------------------------------article_component replace 3 key selling point--------------------------start------------------*/
#article_component
{
    margin: 0 auto;
    padding:20px 0 100px 0;
	height:410px;
	width:780px;
	font-family:	Arial, Helvetica, sans-serif;
}

#article_component .article_clear{
	clear:both;
}

#article_component .article
{
    height:410px;
	width:780px;
	color:#333333;
}

#article_component .article h2{
	
	font-size: 		22px;
	line-height:	26px;
	margin-top:		66px;
	margin-bottom:	9px;
}

#article_component .article p{
	font-size: 	14px;
	line-height: 18px;
}

#article_component .article_player{
	position:	relative;
	top:		80px;
	left:		39px;
	width:		460px;
	height:		300px;
}

#article_component .article_left{
	
	float: 		left;
	width:		282px;
	padding-right:10px;
}

#article_component .article .article_display{
	width:509px;
	height:410px;
	margin:0 0 0 292px;
	position:absolute;
	margin:0\9;
	_margin:0;
	width:580px\9;
	height:510px\9;
}

#article_component .article #ArticleVideoBg
{
    background-image:url(/images_v2/bg_ksp.gif);
    background-repeat:no-repeat;
    margin-left:0px;
    margin-top:64px;
    width:568px;
    height:358px;
    }

#article_component .article #ArticleVideoArea,#article_component .article #ArticleVideoArea img
{
    width:548px;
    height:336px;
    }
#article_component .article #ArticleVideoArea
{
    margin-left:10px;
    margin-top:10px;
    }    
#article_component .article #ArticleVideoArea img
{
    margin-top:10px;
    margin-top:0\9;
    float:left;
    }

#article_component .article #ArticleVideoArea #articleplayer
{
    position:absolute;
    position:relative\9;
    display:inline\9;
    margin-top:10px;
    margin-top:0\9;
    }
    
#article_component .article #ArticleVideoArea .playbutton
{
	width: 75px;
	height: 55px;
	position: absolute;
	margin:150px 0 0 236px;
	_behavior: url(/js_v2/iepngfix.htc);
	background-image: url(/images_v2/playbutton.png);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
    margin:140px 0 0 -311px\9;
}

#article_component ul{
	position:absolute;
	padding:	0px;
    margin:-43px 0 0 0;
}

#article_component ul li{
	
	margin-right:	6px;
	position:relative;
	float: 		left;
	width:		64px;
	height:		44px;
}


#article_component  ul img{
	
}

#article_component ul li img
{
    padding:2px 0 0 2px;
    width:		60px;
	height:		40px;
    }

#article_component  ul span{
	
	background-repeat:	no-repeat;
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			10;
	display:			block;
	width:				64px;
	height:				44px;
	
}

#article_component  ul .overlayImage{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px 0px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_component  ul .overlayImageSelected{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px -50px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_component  ul .overlayVideo{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px -100px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_component ul .overlayVideoSelected{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px -150px;
	_behavior: url(/js_v2/iepngfix.htc);
}

/*----------------------------------article_B_component is for AB test--------------------------start------------------*/
#article_B_component
{
    margin: 0 auto;
    padding:20px 0 100px 0;
	height:410px;
	width:780px;
	font-family:	Arial, Helvetica, sans-serif;
}

#article_B_component .article_clear{
	clear:both;
}

#article_B_component .article
{
    height:410px;
	width:780px;
	color:#333333;
}

#article_B_component .article h2{
	
	font-size: 		22px;
	line-height:	26px;
	margin-top:		66px;
	margin-bottom:	9px;
}

#article_B_component .article p{
	font-size: 	14px;
	line-height: 18px;
}

#article_B_component .article_player{
	position:	relative;
	top:		80px;
	left:		39px;
	width:		460px;
	height:		300px;
}

#article_B_component .article_left{
	
	float: 		left;
	width:		282px;
	padding-right:10px;
}

#article_B_component .article .article_display{
	width:509px;
	height:410px;
	margin:0 0 0 292px;
	position:absolute;
	margin:0\9;
	_margin:0;
	width:580px\9;
	height:510px\9;
}

#article_B_component .article #ArticleVideoBg
{
    background-image:url(/images_v2/bg_ksp.gif);
    background-repeat:no-repeat;
    margin-left:0px;
    margin-top:64px;
    width:568px;
    height:358px;
    }

#article_B_component .article #ArticleVideoArea,
#article_B_component .article #ArticleVideoArea img,
#article_B_component .article #ArticleVideoArea .hoveroverlay
{
    width:548px;
    height:336px;
    }
#article_B_component .article #ArticleVideoArea .hoveroverlay
{
    float:left;
    position: absolute;
    margin-top:0px;
    }
#article_B_component .article #ArticleVideoArea .hoveroverlay:hover
{
    background-image:url(/images_v2/overlay_10px.png);/*IE need 10px*10px png */
    background-repeat:repeat;
    cursor:pointer;
    _filter: alpha(opacity=60);
    }
    
#article_B_component .article #ArticleVideoArea .hoveroverlay .watch
{
    position:absolute;
    font-size:18px;
    color:#ffffff;
    margin:195px 0 0 205px;
    display:none;
    }
#article_B_component .article #ArticleVideoArea
{
    position:absolute;
    margin:10px 0 0 10px;
    background-repeat:no-repeat;
    }    
#article_B_component .article #ArticleVideoArea img
{
    margin-top:10px;
    position:relative\9;
    display:inline\9;
    margin-top:0\9;
    display:none;
    }

#article_B_component .article #ArticleVideoArea #articleplayer
{
    position:absolute;
    margin-top:0px;
    position:relative\9;
    display:inline\9;
    }
    
#article_B_component .article #ArticleVideoArea .playbutton
{
	width: 75px;
	height: 55px;
	position: absolute;
	margin:140px 0 0 236px;
	_behavior: url(/js_v2/iepngfix.htc);
	background-image: url(/images_v2/playbutton.png);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
}

#article_B_component ul{
	position:absolute;
	padding:	0px;
    margin:-43px 0 0 0;
}

#article_B_component ul li{
	padding-right:	6px;
	position:relative;
	float: 		left;
	width:		64px;
	height:		44px;
}

#article_B_component ul li div.shortdesc
{
    width:96px;
    position:absolute;
    margin:5px 0 0 -16px;
    display:none;
    text-align:center;
    color:#1e1e1e;
    font-size:12px;
    line-height:14px;
    position:relative\9; 
    _position:absolute;
    _margin:50px 0 0 -80px;
    }
    
#article_B_component ul li div.selected
{
    display:block;
    }


#article_B_component  ul img{
	
}

#article_B_component ul li img
{
    padding:2px 0 0 2px;
    width:		60px;
	height:		40px;
    }

#article_B_component  ul span{
	
	background-repeat:	no-repeat;
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			10;
	display:			block;
	width:				64px;
	height:				44px;
	
}

#article_B_component  ul .overlayImage{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px 0px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component  ul .overlayImageSelected{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px -50px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component  ul .overlayVideo{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px -100px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component ul .overlayVideoSelected{
	
	background-image:		url('/images_v2/sprites.png');
	background-position:	0px -150px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component  ul .overlayImage:hover{
	
	background-image:		url('/images_v2/sprites_overlay.png');
	background-position:	0px 0px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component  ul .overlayImageSelected:hover{
	
	background-image:		url('/images_v2/sprites_overlay.png');
	background-position:	0px -50px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component  ul .overlayVideo:hover{
	
	background-image:		url('/images_v2/sprites_overlay.png');
	background-position:	0px -100px;
	_behavior: url(/js_v2/iepngfix.htc);
}

#article_B_component ul .overlayVideoSelected:hover
{
    background-image:url(/images_v2/sprites_overlay.png);
    background-position:	0px -150px;
	_behavior: url(/js_v2/iepngfix.htc);
}