/*
div 
{
    border: solid 1px red;
}
*/
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    font-family: Arial, Verdana, Tahoma;
    color: #000000;
    background-color: #FFFFFF;
}

#body {
    height: 100%;
    width: 1004px;
    margin: 0 auto;
}

.input {
    height: 19px;
    color: #656565;
    font-size: 12px;
    padding: 4px 0 0 5px;
    vertical-align: middle;
}

/* HEADER *******************************************/

#header {
    clear: both;
    height: 35px;
    background-repeat: repeat-x;
    background-image: url(../Images/topmenu-bg.png);
}

#header #menu {
    float: left;
    width: 746px;
    height: 35px;
    padding-left: 19px;
}

#header #menu a {
    float: left;
    color: #3272AA;
    display: block;
    font-size: 12px;
    margin: 10px 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.menu-style {
    margin: 0px;
    color: #3284C0;
    font-size: 12px;
    text-transform: none;
    text-decoration: underline;
}

#header #serial {
    float: left;
    width: 219px;
    height: 35px;
}

#header #serial .phone {
    color: #696766;
    font-size: 18px;
    margin-top: 5px;
    font-weight: bold;
    display: block;
    float: right;
}

#header #serial span {
    color: #4B94C5;
    font-size: 11px;
}

#header #serial div {
    color: #696766;
    font-size: 10px;
    width: 94px;
    float: left;
    margin: 4px 5px 0px 0px;
    font-weight: bold;
}

/* LOGO **********************************************/

.logo {
    width: 300px;
    float: left;
}

.logo a img {
    border: none;
    height: 75px;
    width: 288px;
}

.logo-con {
    width: 958px;
    height: 75px;
    margin: 5px 20px 15px 26px;
}

.logo-con .checkout {
    float: right;
    margin-top: 38px;
}

.logo-con .checkout a {
    margin-top: 3px;
    float: left;
    background: url(../Images/checkout.png) no-repeat;
    width: 94px;
    height: 25px;
}

.logo-con .checkout .checkoutitems {
    height: 26px;
    float: left;
    font-size: 11px;
    padding: 8px 4px 0px 0px;
    color: #085E9C;
    font-weight: bold;
    background: url(../Images/checkout-line.png) repeat-x;
}

/* CONTENT *******************************************/

.content1 {
    height: 60px;
    width: 635px;
    margin: 15px 0px 0px;
    float: right;
    overflow: auto;
    font-size: 12px;
    color: #A6A6A6;
}

.testimonial {
    height: 87px;
    width: 635px;
    float: right;
    overflow: hidden;
    text-align: right;
}

#content {
    width: 978px;
    margin: 0 auto;
}

#content_cart {
    width: 1000px;
    margin: 0px auto;
    padding-bottom: 10px;
}

/* MAIN-MENU ******************************************/

#main-menu {
    height: 39px;
    background: url(../Images/menu-bg.png) no-repeat;
    width: 964px;
    margin: 0 7px;
    padding-top: 1px;
}

#main-menu #main-menu-items {
    float: left;
    width: 711px;
    padding-left: 1px;
}

#main-menu-items ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#main-menu-items li {
    background: url(../Images/menu-line.png) no-repeat right top;
    display: inline;
    padding-right: 2px;
    float: left;
}

#main-menu-items .font-image {
    color: #3272AA;
    font-size: 14px;
    padding: 10px 10px 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

#main-menu-items li:hover .font-image {
    /*background: url(../Images/menu-linebg.png);*/
    background-color: #FBFBFB;
}

#main-menu-items .submenus {
    background: url(../Images/submenu-line.png) no-repeat left bottom;
    z-index: 50;
    left: -999em;
    margin: 36px 0 0 -2px;
    position: absolute;
    clear: both;
}

#main-menu-items li:hover div.submenus {
    left: auto;
}

#main-menu-items .submenus div {
    background: url(../Images/submenu-bg.gif) no-repeat right bottom;
    margin: 2px 0 0 2px;
    padding: 5px 0px 10px;
}

#main-menu-items .submenus ul {
    display: inline-block;
}

#main-menu-items .submenus li {
    float: left;
    width: 144px;
    margin: 0px 18px;
    background: url(../Images/menusep-line.png) no-repeat bottom;
}

#main-menu-items .submenus a {
    color: #085E9C;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 10px 0px 13px;
}

#main-menu-items .submenus a:hover {
    text-decoration: underline;
}

