/********************************************************************************
* 
*  Author    :  Ricky Stevens
*  Web       :  http://www.ventutec.com
*  Modified  :  17-September-2009
* 
********************************************************************************/


/* Layout Tags
********************************************/

.setLayout {
    position: relative;
    width: 1014px;
    height: auto;
    float: left;
    top: -14px;
}


/* Thumbnail Mask Tags
********************************************/

.mask-row {
    position: relative;
    width: 813px;
    margin: 0 auto;
    display: block;
}

.mask-row .images {
    float: left;
    width: 265px;
    height: 213px;
    margin: 0 3px;
    display: block;
}

.mask-row .images img {
    position: relative;
    margin: 36px 0 0 29px;
}

.mask-row .images .mask {
    position: absolute;
    top: 0;
    width: 265px;
    height: 213px;
    display: block;
    background: url(images/product-mask.png) no-repeat;
}

.mask-row .images .mask .title {
    position: relative;
    top: 13px;
    left: 39px;
    width: 205px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    display: block;
    font-weight: bold;
    background: none;
}

.mask-row .images .mask .href{
    position: relative;
    margin: 0 auto;
    top: 14px;
    width: 208px;
    height: 168px;
    display: block;
    z-index: 20;
    background: none;
}

.mask-row .images .mask .href a{
    width: 208px;
    height: 168px;
    display: block;
}


/* Mini-Site Tags
********************************************/

#mini-site {
    position: relative;
    width: 873px;
    height: 99px;
    margin: 0 auto;
    display: block;
    left: 3px;
}

#mini-site .site1 {
    float: left;
    width: 301px;
    height: 99px;
    display: block;
    background: url(images/summitOrthodynamics.jpg) no-repeat;
}

#mini-site .site2 {
    float: left;
    width: 266px;
    height: 99px;
    display: block;
    background: url(images/summitMedical.jpg) no-repeat;
}

#mini-site .site3 {
    float: left;
    width: 305px;
    height: 99px;
    display: block;
    background: url(images/summitMarlux.jpg) no-repeat;
}

#mini-site .site1 a , #mini-site .site2 a, #mini-site .site3 a {
    width: 100%;
    height: 99px;
    display: block;
}


/* Details Tags
********************************************/

.detail-row {
    position: relative;
    width: 813px;
    height: auto;
    margin: 0 auto;
    display: block;
    left: 2px;
}

.detail-row .setBg {
    position: relative;
    width: 813px;
    float: left;
    display: block;
    margin-bottom:-14px;
    background: url(images/blue-bg-tile.jpg) repeat-y center top;
}

.detail-row .setBg .details {
    background: url(images/blue-bg-top-tile.png) repeat-x left top;
    float: left;
    width: 265px;
    height: auto;
    margin: 0 3px;
    display: block;
}

.detail-row .setBg .details .text {
    float: left;
    width: 205px;
    height: auto;
    margin: 20px 30px 60px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
}

.detail-row .setBg .more {
    position: absolute;
    width: 222px;
    height: 40px;
    margin: 0;
    bottom: 0;
    
}

.detail-row .setBg .more a {
    position: relative;
    display: block;
    width: 222px;
    height: 40px;
    text-decoration: none;
    background: url(images/more.png) no-repeat 0px 0px;
}

.detail-row .setBg .more a:hover {
    background: url(images/more.png) no-repeat 0px -41px;
}

.detail-row .setBg .go-1 {
    left: 23px;
}

.detail-row .setBg .go-2 {
    left: 295px;
}

.detail-row .setBg .go-3 {
    left: 565px;
}