div, p, input, a{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}	
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
.prodCont{ width:200px; padding:3px; float:left; margin-right:15px;}
.prodCont .prodImage a{ display:table-cell; width:190px; height:165px; border:solid 5px #ecf0f1; text-align:center; vertical-align:middle; *display:block;}
.prodCont a img{ max-width:190px; max-height:165px; }

.prodCont .prodTitle{margin-top:3px; text-align:center; background-color:#f9ec48; padding:5px 0; }
.prodCont .prodTitle a{ text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:12px;}

.prodCont .bigDispCont{padding:10px; background:#fff; z-index:9999}
.bigDispCont .bigDisplayImage{ max-width:650px; border:solid 10px #ecf0f1; background:#fff; text-align:center;}
.bigDispCont .bigDisplayImage img{max-height:480px; max-width:484px;}
.bigDispCont .titlContainer{ background-color:#f9ec48; padding:2px 0; margin-top:3px; }
.bigDispCont .titlContainer .bigTitle{text-transform:uppercase; font-weight:bold; font-size:16px; float:left; line-height:36px; position:relative; left:5px;  font-family:Arial, Helvetica, sans-serif;}
.bigDispCont .titlContainer .downloadLink{ line-height:30px; float:right; background-color:#000000; margin-top:3px; margin-right:5px;}
.bigDispCont .titlContainer .downloadLink a{ color:#FFFFFF; padding:0 10px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif}
#cboxClose{ background-color:none !important; border:none; padding:0; position:absolute; top:-3px; right:0px; background:none !important; cursor:pointer;}
#cboxContent{position:relative;}
.prodImage a img
{
	border:none;
}
.inline{color:#333;}

@media (min-width: 1010px) {}
@media (max-width: 1009px) {}
@media (max-width: 767px) {
.header{ width:100%;}
.logo{ float:none; margin:0 auto;}
.midpart{ float:none; position:relative;}
.left-part{ float:none; width:98%;}
.welcome-right-img{ float:none; margin-top:20px; width:100%;}
.main{width:100%; !important;}
.gray-part-mid{width:100%; !important;}
#amazon_scroller2, .amazon_scroller_mask, ul.amazon_scroller_nav{width:90% !important;}
}
@media (max-width: 480px) {}