@font-face {
    font-family: 'pt_sans_narrow';
    src: url('../../Fonts/PTN57F-webfont.eot');
    src: url('../../Fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/PTN57F-webfont.woff') format('woff'),
         url('../../Fonts/PTN57F-webfont.ttf') format('truetype'),
         url('../../Fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('../../Fonts/PTS55F-webfont.eot');
    src: url('../../Fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/PTS55F-webfont.woff') format('woff'),
         url('../../Fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../../Fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../../Fonts/OpenSans-Regular-webfont.eot');
    src: url('../../Fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../Fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../Fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../../Fonts/opensans-condbold-webfont.eot');
    src: url('../../Fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/opensans-condbold-webfont.woff') format('woff'),
         url('../../Fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('../../Fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'open_sanslight';
src: url('../../Fonts/OpenSans-Light-webfont.eot');
src: url('../../Fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../../Fonts/OpenSans-Light-webfont.woff') format('woff'),
	 url('../../Fonts/OpenSans-Light-webfont.ttf') format('truetype'),
	 url('../../Fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
outline: none;
font-style: normal;
font-weight: normal;
font-size: 100%;
line-height: 1.4;
text-align: left;
vertical-align: baseline;
text-decoration: none;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

html, body, input, option, optgroup, select, button, textarea { 
font: 14px Arial, Tahoma, sans-serif;
}

html { 
height: 100%;
}

body { 
color: #676767;
background: #fff;
min-height: 100%;
}

a, .dxgvControl_nipplex a {
color: #531f65;
}

strong, b {
font-weight: bold;
}

em {
font-style: italic;
}

hr {
border: 0; 
height: 1px; 
background: #e8e8e8;
margin: 0 0 20px;
clear: both;
}

.fl {
float: left!important;
}
.fr {
float: right!important;
}

.tcent {
text-align: center;
}

.tright {
text-align: right;
}

.half {
width: 50%;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.container {
width: 990px;
margin: 0 auto;
padding: 0;
position: relative;
/*overflow: hidden;*/
}

/* header 
--------------------------------------------------------- */

#header {
position: relative;
height: 140px;
background: url(/Content/Images/Layout/bgFooter.png) no-repeat center bottom;
}

#header h1 {
float: left;
margin: 22px 0 0;
z-index: 999;
}

#header h1 a, #header.login h1 a {
display: block;
width: 249px;
height: 35px;
background: url(/Content/Images/Layout/logo.png) no-repeat left top;
text-indent: -999px;
}

#header.login {
height: 146px;
background: none;
}

#header.login h1 {
position: absolute;
top: 50px;
left: 385px;
z-index: 999;
}

/* top panel
--------------------------------------------------------- */

#panelTop {
    width: 715px;
    float: right;
    padding: 22px 0 0;
    position: relative!important;
}

#panelTop .menu {
    float: right;
    padding: 0 18px 0 0;
    list-style-type: none;
}

#panelTop .menu > li {
    float: left;
    border-right: 1px solid #dcdcdc;
}

#panelTop .menu > li a {
    display: block;
    color: #8c8c8c;
    padding: 0 16px;
    font-size: 12px;
}

#panelTop .menu > li a span {
    color: #1e242e;
}

#panelTop .menu > li a i {
    display: inline-block;
    width: 25px;
    height: 13px;
    margin: 0 0 -1px;
}

#panelTop .menu .icoBasket {
    background: url(/Content/Images/Layout/icoBasket.png) no-repeat 100% 50%;
}

#panelTop .menu .icoUser {
    background: url(/Content/Images/Layout/icoUser.png) no-repeat 100% 50%;
}

#panelTop .menu .icoLogout {
    background: url(/Content/Images/Layout/icoLogout.png) no-repeat 100% 50%;
}

#panelTop .searchBar {
    clear: both;
    float: right;
}

#panelTop .searchBar > * {
    vertical-align: middle;
}

#panelTop .searchBar form {
    display: inline-block;
}

#panelTop .searchBar label, #panelTop .searchBar form input {
    font-size: 12px;
}

#panelTop .searchBar form input[type=search] {
    font-size: 12px;
    border: none;
    padding: 5px 10px;
    -moz-appearance: none;
}

#panelTop .searchBar form input[type=search]::-ms-clear {
    display: none;
}

#panelTop .searchBar form input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}

#panelTop .searchBar form input[type=submit] {
    border: 1px solid #531f65;
    color: #fff;
    background-color: #531f65;
    padding: 4px 15px;
    cursor: pointer;
}

#panelTop .inputWrap {
    border: 1px solid #dcdcdc;
    position: relative;
    display: inline-block;
}

#panelTop #btnClear {
  background: #fff;
  border: none;
  color: #531f65;
  font-weight: bold;
  padding: 0 5px;
  margin-right: 5px;
  margin-left: -15px;
  cursor: pointer;
}

/* lang menu 
--------------------------------------------------------- */

#langMenu {
float: right;
font-size: 12px;
color: #1e242e;
min-width: 100px;
margin: 0 0 8px;
}

#langToggle {
cursor: pointer;
width: 42px;
height: 15px;
padding: 0 0 0 18px;
background: url(/Content/Images/Layout/btnDown.png) no-repeat right top;
display: inline-block;
}

#langToggle img {
width: 21px;
height: 13px;
vertical-align: text-top;
}

#langList {
display: none;
position: absolute;
top: 48px;
right: 0;
padding: 20px 0;
background-color: #fff;
z-index: 9999;
list-style-type: none;
box-shadow: 0 1px 3px #666;
}

#langList li {
white-space: nowrap;
}

#langList li:hover {
background-color: #fbf0ff;
}

#langList a {
display: block;
cursor: pointer;
text-align: right;
padding: 5px 32px 5px 10px;
}

#langList .active a {
background: url(../Images/icoMark.png) no-repeat 90% 55%;
}

#langList a span {
color: #1b1b1b;
display: inline-block;
min-width: 70px;
text-align: right;
padding: 0 8px 0 0;
}

#langList img {
width: 21px;
height: 14px;
vertical-align: text-top;
}

/* main menu 
--------------------------------------------------------- */

#mainMenu {
position: absolute;
bottom: 10px;
height: 40px;
width: 100%;
border: none;
/*background: url(/Content/Images/Layout/bgMenu.png) repeat-x center bottom;*/
z-index: 999;
}

#mainMenu ul {
list-style-type: none;
text-align: center;
float: none;
}

#mainMenu ul li {
display: inline-block;
float: none;
position: relative;
/*background: url(/Content/Images/Layout/bgMenuItem.png) no-repeat left top;*/
min-width: 0!important;
}

#mainMenu ul .dxm-spacing {
display: none;
}

#mainMenu ul li a {
border: none;
padding: 0;
}

#mainMenu ul li:first-child {
background: none;
}

#mainMenu ul li span {
display: block;
height: 20px;
border-right: 2px solid #ababab;
font: normal 18px/1 'pt_sans_narrow', Arial, Tahoma, sans-serif;
color: #1b1b1b;
padding: 0 20px;
}

