/* Imports */
/* ---------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:400italic,400,600|Muli:300|Indie+Flower:400|Oswald:400,700,300);

html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.browse {
    font: bold 11px tahoma;
    color: #2F525D;
    text-decoration: none
}
.phone {
    font: bold 11px arial;
    color: white;
    text-decoration: none
}
.navigatorhead {
    font: bold 11px arial;
    color: #960202;
    text-decoration: none
}
.tableheader {
    font: bold 11px verdana;
    color: white;
    text-decoration: none
}
.tablecategory {
    font: bold 10px tahoma;
    color: white;
    text-decoration: none
}
.pagetitle {
    font: bold 14px Times New Roman;
    color: #960202;
    text-decoration: none
}
.pagetitle2 {
    font: bold 14px Times New Roman;
    color: #7B90A3;
    text-decoration: none
}
.pagetitle3 {
    font: bold 14px Times New Roman;
    color: #254565;
    text-decoration: none
}
.pagesubtitle {
    font: bold 13px arial;
    color: #0B2040;
    text-decoration: none
}
.serialnumber {
    font: bold 10px verdana;
    color: #0B2040;
    text-decoration: none
}
.disclaimer {
    font: bold 10px arial;
    color: #000000;
    text-decoration: none
}
.configurator {
    font: bold 12px arial;
    color: #0B2040;
    text-decoration: none
}
.text {
    font: bold 11px Open Sans;
    color: #333333;
    text-decoration: none
}
a.text:visited {
    text-decoration: none;
    color: #333333
}
a.text:hover {
    text-decoration: underline;
    color: #333333
}
.text2 {
    font: 11px verdana;
    color: #666666;
    text-decoration: none
}
a.text2:visited {
    text-decoration: none;
    color: #666666
}
a.text2:hover {
    text-decoration: underline;
    color: #666666
}
.textkit {
    font: 10px arial;
    color: #000000;
    text-decoration: none
}
.numbers {
    font: bold 11px arial;
    color: #6D869C;
    text-decoration: none
}
a.numbers:visited {
    text-decoration: none;
    color: #6D869C
}
a.numbers:hover {
    text-decoration: none;
    color: white;
    background-color: #990000
}
.numberin {
    font: bold 11px arial;
    color: white;
    text-decoration: none;
    background-color: #254565
}
.systemprice {
    font: bold 15px Open Sans;
    color: #ff0000;
    text-decoration: none
}
.partpriceside {
    font: bold 11px verdana;
    color: #EA0000;
    text-decoration: none
}
.pricesystem {
    font: bold 16px arial;
    color: #EA0000;
    text-decoration: none
}
.formregular {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    width: 110px;
    border-bottom: black 1px solid;
    background: #F3F9FD
}
.headerorange {
    font: bold 11px Tahoma;
    color: #f0f4f0;
    text-decoration: none
}
a.headerorange:visited {
    text-decoration: none;
    color: #f0f4f0
}
a.headerorange:hover {
    text-decoration: none;
    color: #4FCFF7
}
.headerspecial {
    font: bold 12px verdana;
    color: #4FCFF7;
    text-decoration: none
}
a.headerspecial:visited {
    text-decoration: none;
    color: #4FCFF7
}
a.headerspecial:hover {
    text-decoration: underline;
    color: #4FCFF7
}
.headerwhite {
    font: 11px verdana;
    color: white;
    text-decoration: none
}
a.headerwhite:visited {
    text-decoration: none;
    color: #ffffff
}
a.headerwhite:hover {
    text-decoration: underline;
    color: #ffffff
}
.headerwhitebold {
    font: bold 11px verdana;
    color: white;
    text-decoration: none
}
.headerblack {
    font: bold 10px verdana;
    text-decoration: none

}
a.headerblack {
    text-decoration: none;
    color: black;
    /*color: #5d7292;*/
    text-decoration: none
}
a.headerblack:visited {
    text-decoration: none;
    color: black;
    text-decoration: none
}
a.headerblack:hover {
    text-decoration: underline;
    color: black
}
.headermenu1 {
    font: 11px arial;
    color: #4FCFF7;
    text-decoration: none
}
a.headermenu1:visited {
    text-decoration: none;
    color: #4FCFF7
}
a.headermenu1:hover {
    text-decoration: none;
    color: #f0f4f0
}
.headermenu2 {
    font: bold 11px arial;
    color: black;
    text-decoration: none
}
a.headermenu2:visited {
    text-decoration: none;
    color: black
}
a.headermenu2:hover {
    text-decoration: none;
    background-color: #D2DFE3
}
.sidemenuhead {
    font: bold 13px Trebuchet Ms, Verdana;
    color: black;
    text-decoration: none
}
.sidemenu {
    font: 10px verdana;
    color: black;
    text-decoration: none
}
a.sidemenu:visited {
    text-decoration: none;
    color: black
}
a.sidemenu:hover {
    text-decoration: underline;
    color: black
}
.navigator {
    font: bold 10px arial;
    color: black;
    text-decoration: none;
    margin-left: 3px
}
a.navigator:visited {
    text-decoration: none;
    color: black
}
a.navigator:hover {
    text-decoration: none;
    color: black
}
.itemheader {
    font: bold 12px Open Sans;
    color: #006699;
    text-decoration: none
}
a.itemheader:visited {
    text-decoration: none;
    color: #006699
}
a.itemheader:hover {
    text-decoration: underline;
    color: #006699
}
.itemheader2 {
    font: bold 11px Trebuchet Ms, Verdana;
    color: #006699;
    text-decoration: none
}
a.itemheader2:visited {
    text-decoration: none;
    color: #006699
}
a.itemheader2:hover {
    text-decoration: underline;
    color: #006699
}
.regularlink {
    font: bold 10px verdana;
    color: #0B2040;
    text-decoration: none
}
a.regularlink:visited {
    text-decoration: none;
    color: #0B2040
}
a.regularlink:hover {
    text-decoration: underline;
    color: #0B2040
}
.regularlink2 {
    font: bold 10px Open Sans;
    color: #5D7292;
    text-decoration: none
}
a.regularlink2:visited {
    text-decoration: none;
    color: #5D7292
}
a.regularlink2:hover {
    text-decoration: underline;
    color: #5D7292
}
.tablelink {
    font: 11px verdana;
    color: #0B2040;
    text-decoration: none
}
a.tablelink:visited {
    text-decoration: none;
    color: #0B2040
}
a.tablelink:hover {
    text-decoration: underline;
    color: #0B2040
}
.locatorout {
    font: bold 10px verdana;
    color: #7B90A3;
    background-color: white;
    text-decoration: none;
    margin-left: 5px
}
a.locatorout:visited {
    text-decoration: none;
    color: #7B90A3
}
a.locatorout:hover {
    text-decoration: none;
    color: #0B2040
}
.locatorin {
    font: bold 10px verdana;
    color: #0B2040;
    background-color: white;
    text-decoration: none;
    margin-left: 5px
}
a.locatorin:visited {
    text-decoration: none;
    color: #0B2040
}
a.locatorin:hover {
    text-decoration: none;
    color: #7B90A3
}
.categname {
    font: bold 10px verdana;
    color: #ffffff;
    text-decoration: none;
    margin-left: 5px
}
a.categname:visited {
    text-decoration: none;
    color: #ffffff
}
a.categname:hover {
    text-decoration: underline;
    color: #85DCF7
}
.footer {
    font: 10px arial;
    color: #333333;
    text-decoration: none
}
a.footer:visited {
    text-decoration: none;
    color: #333333
}
a.footer:hover {
    text-decoration: underline;
    color: #000000
}
.footer2 {
    font: 10px arial;
    color: #333333;
    text-decoration: underline
}
a.footer2:visited {
    text-decoration: underline;
    color: #333333
}
a.footer2:hover {
    text-decoration: underline;
    color: #000000
}
.disclaimer {
    font: bold 10px arial;
    color: #000000;
    text-decoration: none
}
a.disclaimer:visited {
    text-decoration: none;
    color: #000000
}
a.disclaimer:hover {
    text-decoration: underline;
    color: #000000
}
.pricing {
    font: bold 11px verdana;
    color: #000000;
    text-decoration: none
}
a.pricing:visited {
    text-decoration: none;
    color: #000000
}
a.pricing:hover {
    text-decoration: underline;
    color: #000000
}
.disclaimer {
    font: bold 10px arial;
    color: #000000;
    text-decoration: none
}
a.disclaimer:visited {
    text-decoration: none;
    color: #000000
}
a.disclaimer:hover {
    text-decoration: underline;
    color: #000000
}
.locator {
    font: bold 10px verdana;
    color: black;
    text-decoration: none
}
a.locator {
    font: bold 10px verdana;
    color: #7B90A3;
    background-color: white;
    text-decoration: none;
    margin-left: 5px
}
a.locator:visited {
    text-decoration: none;
    color: #7B90A3
}
a.locator:hover {
    text-decoration: none;
    color: #0B2040
}
.systeminfo {
    font: bold 10px tahoma;
    color: #3D5065;
    text-decoration: none
}
/* new */

