﻿/****************************************************************************/
/* SUPPORT MODEL PAGE 														*/
/* Use #support-model-page to target elements on the page				    */
/****************************************************************************/
#mainColumn { padding: 0 15px; }
.model-seo { font-size: 2.4rem; margin-bottom: 20px; color: #555; font-weight: 300 !important; }

.model-number-title {
	margin-top: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.25px;
	line-height: 1.25;
	color: #666;
	text-transform: uppercase;
}

#model-collateral { padding: 0 7px 0 7px; }

#supportModelLabel { text-transform: uppercase; font-size: 16px; color: #6f8dae; margin-right: 5px; }
#supportModel { font-size: 16px; font-weight: 400; color: #6f8dae; }

#top-row .model-seo { font-weight: 400 !important; color: #555; }

#model-info { background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/bg/bg-grad-top.gif') top left repeat-x #fff; border: 1px solid #d7d8d9; margin-bottom: 20px; }
#model-info table.table { margin-bottom: 5px; }
#model-info td, #rbc-info td { border-top: 1px dotted #ddd; }
#model-info tr:first-child td, #rbc-info tr:first-child td { border-top: none; }

.modelStatusWrapper { display: inline-block; vertical-align: 3px; margin-left: 20px; border: 1px solid #6f8dae; }
.modelStatusLabel {
	padding: 3px 8px;
 	vertical-align: middle;
	display: inline-block;
	text-transform: uppercase;
	background-color: #6f8dae !important;
	color: #EEECEB !important;
	font-size: 12px;
	font-weight: 400;
}
.modelStatus {
	padding: 3px 8px;
 	vertical-align: middle;
	display: inline-block;
	text-transform: uppercase;
	background-color: #ffffff !important;
	color: #6F8DB5 !important;
	font-size: 12px;
	font-weight: 700;
}
.modelStatusSm {
	padding: 3px 8px;
	text-align: center;
 	vertical-align: middle;
	display: inline;
	text-transform: uppercase;
	background-color: #ffffff !important;
	color: #6F8DB5 !important;
}
.modelStatusSm span {
	letter-spacing: normal;
}
#model-collateral .btn {
	min-width: 130px;
}

/* -------------------------------------
	FLOATING BAR
------------------------------------- */
#floating-bar {
	width: 1250px;
	top: 0;
	margin-top: 0;
	padding: 15px 0 20px 20px;
	background-color: #edeff2;
	z-index: 5200;
	border-bottom: 1px solid #eee;
}
#floating-bar a { text-decoration: none; }
#floating-bar .pipe-mc { font-size: 22px; }

#floating-bar ul.nav-tabs { border-bottom: 0 !important; }
#floating-bar ul.nav-tabs li a {
	padding: 10px 0 3px 0;
	margin-right: 40px;
	margin-bottom: 7px;
	font-size: 20px;
	font-weight: 400;
	color: #454b4f;
	background-color: #edeff2;
}

#floating-bar ul.nav-tabs li.active a,
#floating-bar ul.nav-tabs li.active a:hover,
#floating-bar ul.nav-tabs li.active a:focus {
	color: #0e7dc7;
	background-color: #edeff2;
	border-bottom: 4px solid #0e7dc7;
}

hr#getMyTopPos { margin-bottom: 0; border-color: #ccc; border-top: 1px solid #ccc; }
.affixShow, .nav > li.affixShow  { display: none; }

#floating-bar.floating-bar-ES ul.nav-tabs li a { font-size: 16px; }
#floating-bar.floating-bar-RU ul.nav-tabs li a { font-size: 16px; }
#floating-bar.floating-bar-FR ul.nav-tabs li a { font-size: 18px; }

/* -------------------------------------
	MISC
------------------------------------- */

#support-model-page .tab-pane h3.support-model-header { }
#support-model-page .tab-pane h4 { font-size: 14px; font-weight: 700 !important; margin-top: 10px; margin-bottom: 5px; }

