@font-face {
    font-family: HelveticaNeue;
    src: url(../font/HelveticaNeue-Roman.otf);
}

@font-face {
    font-family: HelveticaNeueItalic;
    src: url(../font/HelveticaNeue-Italic.otf);
}

html {
    height: 100%;
}

body {
    font: normal 12px Times New Roman;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background: url(../images/background_page.png) repeat-x;
    background-color: #FAFAFA;
    height: 100%;
}

table,
tr,
td,
div,
h1,
form,
p {
    margin: 0px;
    padding: 0px;
}

a:link,
a:visited,
a:hover {
    outline: none;
    outline: 0;
    font: normal 12px Arial;
    text-decoration: none;
    color: #083D7E;
}

a img {
    outline: none;
    outline: 0;
    border: none;
}

input:focus {
    outline: none;
}

.textError {
    color: #FF0000;
    font: normal 12px HelveticaNeue;
}

.textBoldError {
    color: #FF0000;
    font-weight: bolder;
}

.textGrrenBold {
    color: green;
    font-weight: bolder;
}

dl {
    clear: both;
    text-align: center;
    padding-top: 5px;
    margin: auto;
}

dt {
    float: left;
    text-align: right;
    padding: 8px 5px 0px 0px;
    margin: 0px;
    font: normal 13px Verdana;
}

dd {
    float: left;
    text-align: left;
    margin: 0px;
    padding: 0px;
    font: normal 13px Verdana;
}

dd.text {
    padding: 8px 5px 0px 10px;
    font: normal 13px Verdana;
}

/*****************************************************************************/

/* ELEMENTY FORMULARZA
/*****************************************************************************/

.inputHeaderLogon {
    width: 115px;
    height: 26px;
    background: url(../images/form/input_header_logon.png) no-repeat;
    padding-left: 5px;
    border: none;
    font-style: italic;
    font: normal 12px Arial;
    color: #272727;
}

.inputHeaderSearch {
    width: 155px;
    height: 32px;
    background: url(../images/form/input_header_search.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px HelveticaNeueItalic;
    color: #f3f3f3;
}

.inputRegister_440 {
    width: 435px;
    height: 32px;
    background: url(../images/form/input_register_440.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
    font-style: italic;
}

.inputRegister_380 {
    width: 375px;
    height: 32px;
    background: url(../images/form/input_register_380.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
    font-style: italic;
}

.inputRegister_280 {
    width: 275px;
    height: 32px;
    background: url(../images/form/input_register_280.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
    font-style: italic;
}

.input_text_193 {
    width: 188px;
    height: 32px;
    background: url(../images/form/input_newsletter_186.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
    font-style: italic;
}

.inputRegister_186 {
    width: 181px;
    height: 32px;
    background: url(../images/form/input_newsletter_186.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
    font-style: italic;
}

.inputRegister_100 {
    width: 95px;
    height: 32px;
    background: url(../images/form/input_register_100.png) no-repeat;
    padding-left: 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
    font-style: italic;
}

.textareaRegister_340 {
    width: 335px;
    height: 198px;
    background: url(../images/form/textarea_register_340.png) no-repeat;
    padding: 5px 0px 0px 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
}

.textareaRegister_440 {
    width: 435px;
    height: 193px;
    background: url(../images/form/textarea_register_440.png) no-repeat;
    padding: 5px 0px 0px 5px;
    border: none;
    font: normal 12px Arial;
    color: #272727;
}

/*****************************************************************************/

/* PRZYCISKI
/*****************************************************************************/

.submitHeaderLogon {
    border: 0px;
    background: url(../images/button_logon.png) no-repeat;
    width: 74px;
    height: 26px;
    cursor: pointer;
    background-color: transparent;
}

.submitHeaderSearch {
    border: 0px;
    background: url(../images/button_header_search.png) no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: transparent;
}

.submitRegister {
    border: 0px;
    background: url(../images/button_register.png) no-repeat;
    width: 233px;
    height: 77px;
    cursor: pointer;
    background-color: transparent;
}

.submitPasswordRemind {
    border: 0px;
    background: url(../images/button_password_remind.png) no-repeat;
    width: 193px;
    height: 55px;
    cursor: pointer;
    background-color: transparent;
}

.newsletterSubmitAdd {
    border: 0px;
    background: url(../images/newsletter_botton.png) no-repeat;
    width: 162px;
    height: 26px;
    cursor: pointer;
    background-color: transparent;
}

.buttonSend {
    border: 0px;
    background: url(../images/submit_send_message.png) no-repeat;
    width: 233px;
    height: 77px;
    cursor: pointer;
    background-color: transparent;
}

.buttonLogin {
    border: 0px;
    background: url(../images/button_reviews_send.png) no-repeat;
    width: 233px;
    height: 77px;
    cursor: pointer;
    background-color: transparent;
}

.buttonProductSearch {
    border: 0px;
    background: url(../images/submit_search.png) no-repeat;
    width: 162px;
    height: 26px;
    cursor: pointer;
    background-color: transparent;
}

/*****************************************************************************/

/* PODZIA� STRONY NA KOLUMNY
/*****************************************************************************/

.backgroundRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 68px;
    background: url(../images/header_background_right.png) repeat-x;
    background-position: top right;
}

.content {
    clear: both;
    width: 990px;
    margin: 0 auto;
    min-height: 100%;
}

.pageContent {
    clear: both;
    width: 990px;
    padding: 25px 0px 150px 0px;
    overflow: auto;
}

.pageLeft {
    float: left;
    width: 220px;
}

#contactForm {
    display: inline-block;
}

#contactHeader {
    background: url(../images/bar3.png) no-repeat;
    background-size: 100% 100%;
    height: 30px;
    width: 99%;
    padding: 7px 0px 0px 10px;
    font: normal 17px Verdana;
    color: #FFFFFF;
    text-align: left;
}

#contactText {
    background-color: #efefef;
    font: normal 13px Arial;
    color: #042346;
    text-align: left;
    height: auto;
    padding: 10px 0px 10px 10px;
}

#contactPlusInfo {
    margin-top: 30px;
    display: block;
    text-align: left;
}

#personalInfo {
    width: 28%;
    display: inline-block;
    vertical-align: top;
}

