/*!
 * Theme Name: JM Team
 * Theme URI: http://www.joomlart.com
 * Version: 1.0
 * Description: 
 * Author: JM Team - Joomlart.com
 * Author URI: http://www.joomlart.com
 * 
 * Powered by Magento
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */
/* MAIN CONTAINER
--------------------------------------------------------- */

/*NORMAL VIEW 986 TO 1235 PX*/

.main {
	text-align: left;
	width: 1000px;
}

.top-page {
  position: absolute;
  top: 0;
  width: 980px;
}

.btn-toggle.active i {
	background-position: 4px -32px;
}

#jm-setting .btn-toggle.active i {
	background-position: 4px 139.5%
}

#jm-search .btn-toggle.active i {
	background-position: 4px 129.5%;
}

#jm-tops3 .block-title {
  padding: 40px 25px 0;
}

.position-3,
.position-4 { background-position:center 20%}

.position-3 .block-content{ margin-top:-35px;}
.position-4 .block-content { margin-top:-20px;}

.position-3 .slider1{ height:110px}
.position-3 li { height:110px; overflow:hidden;}

.position-3 li span.text-title, .position-4 li span.text-title { font-size:15px;}

.position-4 li { width:100%}

.position-5 .right {
  padding: 40px 20px 0;
}
.position-5 .right .arrow-left {
  margin-left: -35px;
 }

#jm-mass-top1 .block-title {
  padding: 40px 23px 0;
}

#jm-mass-top1 .block-title .arrow-right {
  left: 245px;
 }

/* BreadCrumbs */
#jm-pathway {
	margin: 0 0 20px;
}

#jm-pathway .inner {
	line-height: 40px;
	min-height: 40px
}

.breadcrumbs {
	background: #000;
	color: #dcdcdc;
	text-align: center;
	font-size: 11px;
	line-height: 30px;
	margin: -30px 0 0;
	-moz-opacity: 0.85;
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
	padding: 0 30px
}

.breadcrumbs a {
	color: #fff
}

.breadcrumbs a:active,
.breadcrumbs a:focus,
.breadcrumbs a:hover {
	color: #00af4d;
	text-decoration: none
}

.breadcrumbs li {
	display: inline
}

.breadcrumbs li strong{
	color: #00af4d
}

.breadcrumbs li .icon-caret-right {
	margin: 0 10px
}

 /*slideshow*/
.main-slide {
  width: 980px;
}

.jm-slide-thumbs-wrap {
  bottom: 110px !important;
}

.jm-slidewrap {
  margin: 10px 0px 0px 0px;
}

#jm-tops2 {
  margin-top: 30px;
}

.jm-slider li {
  width: 245px !important;
}

#jm-mass-top {
  margin: 20px 0px -10px 0px;
}

#jm-mass-top1 .block-title {
  padding: 30px 20px 0;
  width: 200px;
}

#jm-tops3 .block-title .arrow-right {
  left: 245px;
}
.position-3, .position-4 {
  min-height: 105px;
}

.position-5  {
  min-height: 245px;
}
.position-5 .left {
  width: 245px;
}

.position-5 .left img{
	width: 100%;
}
.position-7 {
  min-height: 490px;
}

.position-8 .left {
  padding: 40px 20px 0;
}

.position-8 .left .arrow-right {
  margin-left: 225px;
}

.position-8 .right {
  width: 245px;
  padding: 0;
}

.position-10 .right { 
  width:245px; overflow:hidden}

.position-10 .right .arrow-left {
  margin-left: -33px;
}

.jm-next {
  left: 183px;
}

.jm-prev {
  left: 147px;
}

.position-10 {
  min-height: 230px;
}

.position-10 .left {
  padding:30px 0px 30px 15px;
}

.position-10 .left .arrow-right { 
  right:-25px;}

.position-10 .left img{ 
	width: 100%;
}

.position-12 {
  min-height: 245px;
}

.position-12 .block .block-content {
  padding: 18px 30px;
}

.position-13 {
  min-height: 245px;
}

.position-13 .right {
  padding: 30px 20px 0px 5px;
 }

.position-13 .right .arrow-left {
  margin-left: -35px;
  margin: -10px 0px 0px -35px; 
}


.position-13 .left {
  width: 245px;
}

.position-13 .left img{
  width: 100%;
}

.position-14 img {
	width: 100%
}

/*--------- NORMAL VIEW PORT - PRODUCT LIST VIEW ----------*/

/*CATEGORIES LAYERED NAV BLOCK*/
.block.block-layered-nav .block-title {
  display: block;
  text-align: center;
}

