span { behavior: url(/_includes/iepngfix.htc) }

/* gallery */
#accom_gallery { width: 620px; height: 220px; margin: 10px; float:left; display: inline; }
#accom_gallery_accom { width:673px!important; min-width:673px!important; height: 220px; margin: 10px; float:left; display: inline; }
.frame_gallery { clear:both; position: relative; display: block; height:217px; width: 620px; margin: 0; background: #ffffff url(/images/auction-background.jpg) no-repeat; float: left; }
.frame_gallery span { background: url(/images/frame.png) no-repeat center top; height:217px; width: 620px; display: block; position: absolute; }

#mygallery { margin:0px auto; }

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:540px; /*Width of Carousel Viewer itself*/
height:170px; /*Height should enough to fit largest content's height*/
margin: 0 auto;
}
.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0px;
min-width:186px;
}
.stepcarousel .panel {
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:10px ; /*margin around each panel*/
width:176px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:225px;
margin-top: 35px;
color: #ffffff;
text-align: center;
}
.stepcarousel h2{
text-align:left; /*leave this value alone*/
height:28px;
padding: 5px 0;
overflow:visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px 0px 5px; /*margin around each panel*/
font-size:19px !important;
font-weight:normal;
text-align:left !important;
color: #0227a4;
}
.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
border:1px solid #0227a4; /* image border */
width: 160px;
height: 105px;
}
.stepcarousel a {
color: #0227a4 !important;
text-decoration: none !important;
}
.stepcarousel a:hover {
color: #0227a4;
text-decoration: underline;
}


/* GALLERY 2 */
#accom_gallery_accom { width: 100%; height: 230px; margin: 0px; float:left; display: inline; background: #0227a4; border-right: 1px solid #ffffff; }

#mygallery_accom { margin: 10px auto 0px auto; height: 190px; }

#accom_gallery_accom.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:540px; /*Width of Carousel Viewer itself*/
height:210px; /*Height should enough to fit largest content's height*/
margin: 0 auto;

}
#accom_gallery_accom .stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0px;
}
#accom_gallery_accom .stepcarousel .panel {
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:10px ; /*margin around each panel*/
width:176px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:255px;
margin-top: 35px;
color: #ffffff !important;
text-align: center;
}
#accom_gallery_accom .stepcarousel h2{
text-align:left; /*leave this value alone*/
height:28px;
padding: 5px 0;
overflow:visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px 0px 5px; /*margin around each panel*/
font-size:19px !important;
font-weight:normal;
text-align:left !important;
color: #ffffff !important;
}
.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:5px;
background: #ffffff;
width: 155px;
height: 100px;
}
.stepcarousel a {
color: #ffffff !important;
text-decoration: none !important;
}