#main-menu #main-menu-items img {
    float: left;
}

#main-menu #main-menu-items .arrow {
    margin: 6px 0px 0px 3px;
}

.sub-navigation-items {
    float: left;
    width: 960px;
    height: 20px;
    margin: 0 5px;
    padding: 0px 2px;
}

.sub-navigation-items a {
    float: left;
    color: #3284C0;
    display: block;
    font-size: 12px;
    margin: 2px 0px;
    padding: 0px 6px;
    text-decoration: none;
    text-transform: uppercase;
    border-right: solid 1px #999999;
}

#main-menu #search-box {
    float: left;
    width: 236px;
    padding: 8px 8px 6px;
    height: 22px;
    background: url(../Images/menu-line.png) no-repeat left;
}

.search-input {
    float: left;
    width: 160px;
    height: 16px;
    padding: 3px;
    margin-right: 5px;
    border: none;
    background: url(../Images/search-input.png) no-repeat;
    color: #696766;
}

/* CONTACT US ***************************************/

.contact-us {
    text-transform: uppercase;
    font-size: 12px;
    color: #5E5E5E;
}

.contact-us .tdvalue {
    width: 270px;
    height: 17px;
    border: 1px solid #BBBBBB;
}

.lbconChat {
    text-decoration: none;
    text-transform: none;
    color: #5E5E5E;
}

.lbconChat:hover {
    color: #4595CF;
}

.btnSubmit {
    float: right;
    width: 87px;
    height: 26px;
    border: none;
    margin-top: 5px;
}

.contact-us #tdname {
    width: 80px;
}

/* CONTAINER *****************************************/

#container {
    clear: both;
}

.progress-div {
    font-size: 10px;
    vertical-align: middle;
    z-index: 102;
    position: fixed;
    padding: 10px;
    left: 50%;
    top: 50%;
    background-color: #FFFFFF;
    padding: 5px;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.progress-div img {
    display: block;
    margin: 0 auto;
}

/* BOTTOM-MENU ***************************************/
#bottom-menu {
    height: 130px;
    width: 1004px;
    margin-top: 25px;
    background: url(../Images/bottommenu-bg2.png) repeat-x;
}

#bottom-menu #bottom-menu-items {
    float: left;
    width: 715px;
    height: 60px;
    padding-left: 28px;
}

#bottom-menu #bottom-menu-items div {
    margin-left: 32px;
}

#bottom-menu #bottom-menu-items a {
    float: left;
    color: #3272AA;
    display: block;
    font-size: 11px;
    margin: 23px 5px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#bottom-menu #subscribe-box {
    width: 257px;
    float: right;
    margin-top: 17px;
}

#bottom-menu .subscribe_input {
    float: left;
    width: 145px;
    height: 18px;
    padding: 3px;
    font-size: 12px;
    border: none;
    background: url(../Images/subscribe-input.png) no-repeat;
    color: #696766;
}

.reg-sub {
    margin: 5px 0 0;
    width: 5px;
    float: left;
    display: block;
}

.small-logo {
    float: left;
    margin-top: 12px;
}

#copyright {
    height: 54px;
    width: 964px;
    margin: 0 auto;
    padding: 3px 0px 2px;
    clear: both;
    background: url(../Images/copyright-bg.png) repeat-x;
}

#copyright ul {
    float: left;
    padding: 14px 0;
    border-right: solid 1px #CCCBCE;
    margin: 0px;
}

#copyright li {
    list-style-type: none;
    float: left;
    margin-right: 15px;
}

#copyright p {
    display: block;
    margin: 19px 0px;
    float: right;
    color: #616161;
    font-size: 10px;
}

#copyright img {
    border: none;
}

.bottom-content {
    width: 1004px;
    height: 160px;
    font-size: 12px;
    color: #A6A6A6;
    background-color: #EEECF0;
}

.bottom-content .content2 {
    border: 1px solid #DDDDDD;
    width: 665px;
    height: 80px;
    float: left;
    margin: 25px 0px 0px 28px;
    padding: 10px;
}

.bottom-content .content3 {
    border: 1px solid #DDDDDD;
    width: 205px;
    height: 80px;
    float: right;
    margin: 25px 30px 0px 0px;
    padding: 10px;
}

#copyright #scanalert {
    width: 66px;
    height: 38px;
    padding: 8px 15px 6px;
    float: left;
    border-right: solid 1px #CCCBCE;
}

