/*
* Ext Core Library Examples 3.0
* http://extjs.com/
* Copyright(c) 2006-2009, Ext JS, LLC.
* 
* The MIT License
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
* 
*/

.ux-carousel-container {
  overflow: hidden;
  position: relative;
}

.ux-carousel-slides-wrap {
  position: absolute;
  top: 0;
  left: 0;
}

.ux-carousel-slide {
  float: left;
  overflow: hidden;
  text-align: center;
}

.ux-carousel-nav {
  /*height: 48px;*/
  width: 100%;
  background-color: #d1ccc7;
  position: relative;
  /* top: 0; */
  left: 0;
  opacity: 0.6;
  filter:alpha(opacity=60);
}

.ux-carousel-caption {
  /*float: left;*/
  padding: 2px 5px;
  margin: 0;
  text-transform: none;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  font-family:verdana;
  /*height: 29px;*/
  /*width: 100px;*/
}

.ux-carousel-nav-prev,
.ux-carousel-nav-next,
.ux-carousel-nav-play {
  height: 24px;
  display: block;
  float: right;
  margin: 2px 0;
  background-position: 0 24px;
}

.ux-carousel-nav .ux-carousel-nav-prev {
  background-image: url('../images/prev.png');
  width: 31px;
}

.ux-carousel-nav .ux-carousel-nav-next {
  background-image: url('../images/next.png');
  margin-right: 2px;
  width: 30px;
}

.ux-carousel-nav-play {
  background-image: url('../images/play_pause.png');
  width: 24px;
}

.ux-carousel-nav-play:hover {
  background-position: 0 0;
}
.ux-carousel-nav-play.ux-carousel-playing {
  background-position: 24px 24px;
}
.ux-carousel-nav-play.ux-carousel-playing:hover {
  background-position: 24px 0;
}

.ux-carousel-nav-prev:hover,
.ux-carousel-nav-next:hover {
  /* background-position: 0 48px; */
}

.ux-carousel-nav-prev.ux-carousel-nav-disabled,
.ux-carousel-nav-next.ux-carousel-nav-disabled {
  background-position: 0 0;
}

/*****************************/
.ux-carousel-title {
  padding: 0 5px;
  font-size: 11px;
  font-family:verdana;
}

.ux-carousel-text {
  float: left;
  color: #fff;
  background-color: #4F4F4F;
  left: 0;
}

.ux-carousel-nav {
  background-color: #C0C0C0;
}

.ux-carousel-nav .ux-carousel-nav-prev-sides {
  width: 49%;
  background: transparent url(../images/lb-prev.png) no-repeat left center;
  position: absolute;
  left: 0;
  top: 0;
  outline: 0;
}
.ux-carousel-nav .ux-carousel-nav-next-sides {
  background: transparent url(../images/lb-next.png) no-repeat right center;
  width: 49%;
  position: absolute;
  right: 0;
  top: 0;
  outline: 0;
}

.ux-carousel-window {
  overflow: hidden;
  position: relative;
  left: 24px;
}
.ux-carousel-thumbnails .ux-carousel-content {
  float: left;
  position: relative;
  top: 0;
  left: 0;
}
.ux-carousel-thumbnails{
  background-color: #CECECE;
  position: relative;
}
.ux-carousel-thumbnails a {
  color: #FFF;
}
.ux-carousel-thumbnails img {
  border: none;
}
.ux-carousel-thumbnails .thumb {
  padding: 5px;
  cursor: pointer;
  float: left;
}
.ux-carousel-thumbnails .select {
  background: #A9A9A9;
  /*border: 1px solid #6593CF;*/
  padding: 4px;
}
.ux-thumbnail-nav {
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 24px;
}
.ux-thumbnail-nav.prev{
  background: transparent url(../images/t-prev.png) no-repeat center center;
  cursor: pointer;
  left: 0;
}
.ux-thumbnail-nav.next{
  background: transparent url(../images/t-next.png) no-repeat center center;
  right: 0;
}

/* prohost.com.au */
.ux-carousel-nav-play {
  height: 30px;
  display: block;
  float: right;
  background-position: 0 0px;
  background-image: url('../images/play_pause.png');
  width: 28px;
}
.ux-carousel-nav-play:hover {
  background-position: 0 0;
}
.ux-carousel-nav-play.ux-carousel-playing {
  background-position: right center;
}
.ux-carousel-nav-play.ux-carousel-playing:hover {
  background-position: right center;
}
.ux-carousel-text {
  height: 40px;
  width: 100%;
  position: absolute;
}
#home1{
  margin-bottom:13px;
}
#home2{
  margin-bottom:15px;
}

.ux-carousel-crossfade {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}