#mainMenu ul li:first-child span {
border-left: 2px solid #ababab;
}

#mainMenu > ul li a:hover span, #mainMenu .dx-vam:hover, #mainMenu > ul .dxm-selected span {
color: #b24dd5;
}

.dxmLite_nipplex.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item, .dxmLite_nipplex.dxm-ltr .dxm-popup .dxm-noImage {
padding-left: 15px;
}

/* left menu 
--------------------------------------------------------- */

#menuLeft {
width: 206px;
float: left;
padding: 14px 0;
}

#menuLeft .title {
background-color: #fbf0ff;
color: #531f65;
text-align: center;
font-size: 18px;
line-height: 37px;
padding: 0;
}

#menuLeft .searchBar {
margin: 26px 0 22px;
height: 27px;
border: 1px solid #dcdcdc;
overflow: hidden;
}

#menuLeft .searchBar input[type="search"]{
font: 12px/1.6 'open_sansregular', Arial, Tahoma, sans-serif;
color: #542166;
width: 130px;
padding: 3px 20px;
border: none;
outline: none;
}

#menuLeft .searchBar input[type="submit"]{
width: 32px;
height: 27px;
border: none;
background: url("/Content/Images/Layout/icoSearch.png") no-repeat scroll center bottom transparent;
overflow: hidden;
text-indent: -999px;
float: right;
cursor: pointer;
}

#menuLeft .searchBar button{
width: 32px;
height: 27px;
border: none;
background: url("/Content/Images/Layout/icoSearch.png") no-repeat scroll center bottom transparent;
overflow: hidden;
text-indent: -999px;
float: right;
cursor: pointer;
}

#menuLeft p {
color: #1e242e;
padding: 0 0 12px 22px;
}

#menuLeft > ul {
list-style-type: none;
padding: 0;
margin: 0 0 26px 14px;
}

#menuLeft > ul > li {
color: #542166;
padding: 0 3px 1px;
}

#menuLeft > ul > li:hover {
color: #1da7c5;
}

#menuLeft > ul > li a {
font: 14px/1.6 'open_sansregular', Arial, Tahoma, sans-serif;
color: #542166;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#menuLeft > .wrapped {
max-height: 140px;
overflow: hidden;
}

#menuLeft hr {
border: 0; 
height: 1px; 
background: #531F65;
background: url("/Content/Images/Layout/bgFooter.png") repeat-y scroll -660px top;
margin: 10px 0 10px;
clear: both;
}

#menuLeft > ul + span {
display: block;
margin: -20px 20px 20px;
color: #1da7c5;
font-size: 12px;
cursor: pointer;
}

#menuLeft .filterClear {
display: block;
margin: -10px 20px 20px;
font-size: 12px;
color: #1da7c5;
}

/* breadcrumb 
--------------------------------------------------------- */



/* sldier 
--------------------------------------------------------- */

#slider {
position: relative;
padding: 0 0 26px;
background: url("/Content/Images/Layout/shadowSlider.png") no-repeat scroll center bottom transparent;
}

#slider .sliderContent {
height: 398px;
width: 990px;
position: relative;
overflow: hidden;
background-color: #1e242e;
}

#slider .sliderContent .item {
position: absolute;
height: 398px;
width: 990px;
}

#slider .sliderBullets {
height: 15px;
position: absolute;
right: 24px;
bottom: 46px;
text-align: center;
z-index: 99;
}

#slider .sliderBullets a {
display: inline-block;
width: 10px;
height: 10px;
border: 2px solid #fff;
text-indent: -9999px;
outline: none;
margin: 0 4px;
background: #531f65;
}

#slider .sliderBullets a.active {
transform:scale(1.2); 
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2);
background: #1da7c5;
}

#slider .sliderArrows {
position: absolute;
width: 100%;
left: 0px;
top: 176px;
z-index: 99;
}

#slider .sliderArrows a {
width: 46px;
height: 46px;
display: block;
background-color: #531f65;
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
position: absolute;
overflow: hidden;
text-indent: -999px;
}

#slider .sliderArrows a:hover {
background-color: #1da7c5;
}

#slider .sliderArrows .sprev {
top: 0;
left: -23px;
background-image: url(/Content/Images/Layout/arrLeftBig.png);
}

#slider .sliderArrows .snext {
top: 0;
right: -23px;
background-image: url(/Content/Images/Layout/arrRightBig.png);
}

/* content 
--------------------------------------------------------- */

.content {
overflow: hidden;
padding: 10px 0 0;
min-height: 468px;
}

.contentMain {
padding: 5px 0 30px;
overflow-x: auto;
}

.contentMain h1 {
font: normal 32px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #1e242e;
padding: 0 0 18px;
}

.contentMain h2 {
font: normal 28px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #531f65;
padding: 0 0 18px;
}

.contentMain h3 {
font-size: 18px;
line-height: 1;
color: #383538;
padding: 0 0 16px;
}

h3#showHideExtended {
color: #531f65;
}

.contentMain p {
padding: 0 0 26px;
text-align: justify;
}

.contentLeft {
float: left;
width: 658px;
}

.contentLeft h1 {
font: normal 32px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #1e242e;
padding: 0 0 8px;
}

.contentLeft h2 {
font: normal 28px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #531f65;
padding: 0 0 8px;
}

.contentLeft h3 {
font-size: 18px;
line-height: 1;
color: #383538;
padding: 0 0 16px;
}

.contentLeft p {
padding: 0 0 26px;
text-align: justify;
}

.contentRight {
float: right;
width: 756px;
padding: 14px 0 0;
}

.btn {
display: inline-block;
height: 25px;
font-size: 14px;
line-height: 25px;
color: #1e242e;
border: none;
cursor: pointer;
background: url("/Content/Images/Layout/bgButtonBig.png") no-repeat scroll right top transparent;
padding: 0 30px 0 0;
margin: 0 6px 8px 0;
}

.btn:hover {
background: url("/Content/Images/Layout/bgButtonBig.png") no-repeat scroll right -25px transparent;
}

.btn.save {
font-size: 14px;
font-weight: bold;
color: #676767;
}

.dxgvTable_nipplex .button-v3 {
display: block;
width: 17px;
height: 17px;
overflow: hidden;
text-indent: -999px;
margin: 3px auto 0;
background: url(/Content/Images/Layout/icoDetails.png) no-repeat 0 0;
}

.dxgvTable_nipplex .button-v3:hover {
background: url(/Content/Images/Layout/icoDetails.png) no-repeat 0 -17px;
}

.dxEditors_edtDropDown_nipplex {
width: 18px;
height: 18px;
background: #531F65 url(/Content/Images/Layout/btnDown.png) no-repeat 50% 50%;
margin: 0 2px;
}

.dxeButtonEditButton_nipplex {
border: none;
padding: 0;
}

.dxdvPagerPanel .dxpLite .dxp-num, .dxdvPagerPanel .dxpLite .dxp-button, .dxgvPagerBottomPanel_nipplex .dxpLite_nipplex .dxp-num, .dxgvPagerBottomPanel_nipplex .dxp-button span {
color: #531f65;
text-decoration: none;
}

