html,
body,
#mainWrapper {
    height: 100%;
}

body {
    background: url("../images/layout/bodyBg.jpg") repeat-y scroll center center #E7E7E7;
    color: #383838;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    line-height: 160%;
}

form,
select option,
select,
input[type="text"],
input[type="password"],
textarea {
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
.caption {
    letter-spacing: 0.5px;
    line-height: 150%;
}

h1 {
    font-weight: 300;
}

h1 {
    font-size: 1.71em;
    margin: 0 0 35px;
}

h2 {
    font-size: 1.38em;
    font-family: 'open sans semibold', sans-serif;
    margin: 0 0 25px;
}

.caption,
.guideLine {
    font-size: 0.75em;
}

.bold {
    font-weight: bold;
}

.nonBold {
    font-weight: normal;
}

h3,
.textPlus {
    font-size: 1.05em;
    font-weight: 600;
    letter-spacing: 0.5px;
}

h2,
h3 {
    margin: 0 0 35px;
}

input[type="button"],
input[type="submit"],
.linkAsButton {
    font-weight: 400;
}

.contentButtons {
    float: right;
    margin: 165px 0 15px;
    width: 156px;
    text-align: center;
}

.contentButtons.noMargin {
    margin: 0px;
}

.contentButtons.noMargin .noLeftMargin {
    margin-left: -10px;
}

.placeholder {
    color: #CCC;
}

h1 {
    float: left;
}

p {
    margin: 5px 0 25px;
}

p.editor {
    /*margin-bottom:50px;*/
}

p.text,
.text {
    margin-bottom: 15px;
}

ul+ul,
.filterWithSearch {
    margin-bottom: 40px;
}

.topBorder {
    border-top: 1px solid #E8E8E8;
}

p>.floatLeft {
    margin-right: 20px;
}

.alignCenter,
div.alignCenter * {
    text-align: center;
}

div.alignCenter input[type="text"],
div.alignCenter input[type="password"],
div.alignCenter textarea,
div.alignCenter select,
div.alignCenter input[type=radio],
div.alignCenter input[type=checkbox],
div.alignCenter #summary table tr td,
div.alignCenter select option {
    text-align: left;
}

.listWithPadding li div {
    padding: 0 18px 2px;
    margin-top: 5px;
}

.listWithPadding li:first-child div {
    margin-top: 0;
}

.disable {
    color: #C5C5C5;
}

form label.alignCenter,
div.alignCenter .contentButtons,
div.alignCenter h1 {
    float: none;
}

.leftContent {
    /*width:800px;*/
    width: 780px;
    float: left;
}

.guideMessage {
    display: block;
    margin-left: 28px;
}

.noLeftMargin,
input[type="button"].noLeftMargin,
input[type="submit"].noLeftMargin,
.linkAsButton.noLeftMargin,
.towIputCombo .fields.noLeftMargin,
.small+.small.noLeftMargin {
    margin-left: 0px;
}

.options {
    float: left;
}

.needPadding {
    padding: 0 90px;
}

.allLocations .options *:first-of-type {
    float: left;
}

.containerPlus .noBottomMargin {
    margin-bottom: 15px;
}

.containerPlus .noBottomMargin.bottomMargin {
    margin-bottom: 7px;
}

.containerPlus .languageSelection {
    position: absolute;
    right: 15px;
    top: 15px;
}

.withBorder,
ul.ui-autocomplete.withBorder {
    border: 1px solid #D9D9D9;
}

.noTopborder,
ul.ui-autocomplete.noTopborder {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.plupload_wrapper .ui-widget-content {
    border: none !important;
}


/* when we don't need top border for id tableContent */

header,
#productHeader,
#clientHeader,
footer {
    min-width: 1190px;
    width: 100%;
}

header h1 {
    margin: 0;
}

#productHeader {
    background: url("../images/layout/productHeaderBg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    height: 52px;
}

.headerContainer {
    margin: 0 auto;
    position: relative;
    width: 1190px;
    text-align: center;
}

.headerContainer h1 {
    float: left;
    padding: 5px 0;
    text-indent: -99999px;
}

#productHeader,
#clientHeader,
#clientHeaderBottom {
    float: left;
    width: 100%;
}


/* tools - username, settings, logout */

#tools {
    float: right;
    margin-top: 15px;
}

#tools ul li,
#tabNavigation ul li,
#tabedNavigation ul li {
    display: inline;
    list-style-type: none;
}

#tools ul li {
    margin: 0 3px;
}

#tools ul li a,
#tools ul li span {
    padding-right: 5px;
}

#tools ul li:last-child {
    margin-right: 0;
}

#tools ul li:last-child a {
    padding-right: 0;
}


/* client header - logo */

#clientHeader {
    background: url("../images/layout/clientHeaderBg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    height: 95px;
}

#clientHeaderBottom {
    height: 2px;
    width: 100%;
}

#clientHeaderController {
    background: url("../images/layout/clientHeaderController.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 26px;
    position: absolute;
    right: -3px;
    top: -13px;
    width: 26px;
}

#clientHeaderController:hover {
    background-position: -37px top;
}

#clientHeaderController.active {
    background: url(../images/layout/clientHeaderController.png) no-repeat left -33px;
}

#clientHeaderController.active:hover {
    background-position: -37px -33px;
}

#clientHeader img {
    float: left;
    padding-top: 22px;
    max-width: 300px;
    max-height: 50px;
}

#clientHeader h1 {
    margin: 26px 0 0;
    padding-left: 0px;
    text-indent: 0;
    background: url(../images/layout/logo-onze-verhalen.png) left top no-repeat;
    color: #FFF;
    font-family: Georgia, "Times New Roman", Times, serif;
}


/* product header - logo */

#productHeader h1 {
    background: url("../images/layout/productLogo.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);
    height: 52px;
    width: 190px;
}


/*Language selection*/

.languageSelection.asTab,
.langTab {
    position: absolute;
    top: -50px;
    right: -1px;
}


/*form#addGallerySection .langTab, form#editGallerySection .langTab {
top: -23px;
}*/

.langTab select.languageSelection {
    margin-top: 12px;
    background: none;
    margin-right: 1px;
}

.languageSelection {
    /*border-radius: 0;*/
    margin: 5px 0 0;
    width: 110px;
    height: 38px;
    text-align: left;
    padding-top: 8px;
    display: block;
}

.editor .languageSelection {
    margin-top: -1px;
}


/*Autocomplete */

ul.ui-autocomplete {
    width: 575px;
    padding-left: 10px;
    padding-left: 10px;
    border-top-style: none;
    border-color: #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.ui-menu {
    width: 575px;
    cursor: default;
}

.ui-menu .ui-menu-item a {
    border: none/*{borderColorHover}*/
    ;
    text-decoration: none;
    cursor: pointer;
}


/*custmized slectoption*/

ul.languageSelection,
ul.optionsList {
    height: 40px;
    width: 117px;
}

ul.languageSelection.needMinusMargin {
    margin-top: -5px;
}

ul.optionsList {
    display: none;
    position: absolute;
    bottom: -40px;
    left: -1px;
    z-index: 1;
}

ul.optionsList li:first-child {
    border-top: 1px solid #D8D8D8;
}

.languageSelection .optionsList>li {
    border: none;
    background-color: #ffffff;
    width: 95px;
    height: 20px;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    padding-left: 15px;
    text-align: left;
    cursor: pointer;
}

.languageSelection .optionsList li:last-child {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 10px;
    padding-left: 15px;
}

.languageSelection .optionsList li.last {
    border-top: 1px solid #D8D8D8;
}

.languageSelection .optionsList li:last-child.noTopBorder {
    border-top: 0;
}

.languageSelection .optionsList li:last-child a {
    text-decoration: none;
    color: #383838;
    padding: 7px 31px 9px 0px;
}

.languageSelection .optionsList li.available {
    background: #FFF url("../images/layout/LanguageSelectionSelected.png") no-repeat 3px 11px;
}

.languageSelection li {
    width: 95px;
    height: 25px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #D8D8D8;
    position: relative;
    /*cursor: context-menu;*/
    cursor: pointer;
}

.languageSelection>li {
    background: url("../images/layout/LanguageSelectionCrate.png") no-repeat 101px center;
    padding-left: 15px;
    /*padding-right: 0;*/
    width: 95px;
}

.languageSelection li.active {
    background-color: #fff;
}

.languageSelection .optionsList li:hover,
.languageSelection .optionsList li:last-child:hover a {
    color: #fff;
    background-color: #328EFE;
}

.languageDiv {
    position: absolute;
    top: -42px;
    right: 0px;
}

.languageDiv .languageSelection {
    background: #EBEBEB;
}


/* MAINWRAPPER */

#mainWrapper {
    background: url("../images/layout/mainContentLeftBg.png") repeat-y scroll -50px top rgba(0, 0, 0, 0);
    min-height: 700px;
    width: 1195px;
    min-height: 945px;
}

#mainWrapper.backgroundNone {
    background: none;
}

#mainContent {
    background: #FFF;
    padding: 60px 0;
}

#mainContentRight,
#mainContentLeft {
    margin-bottom: 52px;
}

.mainContentLeft {
    float: left;
}

.mainContentRight {
    float: right;
}


/* MAINCONTENTLEFT */

#mainContentLeft {
    float: left;
    width: 250px;
}

#guinevereMenu {
    float: left;
    margin: 105px 0 0;
    width: 122px;
}

#guinevereMenu li {
    background: url("../images/layout/navigationDevider.png") no-repeat scroll -18px top rgba(0, 0, 0, 0);
    display: block;
    min-height: 35px;
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 0;
    position: relative;
    text-align: right;
    width: 141px;
}

#guinevereMenu li a {
    color: #FFFFFF;
    display: block;
    height: 38px;
    padding: 6px 25px 0px 9px;
    position: absolute;
    right: 6px;
    text-shadow: 1px 1px 1px #000000;
    top: 0px;
    width: 131px;
    z-index: 10;
}

#guinevereMenu li a:hover,
#guinevereMenu li a.active {
    background: url(../images/layout/menuHover.png) no-repeat scroll right top rgba(0, 0, 0, 0);
    text-decoration: none;
}

