#ImgSSW a.ImgSSW-button, #ImgSSW a.ImgSSW-button:link, #ImgSSW a.ImgSSW-button:visited, #ImgSSW a.ImgSSW-button:hover
{
    background: url("/images/add.gif") no-repeat scroll left top Transparent;
    color: #000000;
    float: left;
    height: 16px;
    line-height: 15px;
    padding-left: 20px;
    position: relative;
    text-align: right;
    text-decoration: underline;
    width: auto;
}
#ImgSSW .ImgSSW-admin
{
    border: none;
}
#ImgSSW .ImgSSW-textbox
{
    border: solid 1px #818181;
    padding: 5px 2px;
}
#ImgSSW .ImgSSW-fileupload
{
    border: solid 1px #dddddd;
}
#ImgSSW .ImgSSW-table
{
    border: none;
    margin: 0px;
    width: 100%;
}
#ImgSSW .ImgSSW-table tr.tr-title
{
    background-color: #F4F4F4;
    border-bottom: 1px solid #E1E1E1;
    display: block;
    margin-top: 10px;
}
#ImgSSW .ImgSSW-table tr th
{
    color: #433F3F;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0px 10px 10px;
    text-align: left;
}
#ImgSSW .ImgSSW-table tr td
{
    text-align: left;
    padding: 3px;
}
#ImgSSW .ImgSSW-tabs
{
    float: right;
    margin: 0px 5px 0px 0px;
}
#ImgSSW .ImgSSW-tabs a
{
    color: #424141 !important;
}
#ImgSSW .FixNormalKhmer
{
    top: -5px;
    position: relative;
}
#ImgSSW .FixNormalKkhmerML
{
    top: -5px;
    position: relative;
}
#ImgSSW .FixNormalKhmerBK
{
    top: -6px;
    position: relative;
}
#ImgSSW .SepFooterBotton
{
    border-top: 1px solid #888888;
    display: block;
    position: relative;
}
#ImgSSW .ImgSSWValSum
{
    background-color: #f7c5c5;
    border: 1px solid #ba0c0c;
    padding: 4px;
    color: #ba0c0c;
    text-shadow: 0 1px 1px #FFFFFF;
    margin: 5px 0px 0px 0px;
}
#ImgSSW .td-clear
{
    padding: 0px !important;
    clear: both;
}
#ImgSSW .ImgSSWGv
{
    padding: 0px;
    margin: 0px;
    width: 100%; /*top:-43px;     left:-1px;     position:relative;*/
}
#ImgSSW .ImgSSWTableHeader
{
    padding: 0px;
    margin: 0px;
    width: 939px !important;
}
#ImgSSW .ImgSSWGvHeaderContainer
{
    float: left;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 939px !important;
}
#ImgSSW .ImgSSWGv tr td
{
    padding: 5px;
    border: solid 1px #808080 !important;
}
#ImgSSW .ImgSSWGv tr td a, a:link, a:visited
{
    color: #0165D2;
}
#ImgSSW .ImgSSWGv tr td a:hover
{
    color: #BA0C0C;
}
#ImgSSW .ImgSSWGvHeader th
{
    font-weight: bold !important;
    padding: 13px 15px !important;
    background-color: #acacac !important;
    color: #ffffff !important;
    text-shadow: 0px 1px 1px #000000 !important;
    border: solid 1px #808080 !important;
}
#ImgSSW .ImgSSWGvHeaderHide th
{
    font-weight: bold !important;
    padding: 13px 15px !important;
    background-color: #acacac !important;
    color: #ffffff !important;
    text-shadow: 0px 1px 1px #000000 !important;
    border: solid 1px #808080 !important;
}
#ImgSSW .ImgSSWGv tr td.NormalKhmer
{
    font-size: 10px !important;
}
#ImgSSW .hideHeader
{
    display: none;
}
#ImgSSW a.deleteCommand, #ImgSSW a.deleteCommand:link, #ImgSSW a.deleteCommand:visited
{
    color: #0165D2;
}
#ImgSSW a.deleteCommand:hover
{
    color: #BA0C0C;
    text-shadow: 0px 1px 1px #ffffff;
}
#ImgSSW #Notification .successMsg
{
    color: #09AD24;
}
#ImgSSW #Notification .errorMsg
{
    color: #BA0C0C;
}
#ImgSSW img.grideimg
{
    width: 100px;
    height: 30px;
    margin: auto 0;
}
/*#ImgSSW,
#slide,
#wrapper,
#slider-wrapper,
#slider,
#ImgSSW #slide .theme-default .nivoSlider a
{
    z-index:999999;    
}*/
/* HTML5 SlideShow */
#slideshow
{
    background-color: #F5F5F5; /*border:1px solid #FFFFFF;*/
    height: 307px; /*margin:0px auto 0;*/
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
    float: left; /*-moz-box-shadow:0 0 22px #111; 	-webkit-box-shadow:0 0 22px #111; 	box-shadow:0 0 22px #111;*/
}