.dxgvPagerBottomPanel_nipplex .dxp-button.dxp-disabledButton span {
color: #acacac;
}

.dxdvPagerPanel .dxpLite .dxp-button span {
text-decoration: none;
}

.dxdvPagerPanel .dxpLite .dxp-num:hover, .dxdvPagerPanel .dxpLite .dxp-button:hover {
color: #1da7c5;
}

.dxdvPagerPanel .dxpLite .dxp-comboBox, .dxdvPagerPanel .dxmLite .dxm-popup {
border: 1px solid #dcdcdc;
}

.dxdvPagerPanel .dxpLite .dxp-dropDownButton, .dxdvPagerPanel .dxpLite .dxp-hoverDropDownButton {
border: none;
padding: 1px 2px 0;
}

.dxdvPagerPanel .dxpLite .dxp-dropDownButton img {
width: 15px;
height: 15px;
background: url(/Content/Images/Layout/btnDown.png) no-repeat 0 0;
}

.dxWeb_pNext_nipplex {
width: 15px;
height: 15px;
background: url(/Content/Images/Layout/pager.png) no-repeat -15px 0;
}

.dxWeb_pNext_nipplex:hover {
background: url(/Content/Images/Layout/pager.png) no-repeat -15px -30px;
}

.dxWeb_pPrev_nipplex {
width: 15px;
height: 15px;
background: url(/Content/Images/Layout/pager.png) no-repeat 0 0;
}

.dxWeb_pPrev_nipplex:hover {
background: url(/Content/Images/Layout/pager.png) no-repeat 0 -30px;
}

.dxWeb_pNextDisabled_nipplex {
width: 15px;
height: 15px;
background: url(/Content/Images/Layout/pager.png) no-repeat -15px -60px;
}

.dxWeb_pPrevDisabled_nipplex {
width: 15px;
height: 15px;
background: url(/Content/Images/Layout/pager.png) no-repeat 0 -60px;
}

/* main article 
--------------------------------------------------------- */



/* control panel
--------------------------------------------------------- */

.controlPanel {
    padding: 0 0 34px;
}

.controlPanel > div, .controlPanel .viewMode {
    float: left;
    margin: 0 0 10px;
}

.controlPanel > div:last-child {
    width: 100%;
    padding: 5px 0 0;
}

.controlPanel > div p {
    float: left;
    line-height: 1;
    padding: 0 10px 0 0;
}

.controlPanel .viewMode p {
    padding: 5px 10px 0 0;
}

.controlPanel .viewMode a {
    float: left;
    width: 25px;
    height: 25px;
    background-color: #A3A3A3;
    color: #fff;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-indent: -999px;
}

.controlPanel .viewMode a:hover, .controlPanel .viewMode a.active {
    background-color: #531f65;
}

.controlPanel .viewMode #showList {
    background-image: url(/Content/Images/Layout/icoList.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.controlPanel .viewMode #showBoxes {
    background-image: url(/Content/Images/Layout/icoBoxes.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.controlPanel .viewMode #showLightList {
    background-image: url(/Content/Images/Layout/icoBoxes.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.controlPanel .sortMode {
    padding: 5px 10px 0 0;
}

.controlPanel #filterCB {
    float: left;
    margin: -6px 20px 0 0;
    padding: 3px;
}

.controlPanel button {
    border: medium none;
    color: #1e242e;
    cursor: pointer;
    font: 16px/1 'pt_sans_narrow',Arial,Tahoma,sans-serif;
    height: 25px;
    padding: 0 30px 0 0;
    background: url("/Content/Images/Layout/icoBasketBig.png") no-repeat scroll right top transparent;
}

.controlPanel button:hover {
    background: url("/Content/Images/Layout/icoBasketBig.png") no-repeat scroll right -25px transparent;
}

.controlPanel .tools button {
    border: medium none;
    color: #1e242e;
    cursor: pointer;
    font: 16px/50px 'pt_sans_narrow',Arial,Tahoma,sans-serif;
    height: 50px;
    padding: 0 55px 0 0;
    background: url("/Content/Images/Layout/icoBasketBigX.png") no-repeat scroll right top transparent;
}

.controlPanel .tools button:hover {
    background: url("/Content/Images/Layout/icoBasketBigX.png") no-repeat scroll right -50px transparent;
}

.controlPanel .tools .btn {
  background: transparent url("/Content/Images/Layout/bgButtonBig.png") no-repeat scroll right top;
  border: medium none;
  color: #1e242e;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  margin: 10px 6px 8px 0;
  padding: 0 30px 0 0;
}

.controlPanel .tools .btn:hover {
  background: transparent url("/Content/Images/Layout/bgButtonBig.png") no-repeat scroll right -25px;
}

/* products tiles 
--------------------------------------------------------- */

#tilesList .dxdvControl td.dxdvCtrl {
    padding: 0;
}

#tilesList .dxdvItem, .dxdvFlowItem {
    padding: 0;
    background-color: #fff;
    border: none;
}

#tilesList .sh-box4 {
    text-align: center;
    position: relative;
}

#tilesList .sh-box4 .pic {
    display: block;
    height: 230px;
    text-align: center;
}

#tilesList .sh-box4 > p {
    position: absolute;
    right: 0;
    top: -20px;
    background: #531F65;
    color: #fff;
    padding: 1px 7px 2px;
    border-radius: 2px;
}

#tilesList .sh-box4 .badge-new {
    background: #531F65;
}

#tilesList .sh-box4 .badge-sale {
    background: #BE2D2D;
}

#tilesList .sh-box4 .badge-promotion {
    background: #FC5000;
}

#tilesList .sh-box4 .badge-recommend,
#tilesList .sh-box4 .badge-recommend-sale,
#tilesList .sh-box4 .best-mark {
    background: #FFA705;
}

#tilesList .sh-box4 .badge-paper,
#tilesList .sh-box4 .badge-super-price {
    background: #00ACFC;
}

#tilesList .sh-box4 .badge-super-quality {
    background: #00C940;
}

#tilesList h2 a {
    display: block;
    min-height: 70px;
    padding: 10px 5px;
    font: normal 20px/1.1 'pt_sansregular', Arial, Tahoma, sans-serif;
    color: #1e242e;
    text-align: center;
}

#tilesList h2 a span {
    display: block;
    text-align: center;
    line-height: 1.3;
}

#tilesList h2 a span:first-child {
    font-size: 14px;
}

#tilesList h2 a span:first-child + span {
    font-weight: bold;
}

#tilesList h2 a span:last-child {
    font-size: 14px;
    color: #676767;
}

#tilesList .price {
    background: url(/Content/Images/Layout/bgTiles.png) no-repeat center top;
    padding: 10px 5px;
    text-align: center;
    position: relative;
}

#tilesList .price del {
    /*position: absolute;
    top: 5px;
    right: 5px;
    color: red;
    font: 12px/1 'open_sans_condensedbold', Arial, Tahoma, sans-serif;*/
    text-decoration: line-through;
}

