/*!
 * date:2012-10-01 14:43:35
 * system.user:jmcdannel
 **/
/**
 *
 * Defines all CSS for the global elements that are using sprites
 *
 *
 * Index ______________________________________________________________________
 *
 *  Sprites
 *  Icons
 *  Link Icons
 *  List Icons
 *  Close Buttons
 *  Paginate Button Bullets
 *  White Button
 *  Gray Button
 *  Paginate Dropdown
 *  Pagination buttons
 *  Video Player
 *  Confirmation Popup
 *
 */



/* Sprites ________________________________________________ */

.icon-big-videos,
.icon-big-maps,
.icon-big-music,
.icon-big-gaming,
.icon-big-educational,
.icon-sound,
.icon-sound-off,
.btn-close,
.btn-close-small,
.btn-close-mini,
.icon-error,
.icon-success,
.icon-success-small,
.btn-paginate,
.btn-paginate-small,
.paginate-previous,
.paginate-next,
.styledCheckbox,
.styledCheckboxChecked {
	background: transparent url(/global/media/product-detail/sprites/sprite-gui.png) no-repeat scroll 0 0;
	cursor: pointer;

}


/* Sprites for inline elements */
.info-label,
.info-label-big,
.link-dropdown,
.link-download,
.link-print,
.link-pdf,
.link-html,
.link-info,
.link-back,
.link-forward,
.link-chat,
.link-email,
.link-copy,
.link-calendar,
.link-webcast,
.link-facebook,
.link-googleplus,
.link-youtube,
.link-tuenti,
.link-twitter,
.link-rss,
.link-arrow,
.bullet-list li,
.bullet-list-inner span,
.htc-accordion-toggle,
.styledRadio,
.styledRadioChecked {
	background: transparent url(/global/media/product-detail/sprites/sprite-gui-inline.png) no-repeat scroll 0 0;
	cursor: pointer;
	display: block;
}

.bullet-list li,
.bullet-list-inner span {
	cursor: auto;
}

/* Sprites with fluid width */
.p-dropdown-button,
.p-dropdown-label,
.p-dropdown-up,
.p-dropdown-down,
.p-dropdown-up span,
.p-dropdown-down span,
.p-dropdown-up a,
.p-dropdown-down a,
.p-dropdown-wrapper li,
.p-dropdown-wrapper li div,
.white-button,
.white-button span,
.white-button-big,
.white-button-big span,
.green-button,
.green-button span,
.green-button-big,
.green-button-big span,
.btn-cancel,
.btn-cancel span,
.overlay-tab,
.overlay-tab-inner,
.form-input,
.form-input input,
.form-input-required,
.form-input-required input,
.form-input-big,
.form-input-big input,
.form-input-required-big,
.form-input-required-big input,
.form-big-search-input,
.form-big-search-input input  {
	display: block;
	background: transparent url(/global/media/product-detail/sprites/sprite-gui-width.png) no-repeat scroll left 0;
}




/* Icons ________________________________________________ */


.icon-big-videos,
.icon-big-maps,
.icon-big-music,
.icon-big-gaming,
.icon-big-educational {
	display: block;
	width: 33px;
	height: 34px;
}

.icon-big-videos {
	background-position: -86px -410px;
}

.icon-big-maps {
	background-position: 3px -410px;
}

.icon-big-music {
	background-position: -174px -410px;
}

.icon-big-gaming {
	background-position: -41px -410px;
}

.icon-big-educational {
	background-position: -219px -410px;
}

.icon-sound {
	width:21px;
	height:11px;
	display:block;
}

.icon-sound-off {
	width:21px;
	height:11px;
	display:block;
}



.icon-sound {
	background-position: 0px -459px;
}

.icon-sound:hover {
	background-position: 0px -479px;
}

.icon-sound-off {
	background-position: -29px -459px;
}

.icon-sound-off:hover {
	background-position: -29px -479px;
}



/* Success & Error Icons ________________________________________________ */

.icon-error,
.icon-success,
.icon-success-small {
	display: inline-block;
	width: 60px;
	margin-bottom: 10px;
}

.icon-success {
	background-position: -80px -94px;
 	height: 60px;
}

.icon-error {
	background-position: -140px -94px;
	height: 60px;
}

.icon-success-small {
	background-position: 0px -498px;
	width: 40px;
	height: 44px;
	margin-bottom: 0px;
}


/* Success & Error Icons ________________________________________________ */
.label-status {

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	font-size: 10px;
	font-weight: bold;
	color: #F5F5F5;

	height: 13px;
	padding: 1px 4px;

	background-color: #78b50f;

	display: inline-block;

	padding-left: 4px;
	padding-right: 4px;

	margin-left: 5px;

	position: relative;

	-webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.1);

    /* small fallback for IE to compensate the lack of inner shadow */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#78b00f', EndColorStr='#71b10e');
}

/* Link Icons ________________________________________________ */

.link-dropdown,
.link-download,
.link-print,
.link-pdf,
.link-info,
.link-html,
.link-back,
.link-chat,
.link-email,
.link-copy,
.link-facebook,
.link-googleplus,
.link-youtube,
.link-tuenti,
.link-calendar,
.link-webcast,
.link-twitter,
.link-rss,
.link-arrow {
	line-height: 14px;
	min-height: 17px;

	display: inline-block;
	padding-left: 30px;
}



.link-dropdown {
	background-position: left top;
	padding-left: 20px;
}

.link-dropdown:hover {
	background-position: left -21px;
}

.link-download {
	background-position: left -44px;
}

.link-download:hover {
	background-position: left -68px;
}

.link-print {
	background-position: left -740px;
}

.link-print:hover {
	background-position: left -760px;
}

.link-chat {
	background-position: left -581px;
	margin-left: 10px;
}

.link-chat:hover {
	background-position: left -602px;
}

.link-pdf,
.link-html {
	color: #4a4a4a;
	font-size: 11px;
	line-height: 16px;

	text-decoration: none;
	padding-left: 18px;
}

.link-pdf {
	background-position: left -242px;
}

.link-pdf:hover {
	background-position: left -262px;
}

.link-info {
	background-position: left -539px;
}

.link-info:hover {
	background-position: left -559px;
}

.link-html {
	background-position: left -281px;
}

.link-html:hover {
	background-position: left -301px;
}

.link-webcast {
	background-position: left -999px;
}

.link-calendar {
	background-position: left -1023px;
}

.link-webcast:hover {
	background-position: left -1046px;
}

.link-calendar:hover {
	background-position: left -1070px;
}

.link-back {
	background-position: 0 -446px;
	text-decoration: none;

	line-height: 24px;
	min-height: 29px;
	padding-left: 30px;
}

.link-back:hover {
	background-position: 0 -476px;
}

.link-back:active {
	background-position: 0 -506px;
}

.link-forward {
	background-position: 0 -907px;
	text-decoration: none;

	line-height: 24px;
	min-height: 29px;
	padding-left: 30px;
}

.link-forward:hover {
	background-position: 0 -937px;
}

.link-forward:active {
	background-position: 0 -967px;
}

.link-email {
	background-position: left -625px;
}

.link-email:hover {
	background-position: left -645px;
}

.no-js .link-copy {
	display: none;
}

.link-copy {
	background-position: left -1140px;
}

.link-copy:hover,
.link-copy.hover {
	color: #92c82f;
	background-position: left -1160px;
}

.link-facebook {
	background-position: 0 -130px;
}

.link-googleplus {
	background-position: 0 -1180px;
}

.link-twitter {
	background-position: 0 -150px;
}

.link-youtube {
	background-position: 0 -170px;
	padding-left: 30px;
	height: 20px;
	line-height: 15px;
	padding-top: 4px;
	margin-top: -4px;
}

.link-tuenti {
	background-position: 0 -1204px;
	padding-left: 30px;
	height: 20px;
	line-height: 15px;
	padding-top: 4px;
	margin-top: -4px;
}

.link-arrow {
	background-position: 0 -1121px;
}

.link-rss {
	background-position: 0 -200px;
}
.link-rss:hover {
	background-position: 0 -221px;
}

/* Form inputs  ________________________________________________ */

.form-input,
.form-input input,
.form-input-required,
.form-input-required input {
	display: inline-block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	min-height: 28px;
	padding: 0;
	margin: 0;
}

.form-input,
.form-input-required {
	background-position: left -1655px;
	width: 300px;
	padding-left: 15px;
}

.form-input input,
.form-input-required input {
	color: #4c4c4c;
	font-style: normal;
	font-weight: bold;
}

.form-input .watermark,
.form-input-required .watermark {
	color: #666666;
	font-style: italic;
}

.form-input input,
.form-input-required input {
	background-position: right -1811px;
	border: none;
}

.form-input-active,
.form-input-required-active {
	background-position: left -1692px;
}

.form-input-active input {
	background-position: right -1848px;
}

.form-input-success {
	background-position: left -1728px;
}

.form-input-success input {
	background-position: right -1884px;
}

.form-input-error,
.form-input-required-error {
	background-position: left -1767px;
}

.form-input-error input {
	background-position: right -1923px;
}


/* Form inputs required  ________________________________________________ */


.form-input-required input {
	background-position: right -3983px;
}

.form-input-required-active input {
	background-position: right -4020px;
}

.form-input-required-success {
	background-position: left -1728px;
}

.form-input-required-success input {
	background-position: right -1884px;
}

.form-input-required-error input {
	background-position: right -4059px;
}


/* Form big inputs  ________________________________________________ */

.form-input-big,
.form-input-big input {
	display: inline-block;

	width: 100%;
	height: 41px;

	line-height: 41px;
	min-height: 41px;
}

.form-input-big {
	background-position: left -2714px;
	width: 300px;
	padding-left: 22px;
}

.form-input-big input {
	color: #767676;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	padding-right:22px;
}

.form-input-big .watermark {
	color: #666666;
	font-style: italic;
}

.form-input-big input {
	background-position: right -2663px;
	border: none;
}

.form-input-big-active {
	background-position: left -2816px;
}

.form-input-big-active input {
	background-position: right -2765px;
}

.form-input-big-success {
	background-position: left -2918px;
}

.form-input-big-success input {
	background-position: right -2867px;
}

.form-input-big-error {
	background-position: left -3020px;
}

.form-input-big-error input {
	background-position: right -2969px;
}


/* Form big inputs Required  ________________________________________________ */

.form-input-required-big,
.form-input-required-big input {
	display: inline-block;

	width: 100%;
	height: 41px;

	line-height: 41px;
	min-height: 41px;
}

.form-input-required-big {
	background-position: left -3122px;
	width: 300px;
	padding-left: 22px;
}

.form-input-required-big input {
	color: #767676;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	padding-right:45px;
}

.form-input-required-big .watermark {
	color: #666666;
	font-style: italic;
}

.form-input-required-big input {
	background-position: right -3071px;
	border: none;
}

.form-input-required-big-active {
	background-position: left -3224px;
}

.form-input-required-big-active input {
	background-position: right -3173px;
}

.form-input-required-big-success {
	background-position: left -2918px;
}

.form-input-required-big-success input {
	background-position: right -2867px;
}

.form-input-required-big-error {
	background-position: left -3326px;
}

.form-input-required-big-error input {
	background-position: right -3275px;
}

/* Form big search input  ________________________________________________ */


.form-big-search-input,
.form-big-search-input input {
	display: inline-block;

	height: 45px;
	line-height: 41px;
	min-height: 45px;

}

.form-big-search-input {
	background-position: left -2200px;
	padding-left: 22px;
	position: relative;
}

.form-big-search-input input,
.form-big-search-input .watermark {
	color: #999999;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;

	background-position: right -2302px;
	border: none;
}

.form-big-search-input-active {
	background-position: left -2250px;
}

.form-big-search-input-active input {
	color: #4c4c4c;
	font-style: normal;
	background-position: right -2352px;
}


/* Form big search button  ________________________________________________ */

/* Search button */
.form-big-search-input .form-search-button {
	background: transparent url(/global/media/product-detail/sprites/sprite-gui.png) no-repeat scroll -154px -457px;
	text-indent: 9999em;
	cursor: pointer;

	position: absolute;
	display: block;
	width: 16px;
	min-height: 0;
	height: 16px;
	top: 13px;
	right: 17px;
	padding 0;
	margin: 0;
}

.form-big-search-input-active .form-search-button {
	background-position:  -154px -486px;
}

.form-big-search-input .form-search-button:hover {
	background-position:  -154px -514px;
}



/* Checkboxes   ________________________________________________ */

.styledCheckbox {
	background-position: -24px -122px;

	display: inline-block;
	width: 15px;
	height: 18px;
	padding-right: 8px;
	float: left;
}

.styledCheckboxError {
	background-position: -24px -177px;
}

.styledCheckboxChecked {
	background-position: -24px -150px;
}


/* Radios   ________________________________________________ */

.styledRadio {
	background-position: 0 -700px;

	display: inline-block;
	width: 15px;
	height: 15px;
	padding-right: 8px;
	float: left;
	top: -1px;
	position: relative;

}


.styledRadioChecked {
	background-position: 0 -715px;
}


/* List Icons ________________________________________________ */

.bullet-list li,
.bullet-list-inner span {
	background-position: left -89px;
	padding-left: 14px;
}



/* Close Buttons ________________________________________________ */

.btn-close {
	background-position: 0 0;
	height: 31px;
	width: 30px;
}
	.btn-close:hover {
		background-position: 0 -40px;
	}
	.btn-close:active {
		background-position: 0 -80px;
	}

.btn-close-small {
	background-position: -40px 0;
	height: 23px;
	width: 22px;
}
	.btn-close-small:hover {
		background-position: -40px -40px;
	}
	.btn-close-small:active {
		background-position: -40px -80px;
	}

.btn-close-mini {
	background-position: -80px 0;
	height: 11px;
	width: 11px;
}
	.btn-close-mini:hover {
		background-position: -80px -30px;
	}


/* Labels with icons _____________________________________________*/

.info-label {
	background-position:left -849px;
	background-repeat:no-repeat;
	padding-left:22px;
	color:#999999;
	font-size:12px;
	height:17px;
	line-height:17px;
	display:inline-block;
}

.info-label-big {
	background-position:left -870px;
	background-repeat: no-repeat;
	padding-left: 40px;
	color: #999999;
	font-size: 12px;
	height: 28px;
	line-height: 30px;
	display:inline-block;
}

.info-label b,
.info-label-big b {
	color:#000;
}

/* Paginate Button Bullets ________________________________________________ */


.btn-paginate {
	color: #4c4c4c;
	font-size: 10px;
	font-weight: bold;
	background-position: -199px top;
	text-decoration: none;
	text-align: center;

	display: inline-block;
	width: 20px;
	height: 20px;
	padding-top: 2px;
}

.btn-paginate:hover {
	background-position: -199px -30px;
}

.btn-paginate-selected,
.btn-paginate-selected:hover {
	color: white;
	background-position: -199px -60px;
}

/* Paginate Button Small ________________________________________________*/

.btn-paginate-small {
	background-position: -170px top;
	text-decoration: none;
	display: inline-block;
	width: 13px;
	height: 13px;
}

.btn-paginate-small:hover {
	background-position: -170px -30px;
}

.btn-paginate-small-selected,
.btn-paginate-small-selected:hover {
	background-position: -170px -60px;
}

/* White button __________________________________________________________________ */

.white-button,
.white-button span {
	text-decoration: none;
	display: inline-block;
	background-position: left -798px;
	height: 31px;
	padding-left: 14px;
}
.white-button span {

	color: #333333;
	background-position: right -918px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;

	padding: 0 20px 0 6px;

	text-shadow: 1px 1px 1px #ffffff;
}

.white-button:hover,
.white-button:focus {
	background-position: left -838px;
}
.white-button:hover span,
.white-button:focus span {
	color: #81ba10;
	background-position: right -958px;
}

.white-button:active {
	background-position: left -878px;
}
.white-button:active span {
	color: #92c82f;
	background-position: right -998px;
}

.white-button.hover {
	background-position: left -838px;
}
.white-button.hover span {
	color: #92c82f;
	background-position: right -958px;
}

.white-button.active {
	background-position: left -878px;
}
.white-button.active span {
	color: #92c82f;
	background-position: right -998px;
}


/* White button - Big __________________________________________________________________ */


.white-button-big,
.white-button-big span {
	text-decoration: none;
	display: inline-block;
	background-position: left -3727px;
	height: 41px;
	padding-left: 22px;
}

.white-button-big span {
	color: #333333;
	background-position: right -3676px;
	font-size: 16px;
	font-weight: bold;
	line-height: 41px;
	padding: 0 22px 0 0px;
}

.white-button-big:hover {
	background-position: left -3827px;
}
.white-button-big:hover span {
	color: #81ba10;
	background-position: right -3776px;
}

.white-button-big:active {
	background-position: left -3927px;
}
.white-button-big:active span {
	color: #92c82f;
	background-position: right -3876px;
}




/* Green button __________________________________________________________________ */

.green-button,
.green-button span {
	text-decoration: none;
	display: inline-block;
	background-position: left -2455px;
	height: 31px;
	padding-left: 14px;
}