#guinevereMenu li ul.selected li a:hover,
#guinevereMenu li ul li a.secondActive {
    background: url(../images/layout/subMenuHover.png) no-repeat scroll right top rgba(0, 0, 0, 0);
    color: #fff;
    text-shadow: none;
}

#guinevereMenu li ul {
    display: none;
    height: 300px;
    margin: 14px 0;
    position: absolute;
    right: -128px;
    width: 128px;
    z-index: 2;
}

#guinevereMenu li ul li {
    background: url(../images/layout/subNavigationDevider.png) no-repeat scroll -18px top rgba(0, 0, 0, 0);
}

#guinevereMenu li ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #414141;
    padding: 8px 19px 0 0;
    position: absolute;
    text-shadow: 1px 1px 1px #FFFFFF;
    top: 0px;
    width: 125px;
    z-index: 8;
    right: 18px;
}

#guinevereMenu li ul li a:hover,
#guinevereMenu li ul li a.select {
    background: url(../images/layout/subNavigationHover.png) no-repeat scroll right top transparent;
    text-decoration: none;
}

li a {
    text-decoration: none;
}

li a:hover {
    text-decoration: underline;
}


/* MAINCONTENTRIGHT */

#mainContentRight {
    float: left;
    margin: 55px 0 35px;
    min-height: 400px;
    padding: 45px;
    position: relative;
    width: 846px;
    min-height: 735px;
    background: none repeat scroll 0 0 #FFFFFF;
}

#mainContentRight.withContentButtons {
    width: 660px;
    border-bottom: 10px solid #CBCBCB;
}


/*tab navigation*/

.tabContainers {
    display: none;
}

#tabNavigation,
#tabedNavigation {
    width: 100%;
    background: none repeat scroll 0 0 #E7E7E7;
}

#mainContentRight #tabNavigation,
#mainContentRight #tabedNavigation {
    left: -1px;
    position: absolute;
    top: -26px;
}

#tabNavigation,
#tabNavigation ul,
#tabNavigation ul li,
#tabedNavigation,
#tabedNavigation ul,
#tabedNavigation ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#tabNavigation ul,
#tabedNavigation ul {
    left: 0;
    position: absolute;
    top: -5px;
}

#tabNavigation ul li,
#tabedNavigation ul li {
    position: relative;
}

#tabNavigation ul li a,
#tabNavigation ul li a:hover,
#tabedNavigation ul li a,
#tabedNavigation ul li a:hover {
    color: #414141;
    display: block;
    height: 25px;
    padding: 5px 20px 0;
    text-decoration: none;
    border-bottom: none;
}

#tabNavigation ul li a:hover,
#tabNavigation ul li a.active,
#tabNavigation ul li a.active:hover,
#tabedNavigation ul li a:hover,
#tabedNavigation ul li a.active,
#tabedNavigation ul li a.active:hover {
    padding: 5px 20px 0;
    border-bottom: none;
}

form.langTab input[type=text] {
    float: right;
    margin-top: -80px;
    margin-right: -46px;
    width: 70px;
    background: #ececec;
    text-align: center;
    height: 25px;
    border-radius: 0px;
    -moz-border-radius: 0;
    border: 1px solid #CBCBCB;
    color: #414141;
}


/* style for add new botton */

.addNew {
    float: right;
    margin: 0px 0 0 0;
    text-decoration: none;
    height: 25px;
}

.withEditLink+.addNew {
    margin: 0 0 0 10px;
    text-decoration: underline;
}

.searchBtn {
    text-decoration: none;
}

.searchBtn:hover {
    text-decoration: none !important;
}

#addNew input[type="button"],
#addNew input[type="submit"] {
    border-radius: 18px;
    -moz-border-radius: 18px;
    float: right;
    font-weight: normal;
    height: 35px;
    margin: 0;
    padding: 1px 10px 5px 33px;
    width: 133px;
    background: -moz-linear-gradient(center top, #F8F8F8 50%, #E6E6E6 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC inset;
    color: #444444;
    text-shadow: 0 0;
}

.addNew span,
#uploader_browse span.ui-button-text>span,
#uploader_browse span.ui-button-text,
#fileuploader_browse span.ui-button-text>span,
#fileuploader_browse span.ui-button-text,
.searchBtn span {
    border-radius: 15px;
    -moz-border-radius: 15px;
    font-size: 2em;
    height: 25px;
    padding: 1px 2px 0 6px;
    width: 18px;
    font-weight: bold;
    display: inline-block;
    box-sizing: content-box;
}

.searchBtn span {
    border-radius: 6px;
    -moz-border-radius: 6px;
    width: 29px;
    padding: 5px 2px 0px 13px;
    float: right;
}

.searchBtn.addTag span {
    padding: 11px 5px 2px 15px;
}

.addTag {
    height: 40px;
}

.searchBtn span span.searchImg,
.searchBtn.click span span.searchImg,
.searchBtn span span.searchImg:hover,
.searchBtn.click span span.searchImg:hover {
    background: url(../images/layout/Search_Icon.png) center center no-repeat;
    width: 22px;
    height: 20px;
    padding: 0;
    margin: 0px 8px 0 0;
    border: none;
    box-shadow: none;
}

.iconImage {
    width: 30px;
    height: 30px;
    background: url(../images/layout/Icons.png) center 5px no-repeat;
    display: block;
}

p.floatRight span.iconImage {
    margin-right: 0px;
}

.iconImage.filter {
    background-position: center -54px;
}

.iconImage.downloadImage {
    background-position: center -122px;
}

.iconImage.cropImage {
    background-position: center -176px;
}

.iconImage.changeImage {
    background-position: center -228px;
}

.changeFile .iconImage {
    display: inline-block;
    margin-bottom: -10px;
}

.imageCropping .iconImage {
    background: url(../images/layout/imageUtilityIcon.png) top 0px left no-repeat;
}

.imageCropping .cropImage {
    background-position: top -28px left;
}

#autocompleteForm .searchBtn span span.searchImg {
    margin: -3px 6px 4px 0;
}

.searchBtn span span.searchImgSmall,
.searchBtn.click span span.searchImgSmall,
.searchBtn span span.searchImgSmall:hover,
.searchBtn.click span span.searchImgSmall:hover {
    background: url(../images/layout/SearchIconSmall.png) center center no-repeat;
    width: 17px;
    height: 16px;
    padding: 0;
    margin: 0px 8px 0 0;
    border: none;
    box-shadow: none;
}

.searchBtn span span.filterImgSmall,
.searchBtn.click span span.filterImgSmall,
.searchBtn span span.filterImgSmall:hover,
.searchBtn.click span span.filterImgSmall:hover {
    background: url(../images/layout/FilterIconSmall.png) center center no-repeat;
    width: 17px;
    height: 16px;
    padding: 0;
    margin: 0px 8px 0 0;
    border: none;
    box-shadow: none;
}

.searchBtn span.smallBtn {
    width: 20px;
    padding: 5px 1px 2px 15px;
    height: 19px;
    float: none;
    margin-bottom: -7px;
}

#searchForm .searchBtn span span.searchImgSmall {
    margin-right: 7px;
    margin-top: 0px;
}

#searchForm .searchBtn span span.searchImg {
    margin-right: 5px;
    margin-top: -3px;
}

#autocompleteForm .searchBtn span {
    height: 32px;
    width: 35px;
}

form#autocompleteForm input[type="text"].search,
input.addTags[type="text"] {
    width: 580px;
    font-size: 1.1em;
}

.addNew span:hover,
.searchBtn span:hover {
    cursor: pointer;
}

.addNew span,
#pagination span.selected,
#uploader_browse span.ui-button-text,
#fileuploader_browse span.ui-button-text {
    background: none repeat scroll 0 0 #EA7C1A;
    color: #FFFFFF;
}

.addNew.searchBtn span .plus,
.addNew.searchBtn span .plus:hover,
.addNew.searchBtn.click span .plus,
.addNew.searchBtn.click span .plus:hover {
    margin-top: 2px;
    margin-right: 12px;
}

.addNew.addTag span .plus,
.addNew.addTag span .plus:hover,
.addNew.addTag.click span .plus,
.addNew.addTag.click span .plus:hover {
    margin-top: 0;
}

table {
    margin-left: 0;
    margin-right: 0;
}


/*table */

table,
table tr,
table tr td,
table tr th {
    border: none;
}

table tr th,
table tr td {
    padding: 4px 8px;
}

#summary table tr th,
#summary table tr td {
    padding: 8px;
    vertical-align: top;
}

div.alignCenter #summary table tr td:first-child {
    text-align: right;
}

.titles .leftRadius,
.leftRadius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.titles .rightRadius,
.rightRadius {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

table.overview tr td.marketCurrency {
    vertical-align: top;
    text-align: right;
    width: 110px;
}

td.marketCurrency h2>span {
    color: #D8D8D8;
}

.titles .leftRadius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.titles .rightRadius {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#filter a:hover,
#backToOverview a:hover,
#tools a:hover,
#tools a.active,
#backToOverview:hover a,
#tableContent table td a:hover,
#contentButtons .delete:hover,
#pagination ul li:first-child a:hover,
#pagination ul li:last-child a:hover {
    color: #FF7700;
    text-decoration: underline;
}


/*table content*/

#tableContent {
    clear: right;
    margin: 40px auto 0;
    padding: 0 0 30px;
}

.noTopMargin#tableContent {
    margin-top: 0;
}

#tableContent h2 {
    float: left;
    margin: 0 0 30px 18px;
}


/*#tableContent table tr td:first-child span {*/

#tableContent table tr td:first-child span.arrow {
    background: url(../images/layout/TableEdit.png) no-repeat left 4px;
    float: left;
    height: 100%;
    width: 22px;
    display: block;
}

#tableContent table th,
#tableContent table td {
    /*padding:4px 12px;*/
    padding: 10px 12px 8px;
    vertical-align: top;
}

#tableContent table td.topAlign {
    vertical-align: top;
    padding-top: 20px;
}

tableContent table th.withPadding,
#tableContent table td.withPadding {
    padding: 10px 12px;
}

#tableContent table td a {
    word-break: break-all;
    max-width: 90%;
    display: inline-block;
}