#tilesList .price del + i {
    color: red;
}

#tilesList .price .new-price {
    font: 22px/1 'open_sans_condensedbold', Arial, Tahoma, sans-serif;
    color: #1e242e;
}

/* products list 
--------------------------------------------------------- */

#productsList {
   
}

#productsList .dxdvControl td.dxdvCtrl {
    padding: 0;
}

#productsList .item {
    margin: 0 0 40px;
    border: 0;
    background: url(/Content/Images/Layout/bgFooter.png) no-repeat center bottom;
    overflow: hidden;
}

#productsList .product {
    width: 108px;
    float: left;
    
}

#productsList .product > p, .productDet .desc h1 + p {
    display: inline-block;
    background: #531F65;
    color: #fff;
    padding: 1px 7px 2px;
}

#productsList .product h2 a {
    display: block;
    color: #1e242e;
    font: normal 14px/1.1 'pt_sansregular', Arial, Tahoma, sans-serif;
    padding: 5px 3px;
    text-align: center;
}

#productsList .desc {
    float: right;
    width: 620px;

}

.dxeFocused_nipplex {
    border: 1px solid #dcdcdc;
}

.dxEditors_edtSpinEditIncrementImage_nipplex {
    width: 25px;
    height: 13px;
    background: url(/Content/Images/Layout/arrUpDown.png) no-repeat center -26px;
}

.dxEditors_edtSpinEditIncrementImage_nipplex:hover {
    background: url(/Content/Images/Layout/arrUpDown.png) no-repeat center 0;
}

.dxEditors_edtSpinEditDecrementImage_nipplex {
    width: 25px;
    height: 12px;
    background: url(/Content/Images/Layout/arrUpDown.png) no-repeat center -13px;
}

.dxEditors_edtSpinEditDecrementImage_nipplex:hover {
    background: url(/Content/Images/Layout/arrUpDown.png) no-repeat center -39px;
}

/* product details light
--------------------------------------------------------- */

#productsLightList table {
    border-collapse: collapse;
    font-size: 14px;
    margin: 0 0 20px;
    /*table-layout: fixed;*/
    width: 100%;
}

#productsLightList table th {
    color: #1e242e;
    font: 14px/1 "pt_sansregular",Arial,Tahoma,sans-serif;
    padding: 8px 6px;
    text-align: center;
    vertical-align: middle;
}

#productsLightList table td {
    padding: 5px 3px;
    text-align: center;
    vertical-align: middle;
}

#productsLightList table td.name {
    width: 150px;
    font-weight: bold;
}

#productsLightList table td.code {
    font-size: 11px;
}

#productsLightList table td i {
    background-color: #a3a3a3;
    border: 1px solid #a3a3a3;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    min-width: 26px;
    padding: 2px 6px;
    text-align: center;
    text-transform: uppercase;
}

#productsLightList table td i.size {
    background-color: #531f65;
    border: 1px solid #531f65;
}

#productsLightList table td del {
    text-decoration: line-through;
    color: red;
}

#productsLightList table .btn-add-cart {
    background: transparent url("/Content/Images/Layout/icoBasketBig.png") no-repeat scroll right top;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    height: 25px;
    width: 25px;
}

#productsLightList table .btn-add-cart:hover {
    background: transparent url("/Content/Images/Layout/icoBasketBig.png") no-repeat scroll right -25px;
}

#productsLightList table .btn-det {
    display: inline-block;
    background: transparent url("/Content/Images/Layout/icoDet.png") no-repeat scroll 50% 50%;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    height: 25px;
    width: 25px;
}

#productsLightList table input[type=number] {
    width: 50px!important;
    border: 1px solid #dcdcdc;
    padding: 5px;
}



/* product details 
--------------------------------------------------------- */

.productDet {
    padding: 24px 0 29px;
    background: url(/Content/Images/Layout/bgFooter.png) no-repeat center bottom;
    overflow: hidden;
}

.productDet .images {
    float: left;
    width: 350px;
    height: 394px;
}

.productDet .desc {
    float: right;
    width: 618px;

}

.productDet .desc h1, #productsList .desc h1 {
font: normal 32px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #1e242e;
padding: 0 0 16px;
}

.productDet .desc .title, #productsList .desc .title {
font: bold 12px/1 'open_sansregular', Arial, Tahoma, sans-serif;
text-transform: uppercase;
color: #1e242e;
padding: 0 0 8px;
clear: both;
}

.productDet .desc .text, #productsList .desc .text {
width: 450px;
float: left;
font: 10px/1.4 'open_sansregular', Arial, Tahoma, sans-serif;
clear: both;
padding: 0 0 8px;
}

.productDet .desc .prices, #productsList .desc .prices {
width: 160px;
float: right;
margin: -10px 0 0;
}

.productDet .desc .prices p, #productsList .desc .prices p {
text-align: right;
}

.productDet .desc .prices del, #productsList .desc .prices del {
/*font: 14px/1 'open_sans_condensedbold', Arial, Tahoma, sans-serif;
color: #ff0000;*/
text-decoration: line-through;
}

.productDet .desc .prices .price, #productsList .desc .prices .price {
font: normal 14px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #1e242e;
padding: 0 0 10px;
}

.productDet .desc .prices .price span, #productsList .desc .prices .price span {
font: 25px/1 'open_sans_condensedbold', Arial, Tahoma, sans-serif;
padding: 0 0 0 14px;
}

.productDet .desc .prices .price del + i, #productsList .desc .prices .price del + i {
color: #ff0000;
}

.productDet .desc .prices .code, #productsList .desc .prices .code {
font: 10px/1 'open_sanslight', Arial, Tahoma, sans-serif;
text-transform: uppercase;
}

.productDet .desc .list, #productsList .desc .list {
clear: both;
padding: 10px 0;
}

.productDet .desc .list > table, #productsList .desc .list > table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 0 0 20px;
font-size: 14px;
}

.productDet .desc .list > table > tbody > tr > th, #productsList .desc .list table th {
text-align: center;
vertical-align: middle;
padding: 14px 6px;
font: normal 14px/1 'pt_sansregular', Arial, Tahoma, sans-serif;
color: #1e242e;
}

.productDet .desc .list > table td:first-child, #productsList .desc .list table td:first-child {
text-align: center;
width: 25px;
padding: 0 6px;
}

.productDet .desc .list > table td:last-child, #productsList .desc .list table td:last-child {
text-align: center;
padding: 0;
}

.productDet .desc .list > table td, #productsList .desc .list table td {
text-align: center;
vertical-align: middle;
padding: 5px 10px;
}

.productDet .desc .list table td i, #productsList .desc .list table td i {
display: inline-block;
min-width: 18px;
color: #fff;
text-align: center;
background-color: #a3a3a3;
border: 1px solid #a3a3a3;
padding: 2px 10px;
min-width: 26px;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
}

.productDet .desc .list table .size, #productsList .desc .list table .size {
background-color: #531F65;
border: 1px solid #531F65;
}

