@import url('/media/css/ex/outfit.css');

#plusMidWrapper {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 960px;
    z-index: 5;
}
#plus-wrapper {
    margin: 0 auto;
    width: 960px;
}
#plusRightWrapper {
    display: block;
    overflow: hidden;

}

#details0
{
    position:relative;
    bottom:-35px;
    left:0px;
    height:0px;
    text-align:left;
    display:none;
}

#detailsText
{
    background-color:white;
    width:950px;
    margin-left:0px;
    border:1px solid #999999;
    height:140px;
    font-family:arial;
    font-size:10px;
    line-height:15px;
    padding:5px;
}

.detailsLink
{
    position: relative;
    height: 0px;
    top: 190px;
    left: -450px;
    cursor:pointer;
}

#dot
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    display:block;
    cursor: pointer;
    width:11px;
    height:11px;
    background-position:0px 0px;
    z-index:99;
}

#dotHolder
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    height:0px;
    text-align:center;
    z-index:99;
    display:none;
}

#content
{
    margin-left:auto;
    margin-right:auto;
    width:965px;
}

#home_content
{
    margin-left:auto;
    margin-right:auto;
    width:965px;
}

#home_slideshow
{
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

.touts_box {
    float:left;
}

.touts_box_1 {
    width:960px;    
}

.touts_box_2 {
    width:385px;
}

.touts_box_3 {
    /*width:321px;*/
}

/* STYLES FOR SLIDESHOW */
#plusSlideshowWrapper{
    position:relative;
    width:960px;
    height:560px;
    /*display:none;*/
    /*border-bottom:5px solid #000;
    border-top:3px solid #000;
    
    background:#ffcc44;*/
}
.wrapper ul { margin:0; padding:0; width:20666px; height:560px;}
.wrapper li { float:left; margin:0; width:960px; height:560px; list-style:none;}

.loading {background: url(images/spinner.gif) no-repeat center center; }

#stripContainer .slide img{
    border-right:1px #ffffff solid; /* chrome flicker fix */
}

.strip {
    position: relative;
}

.strip img {
    display: block;
}

/*hiding products under slideshow*/
.plus_folder_container
{
    display:none;
    visibility:hidden;
}

.overlay {
    position: relative;
    display: block;
    overflow:hidden;
}

.slide {
    width: 960px;
    height: 560px;
}

.invisible-button {
    background: rgba(225, 225, 255, 0.0);
}

.invisible-button:hover {
    /*background: rgba(225, 225, 0, 1);*/
    cursor: pointer;
    background: rgba(255, 255, 255, 0.0);
}

.home-button {
    background: rgba(225, 225, 255, 0.0);
}

.home-button:hover {
    /*background: rgba(225, 225, 0, 1);*/
    cursor: pointer;
    background: rgba(255, 255, 255, 0.0);
}

.forward { 
    position: absolute;
    left:927px;
    top:226px;
    border:none;
    z-index:500;
    cursor: hand;
    cursor: pointer;
    visibility: visible;
    display:block;
    width:33px;
    height:108px;
    background:#fff;
}

.back { 
    position: absolute;
    left:0;
    top:226px;
    border:none;
    z-index:500;
    cursor: hand;
    cursor: pointer;
    /*visibility: hidden;
     * */ 
    display:block;
    width:33px;
    height:108px;
    background:#fff
}

.nav { 
    position: absolute;
    left:0px;
    top:0px;
    top:-21px \9;
    z-index:500;
    visibility: visible;
    display:block;
    width:960px;
    height:21px;
    background:#000000;
    opacity:0;
}

.numcounter {
    position: absolute;
    left:650px;
    top:10px;
    width:100px;
    height:40px;
    z-index:600;
}

.nav_0
{
    width:70px;
    height:21px;
    background-position:0px -360px;
    position:absolute;
    left:294px;
    top:0px;
    cursor: hand; cursor: pointer;
}

.nav_1
{
    width:63px;
    height:21px;
    background-position:0px -402px;
    position:absolute;
    left:394px;
    top:0px;
    cursor: hand; cursor: pointer;
}

.nav_2
{
    width:66px;
    height:21px;
    background-position:0px -486px;
    position:absolute;
    left:486px;
    top:0px;
    cursor: hand; cursor: pointer;
}

.nav_3
{
    width:85px;
    height:21px;
    background-position:0px -444px;
    position:absolute;
    left:580px;
    top:0px;
    cursor: hand; cursor: pointer;
}



.forward, .back {
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.forward:hover, .back:hover {
  
}

.container {
  width: 960px;
  height:733px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;

}

a.shopButton  { cursor: hand; cursor: pointer;}
a.shopButton img { padding: 0px; border:none;}


a.shopAllButton  { cursor: pointer;}
a.shopAllButton img { padding: 0px; border:none;}

a.startButton  { cursor: pointer;}
a.startButton img { padding: 0px; border:none;}


a.invisButton{ cursor: hand; cursor: pointer;}


/*--------------------*/

area{outline:none;}


/* buttons */

/*
            var newButton = '<a class="shopButton" id="shopbutton1" mynum="1" style="position: absolute; left: ' + specs.left + 'px; top: ' + specs.top + 'px; background-image: url(' + this.interfaceArray[3] + '); width: ' + specs.width + 'px; height: ' + specs.height + 'px; background-position: -' + specs.spriteLeft + 'px -' + specs.spriteTop + 'px; background-repeat: no-repeat no-repeat;"></a>';
            */

.shopButton {
    position: absolute;
    background-repeat: no-repeat;
    z-index:88;
}

.slide-1-button-0 {
    width: 228px;
    height: 16px;
    top: 221px;
    left: 367px;
    background-position: 0 -19px;
}

.slide-1-button-0:hover {
    background-position: -228px -19px;
}

.popDetails
{
    font:normal 9px arial;
    cursor:pointer;
    position:absolute;
    right:10px;
    top:466px;
}

.popupBox
{
    font: normal 9px arial;
    position: absolute;
    display: none;
    top: 250px;
    left: 210px;
    width: 240px;
    background-color: white;
    padding: 10px;
    border: 1px solid #ccc;
    line-height: 15px;
    cursor:pointer;

}