#tableContent table th:first-letter {
    text-transform: capitalize;
}

#tableContent table th {
    text-align: left;
    cursor: pointer;
}

span.title {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

th.leftRadius span.title {
    margin-left: 21px;
}

.sortIcon {
    position: absolute;
    width: 12px;
    height: 12px;
    /*background: url(../images/layout/SelectionPageHeaderIconUp.png) no-repeat left center;*/
    right: 3px;
    top: 8px;
    cursor: pointer;
}

.arrowAlign {
    right: -20px;
}

.headerSortUp .sortIcon {
    background: url(../images/layout/SelectionPageHeaderIconUp.png) no-repeat left center;
}

.headerSortDown .sortIcon {
    background: url(../images/layout/SelectionPageHeaderIcon.png) no-repeat left center;
}

.containerPlus {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: 620px;
    padding: 15px 18px 0px;
    margin-bottom: 40px;
    position: relative;
    /* margin-top: 40px; */
}

.containerPlus.needMarginBottom {
    margin-bottom: 75px;
}

.containerPlus.needPaddingBottom {
    padding-bottom: 21px;
}

.containerPlus h2 {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 25px;
}

.containerPlus.withoutPadding {
    padding: 0;
    width: 656px;
}

.containerPlus.withoutPadding h2 {
    padding-top: 21px;
    padding-left: 18px;
}

.containerPlus.withoutPadding .listWithPadding li span {
    width: 400px;
}

.containerPlus.withoutPadding .listWithPadding li.topBorder:first-child {
    border: none;
}

label {
    font-weight: normal;
    margin-bottom: 2px;
    margin-right: 10px;
}

ul.bulletedList li {
    list-style: disc;
    margin-left: 35px;
}

ul.bulletedList {
    margin-bottom: 35px;
}

form label:first-child {
    font-weight: 600;
    text-align: left;
    width: 656px;
}

form label:first-child .mediumPopup label:first-child {
    margin-left: 0;
}

html p.editor .cke_skin_kama {
    margin-top: 3px;
}

p.editor label {
    width: auto;
    float: none;
}

form label.short,
label.short,
p.lableWidthAuto label,
form p.lableWidthAuto label {
    width: auto;
}

input[type="text"],
input[type="number"],
input[type="password"],
input.addButton[type="text"],
input.date[type="text"] {
    height: 30px;
    padding: 4px 8px;
}

select {
    padding: 4px;
    margin: 0 6px 0 0;
    cursor: pointer;
}

input:focus {
    outline: none;
}

input::-moz-focus-inner {
    outline: 0 none !important;
}

option {
    padding: 10px;
}

input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select.long,
.selectionBox,
.DropDown li.headlink,
.ckeditorBasic,
.ckeditorStandard,
.ckeditorExtended,
.multipleSelect,
form input.addButton[type="text"],
form input.date[type="text"] {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: 642px;
}

div.dateCombo>div {
    width: 100px;
}

#popupWrapper div.dateCombo>div,
#addAvailabilityPopup div.dateCombo>div {
    margin-right: 35px;
    width: 115px;
}

#ui-datepicker-div {
    z-index: 100;
}

.towIputCombo .fields {
    float: left;
    margin-bottom: 0;
    margin-right: 25px;
    width: 330px;
}

.towIputCombo.small .fields {
    width: 125px;
    margin-bottom: 30px;
}

.towIputCombo label {
    text-align: left;
    float: left;
}

form p.inputCombo input[type="text"] {
    width: 40px;
    float: left;
    margin-right: 10px;
    height: 23px;
}

form p.inputCombo input.comboLong[type="text"] {
    width: 315px;
}

form p.inputCombo select {
    float: left;
    height: 33px;
    margin-right: 10px;
    padding-bottom: 7px;
    padding-top: 5px;
    width: 110px;
    margin-bottom: 15px;
}

form p.inputCombo .addNew {
    float: left;
    clear: right;
}

li.days,
li.location,
li.tags {
    display: block;
    float: left;
    padding: 5px 30px 5px 10px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 15px;
    position: relative;
    background-color: #F1F1F1;
}

li.clearLeft {
    clear: left;
}

ul li.location:last-child,
ul li.locaton.last,
li.location {
    margin-bottom: 15px;
}

li.days .remove,
li.location .remove,
li.tags .remove,
.removeCheckBoxes,
.removeAfterConfirmation {
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 8px;
    color: #C2C2C2;
}

.conatct li.days .remove {
    top: 6px;
}

li.clearLeft {
    clear: left;
}

.containerPlus input[type="text"],
.containerPlus input[type="number"],
.containerPlus input[type="password"],
.containerPlus textarea,
.containerPlus select.long,
.containerPlus .selectionBox,
.containerPlus .DropDown li.headlink,
.containerPlus .ckeditorBasic,
.containerPlus .ckeditorStandard,
.containerPlus .ckeditorExtended,
.containerPlus .multipleSelect,
.containerPlus input.addButton[type="text"],
.containerPlus input.date[type="text"] {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: 602px;
}

.containerPlus textarea {
    max-width: 602px;
}

.containerPlus li a.link input[type="text"] {
    margin-left: 5px;
    width: 552px;
    color: #777777;
    font-size: 1.1em;
}

input[type="text"].short,
input[type="password"].short,
textarea.short,
.selectionBox.short,
.DropDown li.headlink.short {
    width: 315px;
}

select.long {
    width: 660px;
}

input[type="text"].medium,
input[type="password"].medium,
textarea.medium,
select.medium {
    width: 450px;
}

p.medium {
    width: 469px;
}

select.short,
p.short label {
    width: 330px;
}

form select.short,

/* manage user edit address*/

.largePopup select.short,
.largePopup p.short label,
.largePopup select.extraShort,
.smallPopup p.short label,
.largePopup .languageSelection,
.smallPopup select.short,
.smallPopup input[type=text],
.addVideoPopup input[type=text],
.mediumPopup p.short label,
.mediumPopup select.short,
.mediumPopup input[type=text],
.addVideoPopup select.short {
    display: block;
    clear: both;
}

#siteMapTitleOnPopup {
    margin-left: -8px;
}

form input[type="text"].small,
form input[type="number"].small {
    width: 110px;
}

.small+.small,
.parsley-errors-list+.timeMasker {
    margin-left: 10px;
}

form input[type="radio"],
form input[type="checkbox"],
.checkBoxes input[type="radio"],
.checkBoxes input[type="checkbox"] {
    float: left;
    margin: 5px 7px 0 0;
}

.containerPlus select.long {
    width: 620px;
}

.relative {
    position: relative;
}

.short.relative {
    width: 330px;
}

.language {
    color: #ABABAB;
    position: absolute;
    right: 9px;
    top: 21px;
    color: #DFDFDF;
}

.largePopup select.short,
.largePopup p.short label,
.largePopup select.extraShort,
.smallPopup p.short label,
.smallPopup select.short,
.smallPopup form input[type=text],
.mediumPopup p.short label,
.mediumPopup select.short,
.mediumPopup form input[type=text],
#editContactPopup form input[type=text],
#mediumPopupNewContact form input[type=text] {
    display: block;
    clear: both;
}

.input.language {
    right: 4px;
    top: 22px;
    text-transform: uppercase;
}

.editor .input.language {
    right: 15px;
    top: 100px;
}

.basic .input.language,
.standard .input.language {
    top: 65px;
}

.containerPlus select,
select {
    height: 40px;
    padding: 10px 7px;
}

.filterWithSearch form select.small {
    height: 30px;
    padding: 5px 10px 5px 5px;
    width: 130px;
    font-size: 0.9em;
}

.filterReset {
    margin: -28px 0;
    padding-left: 20px;
}

.resetLink {
    display: inline-block;
    margin-right: 5px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    padding: 0px 8px;
    background-color: #feeb82;
    text-decoration: none;
    color: #A6942E;
}

.resetLink:hover {
    text-decoration: none;
    color: #736620;
    background-color: #E6C400;
}

#tabContent input.date {
    width: 70px;
}

textarea {
    height: 60px;
    padding: 8px;
    max-width: 643px;
    max-height: 120px;
}

#pricelistLongOfferId {
    height: 240px;
}

textarea.large {
    height: 120px;
}

.ckeditorBasic {
    height: 156px;
}

.ckeditorStandard {
    height: 234px;
}

.ckeditorExtended {
    height: 312px;
}

#searchForm #search {
    float: left;
    height: 24px;
    max-width: 145px;
}


/*buttons*/


/*input[type="button"], input[type="submit"], .linkAsButton, p.browse, #contentButtons .linkAsButton, .contentButtons .linkAsButton, .linkAsButton {*/

input[type="button"],
input[type="submit"],
.linkAsButton {
    border: 0 none;
    cursor: pointer;
    margin-bottom: 15px;
    outline: medium none;
    padding: 5px 12px;
    margin-left: 15px;
}

select.smaller {
    width: 50px;
}

form input[type=text].search {
    margin-right: 8px;
}

.filterWithSearch input[type=submit] {
    margin-left: 0;
    height: 27px;
}

.linkAsButton {
    height: 25px;
    text-align: center;
    text-decoration: none;
    display: block;
}

.linkAsButton.noLeftMargin {
    margin-left: 0;
}

.contentButtons input[type="button"],
.contentButtons input[type="submit"],
#login {
    font-family: open sans;
    font-size: 0.95em;
    height: 37px;
    letter-spacing: 0.5px;
    width: 145px;
}

.contentButtons.medium input[type="submit"] {
    /*float:right;*/
}

.contentButtons a.linkAsButton.click.publish {
    height: 37px;
    padding-top: 6px;
    width: 147px;
}

.contentButtons.medium.floatLeft input[type="submit"] {
    float: left;
}

.contentButtons .linkAsButton {
    min-width: 121px;
    display: inline-block;
}

.contentButtons .deleteButton {
    color: #555;
    margin-left: 20px;
}


/*page Navigation*/