#support-parts .panel-group { margin-bottom: 0; }
#support-parts .panel-group .panel-heading { border-top: 1px solid #ddd; }
#support-parts .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
.accessories-panel .panel { /* border-bottom: 1px solid #ddd; */ border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.accessories-panel .panel-heading { padding: 8px 0; border-radius: 0; }
.accessories-panel .panel-heading h5 { margin: 0; }
.accessories-panel .panel-heading .accordion-toggle:after {
	/* - symbol for "opening" panels */
	font-family: 'Icomoon';
	content: "\e041";
	float: left;
	color: grey;
	margin-right: 5px;
}
.accessories-panel .panel-heading .accordion-toggle.collapsed:after {
	/* + symbol for "collapsed" panels */
	content: "\e040";
}
a.underlined { text-decoration: underline; }

.model-sidenav {
	margin-left: 0;
}

.model-sidenav li {
	display: block;
	margin: 0 5px 8px 0;
	padding: 1px 0 1px 8px;
	border-left: 5px solid #bbb;
	font-size: 13px;
	text-transform: uppercase;
}

.model-sidenav li h5 { margin: 4px 0; font-size: 1rem; }

.model-sidenav .active {
	border-left: 5px solid #0e7dc7;
	font-weight: 700;
}

.model-sidenav a { color: #656d73; }
.model-sidenav .active a { color: #0e7dc7; }

.zoom { display: inline-block; position: relative; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }

.modal-title { text-transform: uppercase; }

#model-info table td:first-child {
	font-weight: 700;
}

/* -------------------------------------
	MODEL PAGE SIDEBAR
------------------------------------- */
#model-sidebar.btn-group-vertical { display: block; margin-top: 5px; }
#model-sidebar.btn-group-vertical .btn-default { padding: 10px 30px; font-size: 13px; text-align: left; background-color: #f9f9f7; border-left: 0; border-right: 0; }
#model-sidebar.btn-group-vertical .btn-default:hover { background-color: #dfdfdf; }

#model-sidebar.btn-group-vertical > .btn:first-child:not(:last-child), #model-sidebar.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0; }
#model-sidebar.btn-group-vertical > .btn-default:first-child:not(:last-child) { border-top: 0; }
#model-sidebar.btn-group-vertical > .btn-default:last-child:not(:first-child) { border-bottom: 0; }

/* -------------------------------------
	MODEL PAGE ADS
------------------------------------- */
.ad, #model-ads .ad { position: relative; width: 215px; height: 135px; padding: 0; color: #666; background-color: #e7e7e7; float: right; }
.topBox, #model-ads .topBox { position: absolute; top: 0; left: 0; height: 110px; width: 100%; margin: 0; }
.bottomBox, #model-ads .bottomBox { position: absolute; bottom: 0; left: 0; height: 25px; width: 100%; margin: 0; }
.adImage, #model-ads .adImage { position: absolute; top: 8px; left: 8px; }
.adHeading, #model-ads .adHeading { position: absolute; top: 10px; left: 65px; padding-right: 5px; }
.adHeading h5, #model-ads .adHeading h5 { font-size: 16px; line-height: 18px; color: #666; margin: 1px 0 10px 0; }
.adBody, #model-ads .adBody { position: absolute; top: 70px; left: 8px; }
.adCopy, #model-ads .adCopy { font-size: 13px; line-height: 16px; color: inherit; margin-bottom: 5px;}
.adLink, #model-ads .adLink { font-size: 12px; line-height: 15px; color: inherit; float: right; padding: 5px 10px 0; text-transform: uppercase; text-decoration: none; }
.adLink span, #model-ads .adLink span { color: #fff !important; }

.ad-blue, #model-ads .ad-blue { color: #0b66a3; background-color: #bbdaef; }
.ad-blue .bottomBox, #model-ads .ad-blue .bottomBox { background-color: #0e7dc7; color: #fff; }
.ad-blue h5, #model-ads .ad-blue h5 { color: #0b66a3; }

.ad-orange, #model-ads .ad-orange { color: #8e3a28; background-color: #f6c5ba; }
.ad-orange .bottomBox, #model-ads .ad-orange .bottomBox { background-color: #e75f41; color: #fff; }
.ad-orange h5, #model-ads .ad-orange h5 { color: #8e3a28; }

.ad-green, #model-ads .ad-green { color: #707a42; background-color: #d2daad; }
.ad-green .bottomBox, #model-ads .ad-green .bottomBox { background-color: #acbb66; color: #fff; }
.ad-green h5, #model-ads .ad-green h5 { color: #707a42; }

/* -------------------------------------
	MODEL PAGE VIDEO ADS
------------------------------------- */
#model-collateral .adVideoLink { position: relative; }
#model-collateral .adVideoLink img { border: 1px solid #bbb; margin-right: 5px; margin-bottom: 8px; }
#model-collateral .videoPlayButton {
	width: 36px;
	height: 36px;
	background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/play-button.png');
	position: absolute;
	top: -9px;
	left: 50px;
	z-index: 100;
}

/* -------------------------------------
	MODEL PAGE IMAGE CAROUSEL
------------------------------------- */
#model-image-carousel .carousel-control.disabled, .product-carousel .carousel-control.disabled { color: #fff; cursor: default; }
.product-carousel .carousel-control.left, .product-carousel .carousel-control.right { top: 40px; width: 5%; background-image: none; color: #333; text-shadow: none; color: #999; }
.product-carousel .item { margin-left: 46px; }
.product-carousel .carousel-inner img { display: inline-block !important; }

#model-image-carousel .img_spacer { /*width: 480px; height: 400px;*/ margin-left: 50px; background-color: #fff; }
#model-image-carousel .item img { margin: 0 auto; }
#model-image-carousel .carousel-caption { position: relative; padding: 15px 15px 0 15px; background: none; /* width: 372px; left: 14px; bottom: -53px; opacity: 0.85; filter: alpha(opacity=85); border: 1px solid #656d73; border-radius: 0;*/ color: #656d73; font-size: 12px;  z-index: 2601; text-align: left; text-shadow: 0 0 0; border: 0; }

#model-image-carousel .carousel-control.left,
#model-image-carousel .carousel-control.right { top: 45%; background-image: none; filter: none; font-size: 20px; color: #333; text-shadow: none; }
#model-image-carousel .carousel-control.left { left: -30px; }
#model-image-carousel .carousel-control.right { right: -30px; }

.carousel .thumbnail { width: 110px; float: left; margin-right: 20px; padding: 0; border: 0; }
.carousel .thumbnail img { width: 100px; height: 100px; }
.carousel .thumbnail .caption { padding: 0; }
.carousel .thumbnail .caption strong { font-size: 12px; }
.carousel-control.right { right: 255px; }

.img_container img {
	width: 400px !important;
	height: 400px !important;
	border: 0;
	padding: 5px 14px 14px 14px;
	position: relative;
	background-color: #fff;
}

.img_container {
	width: 400px;
	height: 455px;
	margin: 0px;
	position: relative;
	z-index: 13;
}

img#large-modal-image { width: 500px; height: 500px; }

/* -------------------------------------
	MEDIA QUERIES
------------------------------------- */
/* EXTRA SMALL */
@media screen and (max-width: 599px){
	.model-seo { font-size: 1.5rem; }
	.img_container img {
		width: auto !important;
		height: auto !important;
	}
	.modelStatusWrapper { margin-left: 0; }

	#floating-bar { display: none; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959px){
	.model-seo { font-size: 1.5rem; }
	.img_container img {
		width: auto !important;
		height: auto !important;
	}

	#support-model-page li h5 { font-size: 12px; }

	#floating-bar { display: none; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279px){
	.model-seo { font-size: 2rem; }
	.img_spacer, .img_container { width: 310px; height: 380px; }
	.img_spacer { margin-left: 32px; }
	.img_container { margin-left: -17px; }
	.img_container img { width: 300px !important; height: 300px !important; }
	#model-image-carousel .carousel-caption { width: 272px; margin-left: 5px; bottom: 14px;font-size: 12px; opacity: 0.75; filter: alpha(opacity=75); }

	#model-image-carousel .carousel-control.left,
	#model-image-carousel .carousel-control.right { top: 140px; }

	.product-carousel .item { margin-left: 40px; }
	.product-carousel .carousel-control.left, .product-carousel .carousel-control.right { top: 30px; }
	.carousel .thumbnail { width: 90px; margin-right: 10px; }
	.carousel .thumbnail img { width: 80px; height: 80px; }
	.carousel-control.right { right: 60px; }

	#floating-bar {	width: 930px; }
}

/* LARGE */
@media screen and (min-width: 1280px){
	#floating-bar-container { padding: 10px 20px; }
	#floating-bar.affix { display: block; }
}