/*=== ANIMATIONS ===*/
.scroll-list li{
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
    -ms-transition: background-color 2s linear;
	transition: background-color .2s linear;
}

.scroll-list li a h4,
.topics .topic-list li a,
.scroll-list li a span{
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color 2s linear;
	transition: color .2s linear;
}
.search-box button span{
	-moz-transition: opacity .2s linear, color .2s linear;
	-webkit-transition: opacity .2s linear, color .2s linear;
	-o-transition: opacity .2s linear, color .2s linear;
	transition: opacity .2s linear, color .2s linear;
}


/*=== PAGE STYLES ===*/

.scroll-list li{
	display: block;
	margin-bottom: 14px;
	background: #ecf2f3;
}
.scroll-list li:last-child {
	margin-bottom: 0;
}
.scroll-list li:hover,
.scroll-list li.selected{
	background:#9da6ae;
}
.scroll-list img{
	float: left;
}

.scroll-list li a h4{
	font-size: 15px;
	line-height:19px;
	color:#9da6ae;
}
.scroll-list li:hover h4,
.scroll-list li.selected h4{
	color:#ffffff;
}
.scroll-list li a span{
    font-size: 11px;
	color:#9da6ae
}
.scroll-list li a:hover span,
.scroll-list li.selected span{
	color:#dbe3e5;
}

.contact-support{
	border-left:1px solid #dbe3e5;
	border-bottom:1px solid #dbe3e5;
	width:237px;
	padding:0 30px 20px 30px;
}
.contact-support .icon{
	float:left;
	padding-right:10px;
	margin-top:1px;
	padding-bottom:4px;
}
.contact-support a{
	height:24px;
}
.contact-support p{
	font-size: 13px;
}



/*=== SECTIONS ===*/


.support-hero{
	height:240px;
	background-image: url('../img/03_media/media_main_image.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.support-hero .left-white-box{
	width:305px;
}
.support-hero .left-white-box h2{
	padding-bottom:11px;
}
.support-hero .left-white-box form{
	width: 295px;
	margin-top:15px;
}




.videos{
	padding:30px 0 90px 0;
}
.videos .copy-block{
	width:460px;
	padding-top:30px;
	padding-bottom:20px;
}
#videos_main_container{
	position:relative;
	display:block;
	width:640px;
	height:400px;
	float:left;	
	margin-right:16px;
}
#videos_main_container iframe{
	z-index: 5;
}
#videos_main_container h5{
	font-size: 13px;
	color:#7b858e;
	margin-top:8px;
}
.videos .share-content{
	width:120px;
	position:absolute;
	bottom:5px;
	right:0px;
	overflow:hidden;
	height:96px;
	z-index: 10;
}
.videos .share-content .share-options{
	padding-top:10px;
	padding-left:10px;
	display:block;
	background-color:#fff;
	position:absolute;
	top:64px;
	z-index: 2;
	height:96px;
	width:153px;
}
.videos .share-content iframe{
	padding-bottom:4px;
}
.videos .share-content .share-link p{
	margin-top:-2px;
	margin-left:25px;
	padding-bottom:6px;
	font-size:13px;	
}
.videos .share-content.open .share-link p,
.videos .share-content a:hover.share-link p{
	color:#3d4247;
}

.videos .share-content .share-link .link-icon,
.videos .share-content .share-link .link-icon span{
	width:14px;
	height:14px;
	display:block;
	float:left;
	opacity:1;
	margin-top:2px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	background:url('../img/00_global/arrow_right45_grey.png') no-repeat left top;
}
.videos .share-content.open .share-link .link-icon,
.videos .share-content.open .share-link .link-icon span{
	background:url('../img/00_global/arrow_right45_down_grey.png') no-repeat left top;
	background-position:0 -15px;
}
.videos .share-content .share-link .link-icon span{
	background-position:0 -15px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);
}
.videos .share-content a:hover.share-link .link-icon span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
}


.videos-list{
	width: 298px;
	height:400px;
	position:relative;
	float:left;
}
.videos-list .scroll-pane{
	width: 298px;
	height: 360px;
	overflow: auto;
}
.videos-list>span{
	display:block;
	float:right;
	margin-right:19px;
	margin-top:11px;
	font-size: 13px;
}

