﻿
/*-----------------Kevin add on 2009 7 20---------------------------- */
#border {border: 1px solid #c7c2ba; width:960px;}
#no_flash {
	height: 320px;
	width: 960px;
	background-image: url(/images_v2/bg_no_flash.jpg);
	background-repeat: repeat-x;
}

#no_flash #text{
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	margin-right: auto;
	margin-left: auto;
	padding-top: 150px;
	text-align: center;
}

#no_flash #text a:link, a:visited {
/*	color: #339900;*/
	text-decoration: none;
}

#no_flash #text a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

/*-----------------Kevin add on 2009 7 20---------------------------- */	
.download_gallery {
	width: 100%;
	padding-top: 3px;
}
.download_gallery .title {
	clear: both; 
	width: 100%;
	font-size: 15px;
	height: 15px;
	margin: 0;
}
.download_gallery ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.download_gallery li{
	width: 94px;
	height: 105px;
	float: left;
	background-image: url(/image_v2/bg_download_gallery.gif);
	background-repeat: no-repeat;
	padding: 13px 45px 0px 0;
}

.download_gallery img {
	width: 94px;
	height: 68px;
	border-style:none;
}
/* ----DownloadGallery------------- */
.tutorial_video {
	width: 670px;
/*	padding-top: 13px;*/
}
.tutorial_video p{
	height: 40px;
}
.tutorial_video ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.tutorial_video li{
	width: 220px;
	float: left;
}
.tutorial_video img {
	width: 210px;
	height: 155px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-style: none;
}
.tutorial_titleblock {
	width: 220px;
}
.tutorial_titleblock .tutorial_titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #444;
	font-weight: bold;
	width: 190px;
	left: 50%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.tutorial_titleblock .tutorial_titletext  a:link, .tutorial_titleblock .tutorial_titletext  a:visited{
	line-height: 12px;
	color: #339900;
	font-weight: normal;
}
.tutorial_titleblock .tutorial_titletext a:hover {
	color: #444;
	font-weight: normal;
}
.tutorial_titleblock .tutorial_titletext li {
	float: left;
	width: 84px;
	margin: 0px;
	padding: 0px;
}
.tutorial_titleblock .tutorial_titletext li.download {
	float: left;
/*	list-style-image: url(/images_v2/bulletdownload_7x11.gif);
	list-style-position: inside;
	_background-image: url(/images_v2/bulletdownload_7x11.gif);
	_background-repeat: no-repeat;	*/
	margin-right: 0px;
	margin-left: 4px;
}
*+html .tutorial_titleblock .tutorial_titletext li.download {
	float: left;
/*	background-image: url(/images_v2/bulletdownload_7x11.gif);
	background-repeat: no-repeat;*/
}
.tutorial_titleblock .tutorial_titletext li.none {
	float: left;
	font-weight: normal;
/*	LIST-STYLE-IMAGE:url(/images_v2/bulletdownload_7x11.gif);
	list-style-position: inside;*/
	margin-right: auto;
	margin-left: auto;
	width: 10px;
}
#tutorial_text {
	width: 220px;
	text-align: center;
	float: none;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	font-weight: bold;
	height: 28px;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#tutorial_text  a{
	color: #339900;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
#tutorial_text  a:hover{
	color: #444;
	text-decoration: none;
}
#tutorial_text  a:visited{
	color: #339900;
	text-decoration: none;
}
/* ------NewSpec------------- */
#product_spec {
}
	
#product_spec .column {
	width:48%;
	float: left;
	margin: 0 6px 0 2px;
/*	border: 1px solid #FF0000;*/
}

#product_spec .column .section {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444;
	list-style-type: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
		padding-left: 6px;
}

#product_spec .column .section ul {
	margin: 0;
	padding: 0;
}

#product_spec .column .section li {
	font-size: 12px;
	font-weight: normal;
	list-style-type: square;
	margin: 0 0 0 25px;	
}

#product_spec .column .section h1 {
	font-size: 16px;
	color: #888;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#product_spec .column .section sup {
	font-size: 10px;
	color: #888;
	padding-left: 2px;
}

/*#product_spec .column .section p {
	margin: 0;
	padding: 0;
	width:310px;
}*/

#product_spec .column img {
	float: right;
	clear: both;
}

#product_spec .spec_notice{
	padding: 30px 0 0 0;
	font-size: 11px;
	line-height: 15px;
	color: #888;
	width: 90%;
	clear: both;
	float: none;
}
/* ------HomeLightBox------------- */
.black_overlay{
	display: none;
	top: 0%;
	left: 0%;
	width: 100%;
	_width: 2000px;
	height: 1400px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align:center;
	position:fixed;
	_position: absolute;
}