.block.block-layered-nav .block-content {
  position: relative;
  top : 0px;
  left: 0px;
  bottom: 0px;
  padding: 20px 0px 20px 0px;
}

.products-list li.item {
	border-bottom: 1px solid #ddd;
	padding: 0px 10px 0px 10px;
}

.products-list pro-image {
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px;
}

/*THIS IS THE BLOCK WITH REG AND SPECIAL PRICE GROUP*/

.products-list .inner {
  margin: 0px 0px 0px 40px
}

.products-list .price-box {
	float: left;
    Padding: 0px 0px 10px 0px
}

/*REGULAR PRICE*/
.products-list .old-price {
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/*SPECIAL PRICE*/
.products-list .special-price {
	position: relative;
	top: -1px;
	left: 30px;
	right: 0px;
}

/*THIS BLOCK CONTAINS NAME, PRICE BLOCK AND DESC BLOCK*/
.products-list .f-fix {
    padding : 8px 0px 5px 0px;
}

.products-list .desc {
	clear: both;
	line-height: 1.35;
	margin: 15px 0px 15px;
	padding: 10px 0 0
}

/*MAP PRICE START*/
.products-list .price-box.map-info {
	position: relative;
 	top: 0px;
  	right: 0px;
 	bottom: 0px;
 	left: 0px;
}

.products-list .map-link {
  position: relative;
  top: 4px;
  right: 0px;
  bottom: 0px;
  left: 40px;
} 
/*END MAP PRICE*/

/*THIS BOX HOLDS THE CUSTOMIZE AND ORDER BUTTON*/
.products-list .actions {
  padding: 5px;
}

/*CENTERS CUSTOMIZE AND ORDER BUTTON*/
.products-list .btn-action {
  margin: 15px 0px 0px 0px ;
  text-align: center;
}

/*--------NORMAL VIEW PRODUCT GRID ---------*/
.products-grid li.item .inner {
  padding: 0px 10px 10px 10px;
}

.products-grid .pro-image {
  margin: 0px 20px 0px 0px;
}

/*ADD THIS TO FIX GRID SPACING WITH MAX CHARS*/
.products-grid .product-information h5 {
	font-size: 13.5px;
  text-align: center;
  height: 50px;
}

/*PRODUCT GRID VIEW - DISABLE "CUSTOMIZE AND ORDER" BUTTON - AVOID DUAL BUTTONS IN GRID*/
.products-grid .button.button.btn-cart {
	display: None
  	}

/*MAP PRICE START*/
.products-grid .price-box.map-info {
	position: relative;
 	top: 0px;
  	right: 0px;
 	bottom: 0px;
 	left: 0px;
}

.products-grid .map-link {
  float: left;
  position: relative;
  top: 3px;
  right: 0px;
  bottom: 0px;
  left: 10px;
} 
/*END MAP PRICE*/

/* MAP POPUP START*/
.cart-msrp-totals {
	color: #f00;
	font-size: 12px!important;
	font-weight: bold;
	margin: 10px 10px 0;
	padding: 10px;
	text-align: right;
	text-transform: uppercase
}

.map-popup {
	background: #fff;
	border: 1px solid #bababa;
	margin: 12px 0 0;
	position: absolute;
	text-align: left;
	width: 220px;
	z-index: 100;
}

.map-popup-heading {
	background: #d9e5ee;
	border-bottom: 1px solid #ccc;
	padding: 5px 30px 5px 10px;
	width: 180px
}

.map-popup-heading h2 {
	/*font-size: 14px;
	margin: 0;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	text-shadow: 0 1px 0 #f6f6f6;
	white-space: nowrap;
	word-wrap: break-word*/
	display: none;
}

.map-popup-close {
	background: url(https://www.canadaseatskins.ca/skin/frontend/default/jm_sportsgear/images/btn_window_close.gif) no-repeat;
	display: block;
	height: 15px;
	position: absolute;
	right: 10px;
	text-indent: -9999em;
	top: 34px;
	width: 15px
}

.map-popup-content {
	border-top: 1px solid #eee;
	overflow: hidden;
	padding: 10px;
	text-align: left;
	width: 200px;
}

.map-popup strong {
	font-size: 11px;
}

.map-popup-text {
	font-size: 12px;
	padding: 5px 0px 0px 0px;
}

/*MAP POPUP END*/


/*PRODUCT VIEW NORMAL*/

.product-essential .product-shop.col-2 {
  width: 510px;
}

.product-view .product-name {
  margin: 0px 0px 10px 0px;
}

.product-view .price-box {
  width: 100%;
  margin: 0px 0px 10px 0px;
}

.product-view .special-price {
  position: relative;
  top: 0px;
  bottom: 0px;
  left: 20px;
  right: 0px;
}

/*DROP DOWN - IMAGE BOXES - OUTER CONTAINER*/
#mageworxLightbox {
	max-width: 100%;
}

#mageworxOuterImageContainer {
	max-width: 100%;
	max-height: 500px;
}