.videos .scroll-list li{
	position: relative;
}
.videos .scroll-list li a{
	height:80px;
	width:279px;
	display: block;
}
.videos .scroll-list li a .img-block img{
	width:80px;
	height:80px;
	position:absolute;
	z-index:1;
}
.videos .scroll-list li a .img-block .img-border{
	width:70px;
	height:70px;
}
.videos .scroll-list h4{
	margin:14px;
	position:absolute;
	left:80px;
}
.videos .scroll-list span{
	position:absolute;
	display:block;
	left:96px;
	top:57px;
}

/* TOPICS */


.topics{
	padding:90px 0 60px 0;
	background: url("../img/00_global/1280_ecf2f3.gif") repeat-y center; 
}
.topics .touts {
	width:612px;
	height:72px;
	float:right;
	margin-bottom:40px;
	margin-top:-50px;
}
.topics .touts .widget-tout{
	float:left;
	margin-left:16px;
}

.topics .topic-list>ul>li{
	float:left;
	display:block;
	width:290px;
	padding-right:30px;
	padding-bottom:20px;
}
.topics .topic-list>ul>li:nth-child(3n+3){
	padding-right:0;
}
.topics .topic-list>ul>li:nth-child(3n+4){
	clear:left;	
}
.topics .topic-list>ul>li img{
	float:left;
}
.topics .topic-list>ul>li h5,
.topics .topic-list>ul>li ul{
	margin-left:65px;
	position:relative;
	display:block;
}
.topics .topic-list li h5{
	font-size: 18px;
	color:#7b858e;	
	margin-bottom:14px;
}
.topics .topic-list li a{
	display:block;
	font-size: 15px;
	color:#00afd8;
	margin-bottom:7px;
}
.topics .topic-list li a:hover{
	color:#3D4247;
}
.topics .app-store-links{
	clear:left;
	float:right;
	width: 216px;
}


/* FAQ */

.faq {
	padding:90px 0 80px 0;
}
.faq .copy-block{
	width:460px;
	padding-bottom:4px;
}
.faq .question-list{
	width:482px;
	height:445px;
	float:left;
	margin-right:14px;
}
.faq .question-list .scroll-pane{
	width:482px;
	height:400px;
	overflow: auto;
}
.faq .question-list li{
	margin-bottom: 10px;
	width:464px;
}
.faq .question-list li a{
	display: block;
	padding:11px 36px 13px 14px;
	position: relative;
}
.faq .question-list li a .number{
	display:block;
	float:left;
	font-size: 15px;
	color:#00afd8;
}
.faq .question-list li a:hover .number,
.faq .question-list li.selected a .number{
	color:#fff;
}
.faq .question-list li a p{
	font-size: 15px;
	margin-left:26px;
	position: relative;
	display: block;
}
.faq .question-list li a:hover p,
.faq .question-list li.selected a p{
	color:#fff;	
}
.faq .question-list>span{
	display:block;
	margin-top:13px;
	font-size: 13px;
}

.faq .answer-display{
	width:458px;
	height:450px;
	float:left;
}
#answer_block{
	width:458px;
	height:398px;
	border-top: solid 1px #dbe3e5;
	border-bottom: solid 1px #dbe3e5;
}
#answer_block .scroll-pane{
	width:446px;
	height:398px;
	padding-left:44px;
	overflow: auto;
}
.answer-display .markdown {
	width:366px;
}
.answer-display .markdown h5{
	font-size: 18px;
	line-height:22px;
	color:#00afd8;
}
.answer-display .markdown p{
	margin-top:25px;
}
.faq .answer-display>span{
	margin-left:204px;
	margin-right:8px;
	float:left;
}
.faq .answer-display>span,
.faq .answer-display>a{
	display:block;
	margin-top:12px;
	font-size: 15px;
}


/* ANSWERS */

.repairs{
	height:384px;
	padding:136px 0 0 0;
	background: url('../img/12_support/repairs-product-shot.jpg') no-repeat center;
}
.repairs .back-to-top a{
	position:absolute;
	bottom:0;
}
.repairs .copy-block>img{
	margin-top:14px;
}
.repairs .copy-block>span{
	margin-top:4px;
	display:block;
	color:#7b858e;
	font-size: 15px;
}