#personalInfoHeader {
    height: 30px;
    background-color: #ffaf02;
    border-radius: 4px;
    text-align: left;
    padding: 7px 0px 0px 10px;
    font: normal 17px Verdana;
    color: #FFFFFF;
    text-decoration: underline;
}

.pageMain {
    float: left;
    width: 550px;
}

.pageRight {
    float: left;
    width: 200px;
    margin-left: 20px;
}

/*.pageMainShop {
	float: left; width: 770px;
}

.pageRightShop {
	float: left; width: 200px; margin-left: 20px;
}*/

.pageMainShop {
    float: left;
    width: 775px;
}

.hint {
    display: block;
}

.pageRightShop {
    float: right;
    width: 200px;
}

.pageMainText {
    clear: both;
    width: 540px;
    font: normal 13px Arial;
    color: #042346;
    padding: 10px 5px 0px 5px;
    text-align: justify
}

.pageMainScroll {
    height: 550px;
    overflow-y: scroll;
}

/*****************************************************************************/

/* BAR
/*****************************************************************************/

.bar3 {
    clear: both;
    width: 540px;
    height: 30px;
    background: url(../images/bar3.png) no-repeat;
    text-align: left;
    padding: 7px 0px 0px 10px;
    font: normal 17px Verdana;
    color: #FFFFFF;
}

.bar3Error {
    clear: both;
    width: 540px;
    height: 30px;
    background: url(../images/bar3.png) no-repeat;
    text-align: left;
    padding: 7px 0px 0px 10px;
    font: normal 17px Verdana;
    color: #FF0000;
}

.barBlue {
    clear: both;
    width: 977px;
    height: 40px;
    background: url(../images/bar_blue.png) no-repeat;
    text-align: left;
    padding: 15px 0px 0px 13px;
    font: normal 17px Verdana;
    color: #FFFFFF;
}

.barBlue_770 {
    clear: both;
    width: 757px;
    height: 27px;
    background: url(../images/bar_blue_770.png) no-repeat;
    text-align: left;
    padding: 10px 0px 0px 13px;
    font: normal 16px Verdana;
    color: #FFFFFF;
}

.barShopBlue {
    clear: both;
    width: 757px;
    height: 28px;
    background: url(../images/bar_shop_blue.png) no-repeat;
    text-align: left;
    padding: 9px 0px 0px 13px;
    font: normal 17px Verdana;
    color: #FFFFFF;
}

h3.barGreySession {
    clear: both;
    width: 770px;
    height: 35px;
    background: url(../images/bar_grey_session.png) no-repeat;
    text-align: center;
    padding: 15px 0px 0px 0px;
    font: 900 19px HelveticaNeue;
    color: #272727;
    margin: 0px 0px 5px 0px;
    letter-spacing: 1px;
}

h3.barGreySession div {
    display: inline-block;
}

h3.barGreySession .expandText {
    float: right;
    margin-right: 20px;
    width: 139px;
    height: 32px;
    margin-top: -5px;
}

.expandImage {
    background-image: url(../images/rozwin.png);
    background-repeat: no-repeat;
}

.sessionNumber {
    margin-left: 150px;
}

h3.titleBlue {
    clear: both;
    width: 977px;
    height: 27px;
    background: url(../images/bar_blue_h3.png) no-repeat;
    text-align: left;
    padding: 10px 0px 0px 13px;
    font: normal 15px Verdana;
    color: #FFFFFF;
}

#package-courses .sessionNumber {
    margin-left: 0;
}

/*****************************************************************************/

/* HEADER STRONY
/*****************************************************************************/

/* logowanie */

.headerLogonContent {
    position: relative;
    height: 68px;
    background: url(../images/header_background_logon.png) no-repeat;
    margin-left: 459px;
}

.headerLogonForm {
    clear: both;
    padding: 10px 0px 0px 80px;
}

.headerLogOut {
    clear: both;
    padding: 10px 0px 0px 80px;
    width: 433px;
}

.headerLogonLink {
    clear: both;
    text-align: left;
    padding: 5px 0px 0px 195px;
}

.headerLogonLink a {
    color: #ffae00;
    font: normal 13px HelveticaNeue;
}

.headerLogoutLink {
    float: right;
    text-align: left;
    padding: 3px 0px 3px 0px;
}

.headerLogoutLink a {
    color: #ffae00;
    font: normal 13px HelveticaNeue;
}

.headerLogoutLink img {
    padding-top: 0px;
}

.vertSeparator {
    float: right;
    margin: 5px;
    height: 13px;
    border-left: 1px solid white;
}

/* logo */

.headerLogo {
    width: 524px;
    height: 74px;
    text-align: left;
    margin-top: -30px;
}

/* wyszukiwarka */

.headerSearchContent {
    clear: both;
    margin: -20px 0px 0px 600px;
}

.headerSearchInput {
    float: left;
}

.headerSearchButton {
    float: left;
}

a.cart-link {
    font-size: 1.2em;
    color: white;
    margin-left: -75px;
}

div.cart-block {
    float: right;
    margin-top: 10px;
}

/* menu header */

.headerMenuContent {
    clear: both;
    padding: 34px 0px 0px 0px;
}

#headerMenu {
    clear: both;
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#headerMenu li {
    float: left;
    height: 44px;
    font: normal 15px Verdana;
    color: #083d7e;
}

#headerMenu li a {
    height: 31px;
    display: block;
    padding: 13px 15px 0px 15px;
    font: normal 15px Verdana;
    color: #083d7e;
}

#headerMenu li a:hover {
    height: 44px;
    background: url(../images/header_menu_background.png) repeat-x;
    display: block;
}