.green-button span {
	color: #ffffff;
	background-position: right -2414px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	padding: 0 20px 0 6px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.green-button:hover {
	background-position: left -2537px;
}
.green-button:hover span {

	background-position: right -2496px;
}

.green-button:active {
	background-position: left -2619px;
}
.green-button:active span {
	color: #e7fbba;
	background-position: right -2578px;
}

/* Green button __________________________________________________________________ */

.green-button-big,
.green-button-big span {
	text-decoration: none;
	display: inline-block;
	background-position: left -3426px;
	height: 41px;
	padding-left: 22px;
}

.green-button-big span {
	color: #ffffff;
	background-position: right -3376px;
	font-size: 16px;
	font-weight: bold;
	line-height: 41px;
	padding: 0 22px 0 0px;
	text-shadow: 0px 1px 2px #6d8837;
}

.green-button-big:hover {
	background-position: left -3526px;
}
.green-button-big:hover span {
	background-position: right -3476px;
}

.green-button-big:active {
	background-position: left -3626px;
}
.green-button-big:active span {
	color: #e7fbba;
	background-position: right -3576px;
}

/* Gray Button __________________________________________________________________ */

.btn-cancel,
.btn-cancel span {
	text-decoration: none;
	display: inline-block;
	background-position: left -1967px;
	height: 31px;
	padding-left: 13px;
}
.btn-cancel span {
	color: #ffffff;
	background-position: right -2087px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	padding: 0 20px 0 6px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.btn-cancel:hover {
	background-position: left -2007px;
}
.btn-cancel:hover span {
	background-position: right -2126px;
}

.btn-cancel:active {
	background-position: left -2047px;
}
.btn-cancel:active span {
	color: #f8f8f8;
	background-position: right -2165px;
}



/* Pagination buttons __________________________________________________________________ */


.paginate-previous,
.paginate-next {
	width: 31px;
	height: 49px;
}

.paginate-previous {
	background-position: -236px top;
}

.paginate-next {
	background-position: -275px top;
}


/* Paginate buttons: Hover states */
.paginate-previous-hover {
	background-position: -236px -55px;
}

.paginate-next-hover {
	background-position: -275px -55px;
}


/* Paginate buttons: Active states */
.paginate-previous-hover:active {
	background-position: -236px -108px;
}

.paginate-next-hover:active {
	background-position: -275px -108px;
}

/* Paginate buttons: Disabled states */
.paginate-previous-disabled  {
	background-position: -236px -161px;
}

.paginate-next-disabled  {
	background-position: -275px -161px;
}



/* Paginate Dropdown Component ________________________________________________ */


.p-dropdown {
	width: 250px;
	position: relative;
	margin-bottom: 10px;
	outline: none;
}

.p-dropdown-list {
	display: none;
	position: absolute;
	top: 36px;
	width: 100%;
	z-index: 999;
}

.p-dropdown-button,
.p-dropdown-label {
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	outline: none;

	height: 36px;
}

.p-dropdown-button {
	background-position: left top;
	padding-left: 12px;
}

.p-dropdown-label {
	background-position: right -147px;
}

.p-dropdown-error .p-dropdown-button {
	background-position: left -4139px;
	padding-left: 12px;
}

.p-dropdown-error .p-dropdown-label {
	background-position: right -4096px;
}


.p-dropdown-button:hover {
	background-position: left -50px;
}

.p-dropdown-button:hover .p-dropdown-label {
	background-position: right -197px;
	color: #84c312;
}

.p-dropdown-button-disabled .p-dropdown-label{
	background-position: right -4345px;
	color:#ccc !important;
}

.p-dropdown-button-disabled:hover .p-dropdown-label {
	background-position: right -4345px;
	color: #ccc !important;
}

.p-dropdown-error .p-dropdown-button-disabled {
	background-position: left -4139px;
}

.p-dropdown-error .p-dropdown-button-disabled .p-dropdown-label {
	background-position: right -4396px;
}

.p-dropdown-error .p-dropdown-button-disabled:hover .p-dropdown-label {
	background-position: right -4396px;
}

.open .p-dropdown-button,
.open .p-dropdown-button:hover {
	background-position: left -100px;
}

.open .p-dropdown-label,
.open .p-dropdown-label:hover {
	background-position: right -247px;
	color: #84c312;
}

.p-dropdown-label span {
	display: block;
	padding-top: 2px;
}


.p-dropdown-up,
.p-dropdown-up span {

	height: 31px;
}

.p-dropdown-down,
.p-dropdown-down span {
	height: 31px;
}

.p-dropdown-up,
.p-dropdown-down {
	position: relative;
	padding-left: 19px;
	cursor: pointer;
}

.p-dropdown-up {
	background-position: left -318px;
}

.p-dropdown-down {
	background-position: left -356px;
}

.p-dropdown-up span {
	background-position: right -398px;
}

.p-dropdown-down span {
	background-position: right -436px;
}


/* Up/Down Hover */
.p-dropdown-up-hover {
	background-position: left -638px;
}

.p-dropdown-down-hover {
	background-position: left -675px;
}

.p-dropdown-up-hover span {
	background-position: right -716px;
}

.p-dropdown-down-hover span {
	background-position: right -753px;
}

/* Up/Down Disabled */
.p-dropdown-up-disabled {
	background-position: left -478px;
}

.p-dropdown-down-disabled {
	background-position: left -517px;
}

.p-dropdown-up-disabled span {
	background-position: right -555px;
}

.p-dropdown-down-disabled span {
	background-position: right -594px;
}


/* DropDown Link States */
.p-dropdown-up a,
.p-dropdown-down a {
	position: absolute;
	left: 85px;
	top: 14px;
	width: 12px;
	height: 6px;
	text-indent: -9999em;
}

.p-dropdown-up a {
	background-position: left -297px;
}

.p-dropdown-down a {
	background-position: -17px -297px;
}

.p-dropdown-up-hover a {
	background-position: -39px -297px;
}

.p-dropdown-down-hover a {
	background-position: -56px -297px;
}

.p-dropdown-up-disabled a {
	background-position: -78px -297px;
}

.p-dropdown-down-disabled a {
	background-position: -92px -297px;
}


.p-dropdown-wrapper ul {
 	display: block;
}


/* List Items */

.p-dropdown-wrapper li,
.p-dropdown-wrapper li div {
	display: block;
	cursor: pointer;
	height: 30px;
}

.p-dropdown-wrapper li {
	background-position: left -4797px;
	padding-left: 5px;
}

.p-dropdown-wrapper li div {
	background-position: right -4834px;
}

.p-dropdown-wrapper li:hover,
.p-dropdown-wrapper li.selected {
	background-position: left -4870px;
	padding-left: 5px;
}

.p-dropdown-wrapper li:hover div,
.p-dropdown-wrapper li.selected div {
	background-position: right -4907px;
}

/* Top items */

.p-dropdown-wrapper li.p-dropdown-first,
.p-dropdown-wrapper li.p-dropdown-first div {
	height: 31px;
}

.p-dropdown-wrapper li.p-dropdown-first {
	background-position: left -4648px;
}

.p-dropdown-wrapper li.p-dropdown-first div {
	background-position: right -4685px;
}

.p-dropdown-wrapper li.p-dropdown-first:hover,
.p-dropdown-wrapper li.p-dropdown-first.selected {
	background-position: left -4722px;
}

.p-dropdown-wrapper li.p-dropdown-first:hover div,
.p-dropdown-wrapper li.p-dropdown-first.selected div {
	background-position: right -4760px;
}


/* Bottom items */

.p-dropdown-wrapper li.p-dropdown-last,
.p-dropdown-wrapper li.p-dropdown-last div {
	height: 34px;
}

.p-dropdown-wrapper li.p-dropdown-last {
	background-position: left -4944px;
}

.p-dropdown-wrapper li.p-dropdown-last div {
	background-position: right -4981px;
}

.p-dropdown-wrapper li.p-dropdown-last:hover,
.p-dropdown-wrapper li.p-dropdown-last.selected {
	background-position: left -5016px;
}

.p-dropdown-wrapper li.p-dropdown-last:hover div,
.p-dropdown-wrapper li.p-dropdown-last.selected div {
	background-position: right -5051px;
}

.p-dropdown-wrapper li span {
	display: inline-block;
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;

	color: #4a4a4a;
}

.p-dropdown-wrapper li:hover span,
.p-dropdown-wrapper li.selected span {
	color: black;
}




/* Tab Overlay ________________________________________________ */

.overlay {
	position: relative;
}

.overlay-link {
	display: inline-block;
	position: relative;
	z-index: 30;
}

.overlay-tab {
	background-position: left -1398px;

	position: absolute;
	height: 52px;
	width: 200px;
	top: -20px;
	left: -28px;

	z-index: 20;

	padding-left: 4px;
}

.overlay-tab-inner {
	background-position: right -1462px;
	height: 51px;
}


.overlay-wrapper {
	position: absolute;
	display: none;
	top: 30px;
	left: -30px;

	z-index: 10;
}

/* Right aligned tab & wrapper */
.overlay-tab-right {
	background-position: left -1528px;
	height: 51px;
}

.overlay-tab-right .overlay-tab-inner {
	background-position: right -1585px;
	height: 52px;
}

.overlay-wrapper-right {
	left: -317px;
}

.overlay-cap {
	position: relative;
	width: 500px;
}

.overlay-tl {
	background: transparent url(/global/media/product-detail/sprites/sprite-fluid-overlay-tl.png) no-repeat scroll 0 0;
}

.overlay-tr {
	background: transparent url(/global/media/product-detail/sprites/sprite-fluid-overlay-tr.png) no-repeat scroll right top;
	padding-right: 15px;
}

.overlay-bl {
	background: transparent url(/global/media/product-detail/sprites/sprite-fluid-overlay-bl.png) no-repeat scroll left bottom;
	height: 15px;

}

.overlay-br {
	background: transparent url(/global/media/product-detail/sprites/sprite-fluid-overlay-br.png) no-repeat scroll right bottom;
	height: 15px;
	padding-right: 15px;
}

.overlay-content {
	padding-top: 15px;
	padding-bottom: 15px;

	position: relative;
	zoom: 1;
}


/* Fixed width */

.overlay-fixed-width .overlay-tr {
	background-position: right -4px;
	padding-right: 10px;
}

.overlay-fixed-width .overlay-br {
	padding-right: 10px;
}


/* Transparent Backgrounds ________________________________________________ */

.bg-half-width-dark-top,
.bg-half-width-dark-middle,
.bg-half-width-dark-bottom,
.bg-full-width-dark-top,
.bg-full-width-dark-top-nocorner,
.bg-full-width-dark-middle,
.bg-full-width-dark-bottom,
.bg-full-width-dark-bottom-dashed,
.bg-full-width-dark-bottom-dashed-nocorner,
.bg-full-width-light-top,
.bg-full-width-light-top-nocorner,
.bg-full-width-light-middle,
.bg-full-width-light-bottom,
.bg-full-width-light-bottom-dashed,
.bg-full-width-light-bottom-dashed-nocorner {
	display: block;
	background: transparent url(/global/media/product-detail/sprites/sprite-backgrounds.png) no-repeat scroll 0 0;
}

/* bottom promo style */
.bg-half-width-dark-top {
	height: 4px;
	width: 460px;
	overflow: hidden;
	background-position: 0px top;
}
.bg-half-width-dark-middle {
	width: 460px;
	background-position: -500px top;
	background-repeat: repeat-y;
}
.bg-half-width-dark-bottom {
	height: 4px;
	width: 460px;
	overflow: hidden;
	background-position: -1000px bottom;
}

/* FAQ / troubleshooting style */
/**
 * When expanded,
 * the top should always be dark
 * and the body (middle) should always be light
 */
.bg-full-width-dark-top,
.bg-full-width-dark-top-nocorner {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -1500px top;
}

.bg-full-width-dark-top-nocorner {
	background-position: -2500px top;
}

.bg-full-width-dark-middle {
	width: 940px;
	background-position: -2500px top;
	background-repeat: repeat-y;
}
    .htc-accordion-parent-expanded .bg-full-width-dark-middle {
        background-position: -6500px top;
    }

.bg-full-width-dark-bottom {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -3500px -12px;
}
    .htc-accordion-parent-expanded .bg-full-width-dark-bottom {
        background-position: -7500px -12px;
    }

.bg-full-width-dark-bottom-dashed,
.bg-full-width-dark-bottom-dashed-nocorner {
	height: 9px;
	width: 940px;
	overflow: hidden;
	background-position: -4500px -11px;
}
    .htc-accordion-parent-expanded .bg-full-width-dark-bottom-dashed {
        background-position: -8500px -11px;
    }

.bg-full-width-dark-bottom-dashed-nocorner {

}

.bg-full-width-light-top,
.bg-full-width-light-top-nocorner {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -5500px top;
}
    .htc-accordion-parent-expanded .bg-full-width-light-top {
        background-position: -1500px top;
    }

.bg-full-width-light-top-nocorner {
	background-position: -6500px top;
}

.bg-full-width-light-middle {
	width: 940px;
	background-position: -6500px top;
	background-repeat: repeat-y;
}
.bg-full-width-light-bottom {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -7500px -12px;
}
.bg-full-width-light-bottom-dashed,
.bg-full-width-light-bottom-dashed-nocorner {
	height: 9px;
	width: 940px;
	overflow: hidden;
	background-position: -8500px -11px;
}


.bg-full-width-light-bottom-dashed-nocorner {
	background-position: -9500px -11px;
}



.bg-full-width-dark-bottom-dashed-nocorner {
	background-position: -10500px -11px;
}



/* HTC Accordion  ________________________________________________ */
.htc-accordion {}
.htc-accordion-toggle {
	background-position: right -330px;
	cursor: pointer;
	display: block;
	color: #999999;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	font-weight: normal;
	padding-right: 30px;
	position: absolute;
	right: 15px;
	top: 50%; /* center vertically*/
	margin-top: -10px; /* center vertically*/
}

/* add content margins */
.htc-accordion .bg-full-width-dark-middle,
.htc-accordion .bg-full-width-light-middle {
	padding: 0px 20px 0px 20px;
	width: 900px;
}

.htc-accordion-item-hover .htc-accordion-toggle  {
	color: #b2b2b2;
	background-position: right -360px;
}
.htc-accordion-toggle-expanded  {
	background-position: right -390px;
}
.htc-accordion-item-hover .htc-accordion-toggle-expanded  {
	background-position: right -420px;
}

.htc-accordion-item-hover >:first-child {
	color: #b2b2b2;
}

.htc-accordion-item-divider {
	display: block;
	border-bottom: 1px solid #d5d5d5;
	padding-top: 8px;
	margin-bottom: 22px;
	width: 940px;
	margin-left: -20px;
}

/* Overlay popup ______________________________________________ */

.overlay-popup-container
{
	position: absolute;
	z-index: 12000;
	zoom: 1;
}

.overlay-popup
{
	position: relative;
	border: 1px solid #999999;
	background: #FFFFFF;
	min-width: 200px;
	max-width: 850px;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;

	-moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
}

/* removed as duplicate in styles.css */
/*
.modal-overlay-popup-background {
	background: url(/global/media/product-detail/sprites/modal-overlay-popup-background.png);
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
}
 */

.no-br .overlay-popup
{
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0 -6px 0 -6px;
}

.no-br .overlay-header
{
	padding: 0 20px 0 20px;
	margin: 0 8px -22px 8px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: relative;
}

.no-br .overlay-content
{
	padding: 15px 15px 5px 15px;
	margin: 22px 8px 22px 8px;
	background-color: #FFF;
	position: relative;
}

.no-br .overlay-popup-header-with-content,
.no-br .overlay-popup-header {
	height: 22px;
	position: relative;
	margin-bottom: -22px;
	margin-top: -5px;
}

.no-br .overlay-popup-header-with-content {
	margin-bottom: 0;
}

.no-br .overlay-popup-footer {
	height: 25px;
	position: relative;
	margin-top: -22px;
	margin-bottom: -12px;
}

.overlay-header h1 {
	padding: 0;
	display: block;
}

.no-br .overlay-header h1 {
	padding-bottom: 15px;
}

.no-br .overlay-t-mid,
.no-br .overlay-b-mid {
	height: 22px;
	margin: 0 22px 0 22px;
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr-rep-vert-white.png) repeat-x left top;
}

.no-br .overlay-popup-header-with-content .overlay-t-mid {
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr-rep-vert-gray.png) repeat-x left top;
}

.no-br .overlay-b-mid {
	height: 25px;
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr-rep-vert-white.png) repeat-x left -30px;
}

.no-br .overlay-content-shadow-left,
.no-br .overlay-content-shadow-right {
	height: 100%;
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
}

.no-br .overlay-content-shadow-left {
	right: auto;
	left: 0;
	margin-left:-10px;
}

.no-br .overlay-content-shadow-right {
	margin-right: -10px;
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr-hor-repeat.png) repeat-y right top;
}

.no-br .overlay-content-shadow-left {
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr-hor-repeat.png) repeat-y left top;
}

.no-br .overlay-corner-tl,
.no-br .overlay-corner-tr,
.no-br .overlay-corner-bl,
.no-br .overlay-corner-br {
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr.png) no-repeat left top;
}

.no-br .overlay-corner-tl,
.no-br .overlay-corner-tr,
.no-br .overlay-corner-bl,
.no-br .overlay-corner-br {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
}

.no-br .overlay-popup-header-with-content .overlay-corner-tl {
	background-position: -56px 0;
}

.no-br .overlay-corner-tr
{
	left: auto;
	right: 0;
	background-position: -30px 0;
}

.no-br .overlay-popup-header-with-content .overlay-corner-tr {
	background-position: -86px 0;
}

.no-br .overlay-corner-bl
{
	top: auto;
	bottom: 0;
	background-position: 0 -30px;
	height: 25px;
}

.no-br .overlay-corner-br
{
	left: auto;
	top: auto;
	bottom: 0;
	right: 0;
	background-position: -30px -30px;
	height: 25px;
}

.overlay-header,
.overlay-content
{

	padding: 20px;
	position: relative;
}

.overlay-header
{


	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
}

.overlay-content {

}

.tabbed .overlay-header
{
	padding: 0;
	white-space: nowrap;
	background-color: #f3f3f3;
	z-index: 10;
}

.overlay-close
{
	top: 10px;
	right: 10px;
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	text-indent: -30000px;
	z-index: 12000;
}

.overlay-popup h1
{
	color: #4a4a4a;
	font-weight: bold;
	font-size: 20px;
}

.overlay-popup .tabholder
{
	padding: 20px 20px 0 20px;
	white-space: nowrap;
	display: block;
	border-bottom: 1px solid #b1b1b1;
	height: 39px;
}

.no-br .overlay-popup .tabholder
{
	padding: 0 20px 0 20px;
}

.overlay-popup .tab
{
	display: inline-block;
    height: 39px;
    margin-right: 2px;
}

.overlay-popup .tab a
{
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 20px;
    padding: 10px 30px 0 30px;
    text-decoration: none;

	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border: 1px solid #8a8d91;
	border-bottom: 1px solid #b1b1b1;
	background: #8f9297;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #7B7D82;
}

.overlay-popup .tab a.active
{
	border: 1px solid #d2d2d2;
	border-bottom: 1px solid #FFFFFF;
	background: #ffffff;
	color: #333333;
    text-shadow: none;
}

.overlay-tail
{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(/global/media/product-detail/sprites/sprite-overlay-popup.png) no-repeat 0 0;
	pointer-events: none;
}

/* Radio Slider __________________________________________________ */

.slider_handle,
.slider_option_label,
.slider_bg_left_cap,
.slider_bg_right_cap
{
	background: url(/global/media/product-detail/sprites/sprite-radio-slider.png) no-repeat 0 0;
}

.slider_option_label
{
	background-position: right bottom;
	margin-top: -49px;
	text-align: center;
	width: 120px;
	height: 28px;
	padding-bottom: 10px;
	line-height: 13px;
	font-size: 11px;
	color: #8c8c8c;
	z-index: 1;
}

.slider_option_label span
{
	left: 0;
	position: absolute;
	bottom: 10px;
	width: 120px;
	text-align: center;
}

.slider_container,
.slider_range
{
	height: 11px;
	position: relative;
}

.slider_container
{
}

.slider_bg
{
	position: relative;
	overflow: visible !important;
	height: 11px;
}

.slider_range
{
	display: none;
	left: 0;
}

.slider_bg
{
	z-index: 2;
}

.slider_handle
{
	background-position: 0 -20px;
	height: 20px;
	width: 20px;
	position: absolute;
	top: -3px;
	right: -10px;
	cursor: pointer;
	cursor: hand;
	z-index: 2;
}

.slider_bg_repeater
{
	background: url(/global/media/product-detail/sprites/sprite-radio-slider-repeat.png) repeat-x 0 0;
	position: absolute;
	height: 11px;
	left: 8px;
	top: 0;
	width: 100px;
}

.slider_bg_left_cap
{
	background-position: left top;
	height: 11px;
	width: 8px;
	position: absolute;
	left: 0;
	top: 0;
}

.slider_bg_right_cap
{
	background-position: right top;
	height: 11px;
	width: 8px;
	position: absolute;
	right: 0;
	top: 0;
}


/* Video Thumb __________________________________________________ */

.video-thumb,
.video-play {
	display: block;
    background-image: url("/global/media/product-detail/sprites/sprite-thumbnails.png");
    background-repeat: no-repeat;

}

.video-container {
	text-decoration: none;
	text-align: center;
}

.video-label {
	color: #666666;
	font-weight: bold;

	display: inline-block;
	padding-top: 5px;
}

.video-container:hover .video-label {
	color: #81BA10;
}

.video-thumb {
    background-position: left -218px;

	position: relative;
    width: 90px;
	height: 60px;
}

.video-thumb img {
    padding: 4px 4px 4px 4px;
}

.video-container:hover .video-thumb {
    background-position: -232px -218px;
}

.video-play {
    background-position: -465px top;
	position: absolute;
	top: 16px;
    left: 32px;
	height: 32px;
    width: 32px;
}



/* Confirmation Popup ________________________________ */

.confirmation-popup {
	z-index: 12000;
	position: absolute;
	left: 0;
	top: 0;
	color: #FFF;
	border-radius: 3px;
}

.br .confirmation-popup-inner {

	width: 268px;
	background: #656667;
	border-radius: 4px;
	padding: 19px;
}

.no-br .confirmation-popup-inner {

	width: 268px;
	background: #656667;
	padding: 0 19px 0 19px;
}

.confirmation-popup-header,
.confirmation-popup-footer {
	height: 19px;
	width: 306px;
	background: url(/global/media/product-detail/sprites/sprite-confirmation-popup-overlay-bg.png) top center no-repeat;
}

.confirmation-popup-footer
{
	background-position: bottom center;
}

.confirmation-popup-message {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	line-height: 140%;
	background: url(/global/media/product-detail/sprites/sprite-confirmation-popup-dotted.png) bottom center repeat-x;
	margin-bottom: 10px;
}

