/*  slider CSS stuff starts here */
#container { position: relative; top:0; width:487px; height:405px; overflow: auto; left:0; float:left; }

.controls { position:relative; display: block; width:100%; left: 0; top: 0; padding:10px 0 16px; float:left; }

.item { display: block; width:487px; height:405px; margin:0px; }
.item li { list-style:none; margin:0 0 15px 0; padding:0; float:left; width:487px; }
.item li a { display:block; float:left; width:auto; }
.item li a img { border:2px solid #fff; }
.item li a:hover img { border:2px solid #c9f3ff; }


.controlsGall { position:relative; display: block; width:730px; left: 0; top: 0; padding:0px 0 12px; float:left; }
.controlsGallBottom { position:relative; display: block; width:730px; left: 0; top: 0; padding:12px 0 0; float:left; }
#containerBig { position: relative; top:0; width:760px; height:365px; overflow: auto; left:0; float:left; }

.itemGall { display: block; width:760px; height:365px; margin:0px; }
.itemGall li { list-style:none; margin:0 21px 19px 0px; padding:0; float:left; width:auto; }
.itemGall li a { display:block; float:left; width:auto; }
.itemGall li a img { border:2px solid #fff; }