#slideshow ul
{
    height: 307px; /*left:10px;*/
    list-style: none outside none;
    overflow: hidden;
    position: absolute; /*top:10px;*/
    width: 100%;
    padding: 0px;
}

#slideshow li
{
    position: absolute;
    display: none; /*z-index:10;*/
}

#slideshow li:first-child
{
    display: block; /*z-index:1000;*/
}

#slideshow .slideActive
{
    /*z-index:1000;*/
}

#slideshow canvas
{
    display: none;
    position: absolute; /*z-index:100;*/
}

#slideshow .arrow
{
    height: 86px;
    width: 60px;
    position: absolute;
    background: url('images/arrows.png') no-repeat;
    top: 50%;
    margin-top: -43px;
    cursor: pointer; /*z-index:5000;*/
}

#slideshow .previous
{
    background-position: left top;
    left: 0;
}
#slideshow .previous:hover
{
    background-position: left bottom;
}

#slideshow .next
{
    background-position: right top;
    right: 0;
}
#slideshow .next:hover
{
    background-position: right bottom;
}


/*----------- supersized slide show -------------*/
#ImgSSW #supersize
{
    float: left;
    width: auto;
    height: auto;
}
#ImgSSW #supersize img
{
    border: none;
    width: 940px !important;
    height: 305px !important;
}