.sideCart {
    font: 12px Arial;
    color: white;
    text-decoration: none;
    text-transform: none
}
a.sideCart:visited {
    text-decoration: none;
    color: white
}
a.sideCart:hover {
    text-decoration: underline;
    color: white
}
/* 2013-11-18 Ig add special offer tags to main, category and system page */

.tdSpOfferPic {
    text-align: center;
}
.spOfferPic {
    position: relative;
    top: -80px;
    left: 10px;
}
.spOfferPic1 {
    position: relative;
    top: 0px;
    left: 50px;
}
.spOfferPicMainPage {
    position: relative;
    top: -25px;
    left: -20px;
}
.price-was {
    display: block;
    color: #999;
    text-decoration: line-through;
    min-height: 10px;
    font: bold 11px Open Sans;
}
.price-was_SysPage {
    color: #999;
    text-decoration: line-through;
    min-height: 10px;
    font: 11px Open Sans;
    /*font-style:italic*/

;
    border: solid 0px;
}
.price-save_SysPage {
    color: #FF9218;
    min-height: 10px;
    font: bold 12px;
    border: solid 0px;
}
.paultop {
    font:bold 14px Tahoma;
}
/*--------------------------------------------------------------------*/

/*---------------------------- NEW STYLE ------------------------------*/

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