.navigation {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.navigation form {
    float: left;
}

.navigation p {
    display: inline-block;
    margin: 0;
}

.navigation p a {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    margin: 0 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-indent: -9999px;
}

.navigation p a.disable {
    pointer-events: none;
    cursor: default;
    background: #f2f1f0;
    border: 1px solid #d6d6d6;
}

.navigation p a.disable span {
    opacity: 0.2;
}

.navigation p a.goToPrvious span {
    background-position: 0 -20px;
}

.navigation p a.goToNext span {
    background-position: 0 -40px;
}

.navigation p a.goToLast span {
    background-position: 0 -59px;
}

.navigation p a span {
    height: 10px;
    width: 12px;
    display: block;
    background: url(../images/layout/pagination.png) left top no-repeat;
    margin-left: 8px;
    margin-top: 9px;
}

.navigation p span.text {
    display: block;
    float: left;
    padding-top: 3px;
    margin: 0 3px;
    background: none;
}

.navigation select.smaller {
    width: 57px;
    height: 30px;
    padding-top: 5px;
    padding: 5px 2px 5px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    float: left;
}

.navigation.pagination input {
    width: 100px;
    border: none;
    padding: 0;
    text-align: center;
    background: #fff;
}


/*imageCroping*/

ul,
ul li {
    margin: 0;
    list-style: none;
}

.imageList li {
    width: 80px;
    height: 80px;
    border: 1px solid #D8D8D8;
    border-top: none;
    float: left;
    margin-right: 21px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    padding: 25px 15px 15px;
    text-align: center;
}

.imageList.singleImage li {
    border: 1px solid #D8D8D8;
}

.imageList li:nth-child(6n+0) {
    margin-right: 0;
}

.imageCaption {
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    word-break: break-word;
    margin-bottom: 0;
}

.imageList li span.handle {
    width: 100%;
    height: 10px;
    display: block;
    cursor: move;
    background-color: #D8D8D8;
    position: absolute;
    left: 0;
    top: 0;
}

.imageList li span.handle:hover {
    background-color: #FF7700;
}

.linkList li {
    background: #F1F1F1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 9px 25px 8px 10px;
    border: 1px solid #D8D8D8;
    margin-bottom: 12px;
}

.sortableList li,
.sortableListOfTextBox li,
.sortableFiles li,
.linksortableList li {
    border-left: 10px solid #D8D8D8;
    position: relative;
}

.sortableListOfTextBox li {
    padding: 7px 5px;
}

.linkList li .link {
    display: block;
    float: left;
    text-decoration: underline;
    cursor: pointer;
}

.linkList li .remove,
.days .remove,
.remove,
.location .remove,
.removeCheckBoxes,
.removeAfterConfirmation,
#priceListTable .removeRow,
.removeBlank {
    float: right;
    font-size: 1.6em;
    font-weight: bold;
    height: 15px;
    width: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: -9999px;
    background: url("../images/layout/cross.png") left top no-repeat;
    margin-top: 3px;
}

.handle,
.handle1 {
    cursor: move;
}

.drop {
    min-width: 150px;
    min-height: 250px;
}

.dropSection {
    border: 1px dashed #d9d9d9;
    min-width: 150px;
    min-height: 250px;
    padding: 25px;
    width: auto;
    float: left;
    margin-bottom: 15px;
}

.floatLeft h3.withEditLink {
    margin-bottom: 10px;
}

.linkList li .handle,
.linkList li .handle1 {
    width: 10px;
    height: 41px;
    background: #d8d8d8;
    position: absolute;
    left: -10px;
    top: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.overview .linkList li .handle,
#sortableListOfTextBox li .handle {
    height: 100%;
}

.linkList li .handle:hover {
    background: #9a9a9a;
}

.fileNameWithRemove {
    display: block;
}

.fileNameWithRemove>a {
    display: block;
    margin-right: 5px;
    float: left;
}

.sortableListOfTextBox li .remove {
    margin-top: 12px;
}

.linkList li .remove:hover,
.days .remove:hover,
.remove:hover,
.removeAfterConfirmation:hover,
.removeCheckBoxes:hover,
#priceListTable .removeRow:hover,
.removeBlank:hover {
    background-position: left -31px;
}

span.icon {
    display: block;
    height: 25px;
    margin-bottom: -7px;
    margin-right: 5px;
    width: 25px;
    float: left;
    background: url("../images/layout/File.png") left top no-repeat;
}

span.icon.doc {
    background: url("../images/layout/Word.png") left top no-repeat;
}

span.icon.xls {
    background: url("../images/layout/Xls.png") left top no-repeat;
}

span.icon.pdf {
    background: url("../images/layout/PDF.png") left top no-repeat;
}

span.icon.jpg {
    background: url("../images/layout/Image.png") left top no-repeat;
}


/*artist*/

ul.artistName {
    margin-bottom: 30px;
}

.artistName li {
    width: 125px;
    float: left;
    margin-right: 15px;
    padding-left: 25px;
    margin-bottom: 0px;
    background: url("../images/layout/leftImage.jpg") left center no-repeat;
    padding-top: 5px;
    position: relative;
}

.unsortableList,
.unsortableList li {
    position: relative;
}

.unsortableList li>span.floatLeft {
    width: 460px;
    display: inline-block;
}

.unsortableList li>span.marketAndLanguage {
    text-align: left;
    width: 105px;
}

#vertical-scrollbar {
    border: 1px solid #D8D8D8;
    /* width: 308px;
height: 164px; */
    padding: 10px;
    float: left;
    margin-right: 15px;
    margin-bottom: 35px;
}

.popupScroll {
    height: 455px;
    overflow-y: auto;
    position: relative;
    padding-top: 20px;
}

.popupScroll.translationPopup {
    height: 550px;
}

.allLocations>.popupScroll {
    height: 490px;
    padding-top: 0px;
}

.wizard .popupScroll {
    width: 1120px;
}

#imageCroping.popupScroll {
    height: 565px;
}

.multipleSelect .checkBoxes li {
    /* width: 275px; */
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: #F9F9F9;
}

.multipleSelect .checkBoxes,
.multipleSelect .checkBoxes li {
    float: none;
}


/*Location Filter*/

#allBrand,
#allTagGroup {
    margin-left: 10px;
}

.addLocation {
    display: none;
}

#selectedLocations {
    /*margin-top: -15px;*/
}

.addLocation,
.allLocations,
.allTags,
.addTags {
    height: 560px;
    position: relative;
}

.addLocation h1 {
    float: none;
    margin-bottom: 10px;
}

.linkContainer,
.locationSwitch,
.tagSwitch {
    position: absolute;
}

.linkContainer {
    bottom: -60px;
}

.locationSwitch,
.tagSwitch {
    right: 0;
}

li+.clear+h3.locationHeding {
    margin: 15px 0 0 0;
}

.clear+h3.locationHeding {
    margin: 0;
}

.clear div h2 {
    margin-top: 0px;
}

div#selectedLocations>h3.locationHeding:first-child,
h3.locationHeding.noMargin {
    margin-top: 0px;
}


/*custmized checkboxes*/

.checkBoxes {
    float: left;
}

.checkBoxes li {
    width: auto;
    float: left;
    margin-right: 15px;
    padding-top: 5px;
    position: relative;
    border: 1px solid #DEDEDE;
    margin-bottom: 0px;
    padding: 0;
    padding-right: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.checkBoxes li:hover {
    border: 1px solid #A9CE9A;
}

.checkBoxes li.cus_active {
    border: 1px solid #A9CE9A;
    color: #6AAE47;
    background: #EDF9EF;
}

.checkBoxes li.disabled,
.checkBoxes li.disabled:hover {
    color: #d8d8d8;
    border: 1px solid #d8d8d8;
}

.checkBoxes li label {
    width: 90%;
}

.cus_chk,
.cus_rad,
.visibilityHidden {
    visibility: hidden;
}

.locationFilter li {
    width: auto;
    padding-right: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.markets li {
    width: 180px;
}

#selectColumnsPopup .locationFilter li {
    width: 145px;
}

.locationFilter input[type="checkbox"],
.checkBoxes input[type="checkbox"] {
    position: absolute;
    top: 6px;
    right: 0;
}

.cus_che,
.cus_rad {
    position: absolute;
    width: 17px;
    height: 20px;
    top: 8px;
    right: 13px;
    background: url(../images/layout/uncheked.jpg) left top no-repeat;
    text-indent: -9999px;
}

li.cus_active .cus_che,
li.cus_active .cus_rad {
    background: url(../images/layout/checked.jpg) left top no-repeat;
}

.checkBoxes label:first-child {
    width: 80%;
    height: 25px;
    margin: 0;
    padding: 5px 15px;
    font-weight: normal;
}

.checkBoxes.locationFilter label:first-child,
.checkBoxes label:first-child {
    width: 100%;
    float: left;
    text-align: left;
}


/*image cropping popup*/


/* lightbox css */

#backgroundPopup {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 10;
    opacity: 0.6;
}

div[data-js-stars] {
    margin-bottom: 50px;
}

#popupWrapper {
    display: none;
    padding: 40px;
    position: absolute;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    border: 1px solid #FFF;
    z-index: 15;
}

#box {
    padding: 0;
    top: 40px;
    left: 40px;
    z-index: 20;
    position: absolute;
}


/*Translation POPUP*/

form input[type="text"].translation,
form textarea.translation,
.translateContainerPlus input[type="text"].translation,
.translateContainerPlus textarea.translation {
    width: 520px;
}

html p.translation .cke_skin_kama {
    width: 526px;
}

.translateContainerPlus {
    width: 530px;
    padding: 6px 8px 0px;
    margin-bottom: 40px;
    border: none;
}

#editText,
#displayText,
#editLanguage,
#referenceLanguage {
    width: 550px;
}

.language {
    color: #ABABAB;
    position: absolute;
    right: 9px;
    top: 21px;
    color: #DFDFDF;
    font-size: 0.75em;
}

.extraLargePopup select.short,
#largePopupNewAddress select.short,
.largePopup select.short,
.largePopup p.short label,
.largePopup select.extraShort,
.smallPopup p.short label,
.largePopup .languageSelection,
.smallPopup select.short,
.smallPopup form input[type=text],
.mediumPopup p.short label,
.mediumPopup select.short,
#editContactPopup select.short,
#mediumPopupNewContact select.short,
#addVariationLink form input[type=text] {
    display: block;
    clear: both;
}

