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

/* 1.Reset
======================================================= */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,em {
	font-size: 12px;
	font-style: normal;
	margin-bottom: 15px;
	display: block;
}
strong,th { font-weight: normal; }
table {
border-collapse: collapse;
border-spacing: 0;
}
th { text-align: left; }
hr,legend { display: none;	}
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
img,fieldset { border: 0; }
ul{ list-style: none; }
li { list-style-type: none; }

.hide{ display: none; }
.clear{ clear: both; }
/*** For Firefox removing dotted line links **	
:focus{ -moz-outline-style: none; }*/

a{
overflow:hidden;
outline:none;
}


/* 3.clearfix
======================================================= */
.clearfix:after {
content: '';
display: block;
clear: both;
height:0;
}
.clearfix { /zoom: 1; } /* IE */

/* 
======================================================= */

body {
background: #FFF;
margin:0;
}

#wrapper {
width: 492px;
height: 400px;
}

.largeImage{
border: 1px solid #E6E6E6;
width: 492px;
height: 369px;
margin-bottom:10px;
}
.thumbs img{
border: 1px solid #E6E6E6;
width: 100px;
height: 74px;
margin-bottom:10px;
}

#showBox {
float: left;
margin: 0px;
padding: 0px;
}

#ThumsBox .thumbs { text-align: center; }

.thumbs img {
border:2px #ccc solid;
padding: 3px;
}

.thumbs img:hover {
border-color: #E0CD40;
background:#F0F9A5;
}