.productDet .desc .list table td .txt, #productsList .desc .list table td .txt {
display: inline-block;
min-width: 18px;
color: #531f65;
text-align: center;
padding: 0 9px;
font-size: 10px;
text-transform: uppercase;
}

.productDet .desc .list table td input[type=number], #productsList .desc .list table td input[type=number] {
padding: 5px;
border: 1px solid #dcdcdc;
text-align: center;
}

.productDet .desc .list table td i.blank, #productsList .desc .list table td i.blank {
border: 1px solid #dcdcdc;
background-color: #fff;
color: #000;
}

.productDet .desc .list table td.marked i.blank, #productsList .desc .list table td.marked i.blank {
  color: #ff0000;
}

.productDet .desc .list table td i.big, #productsList .desc .list table td i.big {
font-size: 14px;
min-width: 26px;
}

.productDet .desc .list table td input[type=text], #productsList .desc .list table td input[type=text] {
border: 1px solid #dcdcdc;
color: #542166;
width: 32px;
padding: 4px 0;
text-align: center;
}

.productDet .btn-add-cart, .productsList .btn-add-cart {
border: none;
background: url("/Content/Images/Layout/icoBasketBig.png") no-repeat scroll right top transparent;
height: 25px;
color: #1e242e;
padding: 4px 35px 4px 0;
font: bold 14px/1 'pt_sans_narrow', Arial, Tahoma, sans-serif;
cursor: pointer;
}

.productDet .btn-add-cart:hover, .productsList .btn-add-cart:hover {
background: url("/Content/Images/Layout/icoBasketBig.png") no-repeat scroll right -25px transparent;
}

.pikachoose {width: 520px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: 394px; }
	.pika-thumbs li{ width: 80px; height:120px; margin: 0 0 14px; overflow: hidden;
		float: none; list-style-type: none;padding: 0px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 256px; height: 392px;}
.pika-stage {position: relative; float: right; background: #fafafa; border: 1px solid #e5e5e5; padding: 0px; text-align:center; height:384px; overflow: hidden; z-index: 1;}
.pika-stage img{max-height:100%; max-width:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-stage > a {display: block;}

/* Ths play, pause, prev and next buttons */

.pika-imgnav {
opacity: 1!important;
}

.pika-imgnav a {
width: 46px;
height: 46px;
display: block;
background-color: #531f65;
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
position: absolute;
overflow: hidden;
text-indent: -999px;
z-index: 999;
}

.pika-imgnav a:hover {
background-color: #1da7c5;
}

	.pika-imgnav a.previous {background-image: url(/Content/Images/Layout/arrLeftBig.png); 50px; top: 45%; left: 0px;cursor:pointer;}
	.pika-imgnav a.next {background-image: url(/Content/Images/Layout/arrRightBig.png); top: 45%; right: 0px;cursor:pointer;}


	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-imgnav span {display: none;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0; top:10px; position:absolute; display: none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ /*background:url(loading.gif) 3px 3px no-repeat #000;*/ background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px;
	text-align:right; position:absolute; top:15px; right:15px; }

.zoomLens {
    display: none!important;
}

/* products relations
--------------------------------------------------------- */

.productsRel {
    padding: 20px 0 40px;
    overflow: hidden;
}

.productsRel .title {
    font-size: 22px;
    line-height: 1;
    color: #531f65;
}

.productsRel li {
    width: 152px;
    margin: 20px 20px 0;
    overflow: hidden;
    float: left;
}

.productsRel li img {
display: block;
}

.productsRel li a {
display: block;
text-align: center;
}


.productsRel li a span {
display: block;
text-align: center;
height: 40px;
padding: 5px 10px;
}


/* orders table
--------------------------------------------------------- */

#ordersTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex, #paymentsTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex,
#employeesTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex, #addressesTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex {
    width: 17px;
    height: 17px;
    background: url("/Content/Images/Layout/btnDownGrey.png") no-repeat scroll 0 0 transparent;
}

#ordersTable_DXMainTable .dxeTextBoxSys td.dxic, #paymentsTable_DXMainTable .dxeTextBoxSys td.dxic,
#employeesTable_DXMainTable .dxeTextBoxSys td.dxic, #addressesTable_DXMainTable .dxeTextBoxSys td.dxic {
    padding: 1px 2px 0px;
}

#ordersTable_DXMainTable .dxgvDataRow_nipplex:hover, #paymentsTable_DXMainTable .dxgvDataRow_nipplex:hover,
#employeesTable_DXMainTable .dxgvDataRow_nipplex:hover, #addressesTable_DXMainTable .dxgvDataRow_nipplex:hover {
    background-color: #f2f1f0;
}

#ordersTable_DXMainTable .dxgvDataRow_nipplex td, #paymentsTable_DXMainTable .dxgvDataRow_nipplex td,
#employeesTable_DXMainTable .dxgvDataRow_nipplex td, #addressesTable_DXMainTable .dxgvDataRow_nipplex td {
    border: none;
}

#ordersTable_DXMainTable .dxgvHeader_nipplex, #paymentsTable_DXMainTable .dxgvHeader_nipplex,
#employeesTable_DXMainTable .dxgvHeader_nipplex, #addressesTable_DXMainTable .dxgvHeader_nipplex {
    border-top: 1px solid #cfcfcf!important;
    padding-top: 8px;
}

#ordersTable_DXMainTable .dxgvFilterRow_nipplex > td, #paymentsTable_DXMainTable .dxgvFilterRow_nipplex > td {
    padding-bottom: 8px;
}

#ordersTable_DXMainTable .dxgvHeader_nipplex:first-child, #ordersTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child, 
#paymentsTable_DXMainTable .dxgvHeader_nipplex:first-child, #paymentsTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child,
#employeesTable_DXMainTable .dxgvHeader_nipplex:first-child, #employeesTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child, 
#addressesTable_DXMainTable .dxgvHeader_nipplex:first-child, #addressesTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child {
    border-left: 1px solid #cfcfcf!important;
}

#ordersTable_DXMainTable .dxgvHeader_nipplex:last-child, #ordersTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child,
#paymentsTable_DXMainTable .dxgvHeader_nipplex:last-child, #paymentsTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child,
#employeesTable_DXMainTable .dxgvHeader_nipplex:last-child, #employeesTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child,
#addressesTable_DXMainTable .dxgvHeader_nipplex:last-child, #addressesTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child {
    border-right: 1px solid #cfcfcf!important;
}

#orderElems table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 0;
font-size: 14px;
color: #191919;
}

#orderElems table thead {
background-color: #f2f2f2;
border: 1px solid #d0d0d0;
}

#orderElems table tr:hover {
background-color: #f2f1f0;
}

#orderElems table th {
padding: 8px 10px;
}

#orderElems table th:first-child {
width: 30px;
}

#orderElems table th.code {
width: 150px;
}

#orderElems table th.name {
width: 275px;
}

#orderElems table th.total {
width: 120px;
}

#orderElems table td {
padding: 6px 10px;
}

#extendedDetails table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 0;
font-size: 14px;
color: #191919;
}