.confirmation-popup-message span {
	width: 225px;
	display: block;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

.confirmation-popup-buttons {
	padding-top: 4px;
	height: 30px;
	position: relative;
	float: left;
	left: 50%;
}

.confirmation-popup-buttons-inner {
	position: relative;
	left: -50%;
}

.confirmation-popup-buttons-inner .white-button {
	margin-right: 10px;
}

/** video player play bar */

.play-bar {
   	display: none;
    background: transparent url("/global/media/product-detail/sprites/video-player/sprite-video-player.png") right -480px no-repeat;
    zoom: 1;
    color: #ffffff;
    position: absolute;
    width: 300px;
    height: 44px;
    bottom: 60px;
	left: 1px;
    padding: 11px 95px 15px 20px;
}

.play-bar.pb-double-line{
	height: 44px;
}

.play-bar h3 {
	display: block;
	padding-bottom: 3px;
    color: #ffffff;
    font-size: 16px;
    border: none;
}

.play-bar span {
    display: block;

    font-size: 11px;
	line-height: 14px;
}

.play-bar .play-icon,
.play-bar .play-icon:hover {
    background: transparent url("/global/media/product-detail/sprites/video-player/sprite-video-player.png") 0 -400px no-repeat;
    cursor: pointer;
    display: block;
    width: 95px;
    height: 70px;
    position: absolute;
    top: 5px;
    right: -3px;
}

.play-bar .play-icon:hover {
    background-position: -107px -400px;
}

.play-bar .play-icon:active {
    background-position: -207px -400px;
}

/* Added by Jamie Lloyd 2.22.2012 */
.product-ratings-wrapper {
	margin:35px 39px 0;
	display:inline-block;
	float:right;
	position:relative;
	left:351px;
}

.product-ratings {
	display:inline-block;
	margin:0 0 10px;
	/* width:150px; */
}

.grid-view-selected .product-ratings {
	width:150px;
}

.product-ratings img {
	display:inline-block;
}

.grid-view-selected .product-ratings img {
	margin-top:5px;
	height:14px;
}

.product-ratings span {
	display:inline-block;
	position:relative;
	top:-5px;
	font-size:115%;
	margin:5px 0 0 5px;
}
.grid-view-selected .product-ratings span {
	margin:5px 0 0 5px;
	font-size:12px;
}

.product-ratings span a {
	font-weight:normal;
	text-decoration:underline;
}



a.green-button-type2 {
	display:inline-block;
	color:white;
	text-decoration:none;
}

a.green-button-type2 span {
	display:inline-block;
	background:url(/global/media/product-detail/sprites/type2/green-button-type2.png);
	background-repeat:no-repeat;
	height:24px;
	background-position:0px -1px;
	padding:8px 15px 0;
	float:left;
	text-indent:5px;
	text-shadow: rgba(0,0,0,.25) 1px 1px 2px;
}

a.green-button-type2 span.arrow {
	display:inline-block;
	background:url(/global/media/product-detail/sprites/type2/green-button-type2.png);
	background-position:-7px -63px;
	background-repeat:no-repeat;
	height:31px;
	width:33px;
	float:left;
	padding:0;
}

a.green-button-type2:hover span {
	background-position:0px -32px;
}

a.green-button-type2:hover span.arrow {
	background-position:-7px -93px;
}






a.grey-button-type2 {
	display:inline-block;
	color:white;
	text-decoration:none;
}

a.grey-button-type2 span {
	display:inline-block;
	background:url(/global/media/product-detail/sprites/type2/grey-button.png);
	background-repeat:no-repeat;
	height:24px;
	background-position:0px -1px;
	padding:8px 15px 0;
	float:left;
	text-indent:5px;
	text-shadow: rgba(0,0,0,.25) 1px 1px 2px;
}

a.grey-button-type2 span.arrow {
	display:inline-block;
	background:url(/global/media/product-detail/sprites/type2/grey-button.png);
	background-position:-7px -63px;
	background-repeat:no-repeat;
	height:31px;
	width:33px;
	float:left;
	padding:0;
}

a.grey-button-type2:hover span {
	background-position:0px -32px;
}

a.grey-button-type2:hover span.arrow {
	background-position:-7px -93px;
}


#fb-root > div {
	left:-10000px !important;
}









/**
 * 
 * CSS specific for the HTC Interactive Phones List
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-interactive-phone {
	
}


.component-interactive-phone .phones-list div {
	left:207px !important;
	top:-1px !important;
	position:absolute;
	
}
/**
 * 
 * CSS specific for the HTC Interactive Phones List
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-interactive-phones-list {
	width:940px;	
	margin-bottom: 90px;
}

.component-interactive-phones-list.type2 h1 .label {
	color: #459a08;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 20px;
	height: 42px;
	background-image: url('/global/media/product-detail/sprites/green-arrow.png');
	background-repeat: no-repeat;
	background-position: 0 14px;
	text-align: center;
	width: 122px;
	padding:0 40px 20px 50px;
}

.component-interactive-phones-list.type2 {
	margin-bottom: 20px;
	background-color:#e9e8e8;
	border-radius:5px;
	padding:19px;
	width:920px;
}

.component-interactive-phones-list.type2 ul.phones-list li{
	width:235px;
}

.component-interactive-phones-list.type2 h1 {
	background-image:none;
	font-size:18px;
	padding-left:8px;
	color:#333;
	margin-bottom:0px;
}

.component-interactive-phones-list h1 {
	background-image:url('/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
	margin-bottom:14px;
	display:block;
	position:relative;		
}

.component-interactive-phones-list h1 .label {
	color:#999999;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	position:absolute;
	top:16px;	
	right: 0px;
	padding-left:39px;
	padding-right:32px;
	height:35px;	
	background-image:url('/global/media/product-detail/sprites/interactive-phones/sprite-interactive-phones.png');
	background-repeat:no-repeat;
	background-position:0px 6px;	
	text-align: right;
}

.component-interactive-phones-list .sliding-container {
	width:940px;
	position:relative;
	overflow:hidden;
}

.has-js .component-interactive-phones-list .htmlMarkup {
	visibility:hidden;
}


.component-interactive-phones-list ul.phones-list {
	width:10000px;

}

.component-interactive-phones-list ul.phones-list li {
	float:left;
	list-style:none;
	width: 240px;
}

.component-interactive-phones-list ul.phones-list li.last {
	margin-right:0px;
	padding: 0;
	width:220px;
}



.component-interactive-phones-list ul.phones-list li .htmlMarkup {
	display:block;
	text-align:center;
}

.component-interactive-phones-list ul.phones-list li .htmlMarkup .frame {
	position:relative;
	display:inline-block;
	height:320px;
}
.component-interactive-phones-list ul.phones-list li .htmlMarkup .frame .screenshot {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	padding:0px;
	margin:0px;
}
.component-interactive-phones-list ul.phones-list li .details {
	margin-top:12px;
	display:block;
	background-image:url('/global/media/product-detail/sprites/dotted-line-vertical-gray.gif');
	background-repeat:repeat-y;
	background-position:right top;	
	padding: 0 15px 6px 8px;
	margin-right: 8px;
}
.component-interactive-phones-list.type2 ul.phones-list li .details {
	display:block;
	background-image:none;	
	padding: 0;
	width:175px;
	margin:12px 8px 0 30px;
}

.component-interactive-phones-list ul.phones-list li.last .details {
	background-image:none;
}

.component-interactive-phones-list ul.phones-list li .title {
	color:#4a4a4a;
	display:block;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font-size:16px;
}


.component-interactive-phones-list.type2 ul.phones-list li .title {
	font-size:14px;
	margin:0 0 2px 0;
	color:#333;
}

.component-interactive-phones-list ul.phones-list li .details .description {
	color:#666666;
	font-size:12px;
	line-height: 20px;
}
.component-interactive-phones-list.type2 ul.phones-list li .details .description {
	line-height: 18px;
}

.component-interactive-phones-list .pagination {
	text-align:center;
	margin-top:30px;
	display: none;
}

.component-interactive-phones-list .pagination a {
	margin-left:5px;
}

/*********************** TABLETS PAGE ************************************/
body#tablets .component-interactive-phones-list {
	margin-bottom: 46px;
}

body#tablets .component-interactive-phones-list h1 {
	margin-bottom: 13px;
}

body#tablets .component-interactive-phones-list ul.phones-list {
	width: auto;	
}

body#tablets .component-interactive-phones-list ul.phones-list li,
body#tablets .component-interactive-phones-list ul.phones-list li.first,
body#tablets .component-interactive-phones-list ul.phones-list li.last {
	width: 470px;
	padding: 0 0 0 0;	
	margin-bottom: 13px;
	background-image:url('/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
	height: 500px;
}

body#tablets .component-interactive-phones-list ul.phones-list li.last {
	margin-bottom: 0;	
	padding: 0;
	background: none;
}

body#tablets .component-interactive-phones-list ul.phones-list li .details,
body#tablets .component-interactive-phones-list ul.phones-list li.last .details {
	margin-top: 9px;
	background: none;
	padding: 0 0 0 20px;
	width: 425px;
}
body#tablets .component-interactive-phones-list ul.phones-list li.last .details {
	padding-bottom: 0;	
}

body#tablets .component-interactive-phones-list ul.phones-list li .title {
	margin-bottom: 1px;
}
/**
 * 
 * CSS specific for the HTC Product accessories Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-accessories {

}

.product-accessory-item {
 	background: url("/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif") repeat-x scroll left bottom transparent;
	float: left;
	position: relative;
	width: 940px;
	padding: 40px 0;
}

	.product-accessory-content {
		width: 500px;
		float: left;		
	}

    .product-accessory-buttons {
        margin-top: 14px;
	    float: left;
    }

    	.product-accessory-buttons a {
    		margin-left: 5px;
    	}

.product-accessory-info {
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 10px 0;
}

/* Typography  __________________________________________________________________ */

.product-accessory-item h2 a { 
    text-decoration: none;
    color: #333;
    display: block;
}

	.product-accessory-item h2 a:hover {
		color: #81BA10;
	}

.product-accessory-content .features-list li {
	color: #666;
	font-size: 12px;
	margin-bottom: 5px;
}

.product-accessory-price {
	color: #81BA10;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}

/* Products Next Buttons  __________________________________________________________________ */

.product-accessories-all {
	display: inline-block;	
	margin-top: 20px;
}


/* No JS __________________________________________________________________ */


.component-product-accessories .left-col img {
	display:inline-block;
	float:left;
}
.component-product-accessories .left-col .image-comp {
	display:inline-block;
	float:left;
	width:252px;
	height:190px;
}

.component-product-accessories .right-col .image-comp {
	display:inline-block;
	width:236px;
	height:185px;
	position:relative;
}
.component-product-accessories .right-col .image-comp img {
	position:absolute;
	top:0;
	left:0;
}
.component-product-accessories .right-col .image-comp img.product {
	position:absolute;
	top:0;
	left:0;
}

.component-product-accessories .left-col .image-comp img {
	position:absolute;
	top:0;
	left:0;
}
.component-product-accessories .left-col .image-comp img.product {
	position:absolute;
	top:0;
	left:0;
}

.component-product-accessories .left-col .content {
	display:inline-block;
	margin:20px 0 0 20px;
}

.component-product-accessories .left-col .content h5 {
	font-size:14px;
	font-weight:bold;
	text-transform:none;
}

.component-product-accessories .left-col ul.mainlist {
	margin:30px 0 0;
	position:relative;
	left:-3px;
}

.component-product-accessories .left-col ul ul li {
	list-style-type:disc;
	color:#666;
	font-size:12px;
	margin:5px 0 0 22px;
	clear:both;
	display:list-item;
}
.component-product-accessories .left-col ul li {
	display:inline-block;
	position:relative;
	left:-4px;
}
.component-product-accessories .left-col ul .content .learnmore a {
margin-left:11px;}

.component-product-accessories .left-col ul ul {
	margin:0 0 5px 0;
}

.component-product-accessories .left-col ul .content .green-button-type2 {
	position:relative;
	left:-4px;
	color:white;
	text-decoration:none;
	margin:10px 0 0;
}
.component-product-accessories .left-col ul .content .green-button-type2:hover {
	text-decoration:none;
}

.component-product-accessories .left-col ul .content .learnmore {
	position:relative;
	top:-13px;
	text-decoration:none;
	color:#459a08;
}

.component-product-accessories .left-col ul .content .learnmore.left-align {
	position:relative;
	top:10px;
	left:4px;
	text-decoration:none;
}
.component-product-accessories .left-col ul .content .learnmore.left-align a {
	margin-left:0;
}

.component-product-accessories .right-col {
	background-color:#e9e8e8;
	border-radius:5px;
	display:inline-block;
	float:left;
	width:233px;
	padding:15px;
	line-height:1.6em;
}
.component-product-accessories .right-col h3 {
	clear:both;
	display:block;
	font-weight:bold;
	font-size:16px;
	color:#333;
	margin:0 0 0 10px;
	position:relative;
}
.component-product-accessories .right-col span {
	clear:both;
	display:block;
	font-size:14px;
	color:#666;
	margin:0 0 0 10px;
}
.component-product-accessories .right-col a {
	clear:both;
	display:block;
	font-size:14px;
	text-decoration:none;
	margin:0 0 0 10px;
}
.component-product-accessories .right-col a:hover {
	text-decoration:underline;
}
.component-product-accessories .right-col a span {
	background: url(/global/media/product-detail/sprites/type2/caret.png);
	width: 14px;
	height: 15px;
	display: inline-block;
	margin: 0px 0 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position:-3px 3px;
	position:relative;
	top:1px;
}

.component-product-accessories .left-col {
	width:675px;
	display:inline-block;
	float:left;
	
}


.component-product-accessories a {
	color:#459a08;
	text-decoration:none;
}

.component-product-accessories a:hover {
	text-decoration:underline;
}




















/**
 * 
 * CSS specific for the HTC Product alerts Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */


.component-product-alerts .overlay-cap {
	width: 377px;
}

.component-product-alerts .form-input-required,
.product-alerts-form,
.product-alerts-buttons {
	width: 300px !important;
}

.component-product-alerts .form-input-required {
	width: 285px !important;
}

.product-alerts-form {
	padding: 20px 38px 0px 20px;	
}

.product-alerts-form p {
	padding-bottom: 0;
}

.product-alerts-form .error-label {
	margin-bottom: 0;
}

.product-alerts-form h4 {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
}

.product-alerts-buttons {
	background: url("/global/media/product-detail/sprites/dotted-line-horizontal.gif") left top repeat-x;	
	text-align: center;

	display: block;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 0;
}

.product-alerts-submit {
	padding-right: 10px;
}

.product-alerts-success,
.product-alerts-error
 {
	display: none;
	font-size: 14px;
	padding: 15px 0px;
}

/**
 * 
 * CSS specific for the HTC Product apps Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * Apps List
 * Installation Tooltip
 * Tablet page layout
 */


/* Component __________________________________________________________________ */

.component-product-apps {
	padding-bottom: 76px;
}

.component-product-apps h1 {
	display: inline-block;
	padding-bottom: 15px;
}


/* Apps List __________________________________________________________________ */

.product-apps-list li {
	position: relative;
}

.product-apps-title {
	color: #4a4a4a;
	font-size: 18px;
	font-weight: bold;
	display: block;
	position: relative;
	padding: 10px 125px 10px 60px;	
}

    li.htc-accordion-parent-expanded .product-apps-title{ 
        padding: 10px 0px 10px 80px;    
        margin-left: -20px;
        width: 860px;
    }

.component-product-apps .product-apps-icon {
	position: absolute;
	top: 4px;
	left: 0;	
}

    li.htc-accordion-parent-expanded .product-apps-icon {
        top: 4px;
        left: 20px;
    }

.component-product-apps .htc-accordion-item-expanded .htc-accordion-toggle {
    margin-top: -10px;
    margin-right: 20px;
}

.product-apps-wrapper {
	overflow: hidden;
	padding-bottom: 20px;
	margin-top: 20px;
}

.product-apps-info {
	padding-bottom: 25px;
	padding-left: 40px;	

	float: left;
	width: 180px;
}

.product-apps-wrapper p {
	font-size: 14px;
    line-height: 22px;
    padding-bottom: 34px;
    padding-top: 40px;
}

.product-apps-wrapper a {
	line-height: 20px;   
}

.product-apps-preview {
	float: right;
    padding-left: 20px;
    padding-top: 2px;
    text-align: center;
    width: 660px;
}




/* 
 * Installation Tooltip _______________________________________________ */

.product-apps-tooltip {
	display: none;
}
.product-apps-tooltip-content div {
	width: 40%;
	color: #666666;
	line-height: 20px;
	float: left;
}
.product-apps-tooltip-content-app {
	padding-right: 30px;
}
.product-apps-tooltip-content-widget {
	background: transparent url('/global/media/product-detail/sprites/dotted-line-vertical-gray.gif') repeat-y left top;
	padding-left: 30px;
}
.product-apps-tooltip-content h4 {
	color: #333333;
	display: block;
	padding-bottom: 14px;
}
.product-apps-tooltip-content ul li {
	list-style-type: disc;	
	padding-bottom: 12px;
}

/* 
 * Tablet page layout _______________________________________________ */

#tablets .product-apps-info {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 0px;
}
#tablets .product-apps-info p {
	padding-top: 12px;
	float: left;
	width: 60%;
	padding-left: 40px;
	padding-bottom: 25px;
}
#tablets .product-apps-info a {
	margin-top: 12px;
	float: right;
	/*width: 30%;*/
	text-align: right;
	padding-right: 20px;
}
#tablets .product-apps-preview {
	float: none;
	display: block;
	width: 100%;
	text-align: center;
}


/**
 * 
 * CSS specific for the HTC Product accessories Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-buy-now {
	width:918px;
	border-radius:5px;	
	background-color:#e9e8e8;
	display:inline-block;
	float:left;
	padding:20px;
}

.component-product-buy-now img {
	display:block;
	clear:both;
	position:relative;
	left:-3px;
}



.component-product-buy-now h4 {
	display:block;
	margin:0 0 10px;
}
.component-product-buy-now h3 {
	font-weight:bold;
}

.component-product-buy-now .left-col, .component-product-buy-now .right-col {
	display:inline-block;
	float:left;
}

.component-product-buy-now .right-col {
	margin:0 0 0 20px;
	position:relative;
	top:122px;
	width:380px;
}
.component-product-buy-now .left-col {
	width:465px;
	
}

.component-product-buy-now .right-col p {
	display:inline-block;
	font-size:14px;
}

.component-product-buy-now .right-col span {
	display:inline-block;
	color:#459a08;
	font-size:14px;
}

.component-product-buy-now .right-col span.checkmark {
	background:url(/global/media/product-detail/sprites/type2/green-checkmark.png);
	padding:0 0 0 20px; 
	background-repeat:no-repeat;
}

.component-product-buy-now .right-col a span {
	color:white;
	font-size:12px;
}

.component-product-buy-now .right-col a {
	margin:15px 0 0;
	position:relative;
	left:-4px;
}

/**
 * 
 * CSS specific for the HTC Product do more Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * Do More Items
 * Odd Items
 * 
 */


/* Component __________________________________________________________________ */

.component-product-do-more {
    padding-bottom: 60px;
}


/* Do More Items ______________________________________________________________ */


.product-do-more-item {
	position: relative;
}

.product-do-more-content {
	padding: 40px 60px 40px 60px;
}


.product-do-more-video {
	position: relative;
	float: left;

	width: 540px;
	height: 304px;
}

.product-do-more-info {	
	width: 200px;
	margin-left: 580px;
}

.product-do-more-info h2 {
	color: #333333;
	font-size: 20px;

	display: block;
	margin-bottom: 10px;
}

.product-do-more-info p {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 0px;
}



/* Odd Items ______________________________________________________________ */


.product-do-more-item-odd .product-do-more-video {
	float: right;
}

.product-do-more-item-odd .product-do-more-info {
	margin-left: 0;
}



/* Video Play ______________________________________________________________ */


.component-product-do-more .play-button {
	background: url("/global/media/product-detail/sprites/video-player/sprite-video-player.png") no-repeat scroll 0 -558px transparent;
    cursor: pointer;
    
    display: block;
    position: absolute;
    width: 110px;
    height: 90px;
    
    top: 125px;
    left: 215px;
}

.component-product-do-more  .play-button:hover {
    background-position: -121px -558px;
}

.component-product-do-more .play-button:active {
    background-position: -241px -558px;
}

/* play-bar */

.component-product-do-more .play-bar h3 {
	border:none;
}
/**
 * 
 * CSS specific for the HTC Product featured Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * Typography
 * Featured Products Items
 * Odd Products Items 
 * Products Next Buttons
 * No JS 
 * 
 */


/* Component __________________________________________________________________ */

.component-product-featured {
	text-align: center;
	
	/* NOTE:  
	 * This resets the margin on
	 * The Tab Component 
	 * */
	margin-top: -50px;
	margin-bottom: 60px;
}

.product-featured-wrapper {
	text-align: left;	
}


/* Typography __________________________________________________________________ */

.component-product-featured h1 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	color: #262626;
	display: block;
	padding-bottom: 2px;	
}

.component-product-featured h2 {
	color: #262626;
	font-weight: normal;
	font-size: 34px;
	line-height: 36px;
	
	display: block;
	margin-bottom: 8px;	
}

.component-product-featured p,
.snake-view-selected .product-lineup-item p {
	color: #666666;
	font-size: 14px;
	
	display: inline-block;
	width: 440px;
	margin-bottom: 10px;	
}

.product-featured-htc-sense {
	text-transform: uppercase;	
	font-size: 11px;
	padding-left: 1px; /* to fix a uppercase bug */
    float: left; /* to behave with image beside it */
}

/* Featured Products Items  __________________________________________________________________ */

 .product-featured-content {
 	width: 450px;
 	padding-top: 32px;
	padding-left: 80px;
 }
 
 .product-featured-platforms {
 	position: relative;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-bottom: 24px;
 }
 