#headerMenu li span {
    height: 44px;
    background: url(../images/header_menu_background.png) repeat-x;
    display: block;
    padding: 13px 15px 0px 15px;
    font: normal 15px Verdana;
    color: #083d7e;
}

/*****************************************************************************/

/* BOX MENU LEWE
/*****************************************************************************/

.boxMenuLeft {
    clear: both;
    text-align: left;
    width: 200px;
}

.boxMenuLeftTitle {
    width: 200px;
    height: 37px;
    background: url(../images/menu_left_title.png) no-repeat;
}

#menuLeft {
    clear: both;
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 12px;
}

#menuLeft li {
    clear: both;
    padding: 12px 0px 0px 14px;
    background: url(../images/dot_orange.png) no-repeat;
    font: bold 13px Verdana;
    color: #FFAE00;
}

#menuLeft li a {
    font: bold 13px Verdana;
    color: #083c7d;
}

/*****************************************************************************/

/* ARTYKU�Y
/*****************************************************************************/

.boxArticle {
    clear: both;
    text-align: left;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

.boxArticleTitle {
    width: 189px;
    height: 40px;
    background: url(../images/course_reviews_title.png) no-repeat;
    margin-top: 20px;
    background-size: 100% 100%;
    border-radius: 4px;
    color: whitesmoke;
    font: normal 14px Verdana;
    padding: 9px 0px 0px 10px;
}

.boxArticleMain {
    clear: both;
    padding: 0px 0px 20px 12px;
}

.boxArticleRecord {
    clear: both;
    padding: 10px 0px 0px 14px;
    background: url(../images/dot_orange.png) no-repeat;
}

.boxArticleBottom {
    clear: both;
    width: 200px;
    text-align: right;
}

.articleListTitle {
    clear: both;
    text-align: left;
    font: normal 18px Verdana;
    color: #063267;
}

.articleListText {
    clear: both;
    text-align: justify;
    font: normal 13px Arial;
    color: #042346;
    padding-top: 10px;
}

.articleListDate {
    float: left;
    width: 150px;
    text-align: left;
    font: normal 13px Arial;
    color: #737373;
    font-style: italic;
}

.articleListButton {
    float: right;
    text-align: right;
}

/*****************************************************************************/

/* PARTNERZY
/*****************************************************************************/

.boxPartners {
    clear: both;
    text-align: left;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.boxPartnersTitle {
    width: 199px;
    height: 37px;
    background: url(../images/partners_box_title.png) no-repeat;
}

.boxPartnersMain {
    clear: both;
    width: 200px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    overflow: hidden;
}

.boxPartnersRow {
    clear: both;
    width: 198px;
    height: 123px;
    padding: 10px 0px 0px 2px;
    text-align: center;
    overflow: hidden;
}

/*****************************************************************************/

/* BANNERY
/*****************************************************************************/

.boxBannerLeft {
    clear: both;
    text-align: left;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

.trBannerLeft {
    margin-bottom: 5px;
    border: none;
    width: 200;
    height: 170;
}

/*****************************************************************************/

/* REJESTRACJA KLIENTA
/*****************************************************************************/

.registerButtonContent {
    clear: both;
    width: 990px;
    height: 537px;
    text-align: center;
    padding-top: 30px;
}

.registerButtonCustomer {
    float: left;
    width: 465px;
    text-align: left;
    padding-left: 30px;
}

.registerButtonFirm {
    float: left;
    width: 465px;
    text-align: left;
    padding-left: 30px;
}

.registerButtonCustomer a {
    width: 435px;
    height: 507px;
    background: url(../images/button_register_customer_off.png) no-repeat;
    display: block;
}

.registerButtonCustomer a:hover {
    width: 435px;
    height: 507px;
    background: url(../images/button_register_customer_on.png) no-repeat;
}

.registerButtonFirm a {
    width: 435px;
    height: 507px;
    background: url(../images/button_register_firm_off.png) no-repeat;
    display: block;
}

.registerButtonFirm a:hover {
    width: 435px;
    height: 507px;
    background: url(../images/button_register_firm_on.png) no-repeat;
}

.registerTitle {
    font: normal 17px Verdana;
    color: #063267;
    text-align: left;
    padding: 30px 0px 10px 10px;
    border-bottom: #DDDDDD 1px solid;
}

.registerTitle span {
    font: normal 17px Verdana;
    color: #467dC1;
}

dl.register {
    clear: both;
    width: 990px;
    height: 36px;
}

dt.register {
    float: left;
    width: 300px;
    text-align: right;
    font: normal 13px Verdana;
    color: #272727;
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

dt.register span {
    color: #ff0000;
}

dt.register a {
    font: normal 13px Verdana;
}

dd.register {
    float: left;
    width: 480px;
    text-align: left;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    font: normal 12px Verdana;
    color: #272727;
    text-align: justify
}

dd.register span {
    color: #FF0000;
}

.form-error {
    color: red;
}

/*****************************************************************************/

/* NEWSLETTER
/*****************************************************************************/

.boxNewsletterContent {
    clear: both;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.boxNewsletterContent div {
    margin-top: 10px;
}

.boxNewsletterTitle {
    width: 200px;
    height: 37px;
    background: url(../images/newsletter_title.png) no-repeat;
}

.boxNewsletterMain {
    font: normal 12px Verdana;
    color: #042346;
    font-style: italic;
    padding: 5px 5px 0px 5px;
}

.boxNewsletterInput {
    clear: both;
    ;
    background: url(../images/form/input_newsletter_186.png) no-repeat;
    border: none;
    background-size: 100% 100%;
    padding: 5px;
}

.boxNewsletterButton {
    cursor: pointer;
    clear: both;
    padding-top: 10px;
    background: url(../images/newsletter_botton.png) no-repeat;
    width: 147px;
    border: none;
    background-size: 100% 100%;
}

.boxNewsLetterError {
    color: #ff0000;
}

/*****************************************************************************/

/* KALENDARZ
/*****************************************************************************/

.boxCalendar {
    clear: both;
    text-align: left;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

.boxCalendarTitle {
    width: 200px;
    height: 37px;
    background: url(../images/calendar_title.png) no-repeat;
}

.boxCalendarMain {
    font: bold 13px Arial;
    color: #042346;
    padding: 10px 5px 0px 5px;
}

.boxCalendarRow {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
}

.boxCalendarDate {
    float: left;
    width: 62px;
    height: 24px;
    background: url(../images/calendar_date.png) no-repeat;
    font: normal 12px Arial;
    text-align: center;
    color: #FFFFFF;
    padding-top: 10px;
}

.boxCalendarName {
    float: left;
    padding-left: 7px;
    width: 120px;
}

.boxCalendarBottom {
    clear: both;
    text-align: right;
}

.calendarListDate {
    float: left;
    width: 62px;
    height: 24px;
    background: url(../images/calendar_date.png) no-repeat;
    font: normal 12px Arial;
    text-align: center;
    color: #FFFFFF;
    padding-top: 10px;
}

.calendarListTitle {
    float: left;
    text-align: left;
    font: normal 18px Verdana;
    color: #063267;
    padding-left: 10px;
}

.calendarListText {
    clear: both;
    text-align: justify;
    font: normal 13px Arial;
    color: #042346;
    padding-top: 10px;
}

.calendarListButton {
    float: right;
    text-align: right;
    margin-bottom: 20px;
}

/*****************************************************************************/

/* KOSZYK
/*****************************************************************************/

.boxBasket {
    clear: both;
    text-align: left;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

.boxBasketTitle {
    width: 200px;
    height: 125px;
    background: url(../images/basket_title.png) no-repeat;
}

.boxBasketMain {
    background: url(../images/basket_background.png) no-repeat;
    margin: 20px 5px 0px 0px;
}

.boxBasketProduct {
    clear: both;
    text-align: right;
    color: #272727;
    font: normal 13px Arial;
    padding-top: 5px;
}

.boxBasketSumPrice {
    clear: both;
    text-align: right;
    color: #272727;
    font: normal 13px Arial;
    padding-top: 5px;
}

.boxBasketFree {
    clear: both;
    text-align: right;
    color: #2760A4;
    font: normal 12px Arial;
    padding-top: 10px;
}

.boxBasketButton {
    clear: both;
    text-align: right;
    padding-top: 15px;
}

/*****************************************************************************/

/* KATEGORIE
/*****************************************************************************/

.categoryBox {
    float: left;
    padding: 0px 39px 0px 39px;
}

.categoryBoxRirght {
    float: left;
    padding: 0px 0px 0px 39px;
}

.level_2 {
    clear: both;
    width: 719px;
    height: 136px;
    background: url(../images/category_background_level_2.png) no-repeat;
    display: none;
    padding: 49px 0px 0px 0px;
}

.category2Box {
    float: left;
    padding-right: 120px;
}

.level_3 {
    clear: both;
    width: 681px;
    height: 118px;
    background: url(../images/category_background_level_3.png) no-repeat;
    display: none;
    padding: 67px 0px 0px 38px;
    margin-top: 20px;
    text-align: left;
}

/*****************************************************************************/

/* PRODUKTY
/*****************************************************************************/

.productFramesBack {
    float: left;
    width: 148px;
    height: 140px;
}

.productFramesProgres {
    float: left;
    width: 578px;
    height: 118px;
    background: url(../images/product_progress_bar.png) no-repeat;
    margin-left: 20px;
    text-align: left;
    padding: 21px 0px 0px 22px;
}

.productProgressArrow {
    float: left;
    padding: 33px 24px 0px 24px;
}

.productProgressLevel_2 {
    float: left;
    padding: 8px 0px 0px 0px;
}

.productProgressLevel_3 {
    float: left;
    padding: 34px 0px 0px 0px;
}

.productFramesSearch {
    float: left;
    width: 768px;
    height: 50px;
    border: #D7D7D7 1px solid;
    background-color: #F9F9F9;
    border-radius: 4px;
    margin: 20px 0px 20px 0px;
}

/*****************************************************************************/

/* SZUKAJ PRODUKCTU
/*****************************************************************************/

.productSearchContent {
    clear: both;
    margin-top: 20px;
}

.productSearchBox {
    float: left;
    margin: 20px 0px 0px 17px;
    text-align: left;
}

.productSearchText {
    clear: both;
    font: normal 13px Verdana;
    color: #272727;
    text-align: left;
    padding: 0px 0px 2px 3px;
}

.productSearchForm {
    clear: both;
}

.productSearchLine {
    clear: both;
    width: 770px;
    height: 40px;
    border-bottom: #dddddd 1px solid;
}

.productSearchButton {
    clear: both;
    width: 770px;
    margin: -14px auto 0px auto;
}

/*****************************************************************************/

/* OFERTA
/*****************************************************************************/

div#accordion .ui-icon {
    display: none;
}

.offerTextBackground {
    background-color: #efefef;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
    color: #272727;
    width: 730px;
    margin: -4px 0px 15px 0px;
    position: relative;
    z-index: 1;
    text-align: justify;
    font: normal 13px Verdana;
    color: #272727;
}

.offerListContert {
    clear: both;
    width: 770px;
    margin-bottom: 10px;
    overflow: hidden;
}

.offerListContert.package-box {
    border-bottom: #d7d7d7 1px solid;
    border-left: #d7d7d7 1px solid;
    border-right: #d7d7d7 1px solid;
    padding-bottom: 10px;
    background-color: #f5f5f5;
}

.offerListEmpty {
    clear: both;
    text-align: center;
    font: 900 13px Verdana;
    color: #083d7e;
    padding: 50px 0px 50px 0px;
    overflow: hidden;
}

.offerListRecordContent {
    clear: both;
    padding-bottom: 5px;
}

.offerListRecordFramesTop {
    clear: both;
    width: 770px;
    height: 5px;
    background: url(../images/course_frames_top.png) no-repeat;
}

.offerListRecordFramesMain {
    clear: both;
    width: 768px;
    background-color: #f5f5f5;
    border-left: #d7d7d7 1px solid;
    border-right: #d7d7d7 1px solid;
    overflow: hidden;
}

.offerListRecordFramesBottom {
    clear: both;
    width: 770px;
    height: 5px;
    background: url(../images/course_frames_bottom.png) no-repeat;
}

.offerListRecordCustomerFramesTop {
    clear: both;
    width: 770px;
    height: 5px;
    background: url(../images/course_customer_frames_top.png) no-repeat;
}

.offerListRecordCustomerFramesMain {
    clear: both;
    width: 768px;
    background-color: #fcfcfc;
    border-left: #d7d7d7 1px solid;
    border-right: #d7d7d7 1px solid;
    overflow: hidden;
}

.offerListRecordCustomerFramesBottom {
    clear: both;
    width: 770px;
    height: 5px;
    background: url(../images/course_customer_frames_bottom.png) no-repeat;
}

.offerListRecordLeft {
    float: left;
    width: 624px;
}

.offerListRecordRight {
    float: left;
    width: 143px;
}

.offerListRecordTitle {
    clear: both;
    width: 605px;
    text-align: left;
    padding: 10px 0px 10px 3px;
    margin: 0px 0px 0px 16px;
    font: 900 19px Arial;
    color: #083d7e;
    border-bottom: #e0e0e0 1px solid;
    overflow: hidden;
}

.offerListRecordDesc {
    clear: both;
    width: 602px;
    margin: 0px 0px 0px 19px;
    padding: 10px 0px 10px 0px;
    font: 100 12px Arial;
    color: #3166a5;
    text-align: justify;
}

.offerListRecordText {
    clear: both;
    width: 602px;
    text-align: left;
    margin: 0px 0px 0px 19px;
    padding: 10px 0px 10px 0px;
    font: 600 12px Arial;
    color: #272727;
}

.offerListRecordButton {
    clear: both;
    width: 602px;
    text-align: left;
    padding: 5px 0px 0px 19px;
    overflow: hidden;
}

.offerListRecordBasketButton {
    clear: both;
    margin-left: 12px;
}

.offerListBasketContent {
    float: left;
    width: 362px;
    height: 70px;
    background: url(../images/button_offer_basket_background.png) no-repeat;
    margin: 20px 0px 0px 0px;
}

.offerListBasketLeft {
    float: left;
    width: 160px;
    text-align: left;
    font: normal 14px HelveticaNeue;
    color: #083d7e;
    padding: 20px 0px 0px 20px;
}

.offerListBasketMain {
    float: left;
    width: 110px;
    font: bold 20px HelveticaNeue;
    color: #ff2703;
}

.offerListBasketMain .standard-price {
    text-decoration: line-through;
    font-size: 0.6em;
    float: right;
}

.offerListBasketRight {
    float: left;
    width: 66px;
    padding-top: 6px;
}

.offerListBasketAdd {
    border: none;
    background: url(../images/icons8-basket-96.png) no-repeat center;
    width: 66px;
    height: 58px;
    background-size: 75%;
    cursor: pointer;
    background-color: transparent;
}

.offerListRecordReviewsText {
    clear: both;
    font: normal 14px HelveticaNeue;
    color: #272727;
    margin-top: 5px;
}

.offerListRecordReviewsArrow {
    clear: both;
    width: 82px;
    height: 12px;
    margin-left: 15px;
    text-align: center;
}

.offerListRecordReviewsArrowOn {
    background: url(../images/course_arrow_on.png) no-repeat;
    height: 12px;
}

.offerListRecordReviewsNote {
    clear: both;
    font: normal 10px HelveticaNeueItalic;
    color: #595858;
    margin-top: 5px;
}

.offerListRecordReviewsButton {
    clear: both;
    margin-top: 10px;
    display: block;
}

.offerListRecordReviewsButtonRead {
    width: 125px;
    height: 26px;
    background: url(../images/button_reviews_note.png) no-repeat;
}

.offerListRecordCreate {
    clear: both;
    background: url(../images/course_create_background.png) no-repeat;
    width: 744px;
    height: 70px;
    margin: 0px 0px 0px 12px;
}

.courseNewsletterMessage {
    float: left;
    width: 485px;
    text-align: left;
    padding: 20px 0px 0px 16px;
    font: normal 14px Arial;
}

.courseNewsletterInput {
    clear: both;
    text-align: right;
    width: 237px;
    padding-top: 6px;
}

.courseNewsletterButton {
    clear: both;
    text-align: right;
    width: 237px;
    padding-top: 4px;
}

.inputCourseNewsletter {
    border: none;
    background: url(../images/course_newsletter_input.png) no-repeat;
    width: 159px;
    height: 26px;
    font: normal 12px Arial;
    font-style: italic;
    color: #272727;
    padding-left: 5px;
}

.submitCourseNewsletter {
    border: none;
    background: url(../images/course_newsletter_button.png) no-repeat;
    width: 111px;
    height: 26px;
    background-color: transparent;
    cursor: pointer;
}

.offerListExam {
    clear: both;
    background: url(../images/course_exam_background.png) no-repeat;
    width: 125px;
    height: 77px;
    margin: auto;
    text-align: center;
    font: normal 17px HelveticaNeue;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding-top: 15px;
    line-height: 25px;
}

.offerListRecordPageList {
    clear: both;
    text-align: left;
    padding: 12px 0px 0px 16px;
}

.offerListBackgroundPage {
    clear: both;
    background: url(../images/course_background_page.png) no-repeat;
    width: 738px;
    height: 64px;
    margin-left: 12px;
    text-align: right;
    padding: 6px 6px 0px 0px;
}

.offerListBackgroundPageDay {
    clear: both;
    background: url(../images/course_background_page_day.png) no-repeat;
    width: 744px;
    height: 45px;
    margin: 7px 0px 0px 12px;
    text-align: center;
    font: normal 17px Verdana;
    color: #083d7e;
    padding-top: 25px;
}

/*****************************************************************************/

/* OPINIE
/*****************************************************************************/

.offerReviewsContent {
    position: absolute;
    width: 100%;
    top: 75px;
    z-index: 9999;
}

.offerReviewsMain {
    width: 860px;
    height: 670px;
    margin: auto;
    text-align: center;
}

.offerReviewsTitle {
    clear: both;
    width: 850px;
    height: 28px;
    background: url(../images/course_reviews_title.png) no-repeat;
    text-align: left;
    font: normal 16px Arial;
    color: #FFFFFF;
    padding: 9px 0px 0px 10px;
}

.offerReviewsNoteContent {
    clear: both;
    width: 860px;
    height: 54px;
    background-color: #FFFFFF;
}

.offerReviewsBackground {
    clear: both;
    background-color: #f3f3f3;
    width: 815px;
    height: 578px;
    padding: 10px 10px 0px 35px;
    text-align: justify;
}

.offerReviewsBackgroundAdd {
    clear: both;
    background-color: #f3f3f3;
    width: 815px;
    padding: 10px 10px 0px 35px;
    text-align: justify;
}

.offerReviewsBottom {
    clear: both;
    width: 862px;
    height: 7px;
    background: url(../images/course_reviews_bottom.png) no-repeat;
}

.offerReviewsRecordContent {
    clear: both;
    width: 770px;
}

.offerReviewsRecordTitleContent {
    clear: both;
    width: 770px;
    border-bottom: #7d7d7d 1px solid;
    color: #7d7d7d;
    overflow: hidden;
    padding: 0px 0px 7px 0px;
}

.offerReviewsRecordTitle {
    float: left;
    font: 900 16px Arial;
}

.offerReviewsRecordTArrow {
    float: left;
    background: url(../images/course_arrow_off.png) no-repeat;
    width: 82px;
    height: 12px;
    margin-top: 3px;
}

.offerReviewsRecordNote {
    float: left;
    padding: 2px 0px 0px 10px;
    font: normal 11px Arial;
    color: #595858;
    font-style: italic;
}

.offerReviewsRecordDate {
    float: right;
    font: normal 14px HelveticaNeue;
    color: #272727;
    padding: 3px 0px 0px 0px;
}

.offerReviewsRecordDesc {
    clear: both;
    font: normal 13px Arial;
    text-align: justify;
    color: #7d7d7d;
    padding: 7px 0px 30px 0px;
    overflow: hidden;
}

.offerReviewsAdd {
    clear: both;
    font: 800 16px Arial;
    color: #426187;
    text-align: left;
    padding: 65px 0px 5px 170px;
}

.offerReviewsTextarea {
    clear: both;
    padding: 0px 0px 10px 170px;
}

.offerReviewsNoteAdd {
    clear: both;
    font: 800 16px Arial;
    color: #426187;
    text-align: left;
    padding: 25px 0px 5px 170px;
}

.offerReviewsButton {
    clear: both;
    text-align: left;
    padding: 25px 0px 5px 170px;
    overflow: hidden;
    height: 80px;
}

.offerReviewsNote {
    float: left;
    background: url(../images/course_reviews_note.png) no-repeat;
    width: 326px;
    height: 43px;
    font: normal 14px Arial;
    padding: 10px 0px 0px 15px;
}

.textareaOfferReviews {
    border: none;
    background: url(../images/form/textarea_reviews.png) no-repeat;
    width: 516px;
    height: 122px;
    font: normal 12px Arial;
    font-style: italic;
    padding: 5px;
}

.offerReviewsSend {
    border: none;
    background: url(../images/button_reviews_send.png) no-repeat;
    width: 182px;
    height: 53px;
    margin-left: 2px;
    background-color: transparent;
    cursor: pointer;
}

/*****************************************************************************/

/* GWIAZKI OCENA
/*****************************************************************************/

.mx_stars {
    display: inline-block;
    width: 354px;
    height: 30px;
    background-image: url('../images/stars.png');
}

.mx_stars_val_1 {
    background-position: 0 -175px;
}

.mx_stars_val_2 {
    background-position: 0 -140px;
}

.mx_stars_val_3 {
    background-position: 0 -105px;
}

.mx_stars_val_4 {
    background-position: 0 -70px;
}

.mx_stars_val_5 {
    background-position: 0 -35px;
}

.mx_stars_val_6 {
    background-position: 0 0px;
}

.mx_star {
    float: left;
    width: 34px;
    height: 30px;
    border: 0;
}

/*****************************************************************************/

/* STOPKA STRONY
/*****************************************************************************/

.footerContent {
    clear: both;
    width: 100%;
    height: 150px/* 205px */
    ;
    background: url(../images/footer_background.png) repeat-x top left;
    /* background-position: bottom; */
    position: relative;
    margin-top: -150px;
    /* negative value of footer height */
}

#menuFooter {
    clear: both;
    width: 990px;
    height: 95px;
    list-style: none;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#menuFooter li {
    float: left;
    font: normal 13px Verdana;
    color: #ededed;
    padding: 49px 10px 0px 10px;
}

#menuFooter li a {
    font: normal 13px Verdana;
    color: #ededed;
}

#menuFooter li a:hover {
    font: normal 13px Verdana;
    color: #ffae00;
}

.footerAuthorContent {
    clear: both;
    width: 990px;
    height: 25px;
    margin: auto;
}

.footerCopy {
    float: left;
    width: 495px;
    text-align: left;
    color: #bebebe;
    font: normal 11px HelveticaNeue;
}

.footerAuthor {
    float: right;
    width: 495px;
    text-align: right;
    color: #bebebe;
    font: normal 11px HelveticaNeue;
}

.footerLink {}

.realization {
    position: relative;
    left: -35px;
}

.linkDiv {
    position: relative;
    top: -17px;
}

.company {
    position: relative;
    top: -15px;
    margin-right: -15px;
}

.footerAuthor a {
    color: #bebebe;
    font: normal 11px HelveticaNeue;
}

.footerUE {
    clear: both;
    width: 990px;
    height: 85px;
    margin: auto;
}

.footerUE img {
    width: 990px;
    height: 85px;
}

/*****************************************************************************/

/* TOOLTIP
/*****************************************************************************/

.frame-tt {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    padding: 4px 10px;
    text-align: left;
}

.frame-tt>a {
    display: block;
    text-decoration: none;
    color: #0e305e;
    font-size: 14px;
    line-height: 26px;
}

.frame-tt>a.logout-tt {
    color: #fe2600;
}

.frame-tt>a:hover {
    text-decoration: underline;
}

.gray-tt {
    background-color: #f2f2f2;
}

.rounded-tt {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.shadows-tt {
    -moz-box-shadow: 0 0 9px #000;
    -webkit-box-shadow: 0 0 9px #000;
    box-shadow: 0 0 9px #000;
}

/*dodane*/

#internalMenu div {
    display: block;
}

#internalMenu {
    font: 15px Verdana !important;
}

#internalMenu .menuItem,
#internalMenu .menuItem:hover,
#internalMenu .menuItem:visited {
    height: 50px;
    width: 170px;
    background: url(../images/bar_blue.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}

#internalMenu .menuItemNS,
#internalMenu .menuItemNS:hover,
#internalMenu .menuItemNS:visited {
    height: 50px;
    width: 170px;
    background: url(../images/bar_blue_770.png) no-repeat;
    background-size: 100% 93%;
    margin-right: 10px;
}

#internalMenu .menuLink:link,
#internalMenu .menuLink:hover,
#internalMenu .menuLink:visited {
    outline: none;
    outline: 0;
    text-decoration: none;
    color: #ffffff !important;
    text-align: center;
    white-space: nowrap;
}