#copyright #facebook {
    width: 121px;
    height: 37px;
    padding: 8px 15px 7px;
    float: left;
    border-right: solid 1px #CCCBCE;
}

#copyright #ivouch {
    border-right: 1px solid #CCCBCE;
    float: left;
    height: 31px;
    padding: 11px 15px;
    width: 120px;
}

#face_book img {
    border: none;
}

/******************* POPUP **************************/

.popup-header {
    height: 26px;
    margin-bottom: 10px;
    font-family: Arial;
    font-size: 16pt;
    color: #333;
    text-transform: uppercase;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #878686;
}

.popup-defheader {
    height: 20px;
}

.img_cancel {
    float: right;
    width: 18px;
    height: 18px;
    margin-right: 1px;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: #FFF;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); /* IE 5.5+*/
    -moz-opacity: 0.1; /* Mozilla 1.6 Р С' Р _Р С'Р Р С╪ */
    -khtml-opacity: 0.1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

* html .overlay {
    /* ie6 hack */
    position: absolute;
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.modal-container {
    position: fixed;
    background: none;
    z-index: 102;
    color: #000000;
    text-align: left;
    left: 50%;
    top: 50%;
    display: table;
}

* html .modal-container {
    /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.div-modal {
    background-color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    padding: 10px;
    top: 0px;
    left: 0px;
    height: 270px;
    border: solid 1px #DDD;
}

/* MESSAGE ******************************************/

.message-content .close {
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 20px;
    height: 19px;
    background: url(../Images/message-close.gif) no-repeat;
}
.message-content .inner {
    background: url(../Images/message-content.png) 100% 0 no-repeat;
    padding: 10px 45px 10px 10px;
    font-size: 13px;
    line-height: 15px;
    height: 43px;
    white-space: nowrap;
    text-transform: none;
}
.message-content .bottom {
    background: url(../Images/message-bottom.png) 0 100% no-repeat;
}
.message-content .left {
    width: 1px;
    height: 40px;
    background: url(../Images/message-left.png) no-repeat;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

/* CAROUSEL *********************************************/

.car-content {
    margin-top: 20px;
}

.place-carousel {
    vertical-align: top;
    width: 964px;
}

.place-carousel .car-line {
    border-bottom: dotted 1px #C8C8C8;
    margin: 0 3px 20px;
}

.place-carousel .car-header {
    height: 48px;
    margin: 3px;
    padding: 4px 0px;
    background-color: #F6F6F6;
    color: #787878;
}

.car-header .center-diamond {
    width: 474px;
    height: 36px;
    float: left;
    padding: 6px 0px;
    border-right: dotted 1px #C8C8C8;
}

.center-diamond .title {
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 14px;
    margin-top: 2px;
    width: 414px;
}

.center-diamond .details {
    font-size: 11px;
}

.center-diamond a {
    font-size: 11px;
    font-weight: bold;
    color: #4B94C5;
    text-decoration: none;
    cursor: pointer;
}

.car-header .next-step {
    width: 413px;
    height: 16px;
    padding: 16px 30px;
    font-size: 16px;
    font-weight: bold;
}

.car-header .next-step h1 {
    font-size: 16px;
    margin: 0;
}

.next-step span {
    color: #4B94C5;
}

.center-diamond .img-shape {
    background-color: White;
    width: 27px;
    height: 27px;
    padding: 4px;
    float: left;
    margin: 0px 10px;
    border: solid 1px #C8C8C8;
}

.car-top {
    background: url(../Images/Carousel/shadow_top.png) repeat-x left top;
}
.car-bottom {
    background: url(../Images/Carousel/shadow_bottom.png) repeat-x right bottom;
}
.car-left {
    background: url(../Images/Carousel/shadow_left.png) repeat-y left top;
}
.car-right {
    background: url(../Images/Carousel/shadow_right.png) repeat-y top right;
}
.car-top-left {
    background: url(../Images/Carousel/shadow_tleft.png) no-repeat left top;
}
.car-top-right {
    background: url(../Images/Carousel/shadow_tright.png) no-repeat right top;
}
.car-bott-left {
    background: url(../Images/Carousel/shadow_bleft.png) no-repeat left bottom;
}
.car-bott-right {
    background: url(../Images/Carousel/shadow_bright.png) no-repeat right bottom;
}

.car-top, .car-bottom {
    height: 9px;
}

.car-left, .car-right {
    width: 9px;
}

.car-bott-right, .car-bott-left, .car-top-right, .car-top-left {
    display: table-cell;
    height: 9px;
    width: 9px;
    position: relative;
}

/* Help popup *********************************************/
.help-container .top {
    background: url(../Images/PopupHelp/top.png) repeat-x left bottom;
    height: 29px;
}

.help-container .topR {
    background: url(../Images/PopupHelp/topR.png) no-repeat bottom right;
    width: 6px;
}

.help-container .topL {
    background: url(../Images/PopupHelp/topL.png) no-repeat bottom left;
    width: 6px;
    height: 29px;
    float: left;
}

.help-container .left {
    background: url(../Images/PopupHelp/left.png) repeat-y left top;
    width: 2px;
    vertical-align: top;
}

.help-container .right {
    background: url(../Images/PopupHelp/right.png) repeat-y top right;
    width: 6px;
    vertical-align: top;
}

.help-container .bottom {
    background: url(../Images/PopupHelp/bottom.png) repeat-x right top;
    height: 29px;
    margin-left: 6px;
}

.help-container .bottomL {
    background: url(../Images/PopupHelp/bottL.png) no-repeat;
    width: 6px;
    height: 29px;
    float: left;
}

.help-container .bottomR {
    background: url(../Images/PopupHelp/bottR.png) no-repeat top right;
    width: 6px;
}

.help-container .arrow-topleft {
    background: url(../Images/PopupHelp/arrow-topleft.png) no-repeat left top;
    height: 29px;
    width: 55px;
    float: left;
}

.help-container .arrow-topright {
    background: url(../Images/PopupHelp/arrow-topright.png) no-repeat right top;
    height: 29px;
    width: 50px;
    float: right;
}

.help-container .arrow-botleft {
    background: url(../Images/PopupHelp/arrow-botleft.png) no-repeat left bottom;
    height: 29px;
    width: 50px;
    float: left;
}

.help-container .arrow-botright {
    background: url(../Images/PopupHelp/arrow-botright.png) no-repeat right bottom;
    height: 29px;
    width: 50px;
    float: right;
}

.help-container .arrow-righttop {
    background: url(../Images/PopupHelp/arrow-righttop.png) no-repeat left top;
    height: 28px;
    width: 27px;
    position: absolute;
}

.help-container .con-bottom {
    background: url(../Images/PopupHelp/background.png) repeat-x left bottom;
    height: 22px;
    padding: 8px 20px 0px;
}

.help-container .con-bottom a {
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    color: #3e8abd;
    font-weight: bold;
}

.help-container .helpheader {
    height: 28px;
    background: url(../Images/PopupHelp/undertitle.png) repeat-x left bottom;
    margin-bottom: 5px;
}

.helpheader .title {
    font-size: 16px;
    color: #4593cd;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}

.pnlcon {
    font-size: 11px;
}

.help-container {
    position: absolute;
    background: none;
    z-index: 102;
    left: expression(document.getElementById('body').offsetLeft + 'px');
    top: 270px;   
    font-size: 11px;
    color: #585858;
    text-align: left;
    display: table;
}

.help-modal {
    background-color: #FFFFFF;
    padding: 11px 15px 15px 20px;
}

.help-modal .inform {   
    width: 340px;
}

.help-modal .inform a {
    text-decoration: none;
    color: #3e8abd;
}

/* HOME PAGE IMAGES*************************************/
.home-main-con {
    width: 978px;
    margin: 20px auto 0;
    height: 382px;
}

.home-main-image {
    float: left;
    width: 696px;
    height: 382px;
    margin-left: 7px;
}

.home-main-image .swd {
    float: left;
    margin: 226px 0 0 474px;
    display: block;
    border: 0;
    width: 193px;
    height: 28px;
    background: url(../Images/swd.png) no-repeat top left;
}

.home-main-image .swr {
    float: left;
    margin: 13px 0 0 506px;
    display: block;
    border: 0;
    width: 161px;
    height: 28px;
    background: url(../Images/swr.png) no-repeat top left;
}

.home-column-images {
    float: right;
    width: 254px;
    margin-right: 5px;
}

.home-center-img {
    margin: 15px 0;
}

.home-column-images a {
    height: 117px;
    width: 254px;
    display: block;
}

.home-column-images a img {
    border: none;
    height: 117px;
    width: 254px;
}

#reinforcements {
    height: 28px;
    width: 794px;
    margin: 15px auto 0px;
    background-color: #F2F2F2;
    padding: 0px 85px;
}

#reinforcements span {
    margin: 7px 0px 5px;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #616161;
    display: block;
    float: left;
    border-right: solid 1px #6A6A6A;
}

/*** FONT-IMAGE ******************************/
.font-image {
    float: left;
    display: block;
}

.font-image span {
    visibility: hidden;
}

.font-image-under img {
    border-bottom: solid 1px gray;
}

/*** Static Navigation************************/

#staticmain {
    margin: 0px 0px 20px;
    overflow: hidden;
}

/*** Catalog Page*******************************/
#catalog_con {
    margin: 25px 7px 15px;
    width: 964px;
    display: inline-block;
}

#catalog_con a {
    text-decoration: none;
    cursor: pointer;
}