.white_content {
    width: 960px;
	display: none;
	position:fixed;
	_position: absolute;
	top: 12%;
	_top: 60%;
	left: 50%;
    margin-left: -480px;
	z-index:1002;
	text-align:center;
	vertical-align: top;
	overflow: auto;
}
		
#Subclose {
	top: 0%;
	height: 35px;
	z-index:1003;
	text-align:right;
/*	position: fixed;
	_position: absolute;*/
/*	_top: -5%;*/
/*	width: 960px;*/
/*	overflow: hidden;*/
/*	border: 1px solid blue;*/
}

#Subclose img {
	background-image: url(/images_v2/icon_close.png);
	_background-image: url(/images_v2/icon_close.gif);
	background-repeat: no-repeat;
	border-style: none;
	/*	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	opacity:.6;*/
}

#Subclose a:hover img {
	background-image: url(/images_v2/icon_close_h.png);
	_background-image: url(/images_v2/icon_close.gif);
	background-repeat: no-repeat;
/*	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	opacity:.9;*/
}
/* ------------------------ Diamond Photo Gallery--------------------------------------------- */
#photoblock {
	width: 500px;
}
#phototitle {
	width: 480px;
	float: left;
	height: 20px;
	padding-top: 10px;
}

#diamondvideodevice {
	width: 162px;
	list-style-image: none;
	list-style-type: none;
	height: 292px;
	background-repeat: no-repeat;
	background-image: url(/uploadedimages/Gallery/HTC_Touch_Diamond/bg_photo.gif);
	float: left;
}
#diamondvideodevice #diamondvideopic {
	width: 162px;
	height: 159px;
	float: left;
}
#diamondvideodevice #diamondvideoproname {
	width: 115px;
	height: 120px;
	padding-top: 8px;
	float: left;
	padding-left: 45px;
}
#diamondvideodevice #diamondvideoprosize {
	width: 38px;
	float: left;
	height: 115px;
	float: left;
	padding-top: 35px;
	text-align: right;
}
#diamondvideodevice #diamondvideoselect {
	width: 103px;
	height: 19px;
	float: left;
	text-align: right;
	padding-left: 7px;
	padding-top: 22px;
}
#diamondvideodown {
	width: 162px;
	list-style-image: none;
	list-style-type: none;
	height: 218px;
	background-repeat: no-repeat;
	background-image: url(/uploadedimages/Gallery/HTC_Touch_Diamond/bg_vdownload.gif);
	float: left;
}
#diamondvideodown #diamondvideopic {
	width: 162px;
	height: 159px;
	float: left;
}
#diamondvideodown #diamondvideoproname {
	width: 162px;
	height: 35px;
	padding-top: 14px;
	float: left;
	text-align: center;
}
#diamondvideodown #diamondvideoproname01 {
	width: 162px;
	height: 45px;
	padding-top: 3px;
	float: left;
	text-align: center;
}
#diamondphoto {
	MARGIN: 20px auto 25px; WIDTH: 470px; HEIGHT: 200px
}
#diamondphotoarea {
	width: 125px;
	height: 130px;
	background-image: url(/images_v2/bg_photoarea_diamondpage.gif);
	background-repeat: no-repeat;
	float: left;
}
#diamondphotoarea #diamondpic {
	width: 58px;
	height: 58px;
	background-image: url(/images_v2/bg_photoarea_diamondpage.gif);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 29px;
}
#diamondphotoarea #diamondpic img{
	border-style: none;
}	
#diamondphotoarea #diamondtext {
	width: 73px;
	height: 20px;
	margin-left: 26px;
	padding-top: 13px;
	text-align:right;
}
#diamondphotoarea #diamondcontent {
	width: 400px;
	text-align:right;
}
/* ------------------------ Support How-tos----------------------------- */
.gcm_content { margin-top: 10px; }
div.gcm_content p { }
div.gcm_content {	line-height: 1.7em; }
.gcm_content table { word-break: normal; }

/* Get all big images in the center and give them bigger margins. Also put a border on screenshots (but not on drawings) . */
.gcm_content img.screenshot, .gcm_content img.drawing {
	display: block;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 18px;
}
.gcm_content img.screenshot {
	border: 1px solid gray;
}
.gcm_content li img.screenshot, .gcm_content li img.drawing {
	position: relative;
	left: -20px;
}

