#navigation a.products, #navigation .highlight a.products:hover, #navigation a.products .hover {
    background-position: -142px -36px;
}

#navigation a.leather, #navigation .highlight a.leather:hover, #navigation a.leather .hover {
     background-position: -123px -36px;
}




/* LOADER */
.greyout{
    background-color: gray;
    filter: alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity: 0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    _display: none;
}

.midl {
    margin-top: 25%;
    color: black;
    _display: none;
}

/* TOP LEFT */
#select-sofa-type {
    margin-bottom: 1px;
}

#select-sofa-type a {
    font-size: 0.7em;
    color: #FFFFFF;
    font-weight: normal;
    width: 234px;
    height: 24px;
    display: block;
    float: left;
    text-align: center;
    background: #39363a;
    margin: 0px 1px 0px 0px;
    padding: 3px 0px 0px 0px;
}

#select-sofa-type .seat3off {
    background: #39363a url('images/type-left.gif') no-repeat 0px 0px;
    width: 235px;
}

#select-sofa-type .chairoff {
    background: #39363a url('images/type-right.gif') no-repeat 231px 0px;
    margin-right: 0px;
}

#select-sofa-type a.current {
    background: #991F5C;
}

#select-sofa-type a.currentleft {
    background: #991F5C url('images/type-selected-left.gif') no-repeat 0px 0px;
    width: 235px;
}

#select-sofa-type a.currentright {
    background: #991F5C url('images/type-selected-right.gif') no-repeat 231px 0px;
    margin-right: 0px;
}

#active-product-image {
    height: 466px;
    position: relative;
    margin-bottom: 1px;
    border: 1px solid #b6b6b7;
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#view-demo {
    margin-top: 50px;
}

#viewFlash {
    margin-bottom: 1px;
    border: 1px solid #991F5C;
}

#active-product-image img {
    display: block;
}

#enlargeDiv {
    position: relative;
}

.enlarge-image {
    width: 139px;
    height: 27px;
    background: url('images/enlarge-image.png') no-repeat 0px 0px;
    display: block;
    position: absolute;
    top: -48px;
    left: 20px;
    z-index: 1;
}

.enlarge-image:hover {
    background-position: 0px -27px;
}

#thumbs {
    border: 1px solid #B6B6B7;
    padding: 10px 10px 0px 10px;
    width: 683px;
    height: 126px;
}

#thumbs p {
    text-align: center;
    color: #4C4C4C;
    font-family: arial;
    font-size: 1.2em;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    line-height: 100%;
}

#thumbs ul {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

#thumbs ul li {
    float: left;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #B6B6B7;
}

#thumbs ul li#first-thumb {
    padding-left: 0px;
}

#thumbs ul li#last-thumb {
    padding-right: 0px;
    border-right: none;
}

#thumbs ul li img {
    display: block;
    width: 155px;
    height: 88px;
}

/* TOP RIGHT */
#price-details {
    font-family: Arial;
    text-align: center;
    height: 173px;
    margin-bottom: 1px;
    width: 282px;
}

#price-details #only {
    color: #9D1F5F;
    font-style: italic;
    margin: 0px;
    padding: 0px;
}

#price-details #price {
    color: #393539;
    font-style: italic;
    font-size: 2.4em;
}

#price-details #freedel {
    font-size: 0.7em;
    color: #3F3E43;
}

#price-details .add-to-basket {
    width: 139px;
    margin-left: auto;
    margin-right: auto;
}

.add-to-basket {
    background: url('images/add-to-basket.png') no-repeat 0px 0px;
    width: 139px;
    height: 27px;
    display: block;
    margin-top: 15px;
}

.add-to-basket:hover {
    background-position: 0px -27px;
}

#tech-details {
    background: #39363A;
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 1px;
    height: 163px;
    width: 262px;
}

#available-colours {
    font-weight: normal;
    line-height: 100%;
}

#available-colours ul {
    width: 80px;
    margin: 5px auto 5px auto;
    padding: 0px 0px 0px 0px;
}

#available-colours ul li {
    float: left;
    margin: 0px;
    padding: 0px;
}

