@charset "utf-8";
/* CSS Document */



/********************************************** ZOOMER CSS STARTS ******************************************/
.zoom_page_wrap{display:block; background:#6CF; margin-bottom:20px; width:100%;}
.zoom_page_wrap .zoomer{width:100%; height: auto; /*background:#900;*/ float:left;}


#wrap{
	z-index:6 !important;}

.zoomer_wrap {
    width: 73.33333333333334%;
    /* height: 100%; */
    padding: 0px;
    float: right;
    z-index: 5;
}


@media all and (min-width:500px) and (max-width:700px){
	
	.zoomer_wrap {
		width:100%;
		float:inherit;
		margin-bottom:20px; 
		display:table;
		}
		
		.thumb img{/*border:1px solid #d7d7d7;*/} 
		
		
		
		.thumb_wrap {
		margin:20px auto 0 auto  !important;  
		
		}
		
		.thumb{margin-right:11px !important;}
	}

@media all and (max-width:480px){
	
	.zoomer_wrap {
		width:100%;
		float:inherit;
		margin-bottom:20px; 
		display:table ;
		}
		
		.thumb img{/*border:1px solid #d7d7d7;*/} 
		
		.thumb{margin-right:2px !important; width:30%; height:auto; background:none  !important;}
		
		.thumb_wrap {
		margin:10px auto 0 auto  !important  ; display:table;  width:100% !important;
		
		}
	}



@media all and (max-width:400px){
	
	.zoomer_wrap {
		width:100%;
		float:inherit;
	
		}
	}



.zoom_pc { 
	text-align:center;
	z-index:100;
	/*border:1px solid #e5e5e5;*/
	margin-bottom:20px;

}

.zoom_pc img { 
	width:100%;
	height:auto;
	display:block;
}
.thumb_wrap {
    margin: 0 auto;
    display: table;
    text-align: center;
    padding: 0px;
    width: 25.66666666666%;
    /* padding-top: 10px; */
}



.thumb_wrap p{ font-size:18px; text-align:center;}


@media all and (max-width:400px){
	
	.thumb_wrap {
		margin-bottom:20px;
		width:100%
		}
	
	}


.thumb {
	/* width:99px; */
	/*height:140px;*/
	background:url(../img/thumb_bg.html) no-repeat center center;
	padding:5px;
	margin-right:9px;
	display:inline-block;
	text-align:center;
	border:1px solid #e5e5e5;
	}
	

.thumb a { /*display:block !important ;*/ width:99px; height:99px; background:#f00;}

	
.thumb:hover{-moz-box-shadow:0px 0px 10px #bebebe; -webkit-box-shadow: 0px 0px 10px #bebebe; box-shadow: 0px 0px 10px #bebebe; border:1px solid #ee4a42;} 	
	
}

.thumb + .thumb {
	margin-left:5%;  display:inline-block; text-align:center;
	}

.thumb img {
	width:100%;
	vertical-align:top;
	/*border:1px solid #99cccf;*/
}


@media all and (max-width:380px){
	.thumb{width: 80px;
    height: auto;
    float: left;
    margin: 0 4px;}
}


/********************************************** ZOOMER CSS ENDS ******************************************/




/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #9dcd17;
	margin:-1px;	/* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
}

/*.mousetrap{border:1px solid #c9c9c9; margin-bottom:20px;}*/

@media all and (max-width:800px){
	
.cloud-zoom-lens, .mousetrap{
	display:none;
	}	
	
	}


/* This is for the title text. */
.cloud-zoom-title {
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #ccc;
	margin-top:3px;/*overflow:hidden;*/
}
/* This is the loading message. */
.cloud-zoom-loading {
	color:white;
	background:#222;
	padding:3px;
	border:1px solid #000;
}
/**/


.product_details {
	/*width:320px;*/
	width:100%;
	height:auto;
 }



.product_details h1 {
	/*width:320px;*/
	width:100%;
	height:auto;
	padding-bottom:10px;
 
	color:#559196;
	font-size:22px;
  	font-family: 'cabinsketchbold';
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}



.product_details h2 {
	/*width:320px;*/
	width:95%;
	height:auto;
 }


.product_details .description{

 	margin:10px 0px 10px 0px;

}


.buy_now_wrp
{
 	width:100%;
	height:auto;
/*	background-color:#3e3e3e;*/
 	text-align:left;
 }

.buy_now
{
 	width:100%;
	height:auto;
/*	background-color:#C63;*/
 	text-align:left;
	margin-top:10px;
 }
 
 
@media all and (min-width:769px) and (max-width:995px){ 
.thumb {
	width:29%;
    float:left;
	/*background:url(../images/thumb_bg.jpg) no-repeat center center;*/
	padding:5px;
	margin-right:5px;
	}

.thumb img{/*border:1px solid #d7d7d7;*/} 

}




@media all and (max-width:768px){
.thumb_wrap p{ font-size:16px; text-align:center;}

}