/* Zebra-striped tables */
.gcm_content table.iconref {
	background-color: #ffffff;
	border-spacing: 1px;
}
.gcm_content table.iconref td {
	padding: 5px;
	border-width:0 0 10px 0;
}
.gcm_content table.iconref tr.shading td {
	background-color:#f2f2f2;
}
.gcm_content table.iconref td img {
	border-width:0;
}

/* Support for h2. Size/weight/margin aid readability. */
.gcm_content h2 {
	font-size: 115%;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 5px;
}

/* Hide h1 */
.gcm_content h1 {display: none}

/* Text highlighting */
.gcm_content .monospace, .gcm_content .userinput, .gcm_content .filepath {
	font-family: "courier new", monospace;
	font-size: 120%;
	word-spacing: -2px;
}
.gcm_content .uicontrol {
	font-weight: bold;
}

/* JP: Inline icons */
.gcm_content .inline_icon {
	vertical-align: middle;
}

/* Temporary fixes for list margins in IE, nested lists in all browsers */
#contentwrap #maincontentarea #support li {
	margin-left:1em;
	list-style-position: outside;
}
#contentwrap #maincontentarea #support li ul li {
	list-style-type: square;
	margin-left: -0.5em;
}
#contentwrap #maincontentarea #support li ol li {
	list-style-type: decimal;
	margin-left: -0.5em;
}

/* JP: Increased font-size, added word-spacing */
.gcm_content span.filepath, .gcm_content .userinput { 
	font-family:monospace; 
	font-size: 1.3em; 
	word-spacing: -2px; 
	}

/* JP: Manage OLs, ULs incl nesting*/
div.gcm_content ol, div.gcm_content ul, div.gcm_content li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	word-break: normal;
}
div.gcm_content ol li, div.gcm_content ul li {
	margin-left:1em;
	list-style-type: decimal;
	list-style-position: outside;
}
div.gcm_content ol li, div.gcm_content ul li, div.gcm_content ol li.stepexpand, div.gcm_content li.substepexpand {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div.gcm_content ul li {
	margin-left:3em;
	list-style-type: disc;
	list-style-position: outside;
}
div.gcm_content ol ul li {
	margin-left:1.5em;
	list-style-type: square;
	list-style-position: outside;
}

/* JP: align ol list markers correctly in IE */
#NewSupportBlock .search div.gcm_content ol li {
	vertical-align: middle;
}


/*--------For New Overview Page 2010.05.18----------- */	
#OverviewBlock {
	margin: 0;
	padding: 0;
}
#OverviewBlock h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}
#OverviewBlock p {
	line-height: 18px;
}
#OverviewBlock .block {
	width: 100%;
	clear: both;
	display: block;
	height: 100%;
	margin-bottom: 50px;
}
#OverviewBlock .OneColumn {
	width: 100%;
}
#OverviewBlock .TwoColumn {
	width: 48%;
	position: relative;
	height: 340px;
	vertical-align: top;
	float: left;
}
#OverviewBlock .TwoColumn img {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0px;
}
#OverviewBlock .ThreeColumn {
	width: 31%;
	float: left;
	position: relative;
	height: 360px;
	vertical-align: top;
}
#OverviewBlock .TwoBlockLeft {
	margin-right: 10px;
}
#OverviewBlock .TwoBlockRight {
	margin-left: 10px;
	float: right;
}
#OverviewBlock img.left {
	margin-left: 0px;
}
#OverviewBlock img.center {
	margin-left: 40px;
}
#OverviewBlock img.bottom {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0px;
}
#OverviewBlock .ThreeBlockLeft {
	margin-right: 10px;
}
#OverviewBlock .ThreeBlockCenter {
	margin: 0 13px;
}
#OverviewBlock .ThreeBlockRight {
	margin-left: 10px;
	float: right;
}

/*--------Fix Close Float 2010.05.18----------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */
.clearfix {zoom: 1; display: block; } 


/* ----- ksps ----- */
#ksps{padding:70px 70px 0;_padding:70px 60px 0;overflow:hidden;}
#ksps .ksp{position:relative;}
#ksps .ksp img{position:absolute;z-index:1;}
#ksps .ksp .text{position:relative;z-index:2;}
#ksps .ksp .text h2{margin:0 0 13px;font-size:2.1em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#ksps .ksp .text p{margin:0 0 5px;font-size:1.2em;line-height:1.3em;color:#333;}

/* ----- Awards ----- */
#awards{width:400px;float:right;margin:-100px 0 0;overflow:hidden;}
#awards ul{width:auto;height:auto;margin:0;padding:0 0 0 60px;float:right;background:url(../images/shared/awards/bg.gif) no-repeat;overflow:hidden;}
#awards ul li{height:73px;margin:0 0 5px 10px;float:left;}