#catalog_con .leftcolumn {
    width: 237px;
    float: left;
    color: #828383;
    font-size: 13px;
}

#catalog_con .leftcolumn .title {
    background-color: #EEEEF0;
    color: #5D5D5D;
    font-size: 14px;
    height: 24px;
    padding: 9px 15px 0px;
}

.leftcolumn .title b {
    float: left;
}

#catalog_con .filters, #catalog_con .reinforcements, #catalog_con .needhelp {
    padding: 3px;
    border: solid 1px #EAEAEA;
    overflow: hidden;
    margin-bottom: 10px;
}

#catalog_con .cont {
    padding: 7px 11px;
    border-top: dotted 1px #EAEAEA;
    margin-top: 2px;
}

#catalog_con .centerdiamond {
    padding: 3px;
    border: solid 1px #EAEAEA;
    overflow: hidden;
    margin-bottom: 10px;
}

#catalog_con .centerdiamond .details {
    margin-top: 2px;
    border-top: dotted 1px #EAEAEA;
    border-bottom: dotted 1px #EAEAEA;
    padding-top: 15px;
    height: 65px;
}

#catalog_con .centerdiamond .details span {
    font-size: 13px;
}

#catalog_con .centerdiamond .details div {
    width: 104px;
    margin: 0 0 3px 10px;
    float: left;
}