.containerPlus select,
select {
    height: 40px;
    padding: 10px 7px;
    position: relative;
}

.containerPlus span.containerPlusLanguage .languageSelection {
    position: relative;
    top: 0;
    left: 0;
}


/*popup sizes */

#cropImageWrapper {
    width: 500px;
}

.extraLargePopup {
    /*width:1120px;
height:740px;*/
    position: relative;
}

.largePopup {
    /*width: 1120px;*/
    height: 620px;
    position: relative;
    /*overflow:scroll;*/
}

.largePopup .langTab.leftAlign {
    position: relative;
    top: 28px;
    right: -10px;
}

.mediumPopup {
    width: 720px;
    height: 520px;
    /*overflow:scroll;*/
}

#addSectionPopup.mediumPopup,
#editSectionPopup.mediumPopup {
    width: 655px;
}

.smallPopup {
    /*width: 720px;
height: 220px;*/
    text-align: center;
    /*text-align: left;*/
}

.smallPopup.leftAlign {
    margin: -18px -8px 0;
}

.needLeftMargin label {
    display: block;
    font-weight: bold;
    margin-left: 30px;
    text-align: left;
    width: 650px;
}

.smallPopup div.alignCenter .options,
.smallPopup div.alignCenter .options+*+.contentButtons,
.smallPopup div.alignCenter .options+.contentButtons,
.smallPopup div.alignCenter+.contentButtons {
    margin-left: 130px;
}

.needMarginLeft+.contentButtons.medium {
    margin-right: 35px;
}

.singleFileInput {
    /*border: 1px solid #D8D8D8;*/
    padding: 5px 5px 5px 2px;
}

#closePopup {
    color: #159EBD;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 0;
    position: absolute;
    right: 8px;
    text-decoration: none;
    top: 8px;
    z-index: 21;
}

.tabSizePopup {
    width: 660px;
    height: 735px;
    position: absolute;
    background: #FFF;
    right: -1px;
    top: -1px;
    border: 1px solid #cbcbcb;
    z-index: 5;
    padding: 45px;
}

.tabSizePopup h1 {
    margin-bottom: 15px;
}

.tabSizePopup .popupScroll {
    height: 735px;
}

.tabSizePopup ul li.last {
    margin-right: 0;
}

.languageSelection li,
.languageSelection.tabSizePopupLink>li.active {
    border: 1px solid #cbcbcb;
}

.languageSelection.tabSizePopupLink>li.active {
    border-bottom: 1px solid #FFF;
    z-index: 6;
}

.languageSelection.tabSizePopupLink>li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.languageSelection.tabSizePopupLink>li a:hover {
    color: #414141;
}

.containerPlusLanguage {
    bottom: -40px;
    left: -1px;
    position: absolute;
}

.noBottomLeftRadius {
    border-bottom-left-radius: 0;
}

.disableLink,
.colorText.disableLink {
    pointer-events: none;
    color: #C5C5C5;
}

.wizard {
    width: 700px;
}

.wizardLittle {
    /* width: 500px; */
}

.wizardLittleMargin {
    margin-left: 21px;
}

#confirmationTab>div#summary {
    max-height: 460px;
    overflow-y: auto;
}

.wizardLittle.alignCenter {
    /*	margin-left:328px;*/
    /* margin-left: 324px; */
}

.wizard.leftAlign {
    width: auto;
}

#wizardLarge .wizard.alignCenter,
.wizard.alignCenter {
    /* margin-left: 225px; */
}

#wizardMedium .wizard.wizard.alignCenter,
#Wizardsmall .wizard {
    margin-left: 30px;
}

.wizardSmall div.alignCenter .options,
.wizardSmall div.alignCenter .options+*+.contentButtons,
.wizardSmall div.alignCenter .options+.contentButtons,
.wizardSmall div.alignCenter+.contentButtons {
    margin-left: 185px;
}

.height {
    height: 124px;
}

h1.alignCenter {
    float: none;
}


/*alert mesages*/

.message {
    padding: 5px 5px 5px 35px;
}

.message.success {
    background: url(../images/layout/success.jpg) #E9F9EF 10px 7px no-repeat;
    text-align: left;
}

.message.info {
    background: url(../images/layout/info.jpg) #E4FEFF 10px 7px no-repeat;
    color: #4698D2;
    text-align: left;
}

.message.error {
    background: url(../images/layout/error.jpg) #FFEBF7 10px 7px no-repeat;
    text-align: left;
}


/*footer*/

footer {
    background: url("../images/layout/footerBg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    height: 52px;
    padding: 0;
    color: #ABABAB;
}

footer a {
    color: #FF7700;
}

footer a:hover {
    color: #7E4E25;
}

footer .headerContainer span {
    /*float: left;*/
    display: block;
}

footer .headerContainer span,
footer .headerContainer p {
    padding: 15px 0;
}

footer .headerContainer p {
    float: right;
    margin: 0;
}

footer .headerContainer span,
footer .headerContainer p {
    padding: 15px 0;
}

.imageBox {
    border: 1px solid #E8E8E8;
    display: block;
    width: 288px;
    height: 212px;
    margin: 0 93px 45px 0;
}

.withSingleFile {
    background: url(../images/layout/singleFileUpload.jpg) no-repeat center center;
}

.withMultipleFile {
    background: url(../images/layout/multipleFileUpload.jpg) no-repeat center center;
}

.contentButtons.large {
    margin-top: 30px;
}

#editVideoPopup .contentButtons.large {
    margin-top: 15px;
}

.contentButtons.medium {
    margin-top: 20px;
    margin-bottom: 0;
}

.contentButtons.small {
    margin-top: 15px;
}

.contentButtons.medium.extraShortMarginTop {
    margin-top: 5px;
}

.contentButtons.noTopMargin {
    margin-top: 0;
}

.specifiedWidth {
    width: 320px;
    margin: 0 auto 15px;
}

.wizardSmall .contentButtons.medium {
    margin-right: -18px;
}

.contentButtons.width {
    width: auto;
}

.contentButtons.withDeleteLink {
    width: 450px;
    margin-left: 0px;
}

.editVideo,
.addVideoPopupContainer {
    margin-bottom: 0;
    float: left;
    width: 474px;
    /*664px*/
    position: relative;
}

.editVideo .languageSelection {
    position: absolute;
    right: 16px;
    top: -35px;
}

.coverImagePreview {
    border: 1px solid #d8d8d8;
    float: right;
    height: 400px;
    width: 425px;
    margin-top: 94px;
}

.coverImagePreview img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.editImage {
    margin-bottom: 0;
    float: left;
    width: 474px;
    position: relative;
}

#imagePreview {
    width: 470px;
    position: relative;
}

img.imageAlign {
    width: 470px;
    height: 470px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -235px;
    margin-top: -235px;
}

.imagePreview {
    border: 1px solid #d8d8d8;
    min-height: 470px;
    width: 470px;
}

.showImageEditOption {
    cursor: pointer;
    display: block;
    max-width: 100%;
}

#imgCropupLoading {
    background: url(../images/layout/ajaxloader.gif) no-repeat scroll 50% 50% #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}


/*for wizzard*/

.breadCrum p {
    color: #656565;
    font-weight: bold;
    text-align: center;
}

.breadCrum p span.active {
    color: #FE7800;
}

.breadCrum p span.visited {
    color: #000000;
}

.inlineBlock {
    width: 5px;
    display: inline-block;
    margin: 0 10px;
}

.wizardLarge .contentButtons.medium {
    margin-right: -18px;
}

.wizardMedium .contentButtons.medium {
    margin-right: -11px;
}

.needMorePadding {
    padding: 0 120px;
}

.selectDiv span.select {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    -moz-border-radius: 5px;
    min-width: 90px;
    height: 28px;
    z-index: 1;
    padding-left: 5px;
    background: url(../images/layout/selectionBg.jpg) no-repeat scroll right -7px rgba(0, 0, 0, 0);
}

.filterWithSearch {
    padding: 15px 12px 15px 9px;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}

.filterWithSearch>form {
    /*margin-bottom: 10px;*/
}

form input.searchFieldSmall {
    height: 18px;
    width: 210px;
    margin-left: 15px;
    margin-right: 6px;
    box-sizing: content-box;
}

form input.searchFieldExtraSmall {
    width: 105px;
}

form input.extraSmall {
    width: 120px;
}

.filterWithSearch form:first-child {
    float: left;
}

.filterWithSearch div {
    margin-bottom: 0;
}

html .cke_skin_kama {
    width: 653px;
}

html .containerPlus .cke_skin_kama {
    width: 612px;
}


/* HACK TO ABSOLUTELY POSITION FOOTER ON BOTTOM OF BROWSER WINDOW */

html,
body,
#mainWrapper {
    height: 100%;
}

body>#mainWrapper {
    height: auto;
    /*	min-height:70%;*/
}

#mainContentRight,
#mainContentLeft {
    margin-bottom: 52px;
}


/*must be same height as the footer */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/*for video module*/

.video {
    display: none;
}

.iframeWrapper {
    width: 120px;
    height: 140px;
    position: relative;
}

.image {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.play {
    position: absolute;
    top: 45%;
    left: 40%;
    width: 25%;
    height: 25%;
}

.regularTable {
    width: 100%;
    /* overflow: hidden; */
}

.regularTable,
.regularTable tr,
.regularTable tr td,
.regularTable tr th {
    border: 1px solid #d8d8d8;
    text-align: left;
}

.regularTable tr td.number,
.regularTable tr th.number {
    text-align: right;
}

#variationPopupText .text.short.options {
    margin-left: 340px;
}

#genrateSiteXml {
    margin-top: 15px;
}


/* CSS for tree prodcut category tree */