/* ----- second ksps ----- */
#second-ksps{width:820px;margin:0 auto;padding:30px 0 0;}
#second-ksps ul{margin:0;padding:0;overflow:hidden;}
#second-ksps ul li{width:395px;padding:0 0 55px;float:left;overflow:hidden;}
#second-ksps ul li h3{width:229px;margin:0 0 10px;float:left;font-size:1.7em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#second-ksps ul li p{width:215px;margin:0 0 5px;float:left;font-size:1.1em;line-height:1.3em;color:#333;}
#second-ksps ul li img{float:right;}

#second-ksps ul .ksp3{clear:left;}
#second-ksps ul .ksp2,
#second-ksps ul .ksp4{margin:0 0 0 30px;}
#second-ksps h2{margin:0 0 60px;font-size:1.8em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}


/* ----- themes ----- */
#themes{padding:70px 0 0;}
#themes .theme{padding:0 70px 40px;overflow:hidden;}
#themes .theme .text h2{margin:0 0 13px;font-size:2.1em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#themes .theme .text p{margin:0;padding:0 20px 30px 0;font-size:1.2em;line-height:1.3em;color:#666;}
#themes .theme .text .columns{overflow:hidden;}
#themes .theme .text .columns .left{float:left;}
#themes .theme .text .columns .right{float:right;}
#themes .theme .text .columns h3{margin:0;padding:4px 0 10px;font-size:1.4em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#themes .theme .text .columns p{padding:0;font-size:1.1em;}

#themes .text-left .text,
#themes .text-right .img{float:left;} 
#themes .text-left .img,
#themes .text-right .text{float:right;} 

#themes #available{ color: #c7c2ba; font-size: 11px; line-height: 17px; padding:0 70px 40px; _width:820px;} 

/* ----- divider ----- */
.divider_domore{ height:20px; margin:0 0 30px; _margin:30px 0 30px; background:url(/uploadedImages/Common/Shared_Image/Icons/DoMore/bg.gif) no-repeat; _width: 100%; _clean: both;}
.divider_overview{ height:20px; margin:0 0 0px; _margin:30px 0 0px; background:url(/uploadedImages/Common/Shared_Image/Icons/DoMore/bg.gif) no-repeat; _width: 100%; _clean: both;}

/* ----- specifications  for product page----- */
#specifications{margin:0 auto;padding:30px 70px;}
#specifications h2{margin:0 0 35px;font-size:1.8em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#specifications h3{margin:0 0 15px;font-size:1.4em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#specifications ul{margin:0 0 10px;padding:0;}
#specifications ul li{margin:0 0 5px 5px;padding:0 0 0 9px;background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/dot.gif) no-repeat left 5px;color:#666;}
#specifications p{color:#666;}
#specifications .divider_domore{width:960px;margin:0 -70px 30px;}

/* At a glance */
#specifications #at-a-glance{overflow:hidden;padding:0 0 60px;}
#specifications #at-a-glance .size{width:410px;float:left;position:relative;}
#specifications #at-a-glance .weight,
#specifications #at-a-glance .display{width:410px;float:right;position:relative;}
#specifications #at-a-glance .label{position:absolute;text-align:center;}
#specifications #at-a-glance .label span{display:none;}
#specifications #at-a-glance li{font-size:1.1em;}