#mageworxImageContainer {
	max-width: 100%;
	max-height: 500px;
}

/*ACTUAL IMAGE*/
#mageworxLightboxImage {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
  max-height: 100%;
}

#mageworxPrevLink {
	Display: None;
}

#mageworxNextLink {
	Display: None;
}

#mageworxHoverNav {
	display: None;
} 

#mageworxImageDataContainer {
	max-width: 100%;
}

/*PRODUCT VIEW - MAP PRICING START*/
.product-view .price-box-map-info {
  position: relative;
  top: 20px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/*REMOVES CHECKOUT BOX IN MAP PRICE POPUP*/
.map-popup .map-popup-checkout {
  display: none;
}

.map-popup .map-popup-msrp-box,
.map-popup .map-popup-msrp {
  display: none;
}

.map-popup .price-label {
  display: none;
}

.map-popup .map-popup-price {
  margin: 10px 0px 20px 0px;
}
/*PRODUCT VIEW - MAP PRICING END*/


.product-view .add-to-box {
  margin: 20px 0px 10px 0px;
}

.product-view .add-to-links {
  position: relative;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 20px;
}

/*JA TABS */
.ja-tab-content {
	background: #fff;
	/*float: left; REMOVE TO FIX DOWNLOADS TAB NOT FILLING LOWER DIV*/
	position: relative;
	min-height: 88px;
	padding: 40px;
	width: auto
}

.box-up-sell .block-content {
  width: 720px;
}

.product-view .box-up-sell ul li .inner {
  padding: 35px 19px;
}

.product-view .box-up-sell {
  padding: 0;
}

.box-up-sell .cboxElement {
  left: 50% !important;
}

#review-form .form-list textarea,
#review-form .form-list input.input-text {
  width: 310px;
}

.form-list li.wide input.input-text {
  width: 338px;
}

.jm-mask-desc .jm-slide-desc {
  width: 720px;
}

.jm-slide-buttons {
  top: 120px;
}

.jm-mask-desc {
  top: 65px !important;
}

.form-list input.input-text {
  width: 315px;
}

#co-billing-form .form-list input.input-text {
  width: 338px;
}

.jm-col-right .col-right {
  display: block;
}

/*SHOPPING CART TABLE*/
.cart-table th {
  padding: 10px;
  text-align: center;
}

.cart-table td {
  padding: 20px;
}

.cart-table td .pname,{
  padding: 20px;
  vertical-align: center;
} 

.price {
	font-size: 16px;
}

.cart-table .price {
	font-size: 16px;
}

/*FIRECHECKOUT TABLE LOWER ORDER REVIEW*/
#checkout-review-table .data-table td {
	padding: 20px 10px 10px 0px;
}

.position-7 img {
  height: 520px;
}

.billing-agreements .form-list li button.button {
	clear: both;
	margin: 10px 0 0 0;
}

#my-tags-table .ratings {
	margin: 0 auto;
	width: 35%;
}

#jm-mass-head {
	height: 200px;
}

.jm-masshead {
	background-size: 100% auto;
}

.ja-masshead-title {
	font-size: 25px;
}

h3.ja-masshead-title *:after {
	border-width: 54px 32px 0 0;
 }
 
.ja-masshead-desc:after {
 border-width: 35px 26px 0 0
 }
 
 .ja-masshead-desc {
	font-size: 16px;
 }
 
.jm-slider li:hover .productimageoverlay, 
.jm-slider li:hover .productoverlay ,
.jm-slider li:focus .cboxElement, 
.jm-slider li:hover .cboxElement, 
.jm-slider li:hover .btn-cart, 
.jm-slider li:hover .btn-cart,
.products-grid li.item:hover .productoverlay,
.products-grid .product-action .btn-cart,
.products-grid li.item:focus .cboxElement, 
.products-grid li.item:hover .cboxElement, 
.products-list li.item:focus .cboxElement, 
.products-list li.item:hover .cboxElement{
	display: none;
}

.products-list li.item:focus .pro-image, 
.products-list li.item:hover .pro-image {
	opacity: 1;
}

.cart .discount .buttons-set button.button { margin-bottom:15px; }