#catalog_con .centerdiamond .modify {
    padding: 7px 15px 8px;
    text-align: right;
}

#catalog_con .centerdiamond .modify a {
    font-size: 12px;
    border-bottom: 1px dotted #C2C2C2;
    color: #C2C2C2;
}

#catalog_con .centerdiamond .modify a:hover {
    color: #4595CF;
}

#catalog_con .centerdiamond .img-shape {
    background-color: White;
    width: 25px;
    height: 25px;
    padding: 4px;
    float: left;
    margin: 6px 14px 0px 9px;
    border: solid 1px #C8C8C8;
}

#catalog_con .filters .filter {
    border-top: dotted 1px #EAEAEA;
    margin-top: 7px;
    padding-top: 10px;
}

#catalog_con .filters .clear {
    color: #C2C2C2;
    display: block;
    float: right;
    border-bottom: dotted 1px #C2C2C2;
    font-size: 11px;
}

.filters .control {
    margin: 3px 0px 0px 10px;
    padding: 0px;
}

.filters .control li {
    list-style-type: none;
}

.filters .control li a {
    color: #828383;
}

.filters .control li img {
    display: block;
    float: left;
    margin-right: 6px;
    border: none;
}

#catalog_con img {
    border: none;
}

#catalog_con .leftcolumn span {
    color: #3284C0;
    text-transform: uppercase;
    font-size: 14px;
}

#catalog_con .reinforcements ul {
    margin: 0px;
    padding-left: 16px;
}

#catalog_con .needhelp a {
    background: url(../Images/Catalog/clickToChat.png) no-repeat;
    display: block;
    width: 186px;
    height: 34px;
    margin: 0px auto;
}

#catalog_con .filters a:hover {
    color: #4595CF;
}

#catalog_con .products {
    width: 715px;
    margin-left: 12px;
    float: right;
}

#catalog_con .navimage {
    height: 98px;
    width: 688px;
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 10px;
    color: #FFF;
    padding: 82px 0 0 26px;
    font-family: times New Roman;
}

#catalog_con .navimage h1 {
    margin: 0px;
    font-size: 0px;
    font-weight: normal;
}

#catalog_con .navimage h2 {
    margin: 0px 3px;
    font-size: 0px;
}

#catalog_con .viewline {
    border-bottom: dotted 1px #EAEAEA;
    color: #858585;
    height: 32px;
}