/* detailed */
#specifications #detailed{overflow:hidden;padding:10px 0;background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/center.gif) repeat-y center top;}
#specifications #detailed .left{width:385px;float:left;}
#specifications #detailed .right{width:385px;float:right;}
#specifications #detailed .panel{margin:0 0 30px;padding:5px 15px 15px 0;border-bottom:1px dotted #d5d5d5;}
#specifications #detailed .panel h3{width:200px;}
#specifications #detailed .panel h3 sup{font-size:0.6em;}
#specifications #detailed .panel p{margin:0 80px 25px 0;font-size:1.1em;}
#specifications #detailed .panel .heading{margin:0 0 3px;}
#specifications #detailed .panel ul{width:330px;padding:0 0 10px;font-size:1.1em;}
#specifications #detailed .cpu{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/cpu.gif) no-repeat right top;}
#specifications #detailed .storage{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/storage.gif) no-repeat right top;}
#specifications #detailed .connectors{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/connectors.gif) no-repeat right top;}
#specifications #detailed .sensors{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/sensors.gif) no-repeat right top;}
#specifications #detailed .widgets{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/widgets.gif) no-repeat right top;}
#specifications #detailed .wp7_htchub{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/wp7_htchub.gif) no-repeat right top;}
#specifications #detailed .multimedia{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/multimedia.gif) no-repeat right top;}
#specifications #detailed .power{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/power.gif) no-repeat right top;}
#specifications #detailed .network{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/network.gif) no-repeat right top;border:none;}
#specifications #detailed .android{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/android.gif) no-repeat 330px top;}
#specifications #detailed .windows{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/windows.gif) no-repeat right top;}
#specifications #detailed .windows7{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/windows_phone7.gif) no-repeat right top;}
#specifications #detailed .brew{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/brew.gif) no-repeat right top;}
#specifications #detailed .camera{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/camera.gif) no-repeat right top;}
#specifications #detailed .internet{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/internet.gif) no-repeat right top;}
#specifications #detailed .bluetooth{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/bluetooth.gif) no-repeat right top;}
#specifications #detailed .social{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/social.gif) no-repeat right top;}
#specifications #detailed .system{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/system.gif) no-repeat right top;}
#specifications #detailed .system_noborder{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/system.gif) no-repeat right top;border:none;}
#specifications #detailed .features{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/features.gif) no-repeat right top;}
#specifications #detailed .location{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/location.gif) no-repeat right top;}
#specifications #detailed .tethering{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/tethering.gif) no-repeat right top;border:none;}
#specifications #detailed .tethering_border{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/tethering.gif) no-repeat right top;}

/* Desire for Product Spec*/
#specifications  #at-a-glance .desire_width {TOP: 365px; LEFT: 119px; width:50px }
#specifications  #at-a-glance .desire_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .desire_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .desire_screen-size {TOP: 320px; LEFT: 68px; width: 180px }

/* Legend for Product Spec*/
#specifications  #at-a-glance .legend_width {TOP: 370px; LEFT: 119px; width:50px }
#specifications  #at-a-glance .legend_height {TOP: 370px; LEFT: 233px; width:50px }
#specifications  #at-a-glance .legend_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .legend_screen-size {TOP: 310px; LEFT: 68px; width: 180px }

/* HDmini for Product Spec*/
#specifications  #at-a-glance .hdmini_width {TOP: 376px; LEFT: 110px; width:50px }
#specifications  #at-a-glance .hdmini_height {TOP: 376px; LEFT: 232px; width:50px }
#specifications  #at-a-glance .hdmini_length {TOP: 170px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .hdmini_screen-size {TOP: 316px; LEFT: 55px; width: 180px }

/* Smart for Product Spec*/
#specifications  #at-a-glance .smart_width {TOP: 374px; LEFT: 125px; width:50px }
#specifications  #at-a-glance .smart_height {TOP: 374px; LEFT: 255px; width:50px }
#specifications  #at-a-glance .smart_length {TOP: 180px; LEFT: 310px; width:50px }
#specifications  #at-a-glance .smart_screen-size {TOP: 314px; LEFT: 47px; width: 180px }

/* Wildfire for Product Spec*/
#specifications  #at-a-glance .wildfire_width {TOP: 356px; LEFT: 94px; width:50px }
#specifications  #at-a-glance .wildfire_height {TOP: 356px; LEFT: 232px; width:50px }
#specifications  #at-a-glance .wildfire_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .wildfire_screen-size {TOP: 296px; LEFT: 45px; width: 180px }