.product-featured-platforms img {
 	padding-right: 15px;
    margin: -2px 0 0 2px; /* slightly above to counter transparency and match the line*/
}
 
 .product-featured-platforms-separator {
 	padding-left: 15px;
}
 
.product-featured-item,
.snake-view-selected .product-lineup-item {
 	background: url("/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif") repeat-x scroll left bottom transparent;
}

.product-featured-item {
    position: relative;
	width: 940px;	
	/* height: 400px; */
	padding-bottom: 40px;
}

.product-featured-item a{
	text-decoration:none;
}

.product-featured-item a:hover h2 {
	color:#81BA10;
}
 
.featured-phone-image {
 	position: absolute;
	/*top: -16px;*/ /* note: new image dimensions*/
	top: 60px;
	right: 30px;
	z-index: 2;
	
	/* Give the image plenty of 
	 * space and make it align
	 * to the center with 
	 * text-align
	 * */
	width: 395px;	
	text-align: center;
}

.has-js .featured-phone-image {
	display:none;
}

.featured-phone-3d-sequence {
	position: absolute;
	top: 7px;
	right: 0px;
	z-index: 2;
	width:400px;
	height:380px;
}

.product-featured-watch {
/*.product-lineup-watch-inline {*/
	text-decoration: none;
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 30px;
	/* for ie to behave */	
	height: 61px; width: 200px;
}

.product-featured-video-thumb,
.product-lineup-video-thumb {
	float: left; 	
}

.product-featured-video-watch,
.product-lineup-video-watch {	
	height: 61px; line-height: 61px; /* == height of the thumbnail*/	
	padding: 0; 	
}

.product-lineup-buttons {
	margin-top: 14px;
	float: left;
}

.product-featured-video,
.snake-view-video {
	display:none;
	position: absolute;
	top: 39px;
	left: 30px;
	width: 460px;
	height: 260px;
}

.product-featured-video {
	width: 460px;
	height: 260px;
}

.product-featured-video-close {
	position: absolute;
	top: -14px;
	right: -15px;
	z-index: 3;	
}


/* Odd Products Items  __________________________________________________________________ */

.product-featured-item-odd  .product-featured-content {
	padding-left: 480px;
}

.product-featured-item-odd  .featured-phone-image {
	left: 30px;
	right: auto;
}

.product-featured-item-odd .featured-phone-3d-sequence {
	top: 7px;
	left: 30px;
	
	right: auto;
}

.product-featured-item-odd .product-featured-video {
	left: auto;
	right: 30px;	
}


/* Products Next Buttons  __________________________________________________________________ */

.product-featured-next {
	display: inline-block;
	
	margin-top: 20px;
}

.product-featured-paginate-button {
	margin-right: 20px;
}


/* No JS __________________________________________________________________ */

.no-js .product-featured-next,
.no-js .product-featured-video-watch,
.no-js .product-lineup-empty-pointer {
	display: none;	
}

.no-js .component-product-featured {
	margin-top: 50px;
}
/**
 * 
 * CSS specific for the Product Help FAQ List Component
 * 
 * Inherits layout from:
 *	- global gui styles for the .htc-accordion in global/htc.gui.css
 *	- generic FAQ list components/htc.faq-list.css
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */



/* Component __________________________________________________________________ */

.component-product-help-faq-list .faq-list {
	display: block;
	width: 940px;
	margin-bottom: 50px;
}

.component-product-help-faq-list h1 {
	display: block;
    padding-bottom: 20px;
}

/* float skinned select */
.component-product-help-faq-list .p-dropdown  {
	float: right;
	margin-top: 5px;
	margin-right: -2px;
}


/* quality control wrapper */
.product-faq-list-quality-control{
	padding: 20px 0;
}

/* Teamsite Eit Mode layout */
.no-js .teamsiteEditMode .product-help-faq-list-seo-links,
.no-js .teamsiteEditMode .product-help-faq-list-seo-heading {
	display: none;
}
/**
 * 
 * CSS specific for the HTC Product Help Marquee Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * General Tab Styles
 * Sync Tab
 * Guides Tab
 * Search
 * Non-Flash version
 * 
 */


/* Component __________________________________________________________________ */


.component-product-help-marquee {
 	position: relative;
	height: 315px;
	
	z-index: 8000;
}

.expanded .productHelpMarqueeFlash {
	width: 1020px;
	height: 700px;	
}

.productHelpMarqueeFlash {
	margin-left: -60px;
	height: 300px;
	overflow: hidden;
}
 
.productHelpMarqueeContainer {
	position:absolute;
	
	top:0px;
	left:0px;	
	z-index:8000;
	
	width: 980px;
	height:300px;
} 

.product-help-marquee-links {
	position: absolute;
	top: 210px;
	left: 238px;
	display: none;
}

.product-help-marquee-link-item {
	
	float: left;
	border-right: 1px solid #d8d8d8;
	
	position: relative;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-left: 20px;
	
}

.product-help-marquee-links .first {
	margin-left: 0px;
}

.product-help-marquee-links .last {
	border: none;
}

/* to make the whole select clickable and not just the arrow */
.help-marquee-select-model {
	z-index: 10;
}

 
/* General Tab Styles  __________________________________________________________________ */


.product-help-marquee-content {
	padding: 10px 38px 0px 30px;	
}

.product-help-marquee-content h4 {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* Sync Tab __________________________________________________________________ */

.product-help-marquee-sync .overlay-cap {
	width: 480px;
}

.product-help-marquee-sync .overlay-tl {
	width: 480px;
}

.product-help-marquee-sync-content p {
	padding-bottom: 20px;

}

.product-help-marquee-sync-content .white-button {
	padding-right: 20px;
}

/* Guides Tab __________________________________________________________________ */

.product-help-marquee-guides .overlay-cap {
	width: 390px;
}

.product-help-marquee-guides-content h3  {
	display: inline-block;
	margin-bottom: 10px;
}

.product-help-marquee-guides-list {
	margin-bottom: 20px;
}

.product-help-marquee-guides-list li {
	background: url("/global/media/product-detail/sprites/dotted-line-horizontal.gif") left bottom repeat-x;
	
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.product-help-marquee-guides-list .less {
	padding-left: 10px;
}

.product-help-marquee-guides-list .link-pdf {
	padding-right: 20px;
}

.product-help-marquee-guides-export {
	float: right;
}


/* Search __________________________________________________________________ */


/* Header Search sprite */
/* !override in ie6.css */
.product-help-search-submit,
.product-help-marquee-spotlight-result-list li.first, 
.product-help-marquee-spotlight-result-list li.first ul,
.product-help-marquee-spotlight-result-list li.search-category,
.product-help-marquee-spotlight-result-list li.search-all-results {
	background: transparent url(/global/media/product-detail/sprites/sprite-product-help-marquee-search.png) no-repeat scroll 0px 0px;
}

.product-help-marquee-search {
	display: none;
}

.product-help-marquee-spotlight-results {
	display: none;
}

.product-help-marquee-spotlight-result-list {
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 9999;
	top: 186px;
	right: 167px;
	width: 743px;
}

/* submit button - make magnifying glass available for click */
.product-help-search-submit {
	position: absolute;
	background-position: -3730px -10px;
	top: 144px;
	left: 795px;
	height: 41px;
	width: 60px;
	line-height: 999px;
	overflow: hidden;
	font-size: 0;
	border: 0;
}

.product-help-search-submit:hover {
	background-position: -3730px -60px;
}

.product-help-search-submit:active {
	background-position: -3730px -110px;
}

/* category results - middle repeating
 *****************************************/

/* repeating middle background */
.product-help-marquee-spotlight-result-list li.search-category {
	background-position: -1494px bottom;
	background-repeat: repeat-y;
}

/* dotted divider and padding */
.product-help-marquee-spotlight-result-list li.search-category ul {
	background: url("/global/media/product-detail/sprites/dotted-line-horizontal.gif") left top repeat-x;
	padding: 0 0 0 130px;
	margin: 0 20px 0 10px;
}
.product-help-marquee-spotlight-result-list li.search-category ul li {
	padding-top: 1px;
	margin: 0 -5px;
}


.product-help-marquee-spotlight-result-list h4 {
	color: #b2b2b2;
	font-size: 14px;
	font-weight: bold;
	left: 28px;
	width: 128px;
	margin-top: 12px;
	position: absolute;
}
.product-help-marquee-spotlight-result-list li.search-promoted a,
.product-help-marquee-spotlight-result-list li.search-category a {
	color: #4c4c4c;
	display: block;
	font-weight: normal;
	padding: 12px 5px 12px 20px;
	text-decoration: none;
}
	.product-help-marquee-spotlight-result-list li.search-promoted a,
	.product-help-marquee-spotlight-result-list li.search-category a {
		text-decoration: none;
	}

.product-help-marquee-spotlight-result-list a.selected {
	background: #f2f2f2;
}
.product-help-marquee-spotlight-result-list em {
	color: #81ba10;
	font-weight: bold;
}



/* First result
 *******************************/

.product-help-marquee-spotlight-result-list li.first {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.product-help-marquee-spotlight-result-list li.first ul {
	background: none;
}


/* All results - bottom background 
 *********************************************/

.product-help-marquee-spotlight-result-list li.search-all-results {
	background-position: -2245px bottom;
    padding: 0 14px 15px 9px;
}

.product-help-marquee-spotlight-result-list li.last-selected {
	background-position: -2988px bottom;
}

.product-help-marquee-spotlight-result-list li.search-all-results a {
	display: block;
	text-align: right;
	padding: 12px 20px 12px 0px;
	border-top: 1px solid #d6d6d6;
}
	.product-help-marquee-spotlight-result-list li.search-all-results a.selected {
		background: none;
	}


/*  Non-Flash version __________________________________________________________________ */


.component-product-help-marquee .no-flash  {
	background: url("/global/media/product-detail/sprites/sprite-non-flash-marquee-bg.png") left top no-repeat;
	left: -12px;
} 

.component-product-help-marquee .link-back {
	display: none;
}

.component-product-help-marquee .no-flash .link-back {
	position: absolute;
	display: inline-block;
	
	top: 20px;
	left: 24px;
}

.product-help-marquee-search h1 {
	display: none;
}
 

.component-product-help-marquee .no-flash .product-help-marquee-search h1 {
	font-size: 45px;
	font-weight: normal;
	
	display: inline-block;
	position: absolute;
	top: 69px;
	left: 250px;
	width: 480px;
	text-align: center;
}

.product-help-marquee-product-image {
	display: none;
}


.component-product-help-marquee .no-flash .product-help-marquee-product-image {
	display: block;
	position: absolute;
	top: 33px;
	left: 86px;
}

.component-product-help-marquee .form-big-search-input {
	display: none;
}

.component-product-help-marquee .form-big-search-input .form-search-input {
	width: 581px;
}


.component-product-help-marquee .no-flash  .form-big-search-input {
	display: block;

	position: absolute;
	top: 142px;
	left: 250px;
}


.component-product-help-marquee .no-flash  .form-big-search-input {
	position: absolute;
	top: 144px;
	left: 250px;
}

.component-product-help-marquee .no-flash .product-help-marquee-spotlight-result-list {
	top: 191px;
	right: 154px;
}


.component-product-help-marquee .no-flash .product-help-marquee-links {
	left: 250px;
}


/*  Non Javascript  version __________________________________________________________________ */

/* Its very basic */
.no-js .component-product-help-marquee {
	display: none;
}
/**
 * 
 * CSS specific for the HTC Product lineup Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Sprites
 * Component
 * Typography
 * Input Types Filters 
 * Lifestyle Filters
 * Product List
 * Hover Popups
 * Empty Product list
 * Filters
 * No JS
 * Has JS
 * 
 */


/* Sprites __________________________________________________________________ */

.product-lineup-input-types .styledCheckbox,
.product-lineup-lifestyles .styledCheckbox,
.product-lineup-empty-pointer,
#product-lineup-view-toggle li span {
	background: url("/global/media/product-detail/sprites/sprite-product-lineup.png") no-repeat scroll 0 0 transparent;
	
	display: inline-block;
	padding-right: 0;
}

.product-lineup-filters-top,
.product-lineup-filters-middle,
.product-lineup-filters-bottom {
	display: block;
	position: relative;
	background: url("/global/media/product-detail/sprites/sprite-product-lineup-filter-bg.png") no-repeat scroll 0 0 transparent;	
}


/* Component __________________________________________________________________ */

.component-product-lineup {
	text-align: center;
	
	/* NOTE:  
	 * This resets the margin on
	 * The Tab Component 
	 * */
	margin-top: -51px;	/* 51 from the padding top that comes from the tab component */
	
	/*margin-bottom: 80px;*/
}

.product-lineup {
	position: relative;
}

/* Typography __________________________________________________________________ */

.product-lineup-item h1 {
	font-size: 18px;	
	display:block;
	padding-top: 15px;
	padding-bottom: 3px;
}

.product-lineup-item h1 {
	display: block;
	color: #262626;
	font-weight: normal;
	text-decoration: none;
	position: relative;
}

.product-lineup-item a {
	text-decoration: none;
}

.product-lineup-item a:hover h2 {
	color: #92c82f;
}

.product-lineup-item h1 strong {
	font-weight: bold;
}

.product-lineup-subtitle {
 	color: #666666;
	
	display: block;

	margin: 0;

	font-size: 12px;
	font-weight: normal;
}
 
 

/* Product List __________________________________________________________________ */
 
.product-lineup-wrapper {
	position: relative;
	float: right;	
	height: 1189px;
	width: 700px;	
	margin: 34px 0 30px 20px;
}

.product-lineup-list.grid-view-selected {
	margin-top: 20px;
}

.product-lineupgrid-view {
	display: block;
	position: relative;
}

.product-lineup-item {
 	text-align: center;
	
	float: left;
	display: block;
	position: relative;
	width: 220px;		
	
	padding-top: 5px;
	padding-bottom: 20px;
	margin-right: 20px;
	
	min-height: 300px;	
 }
 
     .snake-view-selected .product-lineup-item {     
        padding: 36px 0 30px 0;
     }
     
     .snake-view-selected li.product-lineup-item:first-child {
     	padding-top: 61px;
     }
 
 .product-lineup-latest {
 	position: absolute;
	top: 34px;
	left: 27px;
    z-index: 3;
 }

 .product-lineup-ir {
	text-align: center;
	
	display: block;
	position: relative;
	width: 220px;	
	height: 320px;
}

	/* hide the anchor text */
	.has-js .product-lineup-ir span {		
		display: none;
	}

.product-lineup-image {
	display: inline-block;	
	position: relative;	
	margin-top: 10px;
 }
 
 .product-lineup-loader {
 	position: absolute;
	display: block;
	left: 102px;
	top: 170px;
	
	width: 32px;
	height: 32px;
 } 
 
 .product-lineup-item-last { 
 	margin-right: 0px;
 }
 
.product-lineup-carrier-icons {
	
}

.product-lineup-carrier-icons img {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px; 
}
 

 .product-lineup-paginate-button {
	display: inline-block;	
	margin-bottom: 40px;
 }
 
.product-lineup-separator {
	background: url("/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif") repeat-x scroll left top transparent;
	
	clear: both;
	height: 1px;	
}

/* display with JS once the image is loaded */
.product-lineup-content .icon-latest {
    display: none;
}

 /* Hovers  __________________________________________________________________ */
  
  
.product-lineup-hover {
	display: none;
}
 
.product-lineup-hover h3 {
	display: block;
	font-size: 30px;
	
	padding-bottom: 5px;
}

.product-lineup-hover ul {
	padding-bottom: 15px; 
}
 
.product-lineup-hover li {
	color: #666666;
	font-size: 13px;
	padding-bottom: 8px;
	width:325px;
}
 
.product-lineup-watch {
	position: absolute;
	top: 15px;
	right: 15px;
 	width: 90px;
}

.product-lineup-platforms {
	position: relative;
    display: inline-block;
	margin-left: 20px;
    margin-bottom: 20px;
}

.product-lineup-hover-carriers {
	padding-bottom: 20px;
}

.product-lineup-hover-carriers img {
	padding-left: 15px;
}


.product-lineup-hover .product-lineup-content {
	background: url("/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif") repeat-x scroll left bottom;
}


.product-lineup-hover-button {
	padding-top: 15px;
}

.product-lineup-hover-button a {
	padding-right: 5px;	
}

.product-lineup-video {	
	display: none;
}

    .lineup-item-odd .snake-view-video {
        left: 220px;
    }
    
    .lineup-item-even .snake-view-video {
        left: 10px;
    }
    
    .product-lineup-video.snake-view-video {
        top: 40px;
    }

.product-lineup-video-close {
	position: absolute;
	top: -14px;
	right: -14px;
	z-index: 3;	
}



 /* Product grid/snake view information ________________________________________________ */

.product-lineup-item p,
.grid-view-selected .product-lineup-buttons,
.grid-view-selected .product-lineup-htc-sense,
.grid-view-selected .product-lineup-platforms,
.grid-view-selected .product-lineup-watch-inline,
.grid-view-selected .product-lineup-ir.angled,
.snake-view-selected .product-lineup-carrier-icons,
.snake-view-selected .product-lineup-ir {
	display: none; 
}


    .snake-view-selected .product-lineup-content .icon-latest {
        /**
         * Needs !important because jquery
         * adds inline style in the element
         **/
        display: none!important; 
    }

	.snake-view-selected .product-lineup-item p,
	.snake-view-selected .product-lineup-ir.angled {
		display: block;
	}
	
	.snake-view-selected .product-lineup-subtitle {
		padding-bottom: 12px;
	}
	
/**
 * Grid view styling
 * (default view, inherits from .product-lineup-*)
 **/
.grid-view-selected .product-lineup-item-content,
.grid-view-selected .product-lineup-carrier-icons {
	text-align: center;
	width: 220px;
}

.grid-view-selected .product-lineup-image {
	margin-top: 0px;
}

.grid-view-selected .product-lineup-item h1 {
	padding-top: 5px;
}

.grid-view-selected .label-status {
	display:inline-block;
	margin-top:8px;
}

.label-status {
	line-height:1.3em;
}

.grid-view-selected h1 .label-status {
	margin-left: 5px;
	display:none;
}

.grid-view-selected .label-status.invisible {
	visibility:hidden;
}

.grid-view-selected .product-lineup-subtitle {
	padding-bottom: 0px;
}


/**
 * Snake view styling
 **/
.snake-view-selected .product-lineup-item {
	width: 100%; 
}

	.snake-view-selected .product-lineup-separator {
		display: none!important;
	}
	
	.snake-view-selected .product-lineup-content {	    
	    float: left;
	    margin-left: 20px;	    
	    text-align: left;	    
	    width: 440px;
	}

		.snake-view-selected .product-lineup-item .product-lineup-subtitle {
			font-size: 32px;
			margin-left: -1px;
		}
		
		.snake-view-selected .product-lineup-item h1 {
			font-size: 14px;
			padding: 0px;
		}

		.snake-view-selected .product-lineup-ir {
			position: absolute;
			right: 0; top: 15px;
			width: 230px;
		}

		.snake-view-selected .product-lineup-platforms {
			margin: -10px 0 20px;	
		}

		.snake-view-selected .product-lineup-buttons {
			clear: both;			
			margin-right: 8px;			
		}
		
			.snake-view-selected .product-lineup-buttons a {
				margin-right: 5px;
			}

		.snake-view-selected .product-featured-video-watch.video-label {
			margin-left: 8px;
		}

		/* put images on left or right */
		.snake-view-selected .lineup-item-odd .product-lineup-content {
		    float: right;
		}
		
		.snake-view-selected .lineup-item-odd .product-lineup-ir {		
			left: 0;		
		}
		
		.snake-view-selected .product-lineup-content h1,
		.snake-view-selected .product-lineup-content h2 {
			color: #262626;
		}
		
			/*.snake-view-selected .lineup-item-odd .product-lineup-ir {
				float: left;
			}*/
			
		.snake-view-selected h1 .label-status{
			display: inline-block;
			position: relative;
			top: -2px;
		}
		
		.snake-view-selected .label-status{
			display: none;
		}
}


 /* Empty Product list __________________________________________________________________ */
 
.product-lineup-empty {
	text-align: center;
	
	position: relative;
	display: none;
 	padding-top: 24px;
	margin-top: 1px;
}

.product-lineup-empty-pointer {
	background-position: left -177px;
	
	position: absolute;
	display: block;
	top: 79px;
	left: 87px;
	width: 93px;
	height: 26px;
}

.product-lineup-empty h3 {
	color: #303030;
	font-size: 20px;
	font-weight: bold;
	
	display: block;
	padding-bottom: 19px;
}

.product-lineup-empty p {
	font-size: 14px;	
	display: inline-block;
	width: 340px;
}
 
.product-lineup-empty-list {
	display: inline-block;
	
	padding-top: 9px;
	padding-bottom: 31px;
}

.product-lineup-empty-list li {
	display: inline-block;
	
	padding-left: 7px;
	padding-right: 7px;
	overflow: hidden;
}

.product-lineup-clear-button {
	margin-top: 20px;
}



/* Filters __________________________________________________________________ */

.product-lineup-filters {
	text-align: left;
	float: left;
	
	width: 220px;	
	margin-top: 40px;	
}

.product-lineup-filters-top {
	background-position: left top;
	height: 20px;	
}

.product-lineup-filters-middle {
	background-position: -224px top;
	background-repeat: repeat-y;
	
	height: 1189px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
}

.product-lineup-filters-bottom  {
	background-position: -447px bottom;
	height: 20px;		
}


.product-lineup-filters h2 {
	color: #4a4a4a;
	font-size: 16px;
	
	display: block;
	/*padding-top: 20px;*/
	padding-bottom: 18px;
	margin-bottom: 0;
}

.product-lineup-filter-options {
	border-top: 1px solid #dfdfdf; 
	
	width: 180px;
	padding-bottom: 20px;
}

.product-lineup-filter-options p {
	padding-bottom: 6px;
}

.product-lineup-filters h3 {
	color: #999999;
	font-size: 15px;
	font-weight: bold;
	
	display: block;
	padding-top: 18px;
	padding-bottom: 12px;
}

.product-lineup-filters label { 
	color: #4a4a4a;
	font-weight: bold;
}



/* Input Types Filters __________________________________________________________________ */


/* Input Types Radio Buttons */
.product-lineup-input-types {
	text-align: center;
	line-height: 14px;
	
	display: inline;
	float: left;
	width: 44px;
	margin-right: 16px;
}


.product-lineup-input-types .styledCheckbox {
	width: 33px;
	height: 37px;
	
	display: inline-block;
	float: none;
	margin-bottom: 6px;
}

.product-lineup-input-types label {
	font-size: 11px;
	line-height: 14px;	
	display: block;
	word-break: break-all;
}

/* Input Types Radio Buttons - Default State */
.product-lineup-input-type-all .styledCheckbox {
	background-position: left top;
}

.product-lineup-input-type-touch .styledCheckbox {
	background-position: left -42px;
}

.product-lineup-input-type-touchAndType .styledCheckbox {
	background-position: left -86px;
}

/* Input Types Radio Buttons - Checked State */
.product-lineup-input-type-all .styledCheckboxChecked {
	background-position: -33px top;
}

.product-lineup-input-type-touch .styledCheckboxChecked {
	background-position: -33px -42px;
}

.product-lineup-input-type-touchAndType .styledCheckboxChecked {
	background-position: -33px -86px;
}



/* Lifestyle Filters __________________________________________________________________ */

.product-lineup-lifestyles {
	overflow: hidden;
	padding-bottom: 12px !important;
}

.product-lineup-lifestyles .styledCheckbox {
	width: 34px;
	height: 26px;
}

.product-lineup-lifestyles label {
	padding-left: 8px;
}


/* Lifestyle Radio Buttons - Default State */
.product-lineup-lifestyle-all .styledCheckbox {
	background-position: -66px top;
}

.product-lineup-lifestyle-social .styledCheckbox {
	background-position: -66px -38px;
}

.product-lineup-lifestyle-entertainment .styledCheckbox {
	background-position: -66px -76px;
}

.product-lineup-lifestyle-stylish .styledCheckbox  {
	background-position: -66px -109px;
}

.product-lineup-lifestyle-business .styledCheckbox  {
	background-position: -66px -142px;
}

/* Lifestyle Radio Buttons - Checked State */
.product-lineup-lifestyle-all .styledCheckboxChecked {
	background-position: -100px top;
}

.product-lineup-lifestyle-social .styledCheckboxChecked {
	background-position: -100px -38px;
}

.product-lineup-lifestyle-entertainment .styledCheckboxChecked {
	background-position: -100px -76px;
}

.product-lineup-lifestyle-stylish .styledCheckboxChecked  {
	background-position: -100px -109px;
}

.product-lineup-lifestyle-business .styledCheckboxChecked  {
	background-position: -100px -142px;
}


/* View Togglers __________________________________________________________________ */

#product-lineup-view-toggle {    
    height: 35px; line-height: 35px;
    margin: 0; padding: 0;
    position: absolute;
	right: -40px; top: 15px;
	text-align: left;
	width: 275px;
	z-index: 2;	
}

	#product-lineup-view-toggle li {
		display: block; 
		float: left;
		height: 35px; line-height: 35px;
		width: 50px;		
	}

		#product-lineup-view-toggle .select-label {
		    color: #999;
			font-size: 12px;
		    font-weight: bold;
		    padding-right: 10px;
		    text-align: right;
		    width: 125px; 
		}

		#product-lineup-view-toggle li span {
			display: block;
			cursor: pointer;
			height: 100%;
		}

			#product-lineup-view-toggle.grid-view-selected .snake-view span {
				background-position: 0 -220px;		
			}

			#product-lineup-view-toggle.grid-view-selected .grid-view span {
				background-position: -50px -220px;
			}

			#product-lineup-view-toggle.snake-view-selected .snake-view span {
				background-position: 0 -260px;		
			}

			#product-lineup-view-toggle.snake-view-selected .grid-view span {
				background-position: -50px -260px;
			}