#catalog_con .viewline span {
    font-size: 15px;
    font-weight: bold;
    float: left;
    display: block;
    margin-top: 9px;
}

#catalog_con .sortline {
    color: #666;
    font-size: 12px;
    height: 15px;
}

.sortline a {
    font-size: 11px;
    color: #666;
    margin-left: 10px;
}

.sortline a:hover {
    color: #4595CF;
}

#catalog_con .namesview {
    font-size: 9px;
    float: right;
    text-align: center;
    text-transform: uppercase;
}

#catalog_con .namesview span {
    width: 32px;
    margin: 2px 7px 0px;
    float: left;
    display: block;
}

#catalog_con .imageview {
    width: 271px;
    height: 32px;
    float: right;
}

#catalog_con .imageview span {
    width: 132px;
}

#catalog_con .imageview div {
    float: left;
    margin: 0px 7px;
}

#catalog_con .imageview a {
    width: 32px;
    height: 32px;
    display: block;
    background-repeat: no-repeat;
}

#catalog_con .imageview .sideview:hover {
    background-image: url(../Images/Catalog/sideover_view.png) !important;
}

#catalog_con .imageview .topview:hover {
    background-image: url(../Images/Catalog/topover_view.png) !important;
}

#catalog_con .imageview .tfview:hover {
    background-image: url(../Images/Catalog/3_4over_view.png) !important;
}

#catalog_con .items {
    width: 100%;
    clear: both;
}

#catalog_con .items ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#catalog_con .items li {
    width: 218px;
    height: 300px;
    float: left;
    margin: 15px 10px;
    list-style-type: none;
    text-align: center;
}

#catalog_con .items li a {
    color: #666;
    font-size: 12px;
}

#catalog_con .items li a span {
    display: block;
    font-size: 15px;
    color: #3284C0;
    margin: 0px 0px 4px;
}

.contentseo {
    clear: both;
    float: right;
    padding-top: 20px;
    font-size: 11px;
    color: #666;
    width: 715px;
}

.contentseo span {
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}

.contentseo p {
    margin: 0px;
}

/*** Quicklook **********************************************/

#catalog_con .quicklook {
    background: url(../Images/Catalog/quickLook.png) no-repeat;
    width: 99px;
    height: 25px;
    margin-top: -130px;
    margin-left: 5px;
    cursor: pointer;
    display: none;
    border: none;
    position: absolute;
}

#catalog_con .quicklook:hover {
    background: url(../Images/Catalog/quickLookover.png) no-repeat;
}

.quicklook-con {
    padding: 0px;
    margin-top: 5px;
    display: inline;
}

.quicklook-con .largeImg {
    width: 370px;
    height: 380px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.quicklook-con img {
    border: none;
}

.quicklook-con .thumbs {
    width: 54px;
    height: 150px;
    margin-top: 30px;
    float: right;
    text-align: center;
}

.quicklook-con .thumbs div {
    border: 6px solid #F4F4F4;
    width: 42px;
    height: 42px;
    float: left;
    display: table;
}

.quicklook-con .thumbs a {
    border: solid 3px #D4D4D4;
    display: table-cell;
    vertical-align: middle;
    padding: 2px;
    height: 32px;
    width: 32px;
}

.quicklook-con .thumbs a:hover {
    border-color: #989898 !important;
}

.quicklook-con .detail {
    margin: 0 15px;
    color: #666;
    font-size: 12px;
}

.quicklook-con .detail span {
    width: 100%;
    float: left;
}

.quicklook-con .name {
    font-size: 15px;
    color: #3284C0;
    padding-bottom: 5px;
}

.quicklook-con .desc {
    width: 95%;
    text-align: left;
    float: left;
}

.quicklook-con .detail a {
    background: url(../Images/Catalog/designyourown.png) no-repeat;
    cursor: pointer;
    float: left;
    display: block;
    width: 151px;
    height: 32px;
    margin-top: 15px;
}

.scroll-wrap{
    width: 425px;    
    margin-bottom: 10px;
    overflow: hidden;
    position:relative;    
}
.scroll-pane{
    width: 425px;
    height: 335px;   
    overflow: hidden;    
    border-right: solid 2px #3988bb
}
.jScrollPaneDrag {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    background-color: #3988bb;
    height:55px;
    width: 10px;
}
.jScrollPaneTrack{
    margin-right:4px;
    float:right;
}