/* Aria for Product Spec*/
#specifications  #at-a-glance .aria_width {TOP: 365px; LEFT: 120px; width:50px }
#specifications  #at-a-glance .aria_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .aria_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .aria_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Desire HD for Product Spec*/
#specifications  #at-a-glance .desirehd_width {TOP: 365px; LEFT: 110px; width:50px }
#specifications  #at-a-glance .desirehd_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .desirehd_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .desirehd_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Desire Z for Product Spec*/
#specifications  #at-a-glance .desirez_width {TOP: 375px; LEFT: 110px; width:50px }
#specifications  #at-a-glance .desirez_height {TOP: 375px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .desirez_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .desirez_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Mozart for Product Spec*/
#specifications  #at-a-glance .mozart_width {TOP: 365px; LEFT: 122px; width:50px }
#specifications  #at-a-glance .mozart_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .mozart_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .mozart_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* 7pro for Product Spec*/
#specifications  #at-a-glance .htc7pro_width {TOP: 365px; LEFT: 115px; width:50px }
#specifications  #at-a-glance .htc7pro_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .htc7pro_length {TOP: 180px; LEFT: 290px; width:50px }
#specifications  #at-a-glance .htc7pro_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Surround for Product Spec*/
#specifications  #at-a-glance .surround_width {TOP: 365px; LEFT: 120px; width:50px }
#specifications  #at-a-glance .surround_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .surround_length {TOP: 180px; LEFT: 293px; width:50px }
#specifications  #at-a-glance .surround_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Trophy for Product Spec*/
#specifications  #at-a-glance .trophy_width {TOP: 365px; LEFT: 120px; width:50px }
#specifications  #at-a-glance .trophy_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .trophy_length {TOP: 180px; LEFT: 293px; width:50px }
#specifications  #at-a-glance .trophy_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* HD7 for Product Spec*/
#specifications  #at-a-glance .hd7_width {TOP: 365px; LEFT: 120px; width:50px }
#specifications  #at-a-glance .hd7_height {TOP: 365px; LEFT: 236px; width:50px }
#specifications  #at-a-glance .hd7_length {TOP: 180px; LEFT: 293px; width:50px }
#specifications  #at-a-glance .hd7_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* ----- specifications for support page----- */
#subContentArea .small-print { color: #c7c2ba; font-size: 11px; line-height: 17px; margin:0 20px 0px 10px;*/ width: 100%; }
#support_specifications{ margin:0 auto; padding:0 0 45px 0; line-height: 16px; }
#support_specifications h2{margin:0 0 35px;font-size:1.8em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#support_specifications h3{margin:0 0 15px;font-size:1.4em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333; line-height: 20px;}
#support_specifications ul{margin:0 0 10px;padding:0;}
#support_specifications ul li{margin:0 0 5px 5px;padding:0 0 0 9px;background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/dot.gif) no-repeat left 5px;color:#666;}
#support_specifications p{color:#666;}
#support_specifications .divider_domore{margin:0 0 30px;  background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/support_bg.gif) no-repeat; _width: 100%; _clean: both;}

/* At a glance */
#support_specifications #at-a-glance{overflow:hidden;padding:0 0 60px;}
#support_specifications #at-a-glance .size{width:340px;float:left;position:relative;}
#support_specifications #at-a-glance .weight,
#support_specifications #at-a-glance .display{width:340px;float:right;position:relative;}
#support_specifications #at-a-glance .label{position:absolute;text-align:center;}
#support_specifications #at-a-glance .label span{display:none;}
#support_specifications #at-a-glance li{font-size:1.1em;}

/* detailed */
#support_specifications #detailed{overflow:hidden;padding:10px 0;background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/center.gif) repeat-y center top;}
#support_specifications #detailed .left{width:320px;float:left;  /*border: 1px solid #FF0000;*/}
#support_specifications #detailed .right{width:320px;float:right; /* border: 1px solid #FF0000;*/}
#support_specifications #detailed .panel{margin:0 0 30px;padding:5px 0 15px 0;border-bottom:1px dotted #d5d5d5;}
#support_specifications #detailed .panel h3{width:200px;}
#support_specifications #detailed .panel h3 sup{font-size:0.6em;}
#support_specifications #detailed .panel p{margin:0 30px 25px 0;font-size:1.1em;}
#support_specifications #detailed .panel .heading{margin:0 0 3px;}
#support_specifications #detailed .panel ul{width:265px;padding:0 0 10px;font-size:1.1em;}
#support_specifications #detailed .cpu{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/cpu.gif) no-repeat right top;}
#support_specifications #detailed .storage{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/storage.gif) no-repeat right top;}
#support_specifications #detailed .connectors{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/connectors.gif) no-repeat right top;}
#support_specifications #detailed .sensors{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/sensors.gif) no-repeat right top;}
#support_specifications #detailed .widgets{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/widgets.gif) no-repeat right top;}
#support_specifications #detailed .wp7_htchub{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/wp7_htchub.gif) no-repeat right top;}
#support_specifications #detailed .multimedia{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/multimedia.gif) no-repeat right top;}
#support_specifications #detailed .power{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/power.gif) no-repeat right top;}
#support_specifications #detailed .network{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/network.gif) no-repeat right top;border:none;}
#support_specifications #detailed .android{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/android.gif) no-repeat 330px top;}
#support_specifications #detailed .windows{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/windows.gif) no-repeat right top;}
#support_specifications #detailed .brew{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/brew.gif) no-repeat right top;}
#support_specifications #detailed .camera{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/camera.gif) no-repeat right top;}
#support_specifications #detailed .internet{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/internet.gif) no-repeat right top;}
#support_specifications #detailed .bluetooth{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/bluetooth.gif) no-repeat right top;}
#support_specifications #detailed .social{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/social.gif) no-repeat right top;}
#support_specifications #detailed .system{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/system.gif) no-repeat right top;}
#support_specifications #detailed .system_noborder{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/system.gif) no-repeat right top;border:none;}
#support_specifications #detailed .features{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/features.gif) no-repeat right top;}
#support_specifications #detailed .location{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/location.gif) no-repeat right top;}
#support_specifications #detailed .tethering{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/tethering.gif) no-repeat right top;border:none;}
#support_specifications #detailed .tethering_border{background:url(/uploadedImages/Common/Shared_Image/Icons/Spec/tethering.gif) no-repeat right top;}