#extendedDetails table thead {
background-color: #f2f2f2;
border: 1px solid #d0d0d0;
}

#extendedDetails table tr:hover {
background-color: #f2f1f0;
}

#extendedDetails table th {
padding: 8px 10px;
}

#extendedDetails table th:first-child {
width: 30px;
}

#extendedDetails table th.code {
width: 100px;
}

#extendedDetails table th.name {
width: 100px;
}

#extendedDetails table th.quant {
width: 60px;
}

#extendedDetails table th.total {
width: 120px;
}

#extendedDetails table td {
padding: 6px 10px;
}

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

    #intervals > div {
        float: left;
    }

        #intervals > div > table {
            float: left;
            margin-right: 20px;
        }

            #intervals > div > table:first-child {
                margin-right: 10px;
            }

                #intervals > div > table:first-child td {
                    padding: 1px 3px;
                }

#summary {
    margin: 10px 0;
}

.orderSummary, .orderSummary + div {
    margin: 10px 0;
}

    #orderSummary p, .orderSummary p {
        font: 20px/1 'open_sans_condensedbold',Arial,Tahoma,sans-serif;
        padding: 0 0 8px;
        color: #1e242e;
    }

        #orderSummary p span, .orderSummary p span {
            color: #531f65;
            line-height: 1;
        }

.controllersSummary, .controllersSummary + div {
    margin: 10px 0;
}

    #orderSummary p, .controllersSummary p {
        font: 20px/1 'open_sans_condensedbold',Arial,Tahoma,sans-serif;
        padding: 0 0 8px;
        color: #1e242e;
    }

        #orderSummary p span, .controllersSummary p span {
            color: #531f65;
            line-height: 1;
        }



.summaryControl p {
    color: #1e242e;
    font-size: 12px;
}



/* orders table
--------------------------------------------------------- */

#contractationsTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex, #paymentsTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex,
#employeesTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex, #addressesTable_DXMainTable .dxGridView_gvFilterRowButton_nipplex {
    width: 17px;
    height: 17px;
    background: url("/Content/Images/Layout/btnDownGrey.png") no-repeat scroll 0 0 transparent;
}

#contractationsTable_DXMainTable .dxeTextBoxSys td.dxic, #paymentsTable_DXMainTable .dxeTextBoxSys td.dxic,
#employeesTable_DXMainTable .dxeTextBoxSys td.dxic, #addressesTable_DXMainTable .dxeTextBoxSys td.dxic {
    padding: 1px 2px 0px;
}

#contractationsTable_DXMainTable .dxgvDataRow_nipplex:hover, #paymentsTable_DXMainTable .dxgvDataRow_nipplex:hover,
#employeesTable_DXMainTable .dxgvDataRow_nipplex:hover, #addressesTable_DXMainTable .dxgvDataRow_nipplex:hover {
    background-color: #f2f1f0;
}

#contractationsTable_DXMainTable .dxgvDataRow_nipplex td, #paymentsTable_DXMainTable .dxgvDataRow_nipplex td,
#employeesTable_DXMainTable .dxgvDataRow_nipplex td, #addressesTable_DXMainTable .dxgvDataRow_nipplex td {
    border: none;
}

#contractationsTable_DXMainTable .dxgvHeader_nipplex, #paymentsTable_DXMainTable .dxgvHeader_nipplex,
#employeesTable_DXMainTable .dxgvHeader_nipplex, #addressesTable_DXMainTable .dxgvHeader_nipplex {
    border-top: 1px solid #cfcfcf !important;
    padding-top: 8px;
}

#contractationsTable_DXMainTable .dxgvFilterRow_nipplex > td, #paymentsTable_DXMainTable .dxgvFilterRow_nipplex > td {
    padding-bottom: 8px;
}

    #contractationsTable_DXMainTable .dxgvHeader_nipplex:first-child, #contractationsTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child,
    #paymentsTable_DXMainTable .dxgvHeader_nipplex:first-child, #paymentsTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child,
    #employeesTable_DXMainTable .dxgvHeader_nipplex:first-child, #employeesTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child,
    #addressesTable_DXMainTable .dxgvHeader_nipplex:first-child, #addressesTable_DXMainTable .dxgvFilterRow_nipplex > td:first-child {
        border-left: 1px solid #cfcfcf !important;
    }

    #contractationsTable_DXMainTable .dxgvHeader_nipplex:last-child, #contractationsTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child,
    #paymentsTable_DXMainTable .dxgvHeader_nipplex:last-child, #paymentsTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child,
    #employeesTable_DXMainTable .dxgvHeader_nipplex:last-child, #employeesTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child,
    #addressesTable_DXMainTable .dxgvHeader_nipplex:last-child, #addressesTable_DXMainTable .dxgvFilterRow_nipplex > td:last-child {
        border-right: 1px solid #cfcfcf !important;
    }


#contractationElems table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0;
    font-size: 14px;
    color: #191919;
}

    #contractationElems table thead {
        background-color: #f2f2f2;
        border: 1px solid #d0d0d0;
    }

    #contractationElems table tr:hover {
        background-color: #f2f1f0;
    }

    #contractationElems table th {
        padding: 8px 10px;
    }

        #contractationElems table th:first-child {
            width: 30px;
        }

        #contractationElems table th.code {
            width: 150px;
        }

        #contractationElems table th.name {
            width: 275px;
        }

        #contractationElems table th.total {
            width: 120px;
        }

    #contractationElems table td {
        padding: 6px 10px;
    }

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

    #intervals > div {
        float: left;
    }

        #intervals > div > table {
            float: left;
            margin-right: 20px;
        }

            #intervals > div > table:first-child {
                margin-right: 10px;
            }

                #intervals > div > table:first-child td {
                    padding: 1px 3px;
                }

#summary {
    margin: 10px 0;
}

.contractationSummary, .contractationSummary + div {
    margin: 10px 0;
}

#contractationSummary p, .contractationSummary p {
    font: 20px/1 'open_sans_condensedbold',Arial,Tahoma,sans-serif;
    padding: 0 0 8px;
    color: #1e242e;
}

        #contractationSummary p span, .orderSummary p span {
            color: #531f65;
            line-height: 1;
        }

.controllersSummary, .controllersSummary + div {
    margin: 10px 0;
}

    #orderSummary p, .controllersSummary p {
        font: 20px/1 'open_sans_condensedbold',Arial,Tahoma,sans-serif;
        padding: 0 0 8px;
        color: #1e242e;
    }

        #orderSummary p span, .controllersSummary p span {
            color: #531f65;
            line-height: 1;
        }



.summaryControl p {
    color: #1e242e;
    font-size: 12px;
}


/* cart
--------------------------------------------------------- */

#cartElems {
margin: 0 0 30px;
}

.tableCart {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 0;
font-size: 14px;
color: #191919;
}

.tableCart tr:first-child {
background-color: #f2f2f2;
border: 1px solid #d0d0d0;
}

.tableCart tr:hover {
background-color: #f2f1f0;
}

.tableCart th {
padding: 8px 10px;
}

