#mainContent input[type='text']::-ms-clear {
    display: none;
}

::-webkit-input-placeholder {
    color: #888;
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    color: #888;
    font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #888;
    font-style: italic;
}

:-ms-input-placeholder {  
    color: #888;
    font-style: italic;
}

/**************************header************************/
#headerInnerMenu, .searchbuttonwrapper,
.mainproductmenu, .mainLeftMenu, .mainloginmenu {
    display: inline-block;
    vertical-align: middle;
    margin-right: -5px;
}

.mainproductmenu .mainMenu li a.mainMenuLink, .mainLeftMenu ul li a, .mainloginmenu > ul li a {
    white-space: nowrap;
    color: #ccc;
    cursor: pointer;
}

.mainproductmenu .mainMenu > li:hover > a, .mainproductmenu .mainMenu > li.active > a,
.mainproductmenu .mainMenu > li:hover > a, .mainproductmenu .mainMenu > li.active > a,
.mainLeftMenu ul > li:hover a, .mainLeftMenu ul > li.active a,
.mainloginmenu > ul > li:hover a, .mainloginmenu > ul > li.active a {
    color: #00A3E1;
    text-decoration: none;
}
.mainproductmenu .mainMenu > li > a .tailActive{
  display: none;
}
.mainproductmenu .mainMenu > li.active > a .tailActive {
    background: url(/images/Nemetos/PhaseOne2012/megaLiActive.png) 0 0 no-repeat;
    height: 12px;
    position: absolute;
    width: 25px;
    z-index: 800;
    left: 42%;
    top: 23px;
    display: inline;
}

.headerLeftBg, .headerRightBg {
    display: block;
    height: 52px;
    position: absolute;
    top: 14px;
    width: 113px;
}

.headerLeftBg {
    background: url(/images/Nemetos/PhaseOne2012/headerBgL.png) -15px 0 no-repeat;
    left: 0;
}

.headerRightBg {
    background: url(/images/Nemetos/PhaseOne2012/headerBgR.png) 5px 0 no-repeat;
    right: 0;
}

.mainMenu, .mainLeftMenu > ul, .mainloginmenu > ul, .searchbuttonwrapper {
    height: 35px;
    padding-top: 22px;
}

.searchbuttonwrapper {
    cursor: pointer;
}

.mainMenu li:first-child {
    margin-right: 12px;
}

.mainLeftMenu ul li {
    margin: 0 5px;
}

.mainproductmenu {
    background-color: #000;
    width: 400px;
    text-align: center;
}

.mainMenu {
    list-style: none;
}

.mainMenu > li, .mainLeftMenu ul li, .mainloginmenu > ul li {
    z-index: 1000;
}

.mainMenu > li, .mainLeftMenu ul li, .mainloginmenu > ul li {
    display: inline-block;
    vertical-align: top;
}

.mainMenu > li > a, .mainloginmenu > ul li a {
    padding: 0;
    position: relative;
}

.mainMenu .dropDown, .mainloginmenu > ul .dropDown {
    background-color: #00a3e2;
    border-bottom: 1px solid #0099d5;
    display: none;
    left: 0;
    letter-spacing: normal;
    line-height: normal;
    list-style: none outside;
    position: absolute;
    text-align: left;
    top: 57px;
    width: 100%;
    z-index: 100;
    color: #fff;
    overflow: hidden;
}

.mainMenu .dropDown > .megaWrapper, .mainloginmenu > ul .dropDown > .megaWrapper {
    margin: 0 auto;
    width: 1138px;
}

@media screen and (max-width: 1138px) {
    .mainMenu .dropDown > .megaWrapper, .mainloginmenu > ul .dropDown > .megaWrapper {
        width: 100%;
    }
}

.mainMenu .dropDown > .megaWrapper > ul, .mainloginmenu > ul .dropDown > .megaWrapper > ul {
    list-style: none outside;
}

.mega li .rapper {
    list-style: none outside;
    padding: 22px 0 0 116px;
}

