/*!
 * 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
 */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:inherit !important;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; border: 0;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
   #cboxContent{background:#f5f5f5; padding: 0 0 0px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display: none !important;}
        #cboxCurrent{position:absolute; bottom:15px; left:20px; color:#666; font-size: 100%; text-transform:uppercase;}
        #cboxSlideshow{position:absolute; bottom:15px; right:42px; color:#444;}
		
		#cboxPrevious,
		#cboxNext { background: url(../images/bg-slide-control.png) no-repeat 0 0; position:absolute; bottom:15px; color:#444; height: 35px; text-indent: -99999px; width: 38px;}
        #cboxPrevious{ right:50px;}
		#cboxPrevious:focus,
		#cboxPrevious:hover {background-position: 0 100%;}
		#cboxNext{background-position: 100% 0; right:20px; }
		#cboxNext:focus,
		#cboxNext:hover {background-position: 100% 100%;}
        #cboxLoadingOverlay{background:#fff url(../images/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{
			background: url(../images/icon-close.png) no-repeat top left;  
			color: #444444;
			display: block;
			height: 38px;
			position: absolute;
			right: -15px;
			text-indent: -99999px;
			text-transform: uppercase;
			top: -15px;
			width: 38px;}
		
		#cboxContent .product-view{padding: 0 0 60px; background: #fff;}
		#cboxContent .product-essential{padding: 60px 60px 30px 35px; background: #fff; border-bottom:1px solid #ececec}
		
		#cboxContent .product-shop{ width: 450px; text-align: left;}
		
		#cboxContent .product-shop .short-description{ margin-top:20px}
		
		/*#cboxContent .product-view .product-image {width: 298px; height: 398px; overflow: hidden;}
		#cboxContent .product-view .jm-product-lemmon { float:right; width:80px}
		#cboxContent .product-view .product-image img { max-width: 100%; height: 100%; }
		#cboxContent .product-view .product-img-box .product-image-zoom img { position: static}
		#cboxContent .product-view .more-views ul { width: 100% !important;}*/
		
		#cboxContent .product-view .product-shop .add-to-box .or {display: none;}
		#cboxContent .product-view .product-shop .product-name h1 a {color: #2d2d2d;}
		#cboxContent .product-view .product-shop .product-name h1 a:active,
		#cboxContent .product-view .product-shop .product-name h1 a:focus,
		#cboxContent .product-view .product-shop .product-name h1 a:hover {color: #00AF4D; text-decoration: none;}
		
		#cboxLoadedContent .control-qty {
			float: left;
			margin: 10px 0 15px;
		}
		
		#cboxContent .product-options-bottom .add-to-links { display:none}
		#cboxContent .add-to-cart button.button {margin-bottom: 5px;}
		#cboxContent .product-options-bottom .add-to-links li { background-position: -5px 4px}
		
		#cboxContent,
		#cboxLoadedContent{ height: auto !important;}
		
		
		/* Cart mesage*/
		.cartmessage {
			padding: 80px 30px;
		}

		.message h2 {
			color: #333;
			font-size: 115%;
			font-weight: normal;
			margin: 0 0 30px 0;
		}

		.cartmessage .button button.button {
			margin: 0 10px 0 0;
		}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#cboxloadinggif{ background: url("../images/colorbox/loading2.gif") no-repeat 0 0; display: none; height: 100px; left: 50%; position: fixed; top: 45%; width: 100px; z-index: 9999; }