.tableCart th.code {
width: 150px;
}

.tableCart th.price {
width: 150px;
}

.tableCart th.total {
width: 120px;
}

.tableCart th.quant {
width: 40px;
}

.tableCart th.remove {
width: 50px;
}

.tableCart td {
padding: 6px 10px;
}

.tableCart td:last-child {
padding: 6px 22px;
}

.tableCart input {
border: 1px solid #dcdcdc;
}

/* cart form
--------------------------------------------------------- */

#cartForm {
    display: block;
    width: 990px;
    margin: 0 0 20px;
}

#cartForm table tr:hover {
    /*background: #f2f1f0;*/
}

#cartForm table th {
    color: #000;
    font-weight: bold;
    padding: 5px 0;
}

#cartForm table th span {
    display: block;
    font-weight: bold;
    padding-right: 4px;
    max-width: 90px;
}

#cartForm table td {
    /*padding-right: 5px;*/
}

#cartForm table td:first-child {
    color: #000;
    background: #fff;
    font-weight: bold;
    padding: 4px;
}

#cartForm table td.empty {
    color: #f2f1f0;
    background: #f2f1f0;
}

#cartForm table .rotate {
    display: block;
    height: 75px;
    width: 72px;
    margin: 0 0 8px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#cartForm input[type=number]{
    border: 1px solid #dcdcdc;
    max-width: 78px;
}

/* invoice 
--------------------------------------------------------- */

.invoiceElements {
clear: both;

}

.invoiceSummary {
margin: 0 0 20px;
}

.invoiceSummary p {
font: 16px/1 'open_sans_condensedbold',Arial,Tahoma,sans-serif;
padding: 0 0 8px;
color: #1e242e;
}

.invoiceSummary p span {
line-height: 1;
color: #531f65;
}

#paymentsTable .dxgvTable_nipplex td:nth-last-child(2),
#invElements .tableInvoices td:nth-last-child(2),
#orderElems td:last-child,
#contractationElems td:last-child {
    text-align: right;
}

.tableInvoices, .tablePayments {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 0;
font-size: 14px;
color: #191919;
}

.tableInvoices thead, .tablePayments thead {
background-color: #f2f2f2;
border: 1px solid #d0d0d0;
}

.tableInvoices tr:hover, .tablePayments tr:hover {
background-color: #f2f1f0;
}

.tableInvoices th, .tablePayments th {
padding: 8px 10px;
}

.tableInvoices .name {
width: 275px;
}

.tableInvoices .code {
width: 150px;
}

.tableInvoices .total {
width: 120px;
}

.tableInvoices td, .tablePayments td {
padding: 6px 10px;
}

/* settings
--------------------------------------------------------- */

#employeesTable, #addressesTable {
    margin: 20px 0;
    font-size: 12px;

}

#employeesTable .dxgvHeader_nipplex td, #addressesTable .dxgvHeader_nipplex td {
    font-size: 12px;
}

.tableData {
    margin: 0 0 30px;
    table-layout: fixed;
    float: left;
}

.tableData.first {
    margin: 0 2% 30px 0;
    width: 48%;
}

.tableData.first {
    margin: 0 2% 30px 0;
    width: 48%;
}

.tableData table {
    width: 304px!important;
}

.tableData th, .tableData td {
    width: 50%;
    padding: 1px;
}

.tableData td {
    color: #383538;
    vertical-align: top;
}

.tableData input, .tableData textarea {
    border: 1px solid #dcdcdc;
    width: 396px;
}

.dataEdit input[type=text], .dataEdit input[type=email], .dataEdit input[type=password] {
    border: 1px solid #1da7c5;
    color: #000;
}

.dataEdit input[type=text]:focus, .dataEdit input[type=email]:focus, .dataEdit input[type=password]:focus {
    background-color: #e1faff;
}

.dataEdit input[type=text], .dataEdit input[type=email], .dataEdit input[type=password] {
    padding: 4px 8px;
    width: 290px;
}

.dataEdit label {
    color: #1e242e;
    width: 300px;
    float: left;
}

.dataEdit div {
    padding: 4px 0;
}

.settingsBox {
    margin: 0 0 20px;
}

.settingsBox .dxeButtonEditSys {
    margin: 5px 0 15px;
}

.settingsBox input.dxeEditArea_nipplex[type="text"] {
    color: #542166;
    padding: 4px 0;
    text-align: center;
    width: 42px;
}

 .settingsBox table td {
text-align: center;
vertical-align: middle;
padding: 0px!important;
}

.setLast + table {
margin: 5px 0 10px;
}

/* import / export
--------------------------------------------------------- */

.fileUploadBtn {
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
}

#Data{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/* news panel 
--------------------------------------------------------- */

.newsPanel {
    width: 302px;
    float: right;
}

.newsPanel h4 {
    font-size: 28px;
    line-height: 1;
    color: #1e242e;
}

.newsPanel article {
    overflow: hidden;
    margin: 28px 0 0;
}

.newsPanel h5 {
    font-size: 18px;
    line-height: 1;
    color: #531f65;
    padding: 0 0 4px;
}

.newsPanel h5 a {
    color: #531f65;
    line-height: 1;
}

.newsPanel p {
    padding: 0 0 4px;
    line-height: 1.2;
}

.newsPanel time {
    font-size: 12px;
    color: #1e242e;
    float; left;
}

.newsPanel .more {
    float: right;
    color: #1e242e;
    font-size: 12px;
    line-height: 15px;
}

.newsPanel .more i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0 0 5px;
    background-color: #531f65;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/Layout/arrRight.png);
    vertical-align: bottom;
}

.newsPanel .more:hover i {
    background-color: #1da7c5;
}

/* login panel 
--------------------------------------------------------- */

#loginPanel, #register {
position: relative;
padding: 0 0 20px;
background: url("/Content/Images/Layout/shadowSlider.png") no-repeat scroll center bottom transparent;
}

#loginPanel > div, #register > div {
min-height: 325px;
border: 1px solid #eeeeee;
background-color: #fff;
overflow: hidden;
}

#loginPanel .titleWrap, #register .titleWrap {
padding: 0 0 16px;
background: url("/Content/Images/Layout/shadowSlider.png") no-repeat scroll center bottom transparent;
margin: -1px -1px 34px;
}

#loginPanel .title, #register .title {
font-size: 24px;
line-height: 51px;
background-color: #531f65;
color: #fff;
text-align: center;
}

#loginPanel fieldset, #loginPanel .wrapper-v1, #loginPanel .validation-summary-errors {
width: 340px;
margin: 0 auto;
}

#register fieldset {
float: left;
margin: 0 40px 40px;
}

#loginPanel fieldset > p, #register fieldset > p {
padding: 0 0 8px;
}

#loginPanel label, #register label {
display: inline-block;
width: 106px;
font-size: 16px;
color: #1e242e;
}

#register label {
font-size: 14px;
}

#loginPanel input[type=text], #loginPanel input[type=password], #register input[type=text], #register input[type=password] {
width: 200px;
font-size: 14px;
color: #1e242e;
border: 1px solid #38b1cc;
padding: 3px 9px;
}