.mainMenu > li .tail,
.mainloginmenu > ul li .tail {
    background: url(/images/Nemetos/PhaseOne2012/megaLiHover.png) 0 0 no-repeat;
    display: none;
    height: 12px;
    position: absolute;
    width: 25px;
    z-index: 888;
}

.mainMenu > li .tail.tailDark,
.mainloginmenu > ul li .tail.tailDark {
  background: url(/images/Nemetos/PhaseOne2012/megaLiHoverDark.png) 0 0 no-repeat;
}

.mainMenu > li .tail, .mainloginmenu > ul li .tail {
    top: 23px;
    left: 42%;
}

.mainloginmenu > ul li:first-child {
    margin-right: 6px;
}

.mainMenu.mega li:hover .dropDown,
.mainMenu.static > li.active .tail {
    list-style: none outside;
}

.mainMenu li ul li {
    float: left;
}

.mainMenu li a.mainMenuLink {
    margin-top: 0;
    padding-top: 0;
    top: 0;
    vertical-align: top;
}

.mega li ul li {
    padding: 30px 15px 0 15px;
}

.mega li ul li .megaItem, .mega li ul li .megatopimage {
    padding: 0 0 20px 0;
}

.mega li ul li .megaItem a {
    color: #fff;
}

.mega li ul li .megatopimage {
    text-align: center;
    margin: 0 0 25px 0;
    height: 95px;
}

.mega li.shortCol img { margin-top: 10px; }

/*
.mega li ul.megaSecond li { background: url(/images/Nemetos/PhaseOne2012/mega2Separator.png) no-repeat right top; }

.megaSecond li { padding-bottom: 30px; }

.megaSecond li.wideCol a { margin-bottom: 23px; }

.mega li ul.megaSecond li { min-height: 160px; }

.mega li ul.megaSecond li.wideCol { padding-right: 40px; }
*/

.darkbluebackground {
    background-color: #0092cb;
}

.mega li ul li .catTitle {
    border: none !important;
    display: block;
    font-size: 15px;
    margin: 0 0 12px 0;
    text-align: left;
}

.mega li.shortCol {
    padding: 40px 15px 0 15px;
    width: 175px;
}

.mega li.wideCol {
     width: 200px;
}

.mega ul.megaSecond li.wideCol { width: 332px; }

.mega li.shortCol.last { width: 182px; }

.mega li.last { margin-right: 0; }

.mega li.shortCol.last .megaItem { overflow: hidden; }

.mega li .smallLink { font-size: 11px; }

.megaItem h5 {
    font-size: 14px;
    /*font-weight: normal;*/
    margin: 0 0 20px 0;
}

.megaItemText {
    text-align: left;
    margin: 0 0 30px 0;
}

.blacktext {
    color: #000;
}

.whitetext {
    color: #fff !important;
}

.boldtext {
    font-weight: bold;
}

.megalinkbutton {
    background-color: #fff;
    border-radius: 2px;
    padding: 8px 0 8px 17px;
}

.megalinkbutton a {
    color: #0c9fda !important;
    font-weight: bold;
    text-decoration: none;
}

/*-------------- middle part top menu --------------*/

.mainLeftMenu {
    width: 383px;
    text-align: center;
}

.mainLeftMenu ul {
    background-color: #595959;
}

/*-------------- right part top menu --------------*/

.mainloginmenu > ul {
    margin: 0 0 0 15px;
    padding-left: 6px;
    padding-right: 6px;
    list-style: none;
}

.mainloginmenu > ul li a.loginLink {
    position: relative;
}

.mainloginmenu > ul li a.loginLink div {
    margin: 0 12px 0 0;
}

/*-------------- sub menu --------------*/

.subMenu {
    background: #00A3E2 url("/images/Nemetos/PhaseOne2012/mainMenu_hoverBg.gif") 0 0 repeat-x;
    position: relative;
    z-index: 2;
}