/* No JS __________________________________________________________________ */


.no-js .component-product-lineup  {
	margin-top: 0;
}

.no-js .product-lineup-filters,
.no-js .product-lineup-hover,
.no-js .product-lineup-latest,
.no-js .product-lineup-ir,
.no-js #product-lineup-view-toggle,
.no-js .video-thumb,
.no-js .product-lineup-empty,
.no-js .product-lineup-image-container,
.no-js .product-lineup-carrier-icons {
	display: none;
}

.no-js .product-lineup-wrapper {
	float:left;
	width: 100%;
	height: auto;
}

.no-js .product-lineup,
.no-js .product-lineup-content,
.no-js .snake-view-selected .product-lineup-item p {
	width: 100%;
}

.no-js  .product-lineup-item {
	margin-right: 15px;
}

/* make all items float left, even the odd ones */
.no-js .snake-view-selected .lineup-item-odd .product-lineup-content {
	float: left;
}

.no-js .product-lineup-item {
	min-height: 200px;
}


 /* Has JS __________________________________________________________________ */

.has-js  .product-lineup-item {
	display: none;
}

 
/**
 * 
 * CSS specific for the HTC Product marquee Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */



.component-product-marquee-type2 {	
	position:relative;
	height:565px;
	margin-bottom:12px;
	margin-top: 0px;
	left: 0;
	top:-17px;
	width: 956px;
	outline: none;
	/* z-index:8000;	*/
}

.component-product-marquee-type2 .product-marquee-container {
	position: absolute;
	top:0px;
	left:0px;
}

.component-product-marquee-type2 .product-marquee-type2-relative-container
{
	width: 956px;
	height: 565px;
	margin:0;
	/* overflow: hidden; */
	position: relative; /* this will fix the content cut off in IE6 */
	background:url(/global/media/product-detail/sprites/type2/product-marquee-type2-bkg.jpg);
}

.component-product-marquee-type2 h1{
	font-size:50px;
	color: #262626;
	font-weight:normal;
	display:block;
	padding:0px;
	margin:0px;	
	line-height: 48px;
	letter-spacing: -2px;
}

.component-product-marquee-type2 h2{
	font-size:16px;
	color: #4a4a4a;	
	display:block;
	padding:0px;	
	margin:0;
	font-weight:normal;	
	line-height: 20px;
}

