/* columns */
.home .columns {clear: both;}
.home .columns .col {width: 355px; float: left;}
.home .columns .col .pad { margin-left: 26px; margin-top: 26px; margin-bottom: 10px;}

/* image gallery */
#container #slider {width:946px; height:400px; overflow:hidden; position: relative;}
#container #slider ul {margin:0px; padding:0px;}
#container #slider #sliderContent {width: 946px; position: absolute; top: 0; margin-left: 0;}
#container #slider .sliderImage {float: left; position: relative; display: none; }
#container #slider .sliderImage span { position: absolute; left: 0; padding: 10px; padding-left:26px; padding-top:26px; width: 946px; background-image:url(../../images/homepage/black_70.png); background-repeat:repeat; color: #fff; display: none; bottom: 0; height:100px;}
#container #slider .sliderImage span h2 {width:200px; font-size:24px; color:#FFFFFF; float:left; font-weight:normal; line-height:20px; margin-top: 0px; line-height: normal; margin-right: 10px;}
#container #slider .sliderImage span.hide {display: none !important;}
#container #slider .sliderImage span div {width:600px; font-size:12px; color:#FFFFFF; float:left;}
#container #slider #mask {position: absolute; background-image: url(../../redesign-images/mask.png); top:360px; left: 0px; width: 946px; height: 40px; background-position: bottom;}
 
/* product slider */
        .sliderGallery {
            background-color: #FFFFFF;
            overflow: hidden;
            position: relative;
            margin: 26px;
            height: 400px;
            width: 686px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 510px;
            height: 20px;
            position: absolute;
            bottom:0px;
            margin-left: 0px;
            border-right: 200px #EFEFEF solid;
            background-color: #EFEFEF;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 20px;
            width: 200px;;
            top: 0;
            background-color: #000000;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
            overflow: visible;
            background-color: #000000;
        }
        
        
.ui-slider-handle {height: 20px; background-color: #000000; width: 200px; display: block; position: absolute; top: 0px; z-index: 100; overflow: visible; }