﻿
/*------------------- 3 samples box in a ROW -----------------------------*/
#showpanefirst {
	position: absolute;
	background: #fff;
	/*background:-webkit-linear-gradient(top, rgba(239,239,239,1) 50%, rgba(204,204,204,1) 100%);*/
    height: 330px;
    width: 310px;
    padding:0px;

    border-radius:4px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
  	/*box-shadow:0 8px 3px -5px rgba(0,0,0,.2);*/
 
    margin-top: 14px;

    
    overflow: hidden;
}

#showpane {
	position: absolute;
    height: 330px;
    width: 310px;
    padding:0px;
	background: #fff;
    margin-top: 14px;
    
    overflow: hidden;
 	border-radius:100% / 33px;
	box-shadow:0 8px 3px -5px rgba(0,0,0,.3);

}



#showpanefirst:hover {
background-image: -webkit-gradient(linear, 0 0, 0 70, from(#ebebeb), to(#fff));
background-image: -moz-linear-gradient(top, #ebebeb, #fff 70px);
border: 1px solid #fff;
}

#showpaneimg {

    float: right;
    position: relative;


}

#showpanetext {

    float: left;
    position: absolute;

}

/*------------------- 5 samples box in a ROW -----------------------------*/
#show2panefirst {
	position: absolute;
	background: #fff;
	/*background:-webkit-linear-gradient(top, rgba(239,239,239,1) 50%, rgba(204,204,204,1) 100%);*/
    height: 190px;
    width: 192px;
    padding:0px;

    /*border-radius:4px;*/
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
  	/*box-shadow:0 8px 3px -5px rgba(0,0,0,.2);*/
 
    margin-top: 14px;

    
    overflow: hidden;
}

#show2pane {
	position: absolute;
    height: 190px;
    width: 192px;
    padding:0px;
	background: #fff;
    margin-top: 14px;
    
    overflow: hidden;
 	border-radius:100% / 33px;
	box-shadow:0 8px 3px -5px rgba(0,0,0,.3);

}



#show2panefirst:hover {
background-image: -webkit-gradient(linear, 0 0, 0 70, from(#ebebeb), to(#fff));
background-image: -moz-linear-gradient(top, #ebebeb, #fff 70px);
border-bottom: 1px solid #fff;
}
#show2paneimg {

    float: right;
	position: relative;
}

#show2panetext {

    float: left;
    width:192px;
    position: absolute;

}
/*------------------- 4 samples box in a ROW -----------------------------*/

#show4panefirst {
	position: absolute;
	background: #fff;
	/*background:-webkit-linear-gradient(top, rgba(239,239,239,1) 50%, rgba(204,204,204,1) 100%);*/
    height: 210px;
    width: 229px;
    padding:0px;

    border-radius:4px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
  	/*box-shadow:0 8px 3px -5px rgba(0,0,0,.2);*/
 
    margin-top: 14px;

    
    overflow: hidden;
}

#show4pane {
	position: absolute;
    height: 210px;
    width: 229px;
    padding:0px;
	background: #fff;
    margin-top: 14px;
    
    overflow: hidden;
 	border-radius:100% / 33px;
	box-shadow:0 8px 3px -5px rgba(0,0,0,.3);

}



#show4panefirst:hover {
background-image: -webkit-gradient(linear, 0 0, 0 70, from(#ebebeb), to(#fff));
background-image: -moz-linear-gradient(top, #ebebeb, #fff 70px);
border: 1px solid #fff;
}
#show4paneimg {

    float: right;
	position: relative;
	overflow: hidden;
}

#show4panetext {

    float: left;
    width:229px;
    position: absolute;
 
}