@charset "utf-8";

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	/*font-size: 100%; font: inherit;*/ vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
table {	border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal }
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 9px; vertical-align: top; }


/* HP Main */



/* DARK SINGLE RAIL */

#wrapper { width: 1000px; margin: 0 auto; }

#page-title { margin: 0 0 0px; padding: 20px 15px 14px; background: #1e1e1e url(../i/gateway/bckg-title.jpg) repeat-x top; height:85px;}
#page-title h1 { margin: 0 0 6px; font-size: 24px; line-height: none; color: #f2f2f2; position:relative; float:left; width:600px;}
#page-title h4 { font-size: 13px; line-height: none; color: #f2f2f2; }


#body h1 { font-size: 24px; line-height: 27px; color: #f2f2f2; }
#body h2 { font-size: 18px; line-height: 21px; color: #f2f2f2; }
#body h3 { font-size: 16px; line-height: 18px; color: #f2f2f2; }
#body h4 { font-size: 13px; line-height: 17px; color: #f2f2f2; }
#body h5 { font-size: 13px; font-weight: bold; line-height: 18px; color: #f2f2f2; }

a.link-blue { width: auto; padding-right: 11px; font-size: 12px; text-decoration: none; color: #00bff3; background: right no-repeat; }
a.link-white { width: auto; padding-right: 11px; font-size: 10px; font-weight: bold; line-height: 10px; text-decoration: none; text-transform: uppercase; color: #f2f2f2 !important; background: right no-repeat; }

a.primary-link { padding: 4px 10px; border: none; font-size: 10px; font-weight: bold; color: #fff; background: #007CA2; -moz-border-radius: 4px; border-radius: 4px; }
a.primary-link:hover { text-decoration: none; }

a.share_button { display: block; float: left; height: 13px; padding: 2px 0 0 20px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #00BFF3; background: url(../i/gateway/share_icon.png) no-repeat left; }
a.share_button:hover, a.share_button:visited { text-decoration: none; }

a.print_button { display: block; float: left; height: 13px; padding: 2px 0 0 20px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #00BFF3; background: url(../i/gateway/print_icon.png) no-repeat left; }
a.print_button:hover, a.print_button:visited { text-decoration: none; }

a:link {color:#00a0d2; text-decoration:none;}
a:visited {color:#00a0d2; text-decoration:none;}
a:hover {color:#00a0d2; text-decoration:underline;}
a:focus {color:#00a0d2; text-decoration:underline;}
a:active {color:#00a0d2; text-decoration:underline;}

/* TOTAL CARE */

#page-title-tag { float: right; padding: 15px; font-size: 12px; color:#FFFFFF; position:relative; }
#page-title-CTA {
	position:relative;
	float:left;
	padding-right:15px;
	padding-left:15px;
	font-size: 14px;
	color:#FFFFFF;
	left: 540px;
	top: 20px;
	width: 400px;
	text-align:right;
}

.numero {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#9cf39f;
	font-weight:bold;
}
#content { margin: 0 0 1px; }

#secondary-content { float: left; width: 154px; margin: 0 0 1px; padding: 16px; }
#secondary-content .link-group { margin: 0 0 12px; padding: 0 0 8px; border-bottom: 1px solid #36393C;  }
#secondary-content .link-group h4 { margin: 0 0 10px; font-weight: bold; }
#secondary-content .link-group h4 a { text-decoration: none; color: #f2f2f2; }
#secondary-content .link-group ul li { margin: 0 0 6px; }
#secondary-content .link-group ul li a { font-size: 12px; line-height: 16px; text-decoration: none; color: #b2b2b2; }
#secondary-content .link-group ul li a:visited, #secondary-content h4 a:visited { color: #f2f2f2; }
#secondary-content .link-group ul li a:hover, #secondary-content h4 a:hover  { color: #00bff3; }
#secondary-content .link-group ul li a.active, #secondary-content h4 a.active { font-size: 13px; line-height: 18px; color: #61c702; }
#secondary-content .promotion-area { margin: 0 0 20px; padding: 15px 0; }


#main-content { float: left; width: 814px; min-height: 677px; background-color: #36393c; }

#main-content #tc-featured-content { padding: 15px; background: #35383d url(../i/gateway/tc_bckg-right-top.jpg) 0 0 repeat-x; }
#main-content #tc-featured-content .tc-inner { margin: 0 0 15px; }
#main-content #tc-featured-content #tc-options { float: left; width: 784px; margin: 0 12px 0 0; }
#main-content #tc-featured-content #tc-options h4 { min-height: 20px; padding: 5px 10px; font-weight: bold; background: #1e1e1e url(../i/gateway/tc_bckg-right-subtitle.jpg) 0 0 repeat-x;  }
#main-content #tc-featured-content #tc-options ul li { display: block; float: left; width: 195px; height: 139px; padding: 30px 0 0; border-right: 1px solid #292929; text-align: center; text-transform: uppercase; background: url(../i/gateway/tc_bckg-products.jpg) no-repeat 0 0; }
#main-content #tc-featured-content #tc-options ul li:hover { background: url(../i/gateway/tc_bckg-products-over.jpg) no-repeat 0 0; } 
#main-content #tc-featured-content #tc-options ul li a { display: block; min-height: 90px; margin: 0 0 10px; }
#main-content #tc-featured-content #tc-options ul li a.tc-arrow-link { display: inline; height: auto ; margin: 0; padding: 0 11px 0 0; background: url("../i/gateway/tc-link-arrow-blue.png") no-repeat right center; }
#main-content #tc-featured-content #tc-bluetooth { float: left; width: 182px; min-height: 165px; padding: 32px 0 0; border: 1px solid #292929; text-align: center; text-transform: uppercase; background: #1f1f1f url(../i/gateway/tc_bckg-bluetooth.png) repeat-x 0 0; }
#main-content #tc-featured-content #tc-bluetooth a { display: block; margin: 0 0 20px; }
#main-content #tc-featured-content #tc-bluetooth a.tc-arrow-link { display: inline; height: auto ; margin: 0; padding: 0 11px 0 0; line-height: 16px; background: url("../i/gateway/tc-link-arrow-blue.png") no-repeat right center; }
#main-content #tc-featured-content #tc-main-banner { height: 219px; }


#main-content #tc-inner-content { padding: 30px 15px 15px; font-size: 11px; line-height: 16px; background: url(../i/gateway/tc_bckg-right-bottom.jpg) repeat-x top; }
#main-content #tc-inner-content h3 { margin: 0 0 12px; }
#main-content #tc-inner-content p { margin: 0 0 8px; }
#main-content #tc-inner-content a { font-size: 12px; }
#main-content #tc-inner-content #tc-support, #main-content #tc-inner-content #tc-useful-info { float: left; width: 385px; }
#main-content #tc-inner-content #tc-support { margin: 0 14px 0 0; }
#main-content #tc-inner-content #tc-support ul li, #main-content #tc-inner-content #tc-useful-info ul li { margin: 0 0 3px; padding: 3px 0 0; }


#bottom-menu { padding: 7px 15px 8px; background: url(../i/gateway/tc-bg-bottom.jpg) repeat-x; }
#bottom-menu a { margin: 0 30px 0 0; }
.video{width:785px; float:left; margin-top:15px; margin-bottom:15px !important;}
#player{width:785px; height:457px; border:1px solid #3d3f42;  float:left;  }
#movie{background: #000; text-align:center;width:785px; height:457px; float:left; }
#bckg-playlist{width:785px !important; background:url(../i/gateway/bckg-playlist.jpg) !important; height:auto; position:relative; }
#playlist{ width:20px; height:240px; position:absolute; background:url(../i/gateway/sidebar-right.png) no-repeat;top:0px; left:530px; z-index:1000;}
#playlist2{ width:20px; height:240px; position:absolute; background:url(../i/gateway/sidebar-left.png) no-repeat; top:0px; left:0px; z-index:100001 }
 .bla{width:775px; height:20px; float:left; border-bottom:1px solid #36393c; display:block; clear:both;  padding-left:10px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F2F2F2; padding-top:8px; font-weight:bold; background:#4d4d4d;}
 .bla:hover{width:775px; height:20px; background:#696969;
 							/* background-image: -moz-linear-gradient(#6c6c6c, #696969); 
						background-image: -webkit-linear-gradient(#6c6c6c, #696969); 
						background-image: -o-linear-gradient(#6c6c6c, #696969); 
						 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c6c6c', endColorstr='#696969'); 
						-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c6c6c', endColorstr='#696969')"; */ }

.bla:hover .leftside {margin:0}
.title-movie{ background:url(../i/gateway/play.png) no-repeat left center; padding-left:29px; margin-left:9px;  float:left; width:auto;cursor:pointer;}
#info1, #info2, #info3, #info4 { background:url(../i/gateway/tc-question-mark.png) no-repeat center;  height:16px; float:left; display:none; min-width:16px; margin-left:10px;  }


#info_panel{width:186px; height:198px; float:right; background: url(../i/gateway/bckg-infopanel.png) no-repeat; padding: 23px 19px; clear:right; margin-bottom:10px; }
#info_panel h3{font-size:15px; color: #F2F2F2 !important; font-weight:normal;color:#F2F2F2; height:auto; border-bottom: 1px solid #666; margin-bottom:12px; margin-top:0px; padding-bottom:3px;}
#info_panel p{font-size:12px; color: #F2F2F2; margin-bottom:18px;}
#info_panel span{font-size:11px; color:#b2b2b2;}

.assistance{width:385px; height:200px; float:left; margin-bottom:60px; }
.assistance h3{font-size:15px; color: #B2B2B2 !important; font-weight:normal; color:#F2F2F2; height:23px; border-bottom: 1px solid #666; margin-bottom:12px; margin-top:0px; font-weight:800;}
.assistance p {font-size:12px; color: #B2B2B2; margin-bottom:18px; line-height:22px;}
.assistance p a{font-size:12px; color: #B2B2B2; margin-bottom:18px; line-height:22px; text-decoration:none;}

.margin15{ margin-right:15px;}


.video{width:785px; float:left; margin-top:35px; margin-bottom:15px !important;}
#player{width:785px; height:457px; border:1px solid #3d3f42;  float:left;  }
#movie{background: #000; text-align:center;width:785px; height:457px; float:left; }
#bckg-playlist{width:785px !important; background:url(../i/gateway/bckg-playlist.jpg) !important; height:auto; position:relative; }
#playlist{ width:20px; height:240px; position:absolute; background:url(../i/gateway/sidebar-right.png) no-repeat;top:0px; left:530px; z-index:1000;}
#playlist2{ width:20px; height:240px; position:absolute; background:url(../i/gateway/sidebar-left.png) no-repeat; top:0px; left:0px; z-index:100001 }
 .bla{width:775px; height:20px; float:left; border-bottom:1px solid #36393c; display:block; clear:both;  padding-left:10px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F2F2F2; padding-top:8px; font-weight:bold; background:#4d4d4d;}
 .bla:hover{width:775px; height:20px; background:#696969;
 							/* background-image: -moz-linear-gradient(#6c6c6c, #696969); 
						background-image: -webkit-linear-gradient(#6c6c6c, #696969); 
						background-image: -o-linear-gradient(#6c6c6c, #696969); 
						 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c6c6c', endColorstr='#696969'); 
						-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c6c6c', endColorstr='#696969')"; */ }

.title-movie{ background:url(../i/gateway/play.png) no-repeat left center; padding-left:29px; margin-left:9px;  float:left; width:auto;}
.title-movie1{ padding-left:29px; margin-left:9px;  float:left; width:auto;}
.title-movie1:hover {cursor:default !important;}
#info1, #info2, #info3, #info4 { background:url(../i/gateway/tc-question-mark.png) no-repeat center;  height:16px; float:left; display:none; min-width:16px; margin-left:10px;  }

#infopanel1{ width:325px; height:123px; position:absolute; display:none; top:-118px; left:215px; z-index:10000;}
#infopanel02{ width:325px; height:123px; position:absolute; display:none; top:-118px; left:216px; z-index:100000;}
#infopanel2{ width:325px; height:123px; position:absolute; display:none; top:-90px; left:184px; z-index:10000;}
#infopanel3{ width:325px; height:123px; position:absolute; display:none; top:-62px; left:228px; z-index:10000;}
#infopanel03{ width:325px; height:123px; position:absolute; display:none; top:-90px; left:184px; z-index:10000;}
#infopanel4{ width:325px; height:123px; position:absolute; display:none; top:-33px; left:177px; z-index:10000;}
.infopanel-bckg{ background:url(../i/gateway/tc-info-panel-bubble.png) no-repeat; width:325px; height:123px; float:left; }
.infopanel-title{ height:11px; width:305px; margin:11px 10px; font-size:10px; text-transform:uppercase; color:#f2f2f2;  }
.infopanel-content{ height:60px; width:305px; margin:0px 10px 10px 10px; font-size:12px; color:#b2b2b2;  padding-top:10px; }
.leftside {margin:0 0 0 5px;position:absolute;*margin:8px 0 0 5px }

.time-movie{ color:#B2B2B2; width:60px; float:right }

.bottom-link{ width:970px; background:url(../i/gateway/bckg-bottom.jpg) repeat-x; height:16px; float:left; padding:7px 15px;}

#accordion2 {width:150px; margin:15px 0px;  border-bottom:1px solid #36393c;}
.accordion2 {width:150px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:120px; padding:8px 15px; font-weight:bold; cursor:pointer; background-image:url(../i/gateway/plus.gif); background-position:left center; background-repeat:no-repeat; color:#fff;}
.accordion2 dt:hover {background-color:none;}
.accordion2 .open { background-image:url(../i/gateway/minus.gif)}
.accordion2 dd {overflow:hidden; margin-left:15px;}
.accordion2 dd span {display:block; width:135px; padding:0px 0px; margin:0px;}

.haccordion{
padding: 0; width:550px;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 530px; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 530px; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}


#hc1 li{
margin:0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
	width:530px; height:240px;
padding-left:0; /*Padding inside each content*/
background:none;

}
.body {
	width:1000px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:13px;
	color:#FFF
}