#loginPanel input[type=text]:focus, #loginPanel input[type=password]:focus, #register input[type=text]:focus, #register input[type=password]:focus {
background-color: #e1faff;
}

#loginPanel input[type=button], #register input[type=submit] {
height: 15px;
font-size: 12px;
line-height: 12px;
color: #1e242e;
border: none;
cursor: pointer;
background: url("/Content/Images/Layout/bgButton.png") no-repeat scroll right top transparent;
padding: 0 20px 0 0;
margin: 18px 10px;
float: right;
}

#loginPanel input[type=button]:hover, #register input[type=submit]:hover {
background: url("/Content/Images/Layout/bgButton.png") no-repeat scroll right -15px transparent;
}

#loginPanel em {
font-size: 14px;
color: #191919;
}

#loginPanel small {
font-size: 12px;
}

#loginPanel .wrapper-v1 {
    padding: 0 0 30px;
}

#loginPanel .field-validation-valid {
font-size: 11px;
color: #be3232;
}

#loginPanel .validation-summary-errors, #loginPanel .field-validation-error {
    font-size: 11px;
    padding: 0 0 20px;
    color: red;
}

#register h2 {
font-size: 18px;
line-height: 1;
color: #383538;
padding: 0 0 16px;
}

#register .wrapper-v1 {
    margin: 0 40px 20px;
    clear: both;
    overflow: hidden;
    font-size: 12px;
}

#register .wrapper-v1 input {
    float: left;
}

/* page nav 
--------------------------------------------------------- */

.dxdvPagerPanel {
    padding: 0 0 15px;
}

.dxdvPagerPanel a {

}

.pager1 {
background-color: #f2f2f2;
border: 1px solid #d0d0d0;
margin: 0 0 20px;
position: relative;
color: #191919;
}

.pager1 div:first-child {
padding: 8px;
float: left;
}

#newsElements .pager1 {
background-color: #fff;
border: none;
margin: 20px 0;
}

.pagination + div {
    position: absolute;
    top: 8px;
    left: 10px;
}

.pagination ul {
    text-align: center;
    padding: 8px 0;
}

.pagination li {
    display: inline-block;
    padding: 0 5px;
}

.pagination li a:hover {
color: #1da7c5;
}

/* size tables
--------------------------------------------------------- */

.sizeTables > div {
    overflow: hidden;
    margin: 0 0 50px;
}

.sizeTables h5 {
font: bold 22px/1 'open_sansregular', Arial, Tahoma, sans-serif;
color: #000;
padding: 0 0 20px;
}

.sizeTables p {

}

.sizeTables p img {
    margin: 0 0 0 20px;
    vertical-align: middle;
}

.sizeTables .half {
    width: 50%;
    float: left;
}

.sizeTables .half .imgWrap {
    float: right;
    margin: 0 45px;
}

.sizeTables table {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-collapse: collapse;
    font: bold 16px 'open_sansregular', Arial, Tahoma, sans-serif;
}

.sizeTables table th {
    color: #fff;
    font-size: 16px;
    background-color: #a3a3a3;
    text-align: center;
    padding: 15px 8px;
    min-width: 38px;
    border: 1px solid #dcdcdc;
}

.sizeTables table tr.colored th {
    background-color: #531f65;
}

.sizeTables table tr.colored td {
    /*color: #531f65;*/
}

.sizeTables table td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px;
    border: 1px solid #dcdcdc;
}

.sizeTables table td b {
    white-space: nowrap;
}

/* contact 
--------------------------------------------------------- */

.contactTable {
    margin: 0 0 40px;
}

.contactTable th {
    width: 30px;
}

.contactTable td {
    line-height: 1.6;
}

.contactForm {
    width: 766px;
}

.contactForm input[type=text], .contactForm input[type=email], .contactForm textarea {
    border: 1px solid #1da7c5;
    color: #000;
}

.contactForm input[type=text]:focus, .contactForm input[type=email]:focus, .contactForm textarea:focus {
    background-color: #e1faff;
}

.contactForm input[type=text], .contactForm input[type=email] {
    padding: 4px 8px;
    width: 290px;
}

.contactForm textarea {
    padding: 15px 2%;
    width: 96%;
    height: 170px;
}

.contactForm label {
    color: #1e242e;
    width: 115px;
    float: left;
}

.contactForm div {
    padding: 4px 0;
}

.contactForm input[type=submit] {
width: 66px;
height: 15px;
font-size: 12px;
line-height: 12px;
color: #1e242e;
border: none;
cursor: pointer;
background: url("/Content/Images/Layout/bgButton.png") no-repeat scroll right top transparent;
padding: 0 20px 0 0;
float: right;
}

.contactForm input[type=submit]:hover {
background: url("/Content/Images/Layout/bgButton.png") no-repeat scroll right -15px transparent;
}

#map {
width: 500px;
height: 335px;
border: 1px solid #531f65;
float: right;
margin: 10px 0 30px 30px;
background: #ccc;
}

/* footer 
--------------------------------------------------------- */

#footer {
background: url(/Content/Images/Layout/bgFooter.png) no-repeat center top;
height: 77px;
position: relative;
clear: both;
}

#footer .copy {
    float: right;
    color: #1e242e;
    font-size: 12px;
    margin: 27px 0 0;
}

#footer .copy img {
    vertical-align: text-top;
}

#menuFooter {
float: left;
}

#menuFooter ul {
list-style-type: none;
overflow: hidden;
margin: 27px 0 0;
}

#menuFooter ul li {
float: left;
}

#menuFooter ul li a {
display: block;
font-size: 14px;
line-height: 1;
color: #1e242e;
border-left: 1px solid #1e242e;
padding: 0 6px;
}

#menuFooter ul li:first-child a {
border: none;
}

#menuFooter > ul li a:hover, #menuFooter > ul li.active a {
text-decoration: underline;
}

/* change password
--------------------------------------------------------- */

.changePass {
    width: 260px;
    margin: 0 auto;
}

.changePass p {
    padding: 0 0 10px;
}

.changePass label {
    color: #1e242e;
    display: block;
}

.changePass input[type=password] {
    border: 1px solid #38b1cc;
    padding: 3px 9px;
    width: 100%;
}

.changePass input[type=submit] {
height: 15px;
font-size: 12px;
line-height: 12px;
color: #1e242e;
border: none;
cursor: pointer;
background: url("/Content/Images/Layout/bgButton.png") no-repeat scroll right top transparent;
padding: 0 20px 0 0;
margin: 18px 0px;
float: right;
}

.changePass input[type=submit]:hover {
background: url("/Content/Images/Layout/bgButton.png") no-repeat scroll right -15px transparent;
}

/* extra 
--------------------------------------------------------- */

.hideme {
visibility: hidden;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

.field-validation-valid {
font-size: 11px;
color: #be3232;
}

.validation-summary-errors, .field-validation-error {
    font-size: 11px;
    padding: 0 0 20px;
    color: red;
}

.hide-column{
    display: none;
}