.component-product-marquee-type2 .htcInfiniteCarousel {
	width:626px;
	height:92px;
	display:inline=block;
	float:left;
	position:relative;
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper {
	margin:23px 40px 0;
	width:546px;
	height:62px;
	position:absolute;
	top:0;
	overflow: hidden;
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul {
	width:9999px;
	height:62px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li {
	width:87px;
	height:62px;
	display:inline-block;
	padding:0;
	margin:0 4px 0 0;
	list-style-type:none;
	float:left;
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a {
	display:inline-block;
	padding:0;
	margin:0;
	position:relative;
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a .image-comp {
	display:inline-block;
	position:relative;
	width:87px;
	height:62px;
}
.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a .image-comp img {
	position:absolute;
	top:0;
	left:0;
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a span {
	border:3px solid #9ccf00;
	width:73px;
	height:42px;
	position:absolute;
	top:4px;
	left:4px;
	display:none;
	z-index:100;
}
.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a:hover span, .component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a.selected span {
	display:inline-block;
}

.component-product-marquee-type2 .carousel-controller {
	width:959px;
	height:92px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(/global/media/product-detail/sprites/type2/type2-icons-bkg.png);
	position:absolute;
	top:478px;
	left:-1px;
}

.component-product-marquee-type2 .htcInfiniteCarousel .arrow.back {
	display: block;
	height: 37px;
	width: 26px;
	background: url(/global/media/product-detail/sprites/type2/carousel-arrows.png) no-repeat 0 0;
	position: absolute;
	top: 33px;
	cursor: pointer;
	text-indent:-999px;
	left: 10px;
}
.component-product-marquee-type2 .htcInfiniteCarousel .arrow.back:hover {
	background-position:0 bottom;
}
.component-product-marquee-type2 .htcInfiniteCarousel .arrow.forward {
	display: block;
	height: 37px;
	width: 26px;
	background: url(/global/media/product-detail/sprites/type2/carousel-arrows.png) no-repeat right 0;
	position: absolute;
	top: 33px;
	cursor: pointer;
	text-indent:-999px;
	right: 13px;
}
.component-product-marquee-type2 .htcInfiniteCarousel .forward:hover {
	background-position:right bottom;
}







.component-product-marquee-type2 .product-gallery-title {
	height:41px;
	position:absolute;
	display:inline-block;
	top:460px;
	left:35px;
}
.component-product-marquee-type2 .product-share-title {
	height:41px;
	position:absolute;
	display:inline-block;
	top:460px;
	left:642px;
}


.component-product-marquee-type2 span.label {
	float:left;
	padding:8px 16px 9px 16px;
	position:relative;
	color:#7e7e7e;
	text-align:center;
	min-width:37px;
}

.component-product-marquee-type2 .paper-bkg {
	position:absolute;
	float:left;
	top:0;
	min-width: 74px;
	left:0;
}

.component-product-marquee-type2 .paper-bkg .paper-bkg-left  {
	float:left;
	width:37px;
	height:34px;
	background: url(/global/media/product-detail/sprites/type2/small-paper-bkg-left.png) no-repeat;
}

.component-product-marquee-type2 .paper-bkg .paper-bkg-middle  {
	float:left;
	height:34px;
	background: url(/global/media/product-detail/sprites/type2/small-paper-bkg-middle.png);
}

.component-product-marquee-type2 .paper-bkg .paper-bkg-right  {
	float:left;
	width:36px;
	height:34px;
	background: url(/global/media/product-detail/sprites/type2/small-paper-bkg-right.png);
}












.carousel-controller .share-options {
	display:inline-block;
	float:left;
	margin:40px 0 0 25px;
	width:300px;
}

.carousel-controller .share-options li {
	display:inline-block;
	float:left;
	min-width:80px;
}

.component-product-marquee-type2 .carousel-content img {
	display:inline-block;
	margin:0;
}
.component-product-marquee-type2 .carousel-content .product {
	position:relative;
}
.component-product-marquee-type2 .carousel-content .product span {
	position: absolute;
	top: 68px;
	left: 90px;
	font-weight: bold;
	font-size: 12px;
	width: 128px;
	text-align: center;
	color: #666;
	letter-spacing: .1em;
}
.component-product-marquee-type2 .carousel-content .product span.mouseover {
	background: url(/global/media/product-detail/sprites/type2/big-grey-arrow.png);
	background-repeat: no-repeat;
	padding: 0 0 50px 0;
	background-position: 65px 33px;
}
.component-product-marquee-type2 .carousel-content .product span.magnifying-glass {
	position: absolute;
	top: 58px;
	left: 175px;
	background:url(/global/media/product-detail/sprites/type2/magnifying-glass.png);
	width: 77px;
	height:73px;
}
.component-product-marquee-type2 .carousel-content .product span.magnifying-glass-open {
	position: absolute;
	top: 58px;
	left: 175px;
	background:url(/global/media/product-detail/sprites/type2/magnifying-glass-open.png);
	width: 77px;
	height:73px;
	display:none;
	z-index:1000;
	cursor:none;
}


.component-product-marquee-type2 .carousel-content .description  {
	display:inline-block;
	width:380px;
	float:left;
	margin:110px 0 0;
}

.component-product-marquee-type2 .carousel-content .product  {
	display:inline-block;
	width:520px;
	float:left;
	height:450px;
}

.component-product-marquee-type2 .carousel-content .image-zoom  {
	width: 415px;
	float: left;
	height: 389px;
	box-shadow: 0 0 5px 2px #999;
	position: absolute;
	top: 40px;
	left: 500px;
	background-color: white;
	z-index: 10;
	overflow: hidden;
	display:none;
}


.component-product-marquee-type2 .carousel-content p {
	display:inline-block;
	width:378px;
	font-size:14px;
	margin: 38px 0 0;
}


.BVRRRatingSummary .BVRRRatingSummaryNoReviewsWriteImageLink,
.BVRRRatingSummary .BVRRRatingContainerStar
{
	position: absolute;
	top: 159px;
	left: 521px;
}

.BVRRRatingSummary .BVRRRatingSummaryLinks
{
	position: absolute;
	top: 159px;
	left: 641px;
}

.BVRRRatingSummary .BVRRRatingSummaryLinkWriteFirst
{
	position: absolute;
	top: 159px;
	left: 641px;
}

/*
.component-product-marquee-type2 .product-featured-buttons {
	position: absolute;
	top: 340px;
	left: 521px;
}

.component-product-marquee-type2 .product-featured-buttons {
	position: absolute;
	top: 340px;
	left: 521px;
}
 */
.component-product-marquee-type2 .product-featured-buttons {
	overflow: auto;
}

.component-product-marquee-type2 .product-featured-buttons a {
	float:left;
}



.component-product-marquee-type2 .carousel-content > ul.carousel-content-container > li {
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.component-product-marquee-type2 .carousel-content > ul.carousel-content-container > li:first-child {
	display:inline-block;
}

.component-product-marquee-type2 .carousel-content > ul.carousel-content-container {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
}


.component-product-marquee-type2 .carousel-content {
	display:inline-block;
	width:100%;
	height:100%;
}

#BVRRRatingSummaryLinkReadID a {
	color:#459a08;
	text-decoration:none;
}
#BVRRRatingSummaryLinkReadID a:hover {
	text-decoration:underline;
}

.component-product-marquee-type2 .htcInfiniteCarousel .wrapper ul li a.selected {
	height:53px;
	overflow:hidden;
}

.component-product-marquee-type2 .BVRRRatingSummaryLink {
	/* width:200px; */
}

/**
 * 
 * CSS specific for the HTC Product marquee Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */

/* Sprites __________________________________________________________________ */
.component-product-marquee .share-container .share-right .arrow,
.component-product-marquee .share-container .share-left .share-options .share-email .share-email-button,
.component-product-marquee .share-container .share-right .button-share .down-arrow,
.component-product-marquee .share-container .share-right .button-close .up-arrow,
.component-product-marquee .share-container .share-left .share-options li,
.component-product-marquee .share-container .share-left .share-options .like-facebook-large .fake-like-icon {
	background: transparent url(/global/media/product-detail/sprites/sprite-product-marquee.png) no-repeat scroll 0 0;	
}

/* Component __________________________________________________________________ */

.component-product-marquee .share-container .share-right .button-share .down-arrow,
.component-product-marquee .share-container .share-right .button-close .up-arrow {
	width: 16px;
	height: 20px;
	background-position: -144px -42px;
	display: block;
	float: right;
}

.component-product-marquee .share-container .share-right .button-share span {
	display: block;
	float: right;
}

.component-product-marquee {	
	position:relative;
	height:348px;
	margin-bottom:12px;
	margin-top: 7px;
	left: 0;
	width: 938px;
	outline: none;
	z-index:8000;	
}

.product-marquee-container {
	position: absolute;
	top:0px;
	left:0px;
}

.product-marquee-relative-container
{
	width: 1010px;
	height: 348px;
	margin-left: -60px;
	margin-top: -10px;
	overflow: hidden;
	position: relative; /* this will fix the content cut off in IE6 */
}

.expanded .product-marquee-relative-container
{	
	width: 1020px; /* +10px so it doesn't cut the shadow */
	height: 700px;
}

.component-product-marquee .htmlMarkup {
	position:relative;
	height:318px;	
	margin:26px 0px 0px 49px;
	background-image:url('/global/media/product-detail/sprites/stuff-marquee-bg.png');
	background-repeat:no-repeat;
}

.has-js .component-product-marquee .htmlMarkup {
	visibility:hidden;
}

.component-product-marquee .htmlMarkup .image-container {

	padding-left:10px;
	z-index: 80;
	z-index: 80;

	position: absolute;
	bottom: 9px;
	left: 0;
} 


.component-product-marquee .htmlMarkup .details-container {
	width: 480px;
	margin-top:90px;
	text-align: center;
	position: absolute;
	z-index: 81; /* put details on top of image if overlap */
	right: 100px;
	top: 0;
}

#tablets .component-product-marquee .htmlMarkup .details-container {
	margin-top: 104px;
    right: 64px;
    width: 380px;
}

.component-product-marquee .htmlMarkup .details-container img {
	margin-top: 25px;	
}

.component-product-marquee .htmlMarkup .product-feature {
	padding: 20px 0 0 0;
	color: #000;
}
	
.component-product-marquee .htmlMarkup .product-features li {
	margin-right: 20px;
	float: left;
}

.component-product-marquee h1{
	font-size:50px;
	color: #262626;
	font-weight:normal;
	display:block;
	padding:0px;
	margin:0px;	
	line-height: 48px;
	letter-spacing: -2px;
}

.component-product-marquee h2{
	font-size:16px;
	color: #4a4a4a;	
	display:block;
	padding:0px;	
	margin:0;
	font-weight:normal;	
	line-height: 20px;
}

.component-product-marquee .image-sense {
	margin-top:9px;
}

.component-product-marquee .link-back {
	display: none; /* htc requested link to be removed */
	position:absolute;
	top:24px;
	left:16px;
	z-index: 100;
}

.component-product-marquee .action-buttons {
	position: absolute;
	top: 293px;
	right: 276px;
	display: none;
	z-index: 82; /* put buttons on top of image if overlap */
}

	.component-product-marquee .expanded .action-buttons {
		right: 286px;		
	}

#tablets .component-product-marquee .action-buttons {
	right: 245px; 
}

	#tablets .component-product-marquee .expanded .action-buttons {
		right: 255px; 
	}

.component-product-marquee .action-buttons a {
	margin-left: 1px;
}

.component-product-marquee .operator {
	position: absolute;
	top: 325px;
	left: 60px;
	display: none;
	z-index: 40;
}

.component-product-marquee .operator ul {
	position:absolute;
	bottom: 0;
	left: 0;
}

.component-product-marquee .operator ul li {
	margin-top: 10px;
	width: 78px;
	text-align: center;
}

html.no-js .component-product-marquee .operator {
	display: block;
}

/********************** Share options **************************/
.component-product-marquee .share-container {
	position: absolute;
	left: 79px;
	top: 292px;
	width: 900px;
	height: 140px;
	
	z-index: 30;
}

.component-product-marquee .share-container-expanded {
	background-color: transparent;
	visibility:visible;
}



/* no flash share container */
.component-product-marquee .no-flash .share-container-expanded {
	border-bottom:		1px solid #DDDDDD;
    -moz-box-shadow:	10px 26px 20px -10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow:		10px 26px 20px -10px rgba(0, 0, 0, 0.5);
    -o-box-shadow:		10px 26px 20px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:	10px 26px 20px -10px rgba(0, 0, 0, 0.5);
    box-shadow:			10px 26px 20px -10px rgba(0, 0, 0, 0.5);
}




.component-product-marquee .share-container-collapsed {
	height: 40px;
	z-index: 10;
	visibility:hidden;
}

.component-product-marquee .share-container-collapsed .share-left {
	
}

.component-product-marquee .share-container-expanded .share-left {
	display: block;
}

.component-product-marquee .share-container-expanded .share-left {
	display: block;
}

.component-product-marquee .share-container .share-left {
	float: left;
	padding: 60px 0px 13px 12px;
	width: 785px;
	background-color: #efefef;
}

/* no flash share container */
.component-product-marquee .no-flash .share-left {
 	margin-top: 40px;
    padding: 16px 0 13px 12px;
 }

/* No flash inset shadow */
.component-product-marquee .no-flash .share-container-expanded .share-left {
	-moz-box-shadow:	inset 1px 4px 4px -4px #bbbbbb;
    -ms-box-shadow:		inset 1px 4px 4px -4px #bbbbbb;
    -o-box-shadow:		inset 1px 4px 4px -4px #bbbbbb;
    -webkit-box-shadow:	inset 1px 4px 4px -4px #bbbbbb;
 	box-shadow:			inset 1px 4px 4px -4px #AAAAAA;
}


.component-product-marquee .has-flash .share-left {
	background-color: transparent;
}

.component-product-marquee .share-container .share-left .tell-product {
	padding: 15px 0 0;
    text-align: center;
    width: 335px;
	float: left;
}

.component-product-marquee .share-container .share-left h4,
.component-product-marquee .share-container .share-left h3 {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	display:block;
}

.component-product-marquee .share-container .share-left h3 {
	font-size: 18px;
	padding-top:2px;	
}

.component-product-marquee .share-container .share-left .share-options {
	float: right;
	margin: 0 0 0 0px;
	
}

.component-product-marquee .share-container .share-left .share-options li {
	background-position: 0px -200px;
	float: left;
	width: 121px;
	height: 70px;
	text-align: center;
}

.component-product-marquee .share-container .share-left .share-options .like-facebook-large {
	padding: 0 0 0 0;
	width: 102px;
	height: 70px;
	background-position: 0px -200px;
	background-color: #efefef;
	
}

.component-product-marquee .share-container .share-left .share-options .like-facebook-large div {
	margin-left: 10px;
}

.component-product-marquee .share-container .share-left .share-options .like-facebook-large .fake-like-icon {
	display: inline-block;
	
	background-position: -100px -150px;
}

.component-product-marquee .share-container .share-left .share-options .share-google {
	background-image: none;
}

.component-product-marquee .share-container .share-left .share-options .share-email {
	padding: 0 24px 0 24px;
	width: 55px;
}

.component-product-marquee .share-container .share-left .share-options .share-email .share-email-button {
	background-position: -1px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	display: block;
	width: 55px;
	height: 22px;
	padding: 44px 0 0 0;
}

.component-product-marquee .share-container .share-left .share-options .share-email .share-email-button:hover {
	background-position: -1px -150px;
	color: #81ba10;
}

.component-product-marquee .share-container .share-right {
	float: right;
	width: 80px;
	height: 30px;
	background-color: #efefef;
	padding: 5px 13px 6px 10px;
	position: relative;
}

.component-product-marquee .share-container-collapsed .share-right {
	width: 176px;
}


/* No flash inset shadow */
.component-product-marquee .no-flash  .share-right {
	-moz-box-shadow:	inset -1px 4px 4px -4px #AAAAAA;
    -ms-box-shadow:		inset -1px 4px 4px -4px #AAAAAA;
    -o-box-shadow:		inset -1px 4px 4px -4px #AAAAAA;
    -webkit-box-shadow:	inset -1px 4px 4px -4px #AAAAAA;
 	box-shadow:			inset -1px 4px 4px -4px #AAAAAA;
}


.component-product-marquee .has-flash .share-container .share-right {
	background-color: transparent;
}

.component-product-marquee .share-container-expanded .share-right {
	padding-top: 104px;
}

.component-product-marquee .share-container .share-right .like-facebook {
	float: left;
	width: 75px;
	height: 20px;
	padding: 6px 8px 6px 0;
	position: relative;
	z-index: 100;
	overflow: hidden;
	border-right: 1px solid #e1e1e1;
}

.component-product-marquee .share-container .share-right .button-share,
.component-product-marquee .share-container .share-right .button-close {
	float: right;	
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-align: right;
	text-decoration: none;
	padding: 5px 0 0 5px;
	line-height: 22px;
	background-position: -114px -37px;
	position: relative;
	z-index: 200;	
	min-width: 70px;
}

.component-product-marquee .share-container .share-right .button-close .up-arrow {
background-position: -94px -42px;
}

.component-product-marquee .share-container .share-right .button-close {
	width: 50px;
	min-width: 83px;
}

.component-product-marquee .share-container-collapsed .button-close {
	display: none;	
}
.component-product-marquee .share-container-expanded .button-share {
	display: none;	
}

.component-product-marquee .share-container-expanded .like-facebook {
	display: none;
}

.component-product-marquee .share-container .share-right .arrow {
	background-position: 0px -100px;
	width: 14px;
	height: 39px;
	top: 65px;
	right: 28px;
	position: absolute;
}

.component-product-marquee .share-container-collapsed .share-right .arrow {
	display: none;	
}

/** Popups */

/** Sign up */
.product-marquee-signup .component-product-alerts {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

.product-marquee-signup.no-br .overlay-popup .overlay-popup-header-with-content .overlay-corner-tl {
	background-position: 0 0;	
}
.product-marquee-signup.no-br .overlay-popup .overlay-popup-header-with-content .overlay-corner-tr {
	background-position: -30px 0;	
} 

.product-marquee-signup.no-br .overlay-popup .overlay-popup-header-with-content .overlay-t-mid
{
	background-image: url(/global/media/product-detail/sprites/sprite-overlay-popup-nobr-rep-vert-white.png);
}

.product-marquee-signup.no-br .overlay-popup .overlay-header,
.product-marquee-signup .overlay-popup .overlay-header {
	background-color: #ffffff;
	text-align: center;	
}

.product-marquee-signup .overlay-popup .overlay-header {
	padding: 16px 20px 0;
}

.product-marquee-signup.no-br .overlay-popup .overlay-header {
	padding: 0 20px 0;
}

.product-marquee-signup.no-br .overlay-popup .overlay-header h1,
.product-marquee-signup .overlay-popup .overlay-header h1 {
	font-size: 12px;
	color: #333333;
	padding: 0 0 4px 0;
	margin-top: -2px;
	margin-bottom: 5px;
	text-align: left;	
}

.product-marquee-signup .overlay-popup .overlay-content {
	margin: 0;
	padding: 0 0 8px 0;
}

.product-marquee-signup.no-br .overlay-popup .overlay-content {
	margin: 22px 8px 17px 8px;
    padding: 0 0 0 0;
}

.product-marquee-signup .overlay-popup .product-alerts-form {
	padding: 0 0 0 0;
	width: 338px !important;
}

.product-marquee-signup .overlay-popup .product-alerts-form p {
	padding: 0 18px 0 20px;	
}
.product-marquee-signup.no-br .overlay-popup .product-alerts-form p {
	padding: 0 18px 0 18px;	
}

.product-marquee-signup .overlay-popup .product-alerts-form p.product-alerts-buttons {	
	width: 338px !important;
	padding: 11px 0 0 0;
	margin-top: 16px;
}

.product-marquee-signup .overlay-popup .product-alerts-form .styledCheckbox {
	margin-left: 15px;	
}


/* Added by Jamie Lloyd 2.22.2012 */
.like-renren {
	float:left;
	width:80px;
	height:20px;
	padding:4px 8px 6px 0;
	position:relative;
	z-index:100;
	overflow:hidden;
	border-right:1px solid #e1e1e1
}

.component-product-marquee .share-container .share-left .tell-product-china {
	padding:15px 0 0;
	text-align:center;
	width:300px;
	float:left
}

.share-kaixin {
	background:none !important;
	margin:5px 0 0;
}

.renren-wrapper {
	position:relative;
	top:28px;
}

.component-product-marquee .share-container .share-right.china .like-facebook {
	float:left;
	width:75px;
	height:20px;
	padding:6px 20px 6px 0;
	position:relative;
	z-index:100;
	overflow:hidden;
	border-right:1px solid #e1e1e1
}

.component-product-marquee .share-container .share-left.china ul.share-options {
	position:relative;
	top:-54px
}
/* Component __________________________________________________________________ */

.component-product-more-info {
    padding-bottom: 60px;
}

.component-product-more-info h1 {
    width: 928px;
	background-color: #999;
	box-shadow: inset 0 0 10px #333;
	padding: 10px 0 10px 30px;
	font-size: 14px;
	color: white;
	margin:0 0 20px 0;
}

.component-product-more-info h2 {
	font-size: 16px;
	color: #333;
	margin:10px 0 0;
	display:block;
}

.component-product-more-info ul {
    display:block;
    width:970px;
}

.component-product-more-info li {
    display:inline-block;
    background-color:#E9E8E8;
    border-radius:5px;
    list-style:none;
    width:281px;
    height:130px;
    margin:0 0 0 20px;
    padding:10px 10px 10px 15px;
    float:left;
}

.component-product-more-info li:first-child {
    margin:0;
}

.component-product-more-info li a {
	clear:both;
	margin:15px 0 0;
	display:block;
	color:#459a08;
	text-decoration:none;
}

.component-product-more-info li .button-container {
	display:inline-block;
	width:100%;
	margin:30px 0 0;
}


.component-product-more-info li a:hover {
	text-decoration:underline;
}

.component-product-more-info li a.green-button-type2 {
	color:white;
	margin:0 auto;
	display:inline-block;
}
.component-product-more-info li a.green-button-type2:hover {
	text-decoration:none;
}

.component-product-more-info li a.grey-button-type2 {
	color:#333;
	margin:0 auto;
	display:inline-block;
}
.component-product-more-info li a.grey-button-type2:hover {
	text-decoration:none;
}





/**
 * 
 * CSS specific for the HTC What Others are saying Component
 * 
 * Inherits layout from the global gui styles
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * Quotes
 * 
 */



/* Component __________________________________________________________________ */

.component-product-opinions {
	margin-bottom: 60px;
}
.component-product-opinions li {
	position: relative;
}

.component-product-opinions li h3 {	
	font-weight:bold;
}

.component-product-opinions .products-opinions-columns-container {
	background-image:url('/global/media/product-detail/sprites/product-opinions/three-column-bg.gif');
	background-repeat:repeat-y;
	margin-top:43px;	
}

.component-product-opinions .comments,
.component-product-opinions .awards,
.component-product-opinions .media,
.component-product-opinions .quotes {	
	width:220px;
	padding:0px 10px 0px 10px;
	float:left;	
}

.component-product-opinions .quotes{
	padding-left:8px;
}

.component-product-opinions .comments {
	padding-left:0px;
	width:200px;
}

.component-product-opinions .media {
	width:200px;
	padding:0px 20px 0px 20px;	
}

.component-product-opinions .quotes {
	background-image:none;
	padding-right:0px;
	width:200px;	
}

.component-product-opinions .comments ul li {
	padding-top:15px;
	margin-bottom:40px;
}

.component-product-opinions .comments ul li p {
	font-size:14px;
	padding-right:10px;
	color:#666666;
	line-height:23px;
}

.component-product-opinions .comments ul li a:link,
.component-product-opinions .comments ul li a:visited {
	border-right:1px solid #cccccc;
	padding-right:10px;
	display:inline-block;
	margin-right:10px;
}

.component-product-opinions .awards ul li {
	text-align:center;
	margin-bottom:45px;
}

.component-product-opinions .awards ul li b {
	color:#4a4a4a;
	font-size:18px;
	text-align:center;
	display:block;
	font-style:italic;
	margin-top:10px;
}

.component-product-opinions .media ul li {
	cursor:pointer;
	text-align:center;	
	margin-bottom:26px;
}

.component-product-opinions .media ul li .video-thumb, 
.component-product-opinions .media ul li .thumb,
.component-product-opinions .media ul li .video-thumb .video-icon {
	background-image:url('/global/media/product-detail/sprites/sprite-thumbnails.png');
	background-repeat:no-repeat;
}

.component-product-opinions .media ul li .video-thumb,
.component-product-opinions .media ul li .thumb {
	display:inline-block;
	width:185px;
	height:104px;
	background-position:left top;
	margin-bottom:3px;	
	position:relative;
	text-align:left;	
}

.component-product-opinions .media ul li .video-thumb img,
.component-product-opinions .media ul li .thumb img {
	padding-top:6px;
	padding-left:6px;
}

.component-product-opinions .media ul li .video-thumb:hover,
.component-product-opinions .media ul li .thumb:hover {
	background-position:-232px top;	
}

.component-product-opinions .media ul li .video-thumb .video-icon {
	position:absolute;
	width:32px;
	height:32px;
	display:block;
	bottom:13px;
	right:13px;	
	background-position:-465px top;
}

.component-product-opinions .media ul li b {
	color:#4a4a4a;
	font-size:12px;
	display:block;
}

.component-product-opinions .commenter {
	font-size:12px;
	color:#999999;
	font-style:italic;	
}

.overlay-content .opinions-video-content {
	padding:20px 20px 15px 20px;
}



/* Quotes */ 

.quotes {
	width: 200px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.quotes ul {
	position: relative;
	width: 100000px;
	zoom: 1;
}

.quotes li {
	float: left;
	width: 200px;
}

.quotes blockquote {
	background: transparent url("/global/media/product-detail/sprites/quotes/sprite-quotes-top.png") no-repeat left top;
	color: #4a4a4a;
	font-size: 14px; 
	font-style: italic;

	display: block;
	width: 160px;
	padding-left: 22px;
	margin-left: 7px;
	line-height: 22px;
	margin-bottom: 40px;
}

.quotes blockquote span {
	display: inline;
	background: transparent url("/global/media/product-detail/sprites/quotes/sprite-quotes-bottom.png") no-repeat right bottom;
	padding-right: 22px;
	padding-bottom: 5px;
}

.quotes img {
	position: relative;
	left: 67px;
}
/**
 * 
 * CSS specific for the HTC Phone Overview Gallery
 * 
 * Inherits layout from the global gui styles
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */



/* Component __________________________________________________________________ */

.phone-overview-gallery {
	display: none;
	padding-bottom:34px;
}
.phone-overview-gallery.type2 .contentContainer {
	height:344px;
}

.phone-overview-gallery.type2 .contentContainer .play-bar {
	bottom:40px;
}

.phone-overview-gallery.type2 ul.thumbs-list li .thumb {
	background:none;
	width:108px;
	height:68px;
	position:relative;
}
.phone-overview-gallery.type2 ul.thumbs-list li .thumb a .outline {
	border:1px solid #81BA10;
	width:102px;
	height:62px;
	position:absolute;
	top:2px;
	left:2px;
	box-shadow:0px 0px 7px 1px #81BA10;
	display:none;
}
.phone-overview-gallery.type2 ul.thumbs-list li.active .thumb a .outline {
	display:inline-block;
}
.phone-overview-gallery.type2 ul.thumbs-list li .thumb a:hover .outline {
	display:inline-block;
}
.phone-overview-gallery.type2 ul.thumbs-list li.video.active .thumb img {
	display:inline-block;
}
.phone-overview-gallery.type2 ul.thumbs-list li.video.active .thumb a {
	display:inline-block;
}
.phone-overview-gallery.type2 ul.thumbs-list li .thumb img {
	margin-top:0;
}
.phone-overview-gallery.type2 ul.thumbs-list li {
	width:108px;
}

.phone-overview-gallery.type2 .info{
	padding-left:8px;
	width:369px;
	height:344px;
	overflow:visible;
}
.phone-overview-gallery.type2 {
	background-color:#e9e8e8;
	padding:20px;
	width:917px;
	border-radius:5px;
	margin-bottom:20px;
}
.phone-overview-gallery.type2 .info ul.description {
	width:340px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	position:relative;
	height:270px;
}

.phone-overview-gallery.type2 .info .description li {
	width:340px;
	padding-bottom:35px;
}
.phone-overview-gallery.type2 .contentContainer object {
	margin-top:0;
}
.phone-overview-gallery.type2 ul.thumbs-list {
	position:relative;
	top:0;
	margin:9px 0 0;
}

.phone-overview-gallery.type2 h1 {
    color: #4a4a4a;
	font-size: 18px;
	line-height:1em;
}





.phone-overview-gallery h1 {
    color: #4a4a4a;
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 12px;    
}

/* .contentContainer __________________________________________________*/
.phone-overview-gallery .contentContainer {	
    float: right;
	width: 540px;
    height: 395px;	
	overflow: visible;
	position: relative;
}

    .phone-overview-gallery .contentContainer img {
    	position: absolute;
    	top: 0px;
    	left: 0px;
        display: none;
    }

    .phone-overview-gallery .contentContainer object {
    	margin-top: 20px;
    	opacity:1;
    }

    .phone-overview-gallery .image-url,
    .phone-overview-gallery .image-thumb {
    	display: none;
    }

    .phone-overview-gallery .contentContainer object {
    	visibility: hidden;
    }


/* .info __________________________________________________*/    
.phone-overview-gallery .info {
	float: left;	
    width: 390px;
    height: 430px;
	overflow: hidden;    
	position: relative;	    
    zoom: 1;
}

    .phone-overview-gallery .info .description {
        width: 380px;
    	color: #666;
    	font-size: 15px;
		line-height: 23px;
    	display: none;              
    }
    
        .phone-overview-gallery .info .description p {
        	line-height:19px;
        	font-size:14px;
        	        
        }        
        
        .phone-overview-gallery .info .description li {        	
            height: auto;
            width: 380px;
        	overflow:hidden;
        	display:none;
        }

/* Thumbs-list __________________________________________________*/        
.phone-overview-gallery ul.thumbs-list {	    
    display:block;
    width: 390px; 
    position:absolute;
    left:0px;
    top:292px;  
    display:none;    
}

    .phone-overview-gallery ul.thumbs-list li {
        list-style:none;
        float:left;
        margin-right:10px;  
        width:85px;
        position:relative;
        text-align:center;
        font-weight:bold;
        color:#666666;
        font-size:11px; 
        cursor:pointer;
        zoom:1;
    }

        .phone-overview-gallery  ul.thumbs-list li .thumb,
        .phone-overview-gallery  ul.thumbs-list li .video-icon {
            background-image:url('/global/media/product-detail/sprites/product/sprite-phone-overview.png');
            background-repeat:no-repeat;    	
        }

        .phone-overview-gallery ul.thumbs-list li.video .video-icon {
        	display: block;
        	z-index: 10;
        }

        .phone-overview-gallery ul.thumbs-list li .video-icon {
            display:none;
            background-position:left -90px;
            width: 40px;
            height: 40px;
            position:absolute;
            top: 21px;
            left: 23px;
        }

        .phone-overview-gallery ul.thumbs-list li .thumb {
            background-position: left top;
            width: 85px;
            height: 72px;   
            display: block;
            margin-bottom: 10px;        
            text-align: center; 
        }

             .phone-overview-gallery ul.thumbs-list li .thumb img {
                margin-top: 19px;   
                display: inline-block;
            }

            .phone-overview-gallery ul.thumbs-list li.active .thumb {
                background-position: -135px top;
            }

            .phone-overview-gallery ul.thumbs-list li.video.active .thumb img {
                display: none;
            }

        .phone-overview-gallery ul.thumbs-list li .label {
            width: 150px;
            display: table-cell;
            vertical-align: middle;                
        }

        .phone-overview-gallery ul.thumbs-list li:hover,
        .phone-overview-gallery ul.thumbs-list li.active,
        .phone-overview-gallery ul.thumbs-list li.active:hover {
        	color: #262626;
        }

        .phone-overview-gallery ul.thumbs-list li:hover .thumb{
        	background-position: -270px top;
        }

            .phone-overview-gallery ul.thumbs-list li.active:hover .thumb{
            	background-position: -135px top;
            }

/* Teamsite Edit Mode __________________________________________________*/
.no-js .teamsiteEditMode .phone-overview-gallery .contentContainer {
	display: block;
	border:dotted 1px black;	
}

.no-js .teamsiteEditMode .phone-overview-gallery .info {
	float:left;
	width: 380px;
	height: 430px;	
}

.no-js .teamsiteEditMode .phone-overview-gallery .info .description{
	width:
}

.no-js .teamsiteEditMode .phone-overview-gallery .info .description li span{
	display:none;
}

.no-js .teamsiteEditMode .phone-overview-gallery .info .description li{
	display: none;
}

.no-js .teamsiteEditMode .phone-overview-gallery .info .description li:first-child {
	display: block;
    opacity: 1;
}

.no-js .teamsiteEditMode .phone-overview-gallery .contentContainer {
	float:right;
	width:540px;
	height:395px;
	position:relative;
}

.no-js .teamsiteEditMode .phone-overview-gallery .thumbs-list{
	display:block;
	border:dotted 1px black;
	height:103px;
}

/* No-js __________________________________________________*/
.no-js .phone-overview-gallery { 
    display: block;
} 

.no-js .phone-overview-gallery h1,
.no-js .phone-overview-gallery .description li p {
    display: block; 
    width: 380px;    
}

.no-js .phone-overview-gallery .contentContainer { 
    display: none;
}

.no-js .phone-overview-gallery .image-url {
    display: block;
    position: absolute;
    left: 380px;
    top: 0;
}

.no-js .phone-overview-gallery .info {
    float: none;
    height: auto;
    overflow: visible;
    width: auto;
} 

.no-js .phone-overview-gallery .info .description {
    display: block;
    height: auto;
    position: relative;
    width: auto; 
}

    .no-js .phone-overview-gallery .info .description li { 
        display: block;
        opacity: 1;
        position: relative;
        margin-bottom: 20px;
        width: auto;
        overflow: hidden;
    }  

/* Component __________________________________________________________________ */

.component-product-retailers {
	margin:20px 0 0px 0;
	display:inline-block;
}

.component-product-retailers h1 {
    width: 928px;
	background-color: #999;
	box-shadow: inset 0 0 10px #333;
	padding: 10px 0 10px 30px;
	font-size: 14px;
	color: white;
	margin:0 0 20px 0;
}

.component-product-retailers ul {
    width:290px;
    float:left;
    height:100%;
    margin:0 0 0 30px;
}

.component-product-retailers .list-container {
    width:1000px;
    float:left;
    height:100%;
}

.component-product-retailers li {
    display:block;
    margin:0 0 20px 0;
}

.component-product-retailers a {
    color:#459a08;
    text-decoration:none;
    font-size:14px;
}
.component-product-retailers a:hover {
    text-decoration:underline;
}
/**
 * 
 * CSS specific for the HTC Product Signup Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */


.component-product-signup .form-container .form .form-margin iframe {
	width:423px;
	height:333px;
	border:none;
}

.component-product-signup .form-container .form .form-margin h1 {
	font-size:18px;
	font-weight:bold;
	padding:0px 0 0px 20px;
	float:left;
}
.component-product-signup .form-container .form .form-margin h2 {
	font-size:16px;
	padding:0px 20px;
	display:inline-block;
	font-weight:200;
	clear:both;
}

.component-product-signup {
	position:relative;
	height:565px;
	margin-bottom:12px;
	margin-top: 0px;
	left: 0;
	top:-17px;
	width: 956px;
	outline: none;
}

.component-product-signup .product-signup-container {
	position: absolute;
	top:0px;
	left:0px;
}

.component-product-signup .product-signup-relative-container
{
	width: 956px;
	/* height: 500px; */
	float:left;
	margin:0;
	position: relative;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	background:url(/global/media/product-detail/sprites/type2/product-marquee-type2-bkg.jpg);
}

.component-product-signup .hero-container {
	float:left;
	display:inline-block;
	position:absolute;
	left:0px;
}

.component-product-signup .hero-container-small {
	float:left;
	display:inline-block;
	position:absolute;
	left:0px;
}
.component-product-signup .hero-container-small img {
	margin:75px 0 0 125px;
}

.component-product-signup .form-container {
	float:left;
	display:inline-block;
	position:relative;
	left:444px;
	margin:20px 0 0;
	width:500px;
	top:-18px;
}

.component-product-signup .form-container .header {
	float:left;
	display:inline-block;
	
	width:423px;
	/* height:87px; */
	position:relative;
	/* top:20px; */
	z-index:10;
	padding:0;
	margin:0;
}

.component-product-signup .form-container .header span.top {
	background:url(/global/media/product-detail/sprites/top-bkg.png) no-repeat;
	width:423px;
	height:20px;
	display:inline-block;
	float:left;
}

.component-product-signup .form-container .header span.middle {
	background:url(/global/media/product-detail/sprites/top-bkg.png) no-repeat;
	width:423px;
	background-position:0px -10px;
	display:inline-block;
	float:left;
}

.component-product-signup .form-container .header span.bottom {
	background:url(/global/media/product-detail/sprites/top-bkg.png) no-repeat;
	width:423px;
	height:20px;
	background-position:0px -154px;
	display:inline-block;
	float:left;
}

.component-product-signup .form-container .header h1 {
	font-size:14px;
	font-weight:bold;
	padding:0px 0 0 20px;
	float:left;
}

.component-product-signup .form-container .header h2 {
	font-size:12px;
	padding:0px 20px;
	display:inline-block;
	font-weight:200;
	clear:both;
	margin:0;
}

.component-product-signup .form-container .form {
	float:left;
	display:inline-block;
	background:url(/global/media/product-detail/sprites/form-bkg.png);
	width:496px;
	position:relative;
	top:-50px;
}
.component-product-signup .form-container .form-bottom {
	float:left;
	display:inline-block;
	background:url(/global/media/product-detail/sprites/form-bkg.png);
	width:496px;
	position:relative;
	top:-50px;
	height:30px;
	background-position: 0 -499px;
}


.component-product-signup .form-container .form .form-margin {
	display:inline-block;
	margin:21px 60px 0px 34px;
	padding:34px 0 0 6px;
	position:relative;
	float:left;
	background: #e9e9e9; 
	width:423px;
	min-height:335px;
	/* Old browsers */
	
	background: -moz-linear-gradient(45deg,  #e9e9e9 0%, #ffffff 100%); 
	/* FF3.6+ */
	
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff)); 
	/* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(45deg,  #e9e9e9 0%,#ffffff 100%); 
	/* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(45deg,  #e9e9e9 0%,#ffffff 100%); 
	/* Opera 11.10+ */
	
	background: -ms-linear-gradient(45deg,  #e9e9e9 0%,#ffffff 100%); 
	/* IE10+ */
	
	background: linear-gradient(45deg,  #e9e9e9 0%,#ffffff 100%); 
	/* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=1 ); 
	/* IE6-9 fallback on horizontal gradient */

}















.component-product-signup .form-container .form .form-margin ul li {
	position:relative;
	width:100%;
	float:left;
	margin:0 0 0px 0;
}
.component-product-signup .form-container .form .form-margin ul li.submit-button {
	position:absolute;
	width:100%;
	float:left;
	margin:0 0 0px 0;
	bottom:2px;
	left:0;
}
li.inputmargin {
	margin:0 0 10px 0 !important;
}
li.check {
	margin:0 0 -5px 0 !important;
}

.component-product-signup .form-container .form .form-margin ul li a {
	color:#333;
	font-weight:normal;
}

.component-product-signup .form-container .form .form-margin ul li a.green-button-type2 {
	color:#fff;
	font-weight:normal;
	margin:10px 0 0;
	float:left;
}

.component-product-signup .form-container .form .form-margin ul li span.required-star {
	position:absolute;
	margin:10px 10px 0 0;
	font-size:30px;
	left:-10px;
	color:#666666;
}
.component-product-signup .form-container .form .form-margin ul li span.required-star-check {
	position:absolute;
	margin:2px 10px 0 0;
	font-size:30px;
	left:-10px;
	color:#666666;
}

.component-product-signup .form-container .form .form-margin ul li span.required-field.email {
	color:red;
	margin:2px 0 0 13px;
	float:left;
	display:none;
}
.component-product-signup .form-container .form .form-margin ul li span.required-field.privacy {
	color:red;
	margin:0px;
	float:left;
	display:none;
}


.component-product-signup .form-container .form .form-margin ul li span.label {
	color:#333;
	margin:7px 0 0 10px;
	float:left;
}

.component-product-signup .form-container .form .form-margin ul li span.label.short {
	margin:5px 0 0 10px;
	float:left;
}

.component-product-signup .form-container .form .form-margin ul li input.radio {
	width:15px;
	height:15px;
	margin:4px 0 0 10px;
}
.component-product-signup .form-container .form .form-margin ul li input.emailaddress {
	margin:7px 0 3px 7px;
}

.component-product-signup .form-container .form .form-margin ul li input.checkbox {
	width:15px;
	height:15px;
	margin:5px 10px 0 10px;
}

.component-product-signup .form-container .form .form-margin ul li input {
	/* display:inline-block;
	margin:7px;
	width:240px;
	color:#333;
	border-radius:20px;
	border:1px solid #ccc;
	box-shadow:0px -1px 3px #333;
	font-style: italic;
	padding:5px 7px;
	font-size:14px; */
}

.inputText {
background-repeat: repeat-x;
background-image: url('/global/media/product-detail/img/input_area.png');
/* height: 30px; */
width: 235px;
float: left;
}

.inputText .input {
font-size: 12px;
font-family: Arial,sans-serif;
color: #82786F;
width: 207px;
border: 0;
background: transparent;
height: 18px;
padding: 0;
margin: 6px 0 6px 13px;
}

.icon_star {
width: 23px;
height: 30px;
background-image: url('/global/media/product-detail/img/icon-star.png');
background-repeat: no-repeat;
display: block;
position:absolute;
left:-23px;
}

.icon_star.checkbox {
height: 30px;
}



.component-product-signup .form-container .form span.required-header {
	color:#333;
	font-size:11px;
	float:left;
	width:100%;
}

.custom-checkbox, .custom-radio {
	position: relative;
	float:left;
}

.custom-checkbox {
	font-size:12px;
	color:#333;
}

.custom-radio input {
position: absolute;
left: 8px;
top: 7px;
margin: 0;
z-index: 0;
width:5px;
}

.custom-checkbox input {
position: absolute;
left: 6px;
top: 10px;
margin: 0;
z-index: 0;
width:4px;
visibility:hidden;
}

.custom-checkbox label div.text
{
    /* height:30px;
    display:table-cell; */
    padding:5px 0;
    vertical-align:middle;
}
.custom-checkbox label div span
{
    display: block;
}
    
.custom-checkbox {
	margin:0 0 0 4px;
}
	
/* states */
.custom-checkbox label { background: url(/global/media/product-detail/img/checkbox.png) no-repeat;}

.custom-radio label { background: url(/global/media/product-detail/img/radio-button.png) no-repeat; }

.custom-checkbox label{
	/* height:16px; */
	display: block;
	position: relative;
	font-size: 13px;
	line-height: 1;
	padding: 5px 20px 0px 30px;
	margin: 0;
	cursor: pointer;
	float: left;
	z-index: 1;
	background-position: -11px -10px;
}


.custom-radio label 
{
    background-position: -10px -14px;
    font-size: 13px;
	line-height: 1;
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 13px;
	line-height: 1;
	padding: 0.5em 20px 0.5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
	float: left;
	z-index: 1;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus {
	background-position: -11px -110px;
}

.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked {
	background-position: -11px -210px;
}

.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -311px;
}
/**
 * 
 * CSS specific for the HTC Product specs details Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-specs-details {

}

.specs-details {
	margin: 72px 0 0 0;
	position: relative;
}

.specs-details h1 {
	padding-bottom: 12px;
}

.specs-details ul {
	background: transparent url(/global/media/product-detail/sprites/product-specs/dashed_line.gif) repeat-x left bottom;
}

.specs-details li {
	padding: 0 0 0 0;
	color: #666;
	background: transparent url(/global/media/product-detail/sprites/product-specs/dashed_line.gif) repeat-x left top;
}


/*  Icons */

.specs-details-icon-books,
.specs-details-icon-camera,
.specs-details-icon-dlna,
.specs-details-icon-flash,
.specs-details-icon-cpu,
.specs-details-icon-front-cam,
.specs-details-icon-hotspot,
.specs-details-icon-map,
.specs-details-icon-music,
.specs-details-icon-phone-wire,
.specs-details-icon-printer,
.specs-details-icon-search,
.specs-details-icon-trim,
.specs-details-icon-video {
	width: 80px;
	height: 80px;
	float: left;
}

.specs-details-icon-books {
	background: transparent url(/global/media/product-detail/sprites/product-specs/books.gif) no-repeat center center;
}

.specs-details-icon-camera {
	background: transparent url(/global/media/product-detail/sprites/product-specs/camera.gif) no-repeat center center;
}

.specs-details-icon-dlna {
	background: transparent url(/global/media/product-detail/sprites/product-specs/dlna.gif) no-repeat center center;
}

.specs-details-icon-cpu {
	background: transparent url(/global/media/product-detail/sprites/product-specs/cpu.gif) no-repeat center center;
}

.specs-details-icon-front-cam {
	background: transparent url(/global/media/product-detail/sprites/product-specs/front-cam.gif) no-repeat center center;
}

.specs-details-icon-hotspot {
	background: transparent url(/global/media/product-detail/sprites/product-specs/hotspot.gif) no-repeat center center;
}

.specs-details-icon-map {
	background: transparent url(/global/media/product-detail/sprites/product-specs/map.gif) no-repeat center center;
}

.specs-details-icon-music {
	background: transparent url(/global/media/product-detail/sprites/product-specs/music.gif) no-repeat center center;
}

.specs-details-icon-phone-wire {
	background: transparent url(/global/media/product-detail/sprites/product-specs/phone-wire.gif) no-repeat center center;
}

.specs-details-icon-printer {
	background: transparent url(/global/media/product-detail/sprites/product-specs/printer.gif) no-repeat center center;
}

.specs-details-icon-search {
	background: transparent url(/global/media/product-detail/sprites/product-specs/search.gif) no-repeat center center;
}

.specs-details-icon-trim {
	background: transparent url(/global/media/product-detail/sprites/product-specs/trim.gif) no-repeat center center;
}

.specs-details-icon-video {
	background: transparent url(/global/media/product-detail/sprites/product-specs/video.gif) no-repeat center center;
}

.specs-details-icon-flash {
	background: transparent url(/global/media/product-detail/sprites/product-specs/flash.gif) no-repeat center center;
}





.specs-details-description {
	padding-top: 20px;
	padding-left: 0;
	width: 380px;
	display: block;
	float: left;
	line-height: 20px;
}

.specs-details-image {
	position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
    width: 500px;
}
/**
 * 
 * CSS specific for the HTC Product specs summary Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-specs-summary {
	
}

.component-product-specs-summary.type2 .specs-summary .specs-summary-image {
	z-index:1000;
}
.component-product-specs-summary.type2 .specs-summary ul li {
	display:inline:block;
	float:left;
	width:290px;
	height:80px;
}

.component-product-specs-summary.type2 .specs-summary ul li b {
	color:#4A4A4A;
	text-transform:uppercase;
}
.component-product-specs-summary.type2 .specs-summary ul li img {
	display:inline:block;
	float:left;
}

.component-product-specs-summary.type2 .specs-summary ul li p {
	display:inline-block;
	float:left;
	width:190px;
	margin:5px 0 0 5px;
}

.component-product-specs-summary.type2 .specs-summary ul {
	display:inline:block;
	float:left;
	width:580px;
	margin:20px 0 0;
	position:relative;
	left:-5px;
}

.specs-summary-release-date {
	color: #999;
	padding: 5px 0 9px 20px;
	background: transparent url(/global/media/product-detail/sprites/product-specs/dashed_line.gif) repeat-x left bottom;
}

.specs-summary {
	position: relative;
}
.specs-summary-title {
}

.specs-summary-title h1 {
	margin: 2px 0 0 0;
	padding: 0;
}

.specs-summary-title h2 {
	color: #4a4a4a;
	display: block;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}

.specs-summary table {
	width: 100%;
	color: #666;
}

.specs-summary tr {
	background: transparent url(/global/media/product-detail/sprites/product-specs/dashed_line.gif) repeat-x left bottom;
}

.specs-summary tr.specs-summary-small-row {
	background: none;
}

.specs-summary tr.specs-summary-small-row-last {
	background: transparent url(/global/media/product-detail/sprites/product-specs/dashed_line.gif) repeat-x left bottom;
	padding-bottom: 20px;	
}

.specs-summary th {
	color: #4a4a4a;
	width: 90px;
	font-size: 18px;
	padding: 19px 0 20px 20px;
}

.specs-summary tr.specs-summary-small-row th, .specs-summary tr.specs-summary-small-row td {
	padding-top: 12px;
	padding-bottom: 0;
}

.specs-summary tr.specs-summary-small-row-last th, .specs-summary tr.specs-summary-small-row-last td {
	padding-top: 7px;
	padding-bottom: 12px;
}

.specs-summary tr.specs-summary-small-row th {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

.specs-summary tr td {
	padding-right: 550px;;
}

.specs-summary-image {
	top: -27px;
	right: 0px;
	position: absolute;
	width: 500px;
	text-align: center;
}

.specs-summary-image-label {
  position: absolute;
	font-size: 16px;
}

/**
 * 
 * CSS specific for the HTC Product specs tech Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-specs-tech {
	width: 820px;
	margin: 100px 0;
	position: relative;
	color: #4a4a4a;
  background: #edeceb url(/global/media/product-detail/sprites/product-specs/tech_background.gif) repeat top left;
	padding: 40px 40px 35px 80px;	
}

.component-product-specs-tech.type2 {
	margin: 10px 0;
	padding:40px 40px 35px 50px;
	width:868px;
	margin:0 0 20px 0;
}

.component-product-specs-tech.type2 .specs-tech-column-left .right-wrapper h4:first-child {
	margin:0;
}

.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed {
	width:834px;
	display:inline-block;
	background:none;
}
.component-product-specs-tech.type2 .specs-tech-column-left {
	width:834px;
	display:inline-block;
}


.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed .left-wrapper {
	display:inline-block;
	float:left;
	width:210px;
	border-top:1px solid #ddd;
	
}
.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed .left-wrapper h3 {
	display:inline-block;
	padding: 23px 0 0px 2px;
	text-transform:uppercase;
	font-size: 13px;
}


.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed .right-wrapper {
	display:inline-block;
	float:left;
	width:500px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	min-height:58px;
}

.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed .right-wrapper h4 {
	padding:0 0 0 20px;
	margin:0;
}

.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed .right-wrapper dl h4 {
	padding:0;
	margin:0;
}

.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed .right-wrapper dl {
	padding:0 0 0 20px;
}
 .component-product-specs-tech.type2 sup{
 	font-size:9px;
 	margin-left:2px;
 }
 
 .component-product-specs-tech.type2 h4 sup{
 	font-size:9px;
 	margin:-6px 0 0 2px;
 	display:inline-block;
 }


.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed:first-child .left-wrapper, .component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed:first-child .right-wrapper {
	border-top:0;
}

.component-product-specs-tech.type2 h4.title {
	position:relative;
	left:-20px;
	top:-13px;
	color:#333;
}




.specs-tech-corner-top-left {
  background: transparent url(/global/media/product-detail/sprites/product-specs/corners_top_left.gif) no-repeat top left;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.specs-tech-corner-top-right {
  background: url(/global/media/product-detail/sprites/product-specs/corners_top_right.gif) no-repeat top right;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 0;
}

.specs-tech-corner-bottom-left {
  background: url(/global/media/product-detail/sprites/product-specs/corners_bottom_left.gif) no-repeat bottom left;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.specs-tech-corner-bottom-right {
  background: url(/global/media/product-detail/sprites/product-specs/corners_bottom_right.gif) no-repeat bottom right;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.specs-tech h3 {
  padding: 6px 0 6px 0;
  margin: 0;
  font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
  color: #333;
  font-size: 16px;
	font-weight: bold;
}

.specs-tech h4 {
  font-weight: bold;
  font-size: 11px;
	line-height: 18px;
  margin: 20px 0 0 0;
  padding: 0;
	color: #666666;
	display: block;
}

h4.specs-tech-first {
	padding-top: 0;
  margin-top: 0;
}

.specs-tech ul {
  margin: 0 0 10px 0;
  padding: 0;
}

.component-product-specs-tech.type2 .specs-tech ul {
	margin-bottom:0px;
    list-style: none;
}

.component-product-specs-tech.type2 .specs-tech ul li {
	margin-left:20px;
    list-style: none;
}

.specs-tech ul li {
  margin: 0 0 0 35px;
  padding: 0 0 0 0;
	list-style-type: disc;
}

.specs-tech dl {
	padding: 3px 0 10px 20px;	
}

.specs-tech dl.specs-tech-bullet {
	list-style-type: disc;
}

.specs-tech ul li, .specs-tech dt, .specs-tech dd {
  color: #666666;
  font-size: 11px;
  line-height: 18px;
}

.specs-tech dt {
	font-weight: bold;
	float: left;
	padding-right: 2px;
}

.specs-tech ol {
}

.specs-tech ol li {
  font-size: 11px;
  margin: 0 0 25px 0;
  color: #999999;
  padding: 0 0 0 7px;
}

.specs-tech-notes {
	width: 774px;
	padding: 50px 0 0 0;
	position: relative;
	clear: both;
}

.specs-tech .specs-tech-notes p {
  color: #999999;
	padding: 0 0 0 5px;
	margin: 0;
}

.specs-tech-notes ol {
	list-style-type: decimal;
}

.specs-tech-notes ol li {
  font-size: 11px;
  margin: 0 0 25px 0;
  color: #999999;
  padding: 0 0 0 5px;
	list-style-type: decimal;
}

.specs-tech p {
  margin: 2px 0 10px 20px;
  padding: 0;
	font-size: 11px;
}

.specs-tech-column-left {
  width: 374px;
  margin: 0 26px 0 0;
  float: left;
}

.specs-tech-column-right {
  width: 374px;  
  margin: 0 26px 0 0;
  float: left;
}

.specs-tech-detailed {
  background: url(/global/media/product-detail/sprites/product-specs/dashed_line_tech.gif) no-repeat left bottom;
}

.specs-tech-detailed div {
  padding: 24px 0 5px 60px;
}

.component-product-specs-tech.type2 .specs-tech-column-left .specs-tech-detailed div 
{
	padding:0;
}

.specs-tech-detailed-last {
	background: none !important;
}

.specs-tech-icon {
	float: left;	
	margin-top: 7px;
}

.calculator {
	display:none;
	float:left;
}
.calculator img{
	float:left;
	margin:7px 0 0;
}
.calculator h3 {
	float:left;
	padding: 23px 0 0 2px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial,'Trebuchet MS',Helvetica,sans-serif;
}
/**
 * 
 * CSS specific for the HTC Product Store Locator Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-store-locator {
	width:940px;
	height:460px;
	margin-top:30px;
	margin-bottom:30px;
}


.component-product-store-locator .store-locator {
	visibility:hidden;	
}

.component-product-store-locator .store-locator h3 {
	background-image: url(/global/media/product-detail/sprites/dotted-line-horizontal-gray.gif);	
	background-position:left bottom;
	background-repeat: repeat-x;	
	color: #4D4D4D;	
	display:block;
	width:940px;
	font-weight: bold;
	font-size:18px;
	display: inline-block;
	padding-bottom: 12px;
	margin-bottom:12px;	
	
}
/**
 * 
 * CSS specific for the HTC Product specs summary Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-summary {
	display:inline-block;
	width:990px;
	margin:0 0 10px 0;
}
.component-product-summary ul {
	display:inline-block;
}
.component-product-summary ul li {
	float:left;
	width:330px;
	
}
.component-product-summary ul li.key-features {
	float:left;
	width:422px;
	
}
.component-product-summary ul li.key-features .content {
	float:left;
	width:399px;
}
.component-product-summary ul li.key-features span.horizontal-rule {
	background:url(/global/media/product-detail/sprites/horizontal-rule.png);
	width:1px;
	height:331px;
	display:inline-block;
	float:left;
	margin:0 20px 0 0;
	background-repeat:no-repeat;
	background-position-y:-15px;
}
.component-product-summary ul li.key-features li {
	float:left;
	width:410px;
	margin:0 0 20px 0;
}

.component-product-summary ul li h4 {
	margin:0 0 20px;
	display:inline-block;
}

.component-product-summary ul ul li p {
	float:left;
	width:270px;
	margin:0 0 0 10px;
	line-height:1.3em;
	font-size:11px;
	padding:3px 0 0;
}
.component-product-summary ul ul li img {
	float:left;
}

.component-product-summary ul li.active-space {
	float:left;
	width:188px;
	height:323px;
	border-radius:10px;
	background-color:#e9e8e8;
	padding:17px 0 0 17px;
}

.component-product-summary ul li.active-space p {
	width:168px;
	padding:0 0 0 4px;
	line-height:1.5em;
}
.component-product-summary ul li.active-space a {
	
	padding:4px 0 0 4px;
	display:block;
}

.component-product-summary ul li.active-space h5 {
	
	clear:both;
	font-weight:bold;
	font-size:14px;
	text-transform:none;
	display:block;
	padding:20px 0 0 3px;
}

.component-product-summary ul li.active-space span.name {
	
	padding:0 0 0 3px;
	display:inline-block;
	color:#479c08;
	font-weight:bold;
	font-size:13px;
	margin:0 45px 0 0;
}

.component-product-summary ul li.active-space span.date {
	padding:0 0 0 3px;
	display:block;
	font-style:italic;
	font-size:10px;
	color:#333;
	margin:0 0 10px 0;
}
.component-product-summary ul li.active-space img {
	margin:2px 0 0;
}

.component-product-summary b {
	color:#4A4A4A;
	font-size:12px;
}

.component-product-summary a {
	color:#459a08;
	text-decoration:none;
}

.component-product-summary a:hover {
	text-decoration:underline;
}




/**
 * 
 * CSS specific for the HTC Product Things Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * Things Items
 * Things Items
 * Video Thumbs
 * 
 */


/* Component __________________________________________________________________ */


.component-product-things {
	margin-bottom: 60px;
}

.product-things-intro {
	color: #4c4c4c;
	font-size: 16px;
	line-height: 30px;

	display: block;
	padding: 30px 60px 30px 60px;
}




/* Things Items ___________________________________________________________ */


.product-things-item {
	position: relative;
}

.product-things-content {
	padding: 60px 20px 40px 60px;
}

.product-things-info {	
	width: 290px;
	margin-left: 500px;
}

.product-things-info h2 {
	color: #333333;
	font-size: 20px;

	display: block;
	position: relative;
	margin-left: 40px;
	margin-bottom: 10px;
}

.product-things-image {
	text-align: center;
	width: 400px;
}

.product-things-video {
	position: relative;
	float: left;

	width: 460px;
	height: 300px;
}

.product-things-number {
	font-size: 50px;
	font-weight: bold;
	color: #b3b3b3;
	line-height: 1;

	display: block;
	position: relative;
	float: left;
	margin-right: 15px;
}

.product-things-info p {
	font-size: 14px;
	line-height: 24px;
}


/* Odd Items ______________________________________________________________ */

.product-things-item-odd .product-things-video {
	float: right;
}

.product-things-item-odd .product-things-image {
	float: right;
}


.product-things-item-odd .product-things-info {
	margin-left: 0;
	width: 400px;
}


/* Even Items ______________________________________________________________ */

.product-things-item-even .product-things-video {
	float: left;
}

.product-things-item-even .product-things-image {
	float: left;
}

.product-things-item-even .product-things-info {
	margin-left: 0;
	width: 400px;
	float: left;
}

.product-things-item-even .product-things-thumb-list {
	float: left;
}


/* Video Thumbs __________________________________________________ */

.product-things-thumb-list {
	display: block;
	margin-top: 20px;	
}


.product-things-item .video-thumb {
    background-position: left -755px;
    text-decoration: none;
	text-align: center;

	display: block;
	position: relative;
	cursor: pointer;
	float: left;
    width: 185px;
	height: 126px;
	margin-right: 20px;
}

.product-things-item .video-thumb:hover {
    background-position: -232px -755px;
}

.product-things-item .video-thumb img {
    position: absolute;
	top: 2px;
	left: 1px;
}

.product-things-item .video-play {
	position: absolute;
	top: 48px;
	left: 76px;
}

.product-things-thumb-video {
	display: none;
}

/* play-bar */
.product-things-video .play-bar {
	bottom: 100px;
}

.product-things-video .play-bar h3 {
	border:none;
}
/**
 * 
 * CSS specific for the HTC Product top apps Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * App List
 * 
 */


/* Component __________________________________________________________________ */

.component-product-top-apps {
	padding-bottom: 76px;
}

.component-product-top-apps h1 {
	background: transparent url("/global/media/product-detail/sprites/dotted-line-horizontal.gif") repeat-x left bottom;
	
	display: block;
}

.product-top-apps-community,
.product-top-apps-released {
	float: left;
	width: 445px;	
}

.product-top-apps-community {
	margin-right: 35px;
}


/* App List__________________________________________________________________ */

.product-top-apps-item {
	background: transparent url("/global/media/product-detail/sprites/dotted-line-horizontal.gif") repeat-x left bottom;
	
	position: relative;
	padding: 20px 0 5px 0;
}

.product-top-apps-item img {
	float: left;
	padding-right: 18px;
	
	display: block;
}

.product-top-apps-item h3 {
	font-size: 16px;
	font-weight: bold;
	
	display: inline-block;
	padding-bottom: 5px;
}

.product-top-apps-item h3 a {
	text-decoration: none;
}

.product-top-apps-item h3 a:hover {
	text-decoration: underline;
}


/* Screenshots _________________________________________________________________ */


.product-top-apps-pagination {
	display: none;
	position: absolute;
	top: 15px;
	right: 0;
}

.product-top-apps-pagination span {
	color: #999999;
	font-size: 11px;
	padding-right: 7px;
}

.product-top-apps-screenshots {
	display: none;
}

.product-top-apps-screenshots li {
	border: 3px solid red;
}

.product-top-apps-screenshots img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid yellow;
}





/*
 * 
 * CSS specific for the HTC Product Troubleshooting Component
 * 
 * @author Paul Lewis (Fi)
 * 
 */


.component-troubleshooting {
	padding-bottom: 60px;	
	display: block;
	width: 940px;
}


.dark .troubleshooting-step-body {
	background: url('/global/media/product-detail/sprites/sprite-troubleshooting-background-dark.png');
}


.light .troubleshooting-step-body {
	background: url('/global/media/product-detail/sprites/sprite-troubleshooting-background-light.png');
}



.troubleshooting-step-header,
.troubleshooting-step-footer,
.troubleshooting-step-body .radio-big-button,
.troubleshooting-step-body .solution-list li,
.troubleshooting-step-footer-first,
.troubleshooting-step-footer-last 
{
	background: url('/global/media/product-detail/sprites/sprite-product-troubleshooting.png') no-repeat left top;
}

.troubleshooting-step-header {
	height: 10px;
}

.troubleshooting-step-footer {
	height: 10px;
	background-position: left -10px;
}

.light .troubleshooting-step-header {
	overflow: hidden;
	height: 10px;
	background-position: 0 -20px;
}

.light .troubleshooting-step-footer {
	overflow: hidden;
	height: 10px;
	background-position: 0 -30px;
}

.light .troubleshooting-step-footer-first,
.light .troubleshooting-step-footer-last {
	overflow: hidden;
	height: 10px;
	background-position: 0 -80px;
}

.dark .troubleshooting-step-footer-first,
.dark .troubleshooting-step-footer-last {
	overflow: hidden;
	height: 10px;
	background-position: 0 -60px;
}

.troubleshooting-step-body {
	padding: 13px 0 0 37px;
	position: relative;
}

.troubleshooting-step-number {
	float: left;
	color: #FFF;
	font-size: 50px;
	font-weight: bold;
	width: 73px;
	line-height: 42px;
	padding-top: 7px;
}

.troubleshooting-step-body form.options {
	float: left;
	width: 815px;
	position: relative;
}

.troubleshooting-step-body form.options .legend {
	float: left;
	width: 100px;
	position: relative;
	padding-right: 28px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	line-height: 133%;
	color: #4c4c4c;
	display: inline;
	white-space:normal;
	margin: 0;
	padding: 3px 0 0 0;
}

.troubleshooting-step-body .form-contents {
	display: block;
	float: right;
	width: 680px;
	position: relative;
}

.troubleshooting-step-body .radio-big-button {
	float: left;
	margin:0 14px 11px 0;
	display: block;
	text-align: center;
	width: 211px;
	height: 75px;
	display: table;
	#position: relative;
	overflow: hidden;
	background-position: 0 -100px;
}

.troubleshooting-step-body .form-contents .active {
	background-position: -220px -100px;
}

.troubleshooting-step-body .radio-big-button a {
	width: 211px;
	height: 75px;
	display: table;
	text-decoration: none;
	#display: block;
}

.troubleshooting-step-body .form-contents .radio-big-button-link-wrapper {
	width: 211px;
	#position: absolute;
	#top: 50%;
	#left: 0;
	display: table-cell;
	vertical-align:middle;
}

.troubleshooting-step-body .form-contents .radio-big-button-link {
	color: #4a4a4a;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	width: 171px;
	#position: relative;
	#top: -50%;
}
.troubleshooting-step-body .form-contents .active .radio-big-button-link {
	color: #FFF;
}

.troubleshooting-step-body .form-contents ul {
	margin: -9px 0 0;
	padding: 0;
	background: url(/global/media/product-detail/sprites/sprite-product-troubleshooting-divider.gif) repeat-y left top;
	min-height: 70px;
	width: 678px;
	padding: 14px 0 4px 0;
}

.troubleshooting-step-body .form-contents li {
	width: 267px;
	padding: 10px 32px 15px 30px;
	float: left;
	line-height: 15px;
	position: relative;
}

.troubleshooting-step-body .form-contents label {
	margin: 0 0 0 2px;
	line-height: 12px;
	font-size: 12px;
	color: #4a4a4a;
	position: relative;
	top: -1px;
}

.troubleshooting-step-body .form-contents label.active {
	font-weight: bold;
}

.troubleshooting-step-body .was-this-helpful {
	margin-left: -20px;
}

.troubleshooting-solution {
	margin-bottom: 20px;
	padding-top: 10px;
}

.troubleshooting-solution p {
	width: 580px;
	color:#333333;
}

.troubleshooting-step-body h2 {
	font-size: 25px;
	margin-bottom: 12px;
	display: block;
}

.troubleshooting-step-body .bullet-list {
	display: block;
	margin-bottom: 50px;
}

.troubleshooting-solution ul,
.troubleshooting-solution ol
{
	padding: 20px 0 20px 0;
}

.troubleshooting-solution ul li,
.troubleshooting-solution ol li {
	list-style: decimal;
	margin-bottom: 29px;
	font-weight: bold;
	color: #4a4a4a;
	margin-left: 20px;
	padding-left: 7px;
	text-shadow: 0 1px 1px #FFF;
}


.troubleshooting-solution ul li
{
	margin-left: 7px;
	padding-left: 20px;
	list-style: none;
	background: url(/global/media/product-detail/sprites/sprite-gui-inline.png) no-repeat 0 -90px;
}
/**
 * 
 * CSS specific for the HTC Interactive Phones List
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-video {
	display:block;
}

.component-product-video .contentContainer {
	width:456px;
	height:295px;
	margin:80px 0 0 34px;
}
/**
 * 
 * CSS specific for the HTC Interactive Phones List
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-product-zoom {
	display:block;
}
.component-product-zoom .product img {
	position:absolute;
	right:20px;
	top:-1px;
	cursor:none;
	
}

.component-product-zoom .alerted {
	z-index: 1000;
	color: red;
	display: block;
	float: left;
	position:absolute;
	left:0;
	display:none;
}

.component-product-zoom .image-zoom img {
	position:absolute;
	left:0;
	top:0;
}
/**
 * 
 * CSS specific for the HTC Products marquee Component
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Component
 * 
 */


/* Component __________________________________________________________________ */

.component-products-marquee {
	position: relative;
	height: 330px;
	margin-bottom: 22px;
	left: 0;
	width: 938px;
	outline: none;
	z-index: 8000;
}

.products-marquee-container {
	position:absolute;
	top:0px;
	left:0px;	
}

.products-marquee-relative-container
{
	width: 1040px;
	height: 350px;
	margin-left: -60px;
	margin-top: -10px;
	overflow: hidden;
	position: relative; /* this will fix the content cut off in IE6 */
}

.expanded .products-marquee-relative-container
{
	width: 1020px;
	height: 630px;
}

.component-products-marquee .htmlMarkup {
	position:relative;
	height:370px;	
	margin:16px 0px 0px 49px;
	background-image:url('/global/media/product-detail/sprites/stuff-marquee-bg.png');
	background-repeat:no-repeat;
}

.has-js .component-products-marquee .htmlMarkup {
	visibility:hidden;
}

.component-products-marquee .htmlMarkup .image-container {
	position:relative;	
	margin-top:-12px;
	padding-left:142px;
	float:left;
} 

.component-products-marquee .htmlMarkup .details-container {
	width: 480px;
	margin-top:84px;
	margin-left:20px;	
	float:left;
	text-align: center;
}

.component-products-marquee .htmlMarkup .extended-info {
	padding: 20px 0 0 0;
}
	
.component-products-marquee .htmlMarkup .extended-info span {
	margin-right: 20px;
}
	
.component-products-marquee .htmlMarkup .extended-info .operator {
	color: #999999;
	font-size: 12px;
	}
	
.component-products-marquee .htmlMarkup .extended-info .os {
	color: #999999;
	font-size: 11px;
	}

.component-products-marquee h1{
	font-size:50px;
	color: #262626;
	font-weight:normal;
	display:block;
	padding:0px;
	margin:0px;	
	line-height: 48px;
	letter-spacing: -2px;
}

.component-products-marquee h2{
	font-size:16px;
	color: #4a4a4a;	
	display:block;
	padding:0px;	
	margin:0;
	font-weight:normal;	
}

.component-products-marquee .image-sense {
	margin-top:9px;
}

.component-products-marquee .link-back {
	position:absolute;
	top:24px;
	left:16px;
}

/* Flash fallback */

.products-marquee-product-text {	
	width: 300px;
	float: left;
	margin-top: 50px;
	text-align: center;
}

.products-marquee-product-text h1 {
	text-align: center;
	color: #262626;
	font-size: 45px;
	font-weight: normal;
}

.products-marquee-product-text h2 {
	text-align: center;
	font-size: 16px;
	color: #262626;
}

.products-marquee-product-description {
	text-align: center;
	color: #999999;
	font-size: 14px;
	display: block;
	line-height: 20px;
	margin-bottom: 33px;
	padding-top: 20px;
}

.products-marquee-product-buttons {
	text-align: center;
}

.products-marquee-product-image {
	margin: -20px 0 0 82px;
	float: left;
	max-width: 460px; /* to avoid the image to break the text if it's larger than it should */
}

.products-marquee-product-sense {
	margin: 8px 0 12px 0;
}

.products-marquee-product-text .green-button {
	margin-right: 4px;
}
/**
 * 
 * CSS specific for the HTC Tabs Component
 * 
 * This file includes styles for both Tab Titles and Tab Content containers
 * 
 * 
 * Index ______________________________________________________________________
 *  
 * Tab title Component
 * No-JS
 */


/* Tab title Component __________________________________________________________________ */

.component-tabs {
	width: 1020px;
	margin-left: -47px;
	background: url("/global/media/product-detail/sprites/tabs-background.png") no-repeat scroll left 39px transparent;
}

/* make sure tabs don't extend outside grid for small screens */
@media screen and (max-width: 1150px) {
	.component-tabs {width: 980px;}
}


.component-tabs li a,
.component-tabs li a span {
	background: url("/global/media/product-detail/sprites/sprite-gui-width.png") repeat-x scroll left -1042px transparent;
	z-index: 0;
	position: relative;
}

.component-tabs {
	padding-left: 47px;
	padding-bottom: 51px;
	display: block;
	height: 42px;
}
			
.component-tabs li {
	float: left;
	height: 42px;
	margin-right: 4px;
	position: relative;
	z-index: 2;
}

/* Regular tab */
.component-tabs li a {
	color: #ffffff;
	display: inline-block;
	height: 42px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	padding-left: 30px;
	background-position: left -1140px;
	text-shadow: #7b7d82 0px 1px 0px;
}
.component-tabs li.tabs-hover a {
	background-position: left -1090px;
}
.component-tabs li.tabs-selected a {
	color: #333333;
	background-position: left -1190px;
	text-shadow: none;
}
.component-tabs li a span {
	display: inline-block;
	height: 31px;
	padding: 11px 30px 0 0;
	background-position: right -1290px;
}
.component-tabs li.tabs-hover a span {
	background-position: right -1240px;
}
.component-tabs li.tabs-selected a span {
	background-position: right -1340px;
}

/* Added by Jamie Lloyd 2.22.2012 */
.component-tabs li a.green {
	color:#fff;
	display:inline-block;
	height:42px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	padding-left:12px;
	background-position:left -5467px;
	text-shadow:#7b7d82 0 1px 0
}

.component-tabs li.tabs-hover a.green {
	background-position:left -5587px
}

.component-tabs li.tabs-selected a.green {
	color:#333;
	background-position:left -1190px;
	text-shadow:none
}

.component-tabs li a.green span {
	display:inline-block;
	height:31px;
	padding:11px 30px 0 18px;
	background-position:right -5407px
}

.component-tabs li.tabs-hover a.green span {
	background-position:right -5527px
}

.component-tabs li.tabs-selected a.green span {
	background-position:right -1340px
}




/* JS styles __________________________________________________________________ */

/* hide tab titles if no javascript */
.no-js .component-tabs {
	display: none;
	width:100%;
} 

/* hide tab containers to enable tab toggling */
.has-js .htc-layout-tab {
	display: none;
	width:100%;
}