﻿#sidebarLeft { z-index: 45; }

/* -------------------------------------
	MODEL 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: 700;
	letter-spacing: 1.25px;
	line-height: 1.25;
	color: #666;
	text-transform: uppercase;
}

/* #model-collateral { padding: 17px 7px 0 7px; } */

.col-8 { float: left; display: table; min-height: 104px; width: 12.85%; padding-right: 20px; z-index: 99; }
.col-8-last { width: 10.05%; }
.col-8 > div { display: table-cell; vertical-align: middle; position: relative; }
.col-8 a.adVideoLink img { width: 102px; }

.col-10 { float: left; display: table; min-height: 104px; width: 10%; padding-right: 18px; z-index: 99; }
.col-10-last { width: 10%; }
.col-10 > div { display: table-cell; vertical-align: middle; position: relative; }
.col-10 a.adVideoLink img { width: 102px; }

.videoPlayButton {
	width: 36px;
	height: 36px;
	background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/play-button.png');
	position: absolute;
	top: 36px;
	left: 33px;
	z-index: 100;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

.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; }

.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; }

/* -------------------------------------
	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; }

/* -------------------------------------
	MODEL PAGE SIDEBAR
------------------------------------- */
#model-sidebar.btn-group-vertical { display: block; margin-top: 5px; }
#model-sidebar.btn-group-vertical .btn-default { padding: 10px 25px; font-size: 13px; text-align: left; background-color: #fff; border-right: 0; border-left: 0; }
#model-sidebar.btn-group-vertical .btn-default:hover { background-color: #f9f9f7; border-right: 0; border-left: 0; }

#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; }

/* -------------------------------------
	SHOW PRICES ELEMENTS
------------------------------------- */
#showPricesContainer {
	display: none;
	width: 100%;
	padding: 12px 15px 0 15px;
	position: absolute;
	top: -27px;
	left: 0;
	background-color: #fff;
	z-index: 101;
}

#showPricesContainer .show-prices-box { position: relative; /*border: 1px solid #eee;*/ width: 102px; height: 130px; float: left; margin-right: 20px; margin-bottom: 18px; }
#showPricesContainer .show-prices-logo { padding: 12px 8px 8px 8px; }
#showPricesContainer .show-prices-logo img { margin: 0 auto; max-height: 45px; }
#showPricesContainer .show-prices-price { position: absolute; bottom: 45px; font-size: 26px; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 400 !important; letter-spacing: -1px; width: 100%; text-align: center; }
#showPricesContainer .show-prices-price sup { top: -9px; font-size: 14px; }
#showPricesContainer .resellerCents { font-size: 14px; vertical-align: super; }
#showPricesContainer .show-prices-sku p { position: absolute; bottom: 11px; color: #aaa; font-size: 13px; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 400 !important; width: 100%; text-align: center; }
#showPricesContainer .show-prices-button { position: absolute; bottom: 0; width: 100%; }
#showPricesContainer .show-prices-button a { width: 100%; padding: 3px 7px; }

/* sidebar show prices, add to list buttons */
.btn.cta { min-width: 98px; min-height: 83px; padding: 10px 0 5px 0; }
.btn.cta > div { min-height: 47px; }
.btn.cta h6 { margin-top: 5px; margin-bottom: 0; font-weight: 400; text-transform: uppercase; }
.showPricesText { display: block; }
.hidePricesText { display: none; }

/* -------------------------------------
	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:hover, #model-ads .adLink:hover { color: #fff; 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; }

#demoAds { text-align: right; }

/* -------------------------------------
	MODEL PAGE VIDEO ADS
------------------------------------- */
#model-collateral .adVideoLink { position: relative; }
#model-collateral .adVideoLink img { border: 1px solid #bbb; margin-right: 5px; margin-bottom: 8px; }

/* -------------------------------------
	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: 39%; 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: 10px; 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; }

#carousel-similar-products .carousel-control { font-size: 44px; color: #0e7dc7; }
#carousel-similar-products .carousel-control.right { right: -25px; }
#carousel-similar-products .carousel-control.left, #carousel-similar-products .carousel-control.right { top: 110px; }

#carousel-similar-products .modeldesc { min-height: 56px; padding-right: 44px; }

.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; }

#zoom-indicator {
	position: absolute;
	top: 172px;
	left: 226px;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	z-index: 2500;
}

.bentoBoxImage.active { border: 1px solid #0e7dc7 !important; }

/* -------------------------------------
	MODEL PAGE ACCESSORIES SECTION
------------------------------------- */
#accessories .panel-group { margin-bottom: 0; }
#accessories .panel-group .panel-heading { border-top: 1px solid #e5e5e5; }
#accessories .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
.accessories-panel .panel { 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";
}

/* -------------------------------------
	POWER REVIEWS OVERRIDES
------------------------------------- */
.pr-review-engine { padding: 0 !important; }
.pr-snapshot-footer { margin-bottom: 10px !important; }
.pr-review-engine .pr-pagination-bottom { margin-bottom: 0 !important; }

/* -------------------------------------
	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;
	}
	#demoAds { text-align: center; }
	#showPricesContainer { top: -25px; padding-left: 40px; }
	#bentoBox .col-10 { margin-bottom: 10px; margin-left: 25px; }
	.bentoBoxImage.active { border: 0 !important; }
}

/* 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;
	}
	#demoAds { text-align: center; }
	#showPricesContainer { top: -30px; }
	#bentoBox .col-10 { margin-bottom: 10px; }
	.bentoBoxImage.active { border: 0 !important; }
}

/* 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; }

	#zoom-indicator { top: 135px; left: 163px; }

	.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; }
	#carousel-similar-products .carousel-control.right { right: -50px; }
	#carousel-similar-products .modeldesc { min-height: 74px; }

	#floating-bar {	width: 930px; }

	.col-8 { padding-right: 40px; margin-bottom: 20px; }
	.col-8 a.adVideoLink img { width: 102px; }

	.col-10 { padding-right: 40px; margin-bottom: 20px; }
	.col-10 a.adVideoLink img { width: 102px; }

	#showPricesContainer { margin-top: 0; }
	.show-prices-box { margin-right: 10px; margin-bottom: 12px; }

	#demoAds { text-align: right; }
	#demoAds img { width: 200px; }
}

/* LARGE */
@media screen and (min-width: 1280px){
}