#bg_layer {
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    display: none;
}

.mainmenu {
    /*border: 1px solid #254565*/
    border: 1px dotted #DAD6EF;
    background: url("/images/background.jpg") repeat;
}

/*.headerwhite.main-menu td.headerblack:hover {
    background: #E2E9F3;
}*/

.mainmenu a {
    text-decoration: none;
    font: bold 17px Open Sans;

}

.mainmenu:hover a {
    text-decoration: none;
}
.mainmenu.active {
    background: #E2E9F3;
    
}
/*.main-menu {
    position: relative; 
}*/
.nav-pop {
    /*background-color: #E2E9F3;*/
    border: 1px solid #C0CAD9;
    border-top: 0 none;
    display: none;
    height: 520px;
    /*margin: 0 auto;*/
    margin-left: 2%;
    padding: 0;
    position: absolute;
    z-index: 100;
    width: 96%;
    top: 94px;
    /*background-image: "/images/background.png";*/
    background: url("/images/background.jpg") repeat;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
}

#content-1 {
    height: 517px;
}
.left-side-menu {
    width: 275px;
    height: 98%;
    padding: 0 10px;
    float: left;
    padding-top: 10px;
    /*background: #E2E9F3;*/
    /*border-right: 1px solid #C0CAD9;*/
    /*background: url("/images/background1.jpg") repeat; */
}
.left-side-menu ul li {
    margin: 0 5px 5px 0;
    text-align: left;
    width: 100%;
    display: block;
    
}
.left-side-menu ul {
padding: 5px;
}

.left-side-menu ul a {
    display: block;
    padding: 6px 10px;
    color: #5d7292;
    font: bold 14px Open Sans;
    /*font-size: 12px;*/
    text-decoration: none;
}
.left-side-menu ul li.active-li {
    /*background: #fff;*/
    background: #E2E9F3;

}
.left-side-menu ul li.active-li a {
    color: #006699;
}
.right-side-menu {
    padding: 0 5px 0 310px;
}
.right-side-menu .item-nav {
    text-align: left;
    height: 243px;
    background: #fff;
    position: relative;
    margin: 10px 5px 0;
    width: 243px;
    display: inline-block;
    float: left;
    text-decoration: none;
    border: 1px solid #DAD6EF;
    /*box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);*/
    box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -10px 0 10px -10px rgba(0, 0, 0, .8),
   10px 0 10px -10px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
}
.right-side-menu .item-nav .title {
    /*color: #0b2040;*/
    color: #5d7292;
    padding: 5px 0;
    text-transform: uppercase;
    text-align: center;
    /*font-weight: bold;*/
    font:bold 11px Open Sans;

}
.right-side-menu .item-nav .img-box {
    width: 170px;
    height: 170px;
    margin: 0px auto;
}
.right-side-menu .item-nav .systemprice {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
}
.right-side-menu .item-nav .img-box img {
    width: 100%;
    height: 100%
}
.right-side-menu .item-nav .hide-block {
    position: absolute;
    width: 99%;
    top: 30px;
    left: 0;
    right: 0;
    /*color: #fff;*/
    display: none;
    padding: 10px 10px 30px 5px;
    color: #5d7292;
    font:bold 11px Open Sans;
}
/*.right-side-menu .item-nav .hide-block ul li {
    display: list-item;
    list-style: disc;
    text-align: left;
}*/

/*.right-side-menu .item-nav .hide-block p {
text-align: left;
}*/

.right-side-menu .item-nav:hover {
    /*background: #254565;*/
    background: #E2E9F3;
}
/*.right-side-menu .item-nav:hover .title {
    color: #fff;
}*/
.right-side-menu .item-nav:hover .img-box {
    display: none
}
.right-side-menu .item-nav:hover .hide-block {
    display: block
}
/*.headerwhite.main-menu:hover .nav-pop{display: block}*/

/*.ind2, .ind3 {
    display: none
}

.left-side-menu ul li#ind1:hover .ind1 {
    display: block
}
.left-side-menu ul li#ind2:hover .ind2 {
    display: block
}
.left-side-menu ul li#ind3:hover .ind3 {
    display: block
}*/