.barBlueMenu {
    clear: both;
    width: 977px;
    height: 40px;
    background: url(../images/bar_blue_770.png) no-repeat;
    text-align: left;
    padding: 15px 0px 0px 13px;
    font: normal 17px Verdana;
    color: #FFFFFF;
    background-size: 100% 100%;
}

#internalMenu #headerMenu li a:hover {
    background: none !important;
}

.whiteBar {
    height: 10px;
    background: url("../images/course_customer_frames_top.png") no-repeat;
    background-size: 100%;
}

.formButtons div {
    display: inline-block;
    margin-right: 20px;
}

.submitChangePassword {
    height: 50px;
    width: 170px;
    background: url(../images/Prostokt_zaokrglony_pom.png) no-repeat;
    background-size: 100% 100%;
    border: 0px;
    font: 15px Verdana;
    margin-left: 40px;
}

.cancelChangePassword {
    height: 50px;
    width: 170px;
    background: url(../images/Prostokt_zaokrglony_nieb.png) no-repeat;
    background-size: 100% 100%;
    border: 0px;
    font: 15px Verdana;
    color: #ffffff;
}

.accountDeleteMessage {
    width: 100%;
    height: 120px;
}

#deleteImage {
    width: 12%;
    height: 120px;
    background: url(../images/acount_delete_image.png) no-repeat;
}

