/* ================ Module =============== */
.listViewGrid {
    overflow: hidden;
    margin: 0 0 0 -1px
    }
.listViewGrid .wrapperItem {
    float: left;
    border: 1px solid #757575;
    margin: 0 20px 22px 0
    }
.listViewGrid .wrapperItem.last {
    margin-right: 0
    }
.listViewGrid .item {
    width: 215px;
    height: 161px;
    position: relative
    }
.listViewGrid .modTitle {
    position: absolute;
    top: 0;
    left: 0
    }
.listViewGrid .modTitle .title {
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #fff
    }
.listViewGrid .modTitle .title .title2 {
    font-family: "Open Sans", "sans-serif";
    font-size: 11px;
    font-weight: 400
    }
.listViewGrid .modTitle a {
    background: url(../images/bkg_title_grid.png) no-repeat;
    display: block;
    width: 215px;
    height: 58px;
    color: inherit;
    text-decoration: none;
    padding: 10px 24px 8px 12px;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    }
.listViewGrid .modTitle a:hover {
    background-position: left -58px
    }
.listViewGrid .modLinks {
    position: absolute;
    right: 0;
    bottom: 0
    }
.listViewGrid .modLinks p {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 0
    }
.listViewGrid .modLinks a {
    color: inherit
    }
.itemViewGrid {
    margin: 0 0 0 -1px
    }
.itemViewGrid .modNavigation {
    float: right;
    padding: 15px 0 0
    }
.itemViewGrid .modNavigation p {
    float: left;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8a3e6e;
    line-height: 18px;
    padding: 0
    }
.itemViewGrid .modNavigation p.separator {
    background: url(../images/separator.png) no-repeat;
    width: 1px;
    height: 13px;
    margin: 3px 9px 0 11px
    }
.itemViewGrid .modNavigation a {
    color: inherit
    }
.itemViewGrid .modNavigation a:hover {
    color: #fff
    }
.itemViewGrid .modNavigation .nextItem {
    display: none
    }
.itemViewGrid .modNavigation .nextItem.active + .nextItem {
    display: inline
    }
.itemViewGrid .modTitle {
    overflow: hidden;
    width: 495px
    }
.itemViewGrid .modTitle .title {
    font-family: "Open Sans", "sans-serif";
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    line-height: 36px;
    margin: 0 0 19px;
    padding: 0
    }
.itemViewGrid .modImage {
    width: 689px;
    border: 1px solid #757575;
    position: relative;
    margin: 0 0 37px
    }
.itemViewGrid .modImage .cycle-slideshow {
    z-index: 2
    }
.itemViewGrid .modImage .controls {
    background: url(../images/mod_controls.png) no-repeat;
    width: 34px;
    height: 57px;
    position: absolute;
    top: 88px;
    z-index: 4;
    cursor: pointer
    }
.itemViewGrid .modImage .controls.cycle-prev {
    left: -1px;
    background-position: 0 0
    }
.itemViewGrid .modImage .controls.cycle-next {
    right: -1px;
    background-position: -34px 0
    }
.itemViewGrid .modImage .zoom {
    position: absolute;
    bottom: 6px;
    right: 4px;
    z-index: 4
    }
.itemViewGrid .modIcons {
    overflow: hidden;
    margin: 0 0 0 3px
    }
.itemViewGrid .modIcons .icon {
    float: left;
    margin: 0 26px 15px 0
    }
.modContent {
    margin: 13px 0 0
    }
.itemViewGrid .modLinks {
    overflow: hidden;
    margin: 22px 0 0
    }
.itemViewGrid .modLinks p {
    float: left;
    text-transform: uppercase;
    color: #fff;
    margin: 0 26px 0 0;
    padding: 0
    }
.itemViewGrid .modLinks p.btnLink {
    min-width: 112px;
    height: 29px;
    font-family: "Open Sans", "sans-serif";
    font-size: 13px;
    font-weight: 700;
    line-height: 29px
    }
.itemViewGrid .modLinks p.btnLink a {
    background: url(../images/bkg_btn-content.png) no-repeat right 0;
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
    line-height: inherit;
    padding: 0 20px 0 9px
    }
.msie8 .itemViewGrid .modLinks p.btnLink a {
    line-height: 28px
    }
.itemViewGrid .modLinks p.btnLink.externalLink a {
    padding: 0 23px 0 6px
    }
.itemViewGrid .modLinks p.btnLink a:hover {
    background-position: right -29px
    }
.itemViewGrid .modLinks p.price {
    background: url(../images/bkg_arrow-price.png) no-repeat right 0
    }
.itemViewGrid .modLinks p.textLink span.textFrom {
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px
    }
.itemViewGrid .modLinks p.textLink span.textSymbol {
    font-family: "Open Sans", "sans-serif";
    font-size: 23px;
    font-weight: 600;
    line-height: 34px;
    padding: 0 12px 0 5px
    }