/* Desire for Support Spec*/
#support_specifications  #at-a-glance .desire_width {TOP: 365px; LEFT: 119px; width:50px }
#support_specifications  #at-a-glance .desire_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .desire_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .desire_screen-size {TOP: 320px; LEFT: 68px; width: 180px }

/* Legend for Support Spec*/
#support_specifications  #at-a-glance .legend_width {TOP: 370px; LEFT: 119px; width:50px }
#support_specifications  #at-a-glance .legend_height {TOP: 370px; LEFT: 233px; width:50px }
#support_specifications  #at-a-glance .legend_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .legend_screen-size {TOP: 310px; LEFT: 68px; width: 180px }

/* HDmini for Support Spec*/
#support_specifications  #at-a-glance .hdmini_width {TOP: 376px; LEFT: 110px; width:50px }
#support_specifications  #at-a-glance .hdmini_height {TOP: 376px; LEFT: 232px; width:50px }
#support_specifications  #at-a-glance .hdmini_length {TOP: 170px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .hdmini_screen-size {TOP: 316px; LEFT: 55px; width: 180px }

/* Smart for Support Spec*/
#support_specifications  #at-a-glance .smart_width {TOP: 374px; LEFT: 125px; width:50px }
#support_specifications  #at-a-glance .smart_height {TOP: 374px; LEFT: 255px; width:50px }
#support_specifications  #at-a-glance .smart_length {TOP: 180px; LEFT: 310px; width:50px }
#support_specifications  #at-a-glance .smart_screen-size {TOP: 314px; LEFT: 47px; width: 180px }

/* Wildfire for Support Spec*/
#support_specifications  #at-a-glance .wildfire_width {TOP: 356px; LEFT: 94px; width:50px }
#support_specifications  #at-a-glance .wildfire_height {TOP: 356px; LEFT: 232px; width:50px }
#support_specifications  #at-a-glance .wildfire_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .wildfire_screen-size {TOP: 296px; LEFT: 45px; width: 180px }

/* Aria for Support Spec*/
#support_specifications  #at-a-glance .aria_width {TOP: 365px; LEFT: 120px; width:50px }
#support_specifications  #at-a-glance .aria_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .aria_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .aria_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Desire HD for Support Spec*/
#support_specifications  #at-a-glance .desirehd_width {TOP: 365px; LEFT: 110px; width:50px }
#support_specifications  #at-a-glance .desirehd_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .desirehd_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .desirehd_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Desire Z for Support Spec*/
#support_specifications  #at-a-glance .desirez_width {TOP: 440px; LEFT: 110px; width:50px }
#support_specifications  #at-a-glance .desirez_height {TOP: 440px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .desirez_length {TOP: 240px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .desirez_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Mozart for Support Spec*/
#support_specifications  #at-a-glance .mozart_width {TOP: 365px; LEFT: 122px; width:50px }
#support_specifications  #at-a-glance .mozart_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .mozart_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .mozart_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* 7pro for Support Spec*/
#support_specifications  #at-a-glance .htc7pro_width {TOP: 365px; LEFT: 115px; width:50px }
#support_specifications  #at-a-glance .htc7pro_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .htc7pro_length {TOP: 180px; LEFT: 290px; width:50px }
#support_specifications  #at-a-glance .htc7pro_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Surround for Support Spec*/
#support_specifications  #at-a-glance .surround_width {TOP: 365px; LEFT: 120px; width:50px }
#support_specifications  #at-a-glance .surround_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .surround_length {TOP: 180px; LEFT: 293px; width:50px }
#support_specifications  #at-a-glance .surround_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* Trophy for Product Spec*/
#support_specifications  #at-a-glance .trophy_width {TOP: 365px; LEFT: 120px; width:50px }
#support_specifications  #at-a-glance .trophy_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .trophy_length {TOP: 180px; LEFT: 293px; width:50px }
#support_specifications  #at-a-glance .trophy_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* HD7 for Product Spec*/
#support_specifications  #at-a-glance .hd7_width {TOP: 365px; LEFT: 120px; width:50px }
#support_specifications  #at-a-glance .hd7_height {TOP: 365px; LEFT: 236px; width:50px }
#support_specifications  #at-a-glance .hd7_length {TOP: 180px; LEFT: 293px; width:50px }
#support_specifications  #at-a-glance .hd7_screen-size {TOP: 320px; LEFT: 77px; width: 180px }