#deleteMessage {
    width: 85%;
    height: 120px;
    background: url(../images/account_delete_text.png) no-repeat;
}

.accountDeleteMessage div {
    display: inline-block;
}

.opinionContent {
    display: inline-block;
}

div.opinionContent span {
    color: #ff0000;
}

.opinionContentLabel {
    text-align: left;
    font: normal 15px Verdana;
    color: royalblue;
    width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.opinionContentWrite {}

.inputContent {
    width: 400px;
    height: 200px;
    padding-left: 5px;
    border: 2px solid #808080;
    border-radius: 4px;
    font: normal 12px Verdana;
    color: #272727;
    background-size: 100% 100%;
}

.widgetFooter div {
    margin-top: 20px;
    display: inline-block;
    padding-top: 15px;
    vertical-align: middle;
}

.opinionNotification {
    width: 250px;
    height: 50px;
    background: url(../images/Opinie_chmurka.png) no-repeat;
    background-size: 100% 100%;
    text-align: left;
    padding-left: 20px;
    color: royalblue;
    font: 12px Verdana;
}

.opinionSubmit {
    background: url(../images/button_reviews_send.png) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 35px;
    margin-left: -7px;
}

.opinionHeader {
    display: inline-block;
    width: 100%;
    height: 30px;
}

.opinionHeader div {
    float: left;
    vertical-align: middle;
    display: inline-block;
}

.userName {
    width: 180px;
    font-size: 19px;
    font-weight: bold;
}

.userRating {
    width: 130px !important;
    height: 18px;
    padding-top: 4px;
}

.userRatingDescription {
    height: 25px;
    font: normal 10px HelveticaNeueItalic;
    color: #595858;
    padding-top: 4px;
    width: 70px;
    text-align: left;
}

.userDate {
    height: 20px;
    font-size: 15px;
    font-weight: bold;
    padding-top: 1px;
    margin-left: 260px;
}

.blueArrow {
    width: 15px;
    height: 22px;
    background: url(../images/arror_blue.png) no-repeat;
    background-size: auto 100%;
    margin-left: 10px;
}

.opinionBlackLine {
    border: 1px solid #000000;
}

.opinion div {
    display: block;
    background-color: rgb(220, 220, 220);
}

.opinionSummary {
    width: 100%;
    height: 50px;
}

.opinionText {
    text-align: left;
    height: auto;
    padding: 10px 10px 0;
    text-align: justify;
}

.opinionSummary div {
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.opinionsNumber {
    height: 35px;
    width: 154px;
    font-weight: bold;
    color: royalblue;
    font-size: 30px;
    text-align: left;
}

.opinionsAverageScore {
    height: 35px;
    width: 154px;
    padding-top: 10px;
}

.opinionsAverageScoreDescription {
    height: 35px;
    width: 154px;
    font: normal 10px HelveticaNeueItalic;
    color: #595858;
    padding-top: 10px;
    text-align: left;
}

.greyArrow {
    background: url(../images/product_progress_arrow.png) no-repeat;
    height: 35px;
    width: 35px;
    background-size: auto 100%;
}

.space {
    height: 30px;
    width: 100%;
}

.participantName {
    text-align: center;
    width: 100%;
    color: royalblue;
    font: normal 15px Arial;
    font-weight: bold;
    padding: 0px;
}

.participantOpinion {
    text-align: center;
    width: 100%;
    color: #042346;
    font: normal 12px Arial;
}

.participantOpinionContent {
    width: 90%;
    cursor: pointer;
    position: relative;
    max-width: 90%;
    max-height: 99%;
}

.boxPartnersTitleParticipant {
    width: 189px;
    height: 28px;
    background: url(../images/course_reviews_title.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    font-size: 13px;
    color: whitesmoke;
    font: normal 14px Verdana;
    padding: 9px 0px 0px 10px;
}

.dateMenu {
    font: normal 15px Verdana;
    color: #083d7e;
    text-align: right;
    padding-top: 14px;
}

#menuLeftInner {
    clear: both;
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 12px;
}

#menuLeftInner li {
    clear: both;
    padding: 12px 0px 0px 14px;
    background: url(../images/dot_black.png) no-repeat;
    font: bold 13px Verdana;
    color: black;
}

.disabeledLink {
    pointer-events: none;
    cursor: default;
}

.passwordRecoveryInfo {}

.advertisementBanner {
    max-width: 200px;
    max-height: 170px;
}

/*cookies*/

.cookies {
    position: fixed;
    top: 0;
    padding-left: 20px;
    text-align: center;
    background: #666666;
    color: #ffffff;
    font-weight: 400;
    margin-left: 180px;
}

.cookies>div {
    font-size: 16px;
    background: #cccccc;
}

.cookies a {
    color: #ffffff !important;
}

.cookies a:hover {
    text-decoration: underline;
}

.cookies>span.cookies-ok {
    background: #153450;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin: 0 20px;
    padding: 0 20px;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

.cookies>span.cookies-arrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0 0 20px;
    border-color: transparent transparent transparent #666666;
    display: inline-block;
    vertical-align: top;
    margin-right: -20px;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.ME-logo {
    width: 5%;
}

/*****************************************************************************/

/* FACEBOOK
/*****************************************************************************/

.like-box,
.read-box {
    position: fixed;
    z-index: 99;
    right: -296px
}

.like-box.facebook,
.read-box.facebook {
    top: 50px
}

.like-box.facebook .outside,
.read-box.facebook .outside {
    background: #284071
}

.like-box.facebook .belt,
.read-box.facebook .belt {
    background: #284071 url('../images/social-icons-ts-widget-pack.png') no-repeat -39px 0
}

.like-box .outside,
.read-box .outside {
    position: relative;
    z-index: 1;
    padding: 2px;
    min-width: 1px;
    float: right
}

.like-box .inside,
.read-box .inside {
    position: relative;
    z-index: 2;
    background: #fff
}

.like-box .belt,
.read-box .belt {
    position: relative;
    z-index: 0;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 50% 50%;
    -o-transform: rotate(270deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
    float: right;
    width: 32px;
    height: 52px;
    padding: 0 0 30px 0;
    text-align: center;
    margin: 30px -26px 0 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px
}

span.file {
    display: block;
    padding: 1px 0px;
}

a[title$=".docx"] {
    background: url('../images/icons/docx.png') left center no-repeat;
    padding-left: 20px;
}

a[title$=".doc"] {
    background: url('../images/icons/doc.png') left center no-repeat;
    padding-left: 20px;
}

a[title$=".xls"] {
    background: url('../images/icons/xls.png') left center no-repeat;
    padding-left: 20px;
}

a[title$=".xlsx"] {
    background: url('../images/icons/xls.png') left center no-repeat;
    padding-left: 20px;
}

a[title$=".pdf"] {
    background: url('../images/icons/pdf.png') left center no-repeat;
    padding-left: 20px;
}

a[title$=".ppt"] {
    background: url('../images/icons/ppt.png') left center no-repeat;
    padding-left: 20px;
}

a[title$=".pptx"] {
    background: url('../images/icons/ppt.png') left center no-repeat;
    padding-left: 20px;
}

#border {
    display: block;
    text-align: left;
    padding: 15px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    color: #083c7c;
    margin: 0 0 10px;
}

#borderless {
    display: block;
    text-align: left;
    padding: 5px;
    background: #fff;
    color: #083c7c;
}

.attachments a {
    font-size: 15px;
    display: block;
    margin-bottom: 15px;
}

.table1 {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

#maintenance {
    font-size: 18px;
}

.tab-bar-item {
    padding: 12px 16px;
    width: 45%;
    background-color: #467ec1;
    color: white;
    font-family: Verdana;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.tab-bar-item:last-child {
    margin-left: 8px;
}

.cart-table {
    border-collapse: collapse;
    background-color: white;
    text-align: left;
}

.cart-table thead tr th,
.cart-table tbody tr td,
.cart-table tfoot tr td {
    border: 1px solid grey;
}

.cart-table th,
.cart-table td {
    padding: 4px;
}

.cart-table thead tr {
    background-color: #ffae00;
}

.cart-table .sixty {
    width: 60%;
}

.promotion {
    background: #d50202;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #d50202 0%, #b10101 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #d50202 0%, #b10101 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #d50202 0%, #b10101 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50202', endColorstr='#b10101', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    left: 430px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    padding: 4px;
    margin-bottom: 6px;
}

.price {
    padding-top: 25px;
}