/*#hideShowCategory {
display: none;
}
#tabContent ul.category, #tabContent ul.category li, #tabContent ul.category li > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#tabContent ul.category {
border-left: 1px dotted #ccc;
margin: 10px 0 20px 0;
float: left;
}
#tabContent ul.category li {
padding-bottom: 15px;
}
#tabContent ul.category li > ul li {
padding-top: 18px;
margin: 0;
border: none;
}
#tabContent ul.category li > ul {
padding-bottom: 10px;
}
#tabContent ul.category li > ul li {
padding-left: 18px;
margin-left: 15px;
background: url(../images/layout/sub-catagory.gif) no-repeat left center;
padding-bottom: 0;
}
#tabContent ul.category li h3 {
margin: 0 0 0 -5px;
padding: 0;
}
#tabContent ul.category li h3.plusSign {
background: url(../images/layout/plus.gif) no-repeat left center;
padding-left: 20px;
}
#tabContent ul.category li h3.minusSign {
background: url(../images/layout/minus.gif) no-repeat left center;
padding-left: 20px;
}
#tabContent ul.category li > ul li.subParent {
padding-left: 0;
background: none;
}
#tabContent ul.category li > ul li h3 {
font-size: 1em;
color: #222;
}
#tabContent ul.category li > ul li.subParent h3.plusSign {
background: url(../images/layout/sub-heading-plus.gif) no-repeat scroll left 0 transparent;
margin-top: -10px;
padding-top: 10px;
}
#tabContent ul.category li > ul li.subParent h3.minusSign {
background: url(../images/layout/sub-heading-minus.gif) no-repeat scroll left 0 transparent;
margin-top: -10px;
padding-top: 10px;
}*/


/* Category Ancestor*/


/* CSS for tree prodcut category tree for dispaly on popup */


/*#hideShowCategory {
display: none;
}*/

#editAncestorPathPopup ul.category,
#tabContent ul.category li,
#tabContent ul.category li>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#editAncestorPathPopup ul.category {
    border-left: 1px dotted #ccc;
    margin: 10px 0 20px 0;
    float: left;
}

#editAncestorPathPopup ul.category li {
    padding-bottom: 15px;
}

#editAncestorPathPopup ul.category li>ul li {
    padding-top: 18px;
    margin: 0;
    border: none;
}

#editAncestorPathPopup ul.category li>ul {
    padding-bottom: 10px;
}

#editAncestorPathPopup ul.category li>ul li {
    padding-left: 18px;
    margin-left: 15px;
    background: url(../images/layout/sub-catagory.gif) no-repeat left center;
    padding-bottom: 0;
}

#editAncestorPathPopup ul.category li h3 {
    margin: 0 0 0 5px;
    padding: 0;
}

#editAncestorPathPopup ul.category li h3.plusSign {
    background: url(../images/layout/plus.gif) no-repeat left center;
    padding-left: 20px;
}

#editAncestorPathPopup ul.category li h3.minusSign {
    background: url(../images/layout/minus.gif) no-repeat left center;
    padding-left: 20px;
}

#editAncestorPathPopup ul.category li>ul li.subParent {
    padding-left: 0;
    background: none;
}

#editAncestorPathPopup ul.category li>ul li h3 {
    font-size: 1em;
    color: #222;
}

#editAncestorPathPopup ul.category li>ul li.subParent h3.plusSign {
    background: url(../images/layout/sub-heading-plus.gif) no-repeat scroll left 0 transparent;
    margin-top: -10px;
    padding-top: 10px;
}

#editAncestorPathPopup ul.category li>ul li.subParent h3.minusSign {
    background: url(../images/layout/sub-heading-minus.gif) no-repeat scroll left 0 transparent;
    margin-top: -10px;
    padding-top: 10px;
}


/* User Address CSS  for making the div overflow:scroll  */

.userAddressWrapper {
    position: relative;
    /*height: 490px;
overflow: scroll;*/
}

ul#userAddressList li {
    border: #d8d8d8 1px solid;
    border-radius: 5px;
    width: 40%;
    padding-right: 10%;
    float: left;
    padding: 10px;
    margin-right: 20px;
    /*margin-bottom: 25px;*/
    margin-top: 25px;
    min-height: 150px;
}

li.defaultAddress,
p.defaultContact {
    font-weight: bold;
}

.customUserNameContainer {
    width: 300px;
}

.clearFixHack:after {
    content: "";
    display: inline;
    clear: both;
}


/* Products Popup Tab CSS  for making the div overflow:scroll */

.productsTabWrapper {
    position: relative;
    height: 490px;
    overflow: scroll;
    width: 682px;
}


/* CSS Hidden Class */

.hidden {
    display: none;
}


/* CSS for making the container disable  */

.disabledContainer:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 1;
    background: gray;
    opacity: 0.5;
}


/* Horizonatal form */

.formHorizontal .relative {
    display: inline-block;
    width: auto;
}

.formHorizontal .relative label {
    float: none;
    display: inline-block;
    width: auto;
    text-align: left;
}

.formHorizontal .relative .checkboxLabel {
    width: auto;
    margin-right: 6px;
}

.formHorizontal .relative select {
    width: 128px;
}

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

.inputRight {
    float: right;
    margin-right: 328px;
    text-align: right;
}

form#addGallerySection,
form#editGallerySection {
    width: 659px;
    position: relative;
}

form#addGallerySection .langTab,
form#editGallerySection .langTab {
    top: -83px;
    right: 0;
}

form#addGallerySection input[type="text"],
form#addGallerySection textarea,
form#editGallerySection input[type="text"],
form#editGallerySection textarea {
    width: 641px;
}

select:disabled {
    background-color: rgb(235, 235, 228);
}

div[specificationgroupid] label {
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 2px;
}


/*.sortIcons {
background: url(../images/layout/itemSelectLeft.png) center center no-repeat;
width: 38px;
height: 41px;
display: inline-block;
transform: rotate(90deg);
}
.sortIcons:hover {
background: url(../images/layout/sortIcons.png) center center no-repeat;
width: 38px;
height: 41px;
}*/

.sortPageLink {
    display: inline;
}

.boxOne {
    width: 80%;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 18px;
    border-radius: 1%;
}

.boxOne .description {
    float: right;
    width: 66%;
}

.description p {
    margin: 0;
}

figure div.imageSize {
    margin-bottom: 20px;
}

.imageVersionTab figure img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
}

.setTimeForSingleEvent {
    display: inline-block;
}

#toggleSingleDayEvent .relative {
    margin: 0 25px 18px 0;
}

#toggleSingleDayEvent label {
    width: auto;
    display: block;
    float: none;
}

#toggleMultipleDayEvent a[divid] {
    display: block;
    margin-bottom: 25px;
}

.dp-highlight .ui-state-default {
    background: #a8dea8;
    color: #FFF;
}

h3[specificationgroupid] {
    margin: 30px 0 5px 0;
}

.controlTypes {
    margin: 0 0 15px 0;
}


/* Image Gallery CSS */

figcaption {
    word-wrap: break-word;
}

.flexGalleryContainer {
    display: flex;
    flex-wrap: wrap;
}

.flexGalleryItem {
    box-sizing: border-box;
    padding: 8px;
    width: 17%;
    margin: 0 1.5% 25px;
    border: 1px solid #CAD0D2;
    border-radius: 4px;
}

.flexGalleryItem:hover {
    border: 1px solid #FF7700;
}

.flexGalleryItem>a {
    display: block;
}

.flexGalleryItem figcaption p {
    text-align: center;
    margin-bottom: 10px;
}

.flexGalleryItem img {
    display: block;
    margin: 0 auto 15px;
}

.flexGalleryItem.checkedImage {
    border: 1px solid #A9CE9A;
    background: #EDF9EF;
    position: relative;
}

.flexGalleryItem.checkedImage::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 19px;
    top: 10px;
    right: 9px;
    background: url(../images/layout/checked.jpg) left top no-repeat;
}


/* product specification tab css*/

fieldset[specificationgroupid] {
    margin-bottom: 35px;
}

fieldset[specificationgroupid] {
    margin-bottom: 35px;
}

fieldset[specificationgroupid] label {
    width: 571px;
    display: block;
}


/* Video Library CSS */

#videoList li img {
    max-width: 100%;
    height: 90px;
}

#videoList li:hover img[src*="ytimg"] {
    outline: 2px solid #b31217;
}

#videoList li:hover img[src*="vimeocdn"] {
    outline: 2px solid #1ab7ea;
}

#videoList li:hover img[src*="fbcdn"] {
    outline: 2px solid #14161ab3;
}

#videoList li .embeddedVideoLink:before {
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 20%;
    left: 30%;
}