/* SumPromo */
.left_subpromo {
	width: 314px;
	height: 203px;
	display: block;
	cursor: pointer;
	margin-top: 0px;
	padding-top: 0px;
	border: 1px solid #FFFFFF;
}
.left_subpromo p {
	position: relative;
	width: 150px;
	margin: 75px 10px 8px 138px;
	height: 80px;
	color:#666;
}
.left_subpromo p.more {
	position: relative;
	width: 150px;
	margin: 0px 10px 20px 138px;
	height: 10px;
	color: #99cc33;
	text-align: right;
}

/* Press Video */
#press-video {width: 100%; }
#press-video #videocap_top { width: 100%; height: 36px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c7c2ba; }
#press-video #videocap_top h2 {line-height: 38px; margin: 0; padding: 0;}
#press-video #body {padding: 28px 0 0 0;}
#press-video #body ul {margin:0;padding:0;overflow:hidden;}
#press-video #body ul li {width:130px; height:81px; margin: 0 15px; _margin: 0 12px; float:left;}
#press-video #body  ul li {width:134px; height:135px; margin:0 16px; _margin:0 13px; float:left;}
#press-video #body  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;}
#press-video #body  ul li p {width:134px; height:40px; text-align: center; padding-top: 5px; line-height: 16px;
}
#press-video #body  ul .on {height:95px;border-bottom:3px solid #6ba300}
#press-video #body  ul li .icon {position:absolute;top:25px;left:40px;}
#press-video #body  ul li img {border-style: none;}

/* ----- sense ----- */
#senses{padding: 15px 0 0;overflow:hidden;}
#senses .sense{position:relative;}
#senses .sense img{position:absolute;z-index:1;}
#senses .sense .text{position:relative;z-index:2;}
#senses .sense .text h2{margin:0 0 13px;font-size:2.1em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif;color:#333;}
#senses .sense .text p{margin:0 0 5px;font-size:1.2em;line-height:1.3em;color:#333;}

#senses .htcsense {
/*	border: 1px solid #CC6633;*/
	clear: both;
	width: 100%;
	padding: 10px 55px 10px 55px;
				margin-bottom:30px;
}
#senses .htcsense h1 {margin:0 0 13px;font-size:2.1em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; color:#82786f;}
#senses .htcsense h2 {margin:0 0 13px;font-size:1.8em;font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; color:#333;}
#senses .htcsense p{margin:0 0 5px;font-size:1.2em;line-height:1.3em;color:#333;}

#senses .htcsense .onecolumn {
/*	border: 1px solid #339900;*/
	width: 860px;
/*	margin-left: 220px;*/
}
#senses .htcsense .sensearea {
	width: 400px;
/*	border: 1px solid #CC6633;*/
}
#senses .htcsense .sensearea_left {
	width: 400px;
/*	border: 1px solid #CC6633;*/
	float: left;
	margin: 20px 30px 20px 0px;
}
#senses .htcsense .sensearea_right {
	width: 400px;
/*	border: 1px solid #CC6633;*/
	float: left;
	margin: 20px 0px 20px 30px;
}

#senses .htcsense .htcsense .twocolumn {
	/*	border: 1px solid #009999;*/
		width: 100%;
	border: 1px dashed #99CC66;

}
#senses .small-print {
	color: #c7c2ba; font-size: 11px; line-height: 17px; padding:0 70px 40px; width:820px; }

/* quote */
#banner #youku_video
{
	width: 300px;
	top: 280px;
	left: 49px;
	position: absolute;
	padding: 0 0 0 20px;
	_behavior: url(/js_v2/iepngfix.htc);
}
#banner #youku_video p
{
	margin: 0 0 5px;
	padding: 0;
	color: #666;
}
#banner #youku_video ul
{
	margin: 0;
	padding: 0;
}
#banner #youku_video ul li
{
	width: 60px;
	height: 40px;
	float:left;
	list-style-type: none;
	margin: 0 10px 0 0;
}
#banner #youku_video .text
{
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
}
#banner #youku_video .by
{
	font-size: 1.1em;
}





