/* carousels */	

	#block-views-photo-gallery-block-1,
	#block-views-popular-products-block{
		margin: 0 0 20px;
		z-index: 300!important;
	}		
	#block-views-photo-gallery-block-1 h2,
	#block-views-popular-products-block h2{
		margin-left: 45px;
		z-index: 300!important;
	}		
				
	.view-photo-gallery,
	.view-popular-products{
	    z-index: 300!important;
		overflow: hidden;
		margin-left: -25px;
	}
		.view-photo-gallery .jcarousel-container,
		.view-popular-products .jcarousel-container{
			margin-left:25px;
			z-index: 300!important;
		}
			.view-popular-products .jcarousel-container a.jcarousel-next,
			.view-popular-products .jcarousel-container a.jcarousel-prev,
			
			.view-photo-gallery .jcarousel-container a.jcarousel-next,
			.view-photo-gallery .jcarousel-container a.jcarousel-prev{
				z-index: 300!important;
				height: 25px;
				width: 25px;
				position: absolute;
				display: block;
				top: 50px;
				background-image: url(images/pager-arrows.png);
			}
			.view-popular-products .jcarousel-container a.jcarousel-prev,
			.view-photo-gallery .jcarousel-container a.jcarousel-prev{
				left: 0px;
				background-position: 0px 0px;
			}
			.view-popular-products .jcarousel-container a.jcarousel-next,
			.view-photo-gallery .jcarousel-container a.jcarousel-next{
			    z-index: 300!important;
				right: 0px;
				background-position: -25px 0px;
			}
				.view-popular-products .jcarousel-container .jcarousel-clip,
				.view-photo-gallery .jcarousel-container .jcarousel-clip{
				z-index: 300!important;
			    margin:0 auto;
          width:935px;
					max-width: 935px;
					overflow: hidden;
					position: relative;
				}
					.view-popular-products .jcarousel-container .jcarousel-clip li,
					.view-photo-gallery .jcarousel-container .jcarousel-clip li{
					    z-index: 300!important;
						position: relative;
						height: 156px;
						margin: 3px 20px 0 0px;
						width: 290px !important;
						padding: 0 8px;
					}
 						.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-field-project-image img{
			  z-index: 300!important;
              background: url(images/image-shadow-thumb.png) bottom center no-repeat;
              opacity: 1;
              padding-bottom: 21px;
              -moz-transition: opacity .5s ease-out; /* Firefox 4 */
              -o-transition: opacity .5s ease-out; /* Opera */
              -webkit-transition: opacity .5s ease-out; /* Safari and Chrome */
              transition: opacity .5s ease-out;
						}
 						.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-field-project-image img:hover{
              opacity:.8;
            }  
   						.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-field-photo img:hover{
                opacity:.8;
              }  

						.view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing,
						.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-nothing{
		
						}
							.view-popular-products .jcarousel-container .jcarousel-clip li .views-field-title .title a,
							.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-title a{
								font-size: 12pt;
								color: #333;
								margin: 0 0 10px;
								display: block;
							}	
							.view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .description,
							.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-nothing .description{
								margin: 0 0 10px;
							}
							.view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .price,
							.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-nothing .price{
								float:left;
							}
							.view-popular-products .jcarousel-container .jcarousel-clip li .views-field-nothing .path a,
							.view-photo-gallery .jcarousel-container .jcarousel-clip li .views-field-nothing .path a{
								display: block;
								padding: 6px 10px;
								background: #7ADFF5;
								float: right;
								color: #fff;
							}

              /* #Tablet (Portrait)
================================================== */   
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.view-photo-gallery .jcarousel-container .jcarousel-clip{
  margin:0 auto;
  width:935px;
}
}
      
      
/*  #Mobile (Portrait) 
================================================== */
/* Note: Design for a width of 320px */    
@media only screen and (max-width: 767px) {
.view-photo-gallery .jcarousel-container .jcarousel-clip{
  margin:0 auto;
  width:303px;
}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.view-photo-gallery .jcarousel-container .jcarousel-clip{
  margin:0 auto;
  width:630px;
}
}