#videoList li .embeddedVideoLink[href*="youtu"]:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFFElEQVR4Xu2Zy28bVRTGv3PHdlqlRYIFCzYoiR+xHZTSJHUqsaALKlViWwqRUJEiISQqNayABUQCqYtKDQvSBYINFQWJfaX2D+gChNrEiR9NZyLWlRA0hSaNZ85BfkziOBN7xm4mkT1exfGdmfv9znce1yb0+It6XD8CAIEDepxAkAI9boCgCAYpEKRAjxMIUqDHDRB0gSAFghTocQL7mgK/4ryWTuePhkqlI0IUWSeK9G1S2AyFNI0tzRSpPD9Eii2l2DJNCxEpicgmi2weDYc3crnc+juAtV9x6hhAMTEyziJTIpKyQC8rxotEeEGEj0OpsL1x2VJQ/Wv7/ba0xv9tvWcuMeEJs3qsFP5W4EcMlVfATyf0/P1O4HQEIBcduSIknxF2dpM9hdRkexJfo+V0TwZEAV+f1POz7UJoG0A+OjINkh/2FlvdUkeRbyJ+x90FF08ahRvtQGgLgACUG0wZpNFA/UP9inwjWgZWxvVCwjcAuWjqdRDdOwzibegseG3CKCx7hdCWA5bjqUsk9O3uAuej7RsLKdFHYw/z3/kDIJb+hoAZp2reLOdrRYua1g3Z3SEa7+nYRYSvjhkPPvUFQH4o/bMovOc150kwzURvAfKuo3vaFF/bx41xvXDRHwCx5B2GOutcA5r0eaZzo0bu9v3oyJsamdcZKlU/HrQC2sxxIrg1YRTe9gXAcmz4d0Cb8Dzk1ACUr/tjbCwcXlu/bDHPKlLHOhFf3QfdHdfzb/gDYCiZh1JJz32+DoC90XuJxCuKQ9dEnNLCKfsbC+1WGBbH9eIJfwAMplah0YDnIccBgL3hclqAzeui7LRwL7680gIVJ/V8JSheXm21wcV4+k8leLU+Fm7GWzQBYKeF9s/6ZUusWaXUseZdZqcTGJae0VdiXsRXEsfrBeX12wC8HWyoBYD6tACrayLY6hatYDDDyKwWol71dABAKg5wE3l7jRcAloU5BXVhd6F1rgE+A0hVUsCL+Ird3KTA2tMZ0+Iv7RRoFXn7c/EzBZaGUoYoDDbardWEZwmdGzNyt51sujCUOGMKzZOi7dnAwWF7PYP9LILZ2HAO9UNMq43WJjx2AFBug7AwB6gL7o/WTmkgi6f8aoNL0eRvQnTKVX7Wjbf1AMqDkLb2dMaq2b0z8QCD7k76NQhlY8k7AFVG4Va2r//cBrAwlD5jijWvanbvVHxlHyK3MkbRn1E4G0vdBDDlRXwN1jSAs4C4ru6t4NTEg8E/njZWPvClDWbjyTkR+qT+YTs2useprnocrn4T3NI9rdxl30PsJ8vVjF/H4Ww8/bGIzDsK6exIu8XUbeTtCxj48LRR/N4XByzH06OWyMKuKB6Q+Aos0tKTei7vC4DyQxZiww8BtT16HqR4UGHSKOyYH9yCaGsUrgCIJt8HUfWr6AMVD5BgKrNa/MWt6Pp1bQMo32QxnvpcTP5KlAo5F0RvR9o9i+qugldtvwywRvgioxevtCO+kjntXmhft5hIDDCr8xAaBWiABS8R5DhI+plxRCn0tSpoTT9nNlmp/4jlX1F4QozHAB4xYYlIu9lO3j83B7iBV/4RRY9GI38BfRQKhWlDC0OjsIRKoUhJhZ6VfxxVGpdCpkVmxFSmZZr92OzXtGcPstmN/fxh9Lk4wA2Ew7ym4xQ4zOLc7C0A4IZSN68JHNDN0XWjLXCAG0rdvCZwQDdH1422wAFuKHXzmsAB3RxdN9oCB7ih1M1ret4B/wNNFLBfshE1wgAAAABJRU5ErkJggg==');
}

#videoList li .embeddedVideoLink[href*="vimeo"]:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAMAAABpA6zvAAABfVBMVEUAAAAAAAAAqv8kkdofn98cjeIqjeIkkdosmeUpmuctmeAumeMrmeUrmuctmeQumeYrmOQtmeQtl+QsmeQtmeUsmOQsmOUsmeMsmOUtl+Qsl+UtmeMtmOUsmOQtmOUtmOQumOQtmOUtl+QtmOQsmOQtmOQtmOUsl+MumeUtmOQtmOQtmOQtmeUtmOUtmOYtmOUtmOQtmOUsmeQtmOQtmOQumOUumeUtmeUtmeUtmOQtmOUtmOQtmOMtmOUtmeUsmOQtmeUtmOUtmeQtmOQtmeUtmeQtmeUtmOQtmOUtmeQtmeUtmOQtmeUtmeUtmOQtmOQtmeQtmOQtmOUtmOUtmOQtmeUtmeQtmeUtmOQtmOQtmOQtmeUumeUwmuUxmuU3neY6nuY8n+ZAoedFpOdIpehNqOhOqOhPqelQqelSqulUq+lZrupdsOptt+x9v+6Awe+Ox/CRyfGUyvGr1vS73fa+3/bL5fjS6fng7/vm8vvt9vz2+v37/f7+/v7///+8PHkxAAAAXHRSTlMAAQMHCAkSFSgrMjdGTE5TV19gYmRobW6EiIqWmJqdoqanra6wuLu8vL/AxMjJzM/Q0dLU1tjY2tzd3eDi4uLj5OXm5+fp6erq6+zv8PHy9PX29vf4+Pr6+/z9/fpS/9sAAAEZSURBVHjajdFlTwNBFIXhg7u7uxenUJwtUqDIIu0WuLi7Fmd+O9ls0pCZIXvfj2ee5H4YAEgprGzu8RmLK2vhLXLaDm+sBgNTvv7OpqriNDjlmeSSJ8N26RFyLZQJoIEYGYlItohTLnKIVQVKebAFdTzYhzZpObvTwhF0S8uViB5p4BiGpOVSiM9bFRqYkJYLIcTP874M/ZhWoN37tQJntVB8P+5yoN3rMRNGD/7OgX9PP5BTDPq18OOGZDiqgy+HpECvtJwL8XVPSjPokv9avJ2S2jhapeXkaY80eVFLrDwo48FG5PNgOVJ5MBsY5Li5BKCAA0sAxFW7u4542GXVD0zOL5khayf2ErGszXVzObhgDPe21xQlAb9vJZ3OyDz9aAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
    left: 38%;
    top: 27%;
}

#videoList li .embeddedVideoLink[href*="facebook"]:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXVJREFUeNrMV9tVhDAQXfb4LyVQQjqQEvjzU+zAEiiBDsRP/ygBO8AOUgIdxJlzbjSLazaZICHn3OWVzNzNvDKFMeYkHCVB4V4D0eMuYm5FaAk14QHvPnBlIveET8JEGAhzkFTegRuoCRNhIQyEhlBemVdibo+5E5698n0fS0dY94dSH1qsHX1rfcpnoIpUvJbDBDRBhRKwyocExWt02A0VQmBr5RYvIHFhjmIVhj28XHn81n6bBVE34tpciwLeHhNg8wnzWqFPLIikXyYYYatbQnrzMyQkWjjlBYEKAkNDbUgkoW2OcB1kjBSSQqK3ju7aVfJPpCSUNYN9sSQkHCkJ4xIwiTEuIcH5pj6fthlcJd9w/0p4DFiz8M9WBMRjKwJc/59w/0x4DzzQHMcJs4dh9kSUPRVbodmKkbsLu5bjQx1I9jiS6bWfHfJQuuux/OwpFDXaLLZ195064wqUdvxm3qM1a2JbsyKiO/6X5rTI3Z5/CTAAXhHLjDTAtDwAAAAASUVORK5CYII=');
    width: 32px;
    height: 32px;
    top: 27%;
    left: 39%;
}

#textStripping p.noBottomMargin label {
    width: 53px;
    margin: 7px 5px 0 0;
}

#textStripping p.noBottomMargin label[for="followedByDots-1"] {
    width: 256px;
}

#textStripping p.noBottomMargin input.small {
    margin-right: 7px;
}

#entryList .forcePageClick {
    color: #fff;
    text-decoration: none;
}

#entryList .forcePageClick:hover {
    color: #FF7700;
}

fieldset.userCustomizationFieldset .addNew {
    position: absolute;
    right: 15px;
    top: 30px;
}

fieldset.userCustomizationFieldset {
    padding: 32px 18px 25px;
}

.headerContainer h1 a {
    color: #fff;
    text-decoration: none;
}

#welcome {
    margin-bottom: 35px;
}

#welcome p {
    margin: 5px 0 10px;
}

.dashboardWrapper h2 {
    margin-bottom: 15px;
}

.dashboardWrapper table tr td {
    padding-left: 0;
}

.dashboardWrapper .newsletters {
    margin-bottom: 27px;
}

.dashboardWrapper .newsletters h2 {
    margin-bottom: 0;
}

.dashboardWrapper .newsletters table {
    margin-top: 0;
}

.dashboardWrapper .newsletters table tr td {
    vertical-align: top;
}

.dashboardWrapper #tableContent {
    margin-top: 22px;
}

.dashboardWrapper .artworks .flexGalleryContainer figure.flexGalleryItem:first-child {
    margin-left: 0;
}

.dashboardWrapper .artworks .flexGalleryContainer figure.flexGalleryItem:last-child {
    margin-right: 0;
}

.dashboardWrapper .artworks .flexGalleryContainer figure.flexGalleryItem {
    margin: 0 1.87% 25px;
}

#variationContainer h2 {
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
}

#setId {
    margin-top: 17px;
    /*24px*/
}

.timeMasker {
    width: 47px !important;
}

form input.searchFieldSmall {
    padding-top: 6px;
    padding-bottom: 4px;
}

.containerPlus #importNow {
    display: block;
}

select#availabilty option:first-child {
    font-weight: bold;
}

#recentReservation tr th:last-child,
#recentReservation tr td:last-child {
    text-align: right;
    padding-right: 34px;
}

#textStripping p label {
    width: 256px;
    margin: 7px 5px 0 0;
}

#textStripping h2 {
    margin: 35px 0 15px;
}

#textStripping p.automateGenerator {
    margin-bottom: 10px;
}

#SpotlightSlide figure {
    margin-bottom: 35px;
}

.description p.needMarginTop {
    margin-top: 20px;
}

table.giftCertificateTable td {
    vertical-align: top;
}

table.giftCertificateTable tr td:first-child {
    font-weight: bold;
}

table.giftCertificateOrderTable td {
    vertical-align: top;
}

table.giftCertificateOrderTable tr td:first-child {
    font-weight: bold;
}

#ContactFormId #second .containerPlus.noTopMargin,
#ContactFormId #third .containerPlus.noTopMargin,
.noTopMargin {
    margin-top: 0;
}

#ContactFormId #second .containerPlus.noTopMargin .languageSelection,
#ContactFormId #third .containerPlus.noTopMargin .languageSelection {
    position: static;
    float: right;
}

#ContactFormId #second h2.shortMarginBottom,
#ContactFormId #third h2.shortMarginBottom,
.reservationContainer h2 {
    font-family: "open sans", sans-serif;
}

.noteUserDetails {
    line-height: 1;
    word-break: break-all;
}

#attachVideos .flexGalleryContainer,
#attachDocuments .flexGalleryContainer,
#attachImages .flexGalleryContainer {
    width: 1118px;
}

#attachVideos .contentButtons,
#attachDocuments .contentButtons {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#attachVideos .contentButtons a,
#attachDocuments .contentButtons a {
    margin-bottom: 0;
}

#attachVideos .pageLinks,
#attachDocuments .pageLinks {
    position: absolute;
    bottom: 10px;
}

.noteUserDetails {
    line-height: 1;
    word-break: break-all;
}