#ImgSSW #sswSupersize #content
{
    margin: 0px auto;
    height: 100px;
    width: 100%;
    bottom: 5%;
    z-index: 3;
    background: #262626 no-repeat 90%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #4F4F4F;
    position: absolute;
}
#ImgSSW #sswSupersize #contentframe
{
    overflow: hidden;
    border-top: solid 1px #4F4F4F;
    border-bottom: 1px solid #000;
    height: 100%;
    text-align: left;
    z-index: 3;
}
#ImgSSW #sswSupersize #slidecounter
{
    float: left;
    color: #4F4F4F;
    font: 50px "Helvetica Neue" , Arial, sans-serif;
    font-weight: bold;
    margin: 18px 20px;
}
#ImgSSW #sswSupersize #slidecaption
{
    overflow: hidden;
    float: left;
    color: #FFF;
    font: 26px "Helvetica Neue" , Arial, sans-serif;
    font-weight: bold;
    margin: 33px 0;
}
/*Supersized Stamp*/
#ImgSSW #sswSupersize .stamp
{
    float: right;
    margin: 25px 20px 0 0;
}
/*Supersize Plugin Styles*/
#ImgSSW #sswSupersize #navigation
{
    background: url('images/navbg.gif') no-repeat;
    float: right;
    margin: 22px 20px 0 0;
}
#ImgSSW #sswSupersize #loading
{
    position: absolute;
    top: 49.5%;
    left: 49.5%;
    z-index: 3;
    width: 24px;
    height: 24px;
    text-indent: -999em;
    background-image: url(images/progress.gif);
}
#ImgSSW #supersize
{
    /*position: relative;             width: 940px!important;             height: 305px!important;*/
    left: 11px; /*top: 9px;*/
    height: 305px !important;
    width: 940px !important;
    margin: 9px 0px 0px 0px !important;
    position: relative; /*-moz-box-shadow:0px 2px 7px #5F5F5F; 	        -webkit-box-shadow:0px 2px 7px #5F5F5F; 	        box-shadow:0px 2px 7px #5F5F5F;*/
}
#ImgSSW #supersize img, #supersize a
{
    height: auto;
    width: auto;
    position: absolute;
    z-index: 0;
}
#ImgSSW .prevslide, #supersize .prevslide img
{
    z-index: 1;
}
#ImgSSW .activeslide, #supersize .activeslide img
{
    z-index: 2;
}
#ImgSSW .navi-conts
{
    float: left;
    height: auto;
    left: 9px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 153px;
    width: auto;
    z-index: 3;
}
#ImgSSW ul.navigator
{
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: auto;
    z-index: 100;
}
#ImgSSW ul.navigator li
{
    list-style-type: none;
    float: left;
    width: auto;
    height: auto;
}
#ImgSSW ul.navigator li.next
{
    padding-left: 904px;
}
#ImgSSW #prev-slide, #ImgSSW #next-slide
{
    width: auto;
    height: auto;
    float: left; /*position:absolute;             display:block;*/
}
#ImgSSW #prev-slide a#prevslide
{
    background: url("images/arrows.gif") no-repeat scroll 0px 0px Transparent;
    padding: 0px; /*position: relative;*/
    text-indent: -10000px;
    width: 9px;
    height: 15px;
    display: block;
    z-index: 10000; /*top:-173px;*/ /*top:153px;     left:20px;    */
}
#ImgSSW #next-slide a#nextslide
{
    background: url("images/arrows.gif") no-repeat scroll -9px 0px Transparent;
    padding: 0px; /*position: relative;*/
    text-indent: -10000px;
    width: 9px;
    height: 15px;
    display: block;
    z-index: 10000; /*top:153px;     left:933px;*/
}
#ImgSSW #prev-slide a#prevslide:hover
{
    background: url("images/arrows.gif") no-repeat scroll 0px -15px Transparent;
}
#ImgSSW #next-slide a#nextslide:hover
{
    background: url("images/arrows.gif") no-repeat scroll -9px -15px Transparent;
}
/*-------------- SlideShow Shadow -------------*/
#ImgSSW .clr
{
    clear: both;
}
#ImgSSW #sswSupersize .shadowcontainer
{
    background: url(images/ssw-top-bar.png) repeat-x top left Transparent;
    height: 324px;
    width: 962px;
    left: -11px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    position: relative; /*top: -11px;margin-bottom: -18px;*/
}
#ImgSSW #sswSupersize .shadowcontainer .left-cont
{
    background: url(images/ssw-left-bar.png) repeat-y top left Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #sswSupersize .shadowcontainer .right-cont
{
    background: url(images/ssw-right-bar.png) repeat-y top right Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #sswSupersize .shadowcontainer .bottom-cont
{
    background: url(images/ssw-bottom-bar.png) repeat-x bottom right Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #sswSupersize .shadowcontainer .top-corner-left
{
    background: url(images/ssw-top-left-corner.png) no-repeat top left Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #sswSupersize .shadowcontainer .top-corner-right
{
    background: url(images/ssw-top-right-corner.png) no-repeat top right Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #sswSupersize .shadowcontainer .bot-corner-left
{
    background: url(images/ssw-bottom-left-corner.png) no-repeat bottom left Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #sswSupersize .shadowcontainer .bot-corner-right
{
    background: url(images/ssw-bottom-right-corner.png) no-repeat bottom right Transparent;
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
/*-------------- SlideShow Rotate -------------*/
#ImgSSW .clr
{
    clear: both;
}
#ImgSSW #slide .rotate
{
    background: url(images/slide-top.png) repeat-x top left Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    position: relative;
}
#ImgSSW #slide .rotate .left-cont
{
    background: url(images/slide-left-bor.png) repeat-y top left Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate .right-cont
{
    background: url(images/slide-right-bor.png) repeat-y top right Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate .bottom-cont
{
    background: url(images/slide-bot.png) repeat-x bottom right Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate .top-corner-left
{
    background: url(images/slide-left-con.png) no-repeat top left Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate .top-corner-right
{
    background: url(images/slide-right-con.png) no-repeat top right Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate .bot-corner-left
{
    background: url(images/slide-left-bot-con.png) no-repeat bottom left Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate .bot-corner-right
{
    background: url(images/slide-right-bot-con.png) no-repeat bottom right Transparent;
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#ImgSSW #slide .rotate #cont-rotate
{
    height: 380px;
    width: 900px;
    float: left;
    margin: 21px 0px 0px 21px;
    padding: 0px;
    overflow: hidden;
}
#ImgSSW #slide .rotate #img-rotate
{
    height: 426px;
    width: 940px;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}
#ImgSSW #slide .rotate #img-rotate img
{
    display: block;
    position: relative;
}
#ImgSSW #slide .rotate #img-rotate2
{
    left: -80px;
    top: 800px;
}
#ImgSSW #slide .rotate #img-rotate3
{
    left: -1140px;
    top: 85px;
}
#ImgSSW #slide .rotate #img-rotate4
{
    left: -1250px;
    top: -1490px;
}
#ImgSSW #slide .rotate #img-rotate5
{
    left: -303px;
    top: -2091px;
}
/*-------------- nivo ------------*/
/* The Nivo Slider styles */
#ImgSSW #slide .nivoSlider
{
    position: relative;
}
#ImgSSW #slide .nivoSlider img
{
    position: absolute;
    top: 0px;
    left: 0px;
}
/* If an image is wrapped in a link */
#ImgSSW #slide .nivoSlider a.nivo-imageLink
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}
/* The slices and boxes in the Slider */
#ImgSSW #slide .nivo-slice
{
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}
#ImgSSW #slide .nivo-box
{
    display: block;
    position: absolute;
    z-index: 5;
}
/* Caption styles */
#ImgSSW #slide .nivo-caption
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000;
    color: #fff;
    opacity: 0.8; /* Overridden by captionOpacity setting */
    width: 100%;
    z-index: 8;
}
#ImgSSW #slide .nivo-caption p
{
    padding: 5px;
    margin: 0;
}
#ImgSSW #slide .nivo-caption a
{
    display: inline !important;
}
#ImgSSW #slide .nivo-html-caption
{
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
#ImgSSW #slide .nivo-directionNav a
{
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}
#ImgSSW #slide .nivo-prevNav
{
    left: 0px;
}
#ImgSSW #slide .nivo-nextNav
{
    right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
#ImgSSW #slide .nivo-controlNav a
{
    position: relative;
    z-index: 9;
    cursor: pointer;
}
#ImgSSW #slide .nivo-controlNav a.active
{
    font-weight: bold;
}
#ImgSSW #slide .theme-default .nivoSlider
{
    position: relative;
    background: #fff url(images/nivo-loading.gif) no-repeat 50% 50%;
    margin-bottom: 0px;
    border: 1px solid #cccccc; /*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;     -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;     box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
#ImgSSW #slide .theme-default .nivoSlider img
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
#ImgSSW #slide .theme-default .nivoSlider a
{
    border: 0;
    display: block;
}

#ImgSSW #slide .theme-default .nivo-controlNav
{
    bottom: 10px;
    padding-right: 15px;
    position: absolute;
    right: 0px;
}
#ImgSSW #slide .theme-default .nivo-controlNav a
{
    display: block;
    width: 22px;
    height: 22px;
    background: url(images/nivo-bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}
#ImgSSW #slide .theme-default .nivo-controlNav a.active
{
    background-position: 0 -22px;
}

#ImgSSW #slide .theme-default .nivo-directionNav a
{
    display: block;
    width: 31px;
    height: 61px; /*background:url(images/arrow-prev.png) no-repeat;*/
    background: url(images/arrow.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}
#ImgSSW #slide .theme-default a.nivo-nextNav
{
    background-position: -33px -62px;
    right: 15px;
}
#ImgSSW #slide .theme-default a.nivo-prevNav
{
    background-position: 0px -62px;
    left: 15px;
}

#ImgSSW #slide .theme-default .nivo-caption
{
    font-family: Helvetica, Arial, sans-serif;
}
#ImgSSW #slide .theme-default .nivo-caption a
{
    color: #fff;
    border-bottom: 1px dotted #fff;
}
#ImgSSW #slide .theme-default .nivo-caption a:hover
{
    color: #fff;
}
/* =Skitter styles
----------------------------------------------- */
.box_skitter
{
    position: relative;
    width: 1000px;
    height: 670px;
    background: #FFFFFF;
}
.box_skitter img
{
    max-width: none;
}
/* Tip for stildv */
.box_skitter ul
{
    display: none;
}
.box_skitter .container_skitter
{
    overflow: hidden;
    position: relative;
}
.box_skitter .image
{
    overflow: hidden;
}
.box_skitter .image img
{
    display: none;
}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20;
}
.box_skitter .box_clone img
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button
{
    position: absolute;
    top: 50%;
    left: 35px;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(images/prev.png) no-repeat left top;
}
.box_skitter .next_button
{
    position: absolute;
    top: 50%;
    right: 35px;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(images/next.png) no-repeat left top;
}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide
{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
    background: #000;
    color: #fff;
    font: bold 11px arial;
    padding: 5px 0 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.75;
}
.box_skitter .info_slide .image_number
{
    background: #333;
    float: left;
    padding: 2px 10px;
    margin: 0 5px 0 0;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.box_skitter .info_slide .image_number_select
{
    background: #cc0000;
    float: left;
    padding: 2px 10px;
    margin: 0 5px 0 0;
}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs
{
    position: relative;
    overflow: hidden;
    height: 50px;
}
.box_skitter .info_slide_thumb
{
    height: 50px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    top: auto;
    top: 0;
    left: 0;
    padding: 0 !important;
    opacity: 1.0;
}
.box_skitter .info_slide_thumb .image_number
{
    overflow: hidden;
    width: 100px;
    height: 50px;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.box_skitter .info_slide_thumb .image_number img
{
    position: absolute;
    top: -30px;
    left: -30px;
    height: 100px;
}
.box_skitter .box_scroll_thumbs
{
    padding: 0;
}
.box_skitter .box_scroll_thumbs .scroll_thumbs
{
    position: absolute;
    bottom: 60px;
    left: 50px;
    background: #ccc;
    background: -moz-linear-gradient(-90deg, #555, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
    width: 200px;
    height: 10px;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 101;
    cursor: pointer;
    border: 0px solid #333;
}

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots
{
    position: absolute;
    bottom: 0px;
    z-index: 151;
    padding: 5px 0px 5px 5px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    right: 0px !important;
}
.box_skitter .info_slide_dots .image_number
{
    background: #333;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-indent: -9999em;
    overflow: hidden;
}
.box_skitter .info_slide_dots .image_number_select
{
    background: #cc0000;
    float: left;
    margin: 0 5px 0 0;
}

/* =Loading
-------------------------------------------------------------- */
.loading
{
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10000;
    margin: -16px -16px;
    color: #fff;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/ajax-loader.gif) no-repeat left top;
    width: 32px;
    height: 32px;
}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter
{
    z-index: 150;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;
}
.box_skitter .label_skitter
{
    z-index: 150;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    display: none;
    opacity: 0.8;
    background: #000;
}
.box_skitter .label_skitter p
{
    padding: 10px;
    margin: 0;
    font: normal 22px arial,tahoma;
    letter-spacing: -1px;
}
.box_skitter .info_slide *
{
    font-family: Consolas,arial,tahoma !important;
}
.box_skitter .progressbar
{
    background: #000;
    position: absolute;
    top: 5px;
    left: 15px;
    height: 5px;
    width: 200px;
    z-index: 99;
    border-radius: 20px;
}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide
{
    display: none;
    position: absolute;
    z-index: 152;
    bottom: 30px;
    left: -40px;
    width: 100px;
    height: 100px;
    background: #fff;
    border: 1px solid #222;
    -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
    box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
    overflow: hidden;
}
.box_skitter .preview_slide ul
{
    height: 100px;
    overflow: hidden;
    margin: 0;
    list-style: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.box_skitter .preview_slide ul li
{
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}
.box_skitter .preview_slide ul li img
{
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    width: auto;
}

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    opacity: 1;
    background: #000;
}

.box_skitter .focus_button
{
    position: absolute;
    top: 50%;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(images/focus-button.png) no-repeat left top;
    opacity: 0;
}
.box_skitter .play_pause_button
{
    position: absolute;
    top: 50%;
    z-index: 151;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(images/pause-button.png) no-repeat left top;
    opacity: 0;
}
.box_skitter .play_pause_button.play_button
{
    background: url(images/play-button.png) no-repeat left top;
}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large
{
    width: 1000px;
    height: 670px;
    border: 1px solid #CCCCCC;
}
.box_skitter_small
{
    width: 200px;
    height: 100px;
}

/*-----------------------------------Cool jCarousel---------------------*/
#prod-wrapper
{
    height: auto;
    left: 0px;
    margin: 0px;
    position: relative;
    top: 0px;
    width: 1010px;
}

#prod-wrapper #carousel
{
    width: 1010px;
    position: relative;
}
#prod-wrapper #carousel ul
{
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
#prod-wrapper #carousel li
{
    /*background: transparent url(images/carousel_polaroid.png) no-repeat 0 0;*/
    font-size: 40px;
    color: #999;
    text-align: center;
    display: block;
    width: 242px;
    height: 246px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    position: relative;
}
#prod-wrapper #carousel li a
{
    margin:0px;
    padding:0px;
    border:none;    
}
#prod-wrapper #carousel li img
{
    width: auto;
    height: auto;
    margin: 0px;
}

#prod-wrapper #carousel li span
{
    /*background: transparent url(images/carousel_shine.png) no-repeat 0 0;*/
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 201px;
    height: 127px;
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 16px;
}

#prod-wrapper .clearfix
{
    float: none;
    clear: both;
}
#prod-wrapper #carousel .prev, #carousel .next
{
    /*background: transparent url(images/carousel_control.png) no-repeat 0 0;*/
    background: transparent url(images/jcarousel_arrow.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 22px;
    height: 52px;
    margin-left: 10px;
    position: absolute;
    top: 79px;
}
#prod-wrapper #carousel .prev
{
    background-position: 0 0;
    left: -40px;
}
#prod-wrapper #carousel .prev:hover
{
    /*left: -31px;*/
}
#prod-wrapper #carousel .next
{
    background-position: -25px 0;
    right: -20px;
}
#prod-wrapper #carousel .next:hover
{
    /*right: -21px;*/
}
#prod-wrapper #carousel .pager
{
    text-align: center;
    margin: 0 auto;
}
#prod-wrapper #carousel .pager a
{
    /*background: transparent url(images/carousel_control.png) no-repeat -2px -32px;*/
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
}
#prod-wrapper #carousel .pager a.selected
{
    /*background: transparent url(images/carousel_control.png) no-repeat -12px -32px;*/
    text-decoration: underline;
}

#prod-wrapper #source
{
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}
#prod-wrapper #source, #source a
{
    font-size: 12px;
    color: #999;
}

#prod-wrapper #donate-spacer
{
    height: 100%;
}
#prod-wrapper #donate
{
    border-top: 1px solid #999;
    width: 750px;
    padding: 50px 75px;
    margin: 0 auto;
    overflow: hidden;
}
#prod-wrapper #donate p, #donate form
{
    margin: 0;
    float: left;
}
#prod-wrapper #donate p
{
    width: 650px;
}
#prod-wrapper #donate form
{
    width: 100px;
}
/*-----------------------------Partner-------------------------------*/
ul.ul-partners{
    border-bottom: 1px solid #A22E2E;
    color: #000000;
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 328px;
    }
ul.nonebor
{
    border:none;    
}
ul.ul-partners li {
    border-right: 1px solid #A22E2E;
    color: #000000;
    height: 71px;
    margin: 0px 0px;
    overflow: hidden;
    padding: 5px 0px;
    width: 316px;
    list-style-type:none;
}
ul.ul-partners li.nonebor 
{
    border:none;    
}
ul.ul-partners li ul 
{
    border: none;
    color: #000000;
    float: left;
    list-style-type: none;
    padding: 0px;
}
ul.ul-partners li ul li 
{
    border: none;
    display: block;
    float: left;
    height: auto;
    list-style-type: none;
    position: relative;    
    width: 140px;
}
ul.ul-partners li ul li.img
{
    text-align:center;  
    width: 170px;  
}
ul.ul-partners li ul li a {display:block;margin:2px 0px;}
ul.ul-partners li ul li img.canon{height: 18px;margin: 19px 0px 0px 0px;width: 80px;}
ul.ul-partners li ul li img.apple{height: 44px;margin: 3px 0px 0px 0px;width: 41px;}
ul.ul-partners li ul li img.dell{height: 26px;margin: 13px 0px 0px 0px;width: 62px;}
ul.ul-partners li ul li img.epson{height: 42px;margin: 4px 0px 0px 0px;width: 56px;}
ul.ul-partners li ul li img.haier{height: auto;margin: 13px 0px 0px 0px;width: auto;}
ul.ul-partners li ul li img.hp{height: auto;width: 50px;margin: 11px 0px 0px 0px;}
ul.ul-partners li ul li img.ibm{height: auto;width: 56px;margin: 15px 0px 0px 0px;}
ul.ul-partners li ul li img.intel{height: auto;width: 53px;margin: 10px 0px 0px 0px;}
ul.ul-partners li ul li img.microsoft{height: auto;width: auto;margin: 20px 0px 0px 0px;}
ul.ul-partners li ul li img.ncp{height: auto;width: 60px;margin: 16px 0px 0px 0px;}
ul.ul-partners li ul li img.sony{height: auto;width: 90px;margin: 20px 0px 0px 0px;}
ul.ul-partners li ul li img.toshiba{height: auto;width: auto;margin: 20px 0px 0px 0px;}
ul.ul-partners li img{margin:0px;}

/*-------------- Distributor ----------*/
ul.ul-partners li ul li img.benq{height: auto;width: 95px;margin: 3px 0px 0px 0px;}
ul.ul-partners li ul li img.bixolon{margin:21px 0px 0px 0px;}
ul.ul-partners li ul li img.mitsubishi{height: auto;width: auto;margin: 4px 0px 0px 0px;}
ul.ul-partners li ul li img.apc{height: auto;width: auto;margin: 4px 0px 0px 0px;}
ul.ul-partners li ul li img.cipherlab{height: auto;width: auto;margin: 0px 0px 0px 0px;}
ul.ul-partners li ul li img.fujitsu{height: auto;width: auto;margin: 0px 0px 0px 0px;}
ul.ul-partners li ul li img.honeywell{height: auto;width: auto;margin: 20px 0px 0px 0px;}
ul.ul-partners li ul li img.sato{height: auto;width: 120px;margin: 15px 0px 0px 0px;}
ul.ul-partners li ul li img.lacie{height: auto;width: 61px;margin: 15px 0px 0px 0px;}
ul.ul-partners li ul li img.flytech{height: auto;width: 112px;margin: 0px 0px 0px 0px;}

div.partner-container
{
    width:100%;
    height:auto;
    float:left;
    position:relative;    
    border:1px solid #951212;
}
div.partner-container .title
{
    background-color: #A22E2E;
    border-bottom: 1px solid #951212;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 11px;
    width: auto;
}
div.partner-container .ul-wrapper
{
    padding:5px;    
}