.subMenu > ul {
    list-style: none outside;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    width: 1138px;
}

@media screen and (max-width: 1138px) {
    .subMenu > ul {
        width: 100%;
    }
}

.subMenu > ul > li {
    background: url("/images/Nemetos/PhaseOne2012/megaMenuSeparatorV.gif") right center repeat-y;
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    position: relative;
}

.subMenu > ul > li > a { color: #fff; }

.subMenu > ul > li span.active { color: #000; }

.subMenu > ul > li span.active .tile {
    background: url("/images/Nemetos/PhaseOne2012/subMenuTile.gif") 0 0 no-repeat;
    bottom: -13px;
    height: 9px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 14px;
}

.searchbuttonwrapper {
    width: 60px;
    text-align: center;
    position: relative;
    background-color: #595959;
}

.transformtextuppcase {
    text-transform: uppercase;
}

#header .searchtextfieldwrapper {
    position: absolute;
    top: 57px;
    display: none;
    width: 100%;
    z-index: 1000;
    /*padding: 15px 0;*/
    background-color: #fff;
}

#header .searchtextfieldwrapper .searchtextfieldinnerwrapper {
    margin: 0 auto;
    width: 1138px;
}

@media screen and (max-width: 1138px) {
    #header .searchtextfieldwrapper .searchtextfieldinnerwrapper {
        width: 100%;
    }
}

#header .searchtextfieldwrapper .searchtextfieldinnerwrapper .searchField, #searchclosebutton {
    display: inline-block;
    vertical-align: middle;
}

#header .searchtextfieldwrapper .searchtextfieldinnerwrapper .searchField {
    width: 1080px;
    height: 28px;
    font-size: 1.5em;
    margin: 0 20px 0 0;
    padding: 0;
    border: 0 none;
    outline: 0;
    background-color: transparent;
}

#header .searchtextfieldwrapper .searchtextfieldinnerwrapper .searchtextfieldpadding {
    padding: 15px 0;
}

#searchclosebutton {
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
}

.mainloginmenu > ul .dropDown .megaleftcolumn,
.mainloginmenu > ul .dropDown .megarightcolumn {
    display: inline-block;
    vertical-align: top;
}

.mainloginmenu > ul .dropDown .megaleftcolumn {
    width: 839px;
    padding-bottom: 20px;
}

.mainloginmenu > ul .dropDown .megaleftcolumn ul li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding: 30px 40px 0 0;
}

.mainloginmenu > ul .dropDown .megaleftcolumn .itemimage {
    text-align: center;
    height: 65px;
    margin: 0 0 20px 0;
    cursor: pointer;
}

.mainloginmenu > ul .dropDown .megaleftcolumn .itemtitle,
.mainloginmenu > ul .dropDown .megaleftcolumn .megaproductname {
    text-transform: uppercase;
}

.mainloginmenu > ul .dropDown .catTitle {
    color: #fff;
}

.mainloginmenu > ul .dropDown .megaproductname {
    color: #000;
    font-size: 1.3em;
    margin: 10px 0;
}

#mainContent input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: #fff !important;
}

/*------------ Drop down shopping cart --------------*/
#master .cartdropdown {
    background-color: #ddd;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    width: 100%;
    z-index: 1000;
    color: #fff;
}

.cartdropdown .cartdropdowncontentsection {
    width: 1138px;
    margin: 0 auto;
}

@media screen and (max-width: 1138px) {
    .cartdropdown .cartdropdowncontentsection {
        width: 100%;
    }
}

.cartdropdowncontentsection .cartdropdowncontentwraper {
    background-color: #fff;
    color: #000;
    margin: 20px 0;
    border-radius: 2px;
}

.cartdropdowncontentwraper .cartproductcontent {
    margin: 0 20px;
    padding: 0 0 25px 0;
}

.cartdropdowncontentwraper .cartproductcontent a {
    color: #009FE3;
    padding: 0 0 25px 0;
}

.cartproductcontent ul {
    list-style: none;
}

