/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
    
    COMMENTS
    To resolve IE7 bugs with scrolls and missing counter dots, change this:
    line 17 from overflow: auto to overflow: hidden
    and in line 28 display: block-inline to display: block
    
*/


.anythingSlider                         { width: 950px; height: 410px; position: relative; margin: 0 auto; float: left; background: url(../../images/carousel_bg.png) top left no-repeat; }
.anythingSlider .wrapper                { width: 930px; overflow: hidden; height: 368px; margin: 0 auto 3em; position: absolute; top: 8px; left: 10px; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0px; margin: 0; margin-left: 10px;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 361px; width: 931px; margin: 0; position: relative;}

.anythingSlider .arrow                  { display: block; height: 34px; width: 34px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 15px; cursor: pointer; z-index: 999;}
.anythingSlider .forward                { background-position: -34px 0; right: 23px; }
.anythingSlider .back                   { background-position: 0 0; left: 23px; }
.anythingSlider .forward:hover          { background-position: -34px -34px; }
.anythingSlider .back:hover             { background-position: 0 -34px; }

#thumbNav                               { display: block; position: relative; top: 365px; text-align: center; width:498px; margin:0 auto; padding-left: 400px; padding-top: 20px; height:29px;}
#thumbNav a                             { color: black; font: 9px/18px; Arial, Serif; font-weight: bold; display: block; float: left; padding: 0; width: 9px; height: 9px; margin: 0 5px 0 0; text-align: center; text-decoration: none; z-index: 999;}
#thumbNav a:hover                       { color: #e128e6; /*background: url(../../images/dot_bg.png) no-repeat 0 -9px;*/}
#thumbNav a.cur                         { color: #e128e6; /*background: url(../../images/dot_bg.png) no-repeat 0 -9px;*/}

#start-stop                             { background: #666; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; font-weight: bold; padding: 2px 2px 0 2px; width: 40px; text-align: center; text-decoration: none; position: absolute; right: 20px; top: 375px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border: 1px solid #efefef; border-top: 1px solid #666;}
#start-stop.playing                     { background-color: #ddd; color: #666;}
#start-stop:hover                       { background-color: #333; color: #e128e6}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



/***** Styles by KT, custom panels inside the Carousel *****/

.content-banner { color: #fff; height: 361px; padding-right: 20px; position: absolute; right: 50px; text-shadow: 0.1em 0.1em 0.5em #000; top: 0; width:321px; z-index: 997;}
.content-banner h6 { color: #fff; font-weight: normal; letter-spacing: 1px; margin: 20px 0 10px 20px; text-transform: uppercase; }
.content-banner h2 { color: #fff; font-size: 2.5em; line-height: 1.2em; margin: 10px 0 10px 20px; text-transform: uppercase; width:315px; overflow: hidden; }
.anythingSlider p { margin-left: 20px;}
.anythingSlider ul li a { color: #fff; float: left; margin-right: 20px; text-decoration: none;}
.anythingSlider ul li a:hover { color: #e128e6;}
.aditional-ad-picture {border: 2px solid #333; float: left; margin: 0 10px 10px 20px;}
.main-ad-picture {left: -50px; position: absolute; top: 0;}


.banner-01 {background: url(../../images/banner/banner_bg_01.jpg) no-repeat top left;}
.banner-02 {background: url(../../images/banner/banner_bg_02.jpg) no-repeat top left;}