#unsubscribeNewsletterPopup #unsubscribe-1 {
    float: none;
}

#userAddressList li a {
    text-decoration: underline;
}

.changePasswordForm p>label {
    width: 200px;
}

p.contentButtons.searchArtwork {
    float: none;
    margin: 0;
}

.supplementPrices label {
    width: 49%;
    float: none;
    display: inline-block;
    margin: 0 0 25px;
}

.supplementPrices label:first-child {
    width: 49% !important;
}

.supplementPrices label input[type="text"].small {
    margin: 0;
}

.supplementPrices label:nth-child(even) {
    margin-left: 9px;
}

#selectedLocations input[type="checkbox"] {
    margin: 5px 7px 4px 0;
}

#addPricelistPopup #confirmationTab>div#summary {
    display: visible;
}

.filterWithSearch.filterWithSort form select.small {
    width: 120px;
}

.filterWithSearch.filterWithSort form a.sortModeLink,
.filterWithSearch.filterWithSort form a.backToTable {
    text-decoration: none;
    margin-right: 12px;
    height: 20px;
    width: 20px;
}

.filterWithSearch.filterWithSort form a.sortModeLink span {
    background-image: url("../images/layout/selectionPageHeaderIconUpDown.png");
    background-repeat: no-repeat;
    padding: 0 5px 0px 15px;
    margin-bottom: -2px;
}

.nestedListSorting.sortableList {
    margin-left: 10px;
}

.nestedListSorting.sortableList>li {
    border: none;
    background: none;
    padding: 0;
    margin-bottom: 25px;
}

.nestedListSorting.sortableList>li:hover {
    border: none;
}

.nestedListSorting.sortableList>li ul {
    padding-left: 11px;
}

.nestedListSorting.sortableList>li span.headingList {
    background: #F1F1F1;
    border: 1px solid #D8D8D8;
    display: block;
    padding: 8px 25px 8px 10px;
    margin-bottom: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.filterWithSearch.filterWithSort form a.backToTable span {
    background-image: url("../images/layout/black-table-icon.png");
    background-repeat: no-repeat;
    padding: 0 5px 0px 15px;
    margin-bottom: -2px;
}

.airportSiteContainer select,
.airportMarketContainer select {
    float: right;
}

.currencyCalculationWrapper label:first-child,
.currencyFlightPriceWrapper label:first-child {
    width: auto;
}

.currencyCalculationWrapper input.currencyChangeCheckedbox,
.currencyFlightPriceWrapper input.currencyFlightPriceCheckedbox {
    margin-top: 14px;
}

.currencyCalculationWrapper .linkAsButton,
.currencyFlightPriceWrapper .linkAsButton {
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
}

.currencyCalculationWrapper .linkAsButton:hover,
.currencyFlightPriceWrapper .linkAsButton:hover {
    background: linear-gradient(to bottom, #e5e5e5 0%, #efefef 100%);
    color: #4D4D4D;
}

#flightPriceListTable tr th {
    background: #818181;
}

#flightPriceListTable table,
#flightPriceListTable tr,
#flightPriceListTable th,
#flightPriceListTable td {
    border: 1px solid #cbcbcb;
    border-collapse: collapse;
}

#flightPriceListTable .onlyNumeric {
    border: 1px solid #fff;
    border-radius: 5px;
    width: 55px;
    height: 33px;
    padding: 4px 8px;
}

#flightPriceListTable .onlyNumeric:focus {
    border: 1px solid #D9D9D9;
}

#flightPriceListTable #airLineId {
    max-width: 215px;
}

form label.flightStartDate {
    width: auto;
    margin-top: 10px;
}

#flightPriceListTable .date {
    width: 105px;
}

.filterReset.caption+ul.nestedListSorting {
    margin-top: 40px;
}

#newsletterButtons.contentButtons a.linkAsButton.click.publish {
    box-sizing: content-box;
    height: 25px;
    width: auto;
    padding-top: 5px;
    border: 1px solid #BA5D0D;
}

.main {
    position: relative;
}

#flightPriceListTable .absoluteDateHeaderColumn,
#flightPriceListTable .absoluteDateDataColumn {
    left: 0px;
    margin: 0;
    position: absolute;
    top: auto;
    width: 118px;
    height: 33px;
    box-sizing: border-box;
    border-right: none;
}

#flightPriceListTable .absoluteDateDataColumn {
    height: 53px;
}

#flightPriceListTable .absoluteAirlineHeaderColumn,
#flightPriceListTable .absoluteAirlineColumnData {
    left: 117px;
    margin: 0;
    position: absolute;
    top: auto;
    width: 150px;
    height: 33px;
    box-sizing: border-box;
}

#flightPriceListTable .absoluteAirlineColumnData {
    height: 53px;
    background: #fff;
}

.table {
    overflow: hidden;
    margin: 30px 0 0 267px;
}

.table #flightPriceListTable tr {
    border: none;
}

.table #flightPriceListTable {
    border-left: none;
    overflow: hidden;
    margin: 0;
}

#next,
#prev {
    width: 22px;
    height: 21px;
    text-indent: -9999px;
    position: absolute;
    right: 0px;
}

a.nextButton {
    background: url(../images//layout/itemSelectLeft.png) no-repeat left 0;
}

a.nextButton:hover {
    background: url(../images//layout/itemSelectLeft.png) no-repeat left -20px;
}

#prev.prevButton {
    background: url(../images//layout/itemSelectRight.png) no-repeat left 0;
    right: 30px;
}

#prev.prevButton:hover {
    background: url(../images//layout/itemSelectRight.png) no-repeat left -20px;
}

#flightPriceListTable .flightPathStartDate {
    width: 132px;
}

#spotlightPreview {
    width: 100%;
    height: 594px;
    border: none;
    max-width: 100%;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.modalOverlay {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    z-index: -1;
    display: none;
}

.modalOverlay:target {
    display: block;
    opacity: 1;
    pointer-events: auto;
    z-index: 99999;
}

.modalOverlay .modal {
    background-color: white;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 3em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#popupWrapper html .cke_skin_kama {
    z-index: 100;
}


/* parsley */

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    /*color: #468847;
background-color: #DFF0D8;
border: 1px solid #D6E9C6;*/
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    position: absolute;
    color: red;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.floatNone,
li.floatNone {
    float: none;
}

.errorMessage,
.successMessage,
.hideIt {
    display: none;
}

.hideText {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.fullwidth {
    width: 100%;
}

.needMarginTop {
    margin-top: 30px;
}

.needPaddingTop {
    padding-top: 30px;
}

.needMarginBottom {
    margin-bottom: 30px;
}

.needContainerPaddingBottom {
    padding-bottom: 26px !important;
}

.needPaddingBottom {
    padding-bottom: 30px;
}

.needMarginLeft {
    margin-left: 30px;
}

.needPaddingLeft {
    padding-left: 30px;
}

.textLeftAlign {
    margin-left: 20px;
}

.needMarginRight {
    margin-right: 15px;
}

.largeMarginRight {
    margin-right: 50px;
}

.shortMarginBottom {
    margin-bottom: 10px;
}

.extraShortMarginBottom {
    margin-bottom: 5px;
}

.extraShortMarginRight {
    margin-right: 5px;
}

.shortMarginTop {
    margin-top: 10px;
}

.negativeTopMargin {
    margin-top: -9px;
}

.extraShortMarginTop {
    margin-top: 5px;
}

.extraMarginLeft {
    margin-left: 90px;
}

.shortMarginLeft {
    margin-left: 10px;
}

.noTopMargin {
    margin-top: 0px;
}

.noBottomMargin {
    margin-bottom: 0px;
}

.noRightMargin {
    margin-right: 0px;
}

.noMargin {
    margin: 0px;
}

.textAlignLeft {
    text-align: left !important;
}

.textAlignRight {
    text-align: right !important;
}


/*on off css to solve contactform pop up issues*/

.smallPopup p {
    text-align: left;
    max-width: 680px;
}

.smallPopup textarea {
    width: 450px;
}

.smallPopup .language {
    position: relative;
    top: -64px;
    right: 23px;
}

.leftAlignButton {
    float: left;
    margin: 0px -16px 29px;
    width: 156px;
    text-align: center;
}

.instanceLogo {
    width: 100px;
    height: 100px;
    border: 1px solid #D8D8D8;
    float: left;
    margin-right: 21px;
    position: relative;
    background: #fff;
    padding: 5px;
    text-align: center;
}

.moduleWidgets {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
    align-items: center;
}


/* Access rights */

div.accessRights label {
    display: block;
    margin-left: 20px;
}

div.accessRights p {
    margin-left: 20px;
}


/* Updates AA */

div.radioButtonSet,
div.checkboxSet,
div.textfieldSet {
    margin-left: 5px;
}

div.radioButtonSet,
div.checkboxSet {
    padding-top: 30px;
}

div.radioButtonSet label,
div.checkboxSet label,
div.textfieldSet label {
    font-weight: normal;
    margin-right: 20px;
}

div.textfieldSet {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div.textfieldSet label {
    width: unset;
}

div.textfieldSet input {
    margin-right: 20px;
}

div.fallbackSet {
    margin-left: 5px;
}

div.fallbackSet label {
    font-weight: normal;
}

div.location.websites {
    margin: -10px 40px 0 20px;
    background-color: #FAFAFA;
    padding: 5px 20px;
    width: max-content;
}

div.location.websites label {
    font-weight: normal;
}

div.widgetSelection label:first-child {
    float: none;
}

div#packageSelection {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 22px;
}

div#packageSelection label {
    text-align: left;
    width: auto;
    margin-right: 10px;
}

span.linkCustomPackageDate {
    margin-left: 40px;
}

#reservationRequestForm p.samePackageClass input {
    width: 14px;
    height: 14px;
}

#reservationRequestForm p.samePackageClass label {
    width: max-content;
    font-weight: normal;
}

#reservationRequest #guestInfo {
    max-height: 240px;
    height: max-content !important;
    overflow-y: scroll;
}

#guestInfo+p#currencyAndMarketLink {
    bottom: -12px;
}

#reservationRequestForm h1 {
    margin-bottom: 15px;
}

#currencyAndMarketLink {
    position: absolute;
    bottom: -20px;
}