.cartproductcontent ul li {
    padding: 20px 0 15px 0;
}

.cartproductcontent ul li .cartleft,
.cartproductcontent ul li .cartright {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 12px 0;
}

.cartproductcontent ul li .cartleft {
    width: 450px;
    margin: 0 60px 0 0;
}

.cartproductcontent ul li .cartright {
    width: 582px;
}

@media screen and (max-width: 1138px) {
    .cartproductcontent ul li .cartleft {
        width: 100%;
        margin-bottom: 20px;
    }

    .cartproductcontent ul li .cartright {
        width: 100%;
    }
}

.cartproductcontent ul li .cartright div {
    display: table-cell;
}

.cartproductcontent ul li .cartright .cartitemcount {
    width: 230px;
}

@media screen and (max-width: 640px) {
    .cartproductcontent ul li .cartright .cartitemcount {
        width: 100px;
    }
}

@media screen and (max-width: 400px) {
    .cartproductcontent ul li .cartright .cartitemcount {
        width: 70px;
    }
}

.cartproductcontent ul li .cartright .cartitemremovebutton,
.cartproductcontent .carttotalpricesection .carttotalvalue,
.cartpricesection .cartpriceline .cartamount {
    float: right;
    margin: -17px 0 0 0;
}

#mainContent .cartproductcontent ul li .cartright .cartitemremovebutton input {
    background-color: transparent;
    border: 0;
}

.cartproductcontent .carttotalpricesection {
    padding: 20px 0 15px 0;
}

#mainContent .cartproductcontent .cartcheckoutbutton > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 17px;
}

.cartproductcontent .cartcheckoutbutton {
    padding: 25px 0;
    text-align: left;
}

.selectedupgradelicenses a.bluelinkbutton {
    float: right;
    margin-right: 0;
}

#mainContent a.bluelinkbutton {
    background-color: #00a2eb;
    float: left;
}

#mainContent a.greenlinkbutton {
    background-color: #3d9946;
    float: left;
}

#mainContent a.blueHyperlink {
    background-color: #888;
    float: inherit;
    display:block;
}

#mainContent a.bluelinkbutton,
#mainContent a.greenlinkbutton,
#mainContent a.blueHyperlink {
    border: 0;
    width: 240px;
    color: #fff !important;
    padding: 6px 0 6px 10px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    border-radius: 2px;
}

.bluelinkbuttonwraper {
    width: 249px !important;
}

.linkbuttonwrapper {
    display: inline-block;
}

/*------------ change email section -------------*/
.textboxandlinkbuttonrow {
    width: 100%;
}

#mainContent .textboxandlinkbuttonrow a {
    color: #fff !important;
    background-color: #333;
    border: 0;
    padding: 6px 20px !important;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border-radius: 2px;
}

#mainContent .textboxandlinkbuttonrow input,
.textboxandlinkbuttonrow a {
    display: inline-block;
    vertical-align: top;
}

/*----------- text boxes -----------*/
#mainContent .shorttextboxwithgraybackground {
    width: 30px;
    padding: 4px 10px;
    background-color: #eee;
    border: 0;
    border-radius: 2px;
}

/*------- start pregress bar box -------*/
#pageprogressbarbox {
    display: none;
    overflow: hidden;
}

.dialog_progressbox, .ajaxprogressbarbox {
    background-color: #fff !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-shadow: 5px 5px 3px #484848;
    border-radius: 3px;
    z-index: 999;
}

#progressbarimage {
    margin: 8px 0 0 0 !important;
}

.ui-dialog .ui-dialog-titlebar { display: none; }

.ajaxprogressbarbox {
    position: fixed;
    top: 30%;
    left: 40%;
    width: 157px;
    height: 145px;
}

.ajaxprogressbarbox img {
    margin: 8px 0 0 0 !important;
}
/*------- end pregress bar box -------*/

.removecontroloutofview {
    position: absolute !important;
    top: -9999px !important;
}