#available-colours ul li a {
    width: 24px;
    height: 24px;
    border: 1px solid white;
    display: block;
}

#available-colours ul li a.select-black {
    background: #000000;
    margin-right: 1px;
}

#available-colours ul li a.select-brown {
    background: #3D0000;
    margin-right: 1px;
}

#available-colours ul li a.select-cream {
    background: #F3F2D3;
}

/* BOTTOM RIGHT */
#product-details #details-left {
    width: 507px;
    float: left;
    padding-right: 20px;
    margin-right: 1px;
}

#product-details #details-right {
    width: 460px;
    float: right;
}

#product-details #details-right table {
    text-align: left;
}

#product-details #details-right tr th, #product-details #details-right tr td {
    background: #39363A;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
}

#details-right tr td a {
    font-weight: normal;
    color: #FFFFFF;
}

#product-details #details-right tr.current th, #product-details #details-right tr.current td {
    background: #991E5C;
}

#product-details #details-right table th {
    font-family: Arial;
    font-size: 0.7em;
    font-weight: normal;
}

#product-details #details-right table td {
    font-size: 0.7em;
}

#btm-controls .select-colour-dropdown {
    margin-right: 10px;
    margin-top: 19px;
    width: 80px;
    float: left;
}

#btm-controls .add-to-basket {
    width: 139px;
    float: left;
}



/* MODAL POPUP */
/* Customize your modal window here, you can add background image too */
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  top: 0px;
  left: 0px;
}
  
#boxes .window {
  position:absolute;
  display:none;
  z-index:9999;
  padding:0px; 
  background: #FFFFFF;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog p {
    margin: 0px; 
    padding: 0px 10px 10px 0px;
    text-align: right;
}

#homepageSofas span {
    float: left;
    margin-bottom: 20px;
    width: 316px;
}

#homepageSofas span a img.homeSofa {
    width: 316px;
    height: 180px;
}

#homepageSofas span a.button {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 146px;
    height: 27px;
    display: block;
}

.sofaLeft {
    padding-right: 10px;
    border-right: 1px solid #DDDDDD;
}

.sofaCentre {
    padding-left: 9px;
    padding-right: 9px;
    border-right: 1px solid #DDDDDD;
}

.sofaRight {
    padding-left: 10px;
}

#homepageSofas span#last {
    padding-left: 9px;
}

#viewnevada { background: url('images/view-sofa.png') no-repeat 0px 0px; }
#viewnevada:hover { background-position: 0px -27px; }

#viewcarolina { background: url('images/view-sofa.png') no-repeat -146px 0px; }
#viewcarolina:hover { background-position: -146px -27px; }

#viewvalencia { background: url('images/view-sofa.png') no-repeat -292px 0px; }
#viewvalencia:hover { background-position: -292px -27px; }

#viewtorino { background: url('images/view-sofa.png') no-repeat -438px 0px; }
#viewtorino:hover { background-position: -438px -27px; }

#viewsalento { background: url('images/view-sofa.png') no-repeat -584px 0px; }
#viewsalento:hover { background-position: -584px -27px; }

#viewavalon { background: url('images/view-sofa.png') no-repeat -730px 0px; }
#viewavalon:hover { background-position: -730px -27px; }

#viewroma { background: url('images/view-sofa.png') no-repeat -876px 0px; }
#viewroma:hover { background-position: -876px -27px; }

#viewmodena { background: url('images/view-sofa.png') no-repeat -1022px 0px; }
#viewmodena:hover { background-position: -1022px -27px; }

#viewimperia { background: url('images/view-sofa.png') no-repeat -1168px 0px; }
#viewimperia:hover { background-position: -1168px -27px; }

#viewultimo{ background: url('images/view-sofa.png') no-repeat -1314px 0px; }
#viewultimo:hover { background-position: -1314px -27px; }

#viewlucca { background: url('images/view-sofa.png') no-repeat -1460px 0px; }
#viewlucca:hover { background-position: -1460px -27px; }

#viewparona { background: url('images/view-sofa.png') no-repeat -1606px 0px; }
#viewparona:hover { background-position: -1606px -27px; } 

#main h2 {
    color: #4C4C4C;
    font-family: Verdana;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top:15px;
}
