/************ obecne ************************************/
.white {
    color: white !important;
}

.f-left {float:left !important;}
.f-right {float:right !important;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}


/************ info boxy ~ flash zpravy ******************/

.flash, .info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 5px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
    text-align: left !important;
    border: none !important;

}
.info {
    color: #00529B;
    background-color: #C6DBFF;
    /*background-image: url('../images/info.png');*/
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    /*background-image:url('../images/success.png');*/
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-image: url('../images/warning.png');*/
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('../images/error.png');*/
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    /*background-image: url('../images/warning.png');*/
}

/********************** Feedback popup ****************************************/
#backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}

#popupContact{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    width:600px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:12px;
    font-size:13px;
}

#popupContact h1{
    text-align:left;
    color:#6FA5FD;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}

#popupContactClose{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
}

/********************** links *********************************/
a {
    color: green;
}

a:visited {
    color: green;
}

/** :Front:Deal:amount ********************************************************/
div.deal_amount table tr th {
    padding-right: 15px;
    width: 100px;
    margin-bottom: 25px;
}

div.deal_amount table tr th {
    vertical-align: top;
}

div.deal_amount table tr th.description {
    width: 330px;
}

div.deal_amount table tr td input {
    border: 2px solid black;
    padding: 2px;
}

/** Forms *********************************************************************/

.inputSelectCommon select {
    padding: 5px;
    margin-bottom: 20px;
}

.form-error-message {
    margin-left: 20px;
    padding-left: 20px;
    color: red;
    background-image: url('../images/silk/exclamation.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#sideColumn .user .in
{
    /*background-color: #263e77;*/
}

.infoMessage
{
    background-image: url(../img/alert_blue.png) !important;
}

.errorMessage
{
    background-image: url(../img/alert_red.png) !important;
}

.iconGift {
    padding: 2px 0 2px 18px;
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 1.4em;
    margin-right: 8px;
    background-image: url(../img/icon_gift_16x16.png) !important;
}

#homeBoxFull
{
    margin: 0 30px;
    height: 133px;
    background: #440B59 url(../img/home_box_full.png) top left no-repeat;
    position: relative;
}

#homeBoxFull h5
{
    padding-top: 10px;
    font-size: 1.4em !important;
}

#homeBoxProgressDone {
    bottom: 24px;
}



#homeBoxRibbon .priceSuffix {
    font-size: 2.7em;
}

#homeBoxRibbon ins.dealOver {
    /* color: #999 !important;*/
}

#homeBoxRibbon span.dealOver {
    color: #CCCCCC;
    font-size: 1.15em;
}

#motto {
    font-size: 1.4em;
}

#title_link, #title_link:hover {
    /*color: inherit;*/
    color: black;

    text-decoration: none;

}

#homeBoxReady {
    font-family: verdana;
}

.fb_comments {
    padding: 0px 30px 20px;
}

#topContact
{
    float: left;
    overflow: hidden;
    text-align: left;
    width: 390px;
}

#topInvite
{
    float: right;
    overflow: hidden;
    text-align: right;
    padding-left: 0px;
    margin-top: 1px;
    width: 425px;
    margin-left: 0px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;

    /* background-image: url(../images/ribon2.png);*/
}

/** affiliate *****************************************************************/

.sharing
{
    height: 32px;
    display: block;
    line-height: 2em;
    color: black;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 40px;
    font-size: 1.3em;
    text-decoration: underline;
}

.sharing:hover {
   /* color: white;*/
    text-decoration: none;
}

.sharing:visited {
   /* color: white;*/
}

.sharing.facebook
{
    background-image: url(../images/facebook_icon_32.png);
}

.sharing.email
{
    background-image: url(../images/email_icon_32.png);
}

.sharing.twitter
{
    background-image: url(../images/twitter_icon_32.png);
}

p.sharing_wrap {
    margin-top: 15px;
}

a.want_affil
{
    text-decoration: none;
    margin: 0 auto;
    width: 480px;
    display: block;
    text-align: center;
    height: 80px;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-align: left;
    font-size: 1.4em;
    padding: 30px 0 0px 90px;
    background-image: url(../images/arrow_right_80.png);
    /*background-color: black;*/
color: black;
}

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

#bonusCredit {
    font: 16px/1.5 arial, sans-serif;
}

a.white {
    color: white;
    text-decoration: none;
}

a.white:hover {
    color: white;
    text-decoration: underline;
}

p.secure_payments {
    padding: 0px 0 0px 110px;
    background-repeat: no-repeat;
    background-image: url(../images/lock.png);
}

.payments label {
    font-weight: normal;
    font-size: 0.9em;
    display: inline;
}

.jqmDoNotShowAgain {
    font-size: 10px;
    text-align: left;
    padding-bottom: 2px;
}

div.media div.in p {
    /*background-color: white;*/
    text-align: center;
}

div.media div.in p img {
    margin: 10px 0;
}

ul li.bonuses a {
    background: transparent url(../images/bonus-bg2.png) top left repeat-x;
    font-weight: bold;
}

.bonusAmount {
    font-weight: bold;
    font-size: 3em;
}

div.bonus {
    text-align: center;
}

div.bonus div h3 {
    font-size: 1.05em !important;
    margin-bottom: 0;
}

.head-large {
    font-size: 1.4em;
}

div.importantPaymentInfoBox {
    background-color: white !important;
    border: 2px solid #555;
    padding: 20px 0;
    font-size: 1.8em;
    text-align: left;
}

div.importantPaymentInfoBox label {
    float: left;
    width: 200px;
    color: black;
    font-size: 1em;
    font-weight: normal;
}

.importantPaymentInfoBox input {
    float: left;
    width: 230px;
    height: 27px;
    padding: 3px 0 0 5px;
    margin: 0 0 0 -6px;
    font-size: 1em;
    border: 1px solid #ccc;
    background-color: #fff;
}

.importantPaymentInfoBox input.accountNo { width: 153px; }
.importantPaymentInfoBox input.accountBank { width: 65px; margin-left: 5px; }

.inlineInput, .inlineInput2 {
    margin: 5px 20px 5px 0;
    float: left;
}

.inlineInput label {
    /*display: block;*/
    float: left;
    width: 70px;
    text-align: left;
}

.inlineInput input, .inlineInput select, .inlineInput2 input, .inlineInput2 select, .inlineInput2 button, .inlineButton button {
    padding: 4px;
}

.inlineInput .description,
.inlineInput2 .description {
    font-size: 65%;
}

.jqmAlertContent h1 {
    font-size: 2.3em;
    line-height: 1em;
}

.jqmAlertContent h2 {
    font-size: 1.5em;
    margin: 15px 0;
    line-height: 1em;
}

.jqmAlertContent h3 {
    margin: 10px 0;
}

.modal_newsletter {
    margin-bottom: 10px;
}

.subscribe{
    margin-top: 24px;
}

div.line {
   border-top: 1px solid gray;
   margin: 10px 0px;
   clear: both;
}

tr select {
    padding: 4px;
}

.radio label {
    display: inline;
    padding-left: 10px;
}

div.blockInput {
    padding-bottom: 10px;
}

/** platebni karty */
ul#cards {
    height: 1%;
    overflow: hidden;
}

ul#cards li {
    list-style-type: none;
    float: left;
    background: transparent none;
}

#survey fieldset {
    margin: 0 0 8px;
    padding: 5px;
    border-top: 1px solid #ccc;
}

#survey fieldset > legend {
    margin: 0 0 8px;
    padding: 0 3px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #ccc;
    border-width: 0 1px;
}

#survey label { display: inline; }

#survey fieldset > dl {
    margin: 0 0 13px;
}

#survey fieldset > dl > dt {
    font-weight: bold;
}

#survey fieldset > dl > dd {
}

#survey fieldset > dl > dd > * {
}

#survey dd br { display: none; }

#survey dd { height: 1%; overflow: hidden; }

#survey dd input, #survey dd label {
    float: left;
    display: inline;
    width: auto;
}

#survey dd input { margin-top: 3px; }
#survey dd label { margin: 0 15px 0 5px; }

/* body {    background: url(../img/page_bg.jpg) 0px -328px; } */

#body {
    height: auto;
    /* background: transparent url('../img/content_bg.jpg') 0px 0px repeat-x; */
}

#newsletter-wrapper {
    background-color: #411354;
    height: 50px;
    width: 100%;
    text-align: center;
}

#newsletter-subscribe {
    width: 960px;
    height: 50px;
    margin: 0 auto;
    background: #fff;
    opacity: 0.95;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    position: relative;
}

#newsletter-subscribe p {
    margin: 5px 15px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    float: left;
    color: green;
}

#newsletter-subscribe fieldset {
    width: 680px;
    margin: 0 0 0 220px;
    padding: 15px 0 0;
    text-align: left;
}

#newsletter-subscribe label {
    font-weight: bold;
    margin: 0 5px 0 15px;
}

#newsletter-subscribe input {
    width: 140px;
    border: 1px solid #ccc;
}

#newsletter-subscribe button {
    margin-left: 20px;
    padding: 3px 5px;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    background: #480d5f url('../img/button.png') no-repeat 50% 0;
    border: none;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#newsletter-subscribe button:hover {
    background-position: 50% -26px;
    cursor: pointer;
}

#newsletter-subscribe a {
    position: absolute;
    top: 3px;
    right: 5px;
    font-weight: bold;
}

#mainColumn > .box {
    padding-bottom: 10px;
    background: transparent url('../img/box_bg_white_short.png') no-repeat 0 100%;
}

#mainColumn > .box > .in {
    background: transparent url('../img/box_bg_white_line.png') repeat-y 0 0;
}

.box.dual > div {
    background: transparent url('../img/box_bg_white_line.png') repeat-y 0 0;
}

#homeBox > div {
    padding-bottom: 11px;
    background: transparent url('../img/home_box_bg.png') no-repeat 0 100%;
}

#homeBox div.in {
    height: auto;
    overflow: visible;
    background: transparent url('../img/home_box_bg_line.png') repeat-y 0 0;
}

#homeBoxText { height: 1%; }
#homeBoxText p { margin: 0; }

dl {
    height: 1%;
    overflow: hidden;
    margin: 0 0 8px;
    border-bottom: 1px solid #ccc;
}

dl > * { margin: 0; padding: 0; }

dt {
    font-weight: bold;
    float: left;
    width: 10%;
    text-align: right;
}

dd {
    float: right;
    width: 89%;
}

form table th, form table td {
    padding: 2px 3px;
    vertical-align: top;
}

ol#variants li { margin: 0 0 0.5em; }
ol#variants p { margin: 0 0 0.3em; }

#homeBoxRibbon em {
    position: absolute;
    top: -30px;
    left: 25px;
    font-size: 1.3em;
    font-style: normal;
}

table#variants { width: 55em; }


table#variants tr.even { background-color: #f0f2f1; }
table#variants td { padding: 5px; }

table#variants td.description a, table#variants td.description span  {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

table#variants td.soldOut {
	color: #666
}



table#variants td.sales {
    width: 100px;
    color: #666;
    font-size: 1.4em;
    line-height: 1.2em;
    text-align: right;
    vertical-align: middle;
}

table#variants td.maximum_sales {
    color: #666;
    font-size: 1.4em;
    line-height: 1.2em;
    text-align: right;
    vertical-align: middle;
}

table#variants td.price {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}
table#variants td.price a {
    display: block;
    border-left: 2px solid #ccc;
    background: #480d5f url('../img/button.png') no-repeat 50% 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 1.4em;
}
table#variants td.price a:hover {
    background-position: 50% -26px;
}

table#variants td.price a span { font-size: 0.7em; }


table#variants td.price .soldOut {
    display: block;
    border-left: 2px solid #ccc;
    background: #666 url('./img/box_head.png') no-repeat 50% 0;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #eee;
    text-decoration: none;
    font-size: 1.4em;
}


#gifts legend {
    margin: 5px 0;
    font-weight: bold;
}
#gifts input + label { display: inline; padding-left: 5px; }

#gifts th { vertical-align: top; }

form table th, form table td {
    padding: 2px 3px;
}

table.admin { width: 99%; }
table.admin tr.odd { background-color: #f0f2f1; }
table.admin th, table.admin td {
    padding: 2px 3px;
    border-bottom: 1px solid #ccc;
}

table.admin tr:hover { background-color: #ddd; }

table.coupons.admin td { border: none; vertical-align: top; }
table.coupons.admin tr:hover { background-color: inherit; }

table.coupons.admin ol { margin-bottom: 1em; }

#content { padding-bottom: 0; }
#footer { clear: both; margin-top: 0; }
#homeBox div.in { position: relative; }
#homeBoxRibbon {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    margin-left: -55px;
    height: 95px;
}
#homeBoxRibbonTear {
    position: absolute;
    left: 1px;
    bottom: 0;
}
#homeBoxPrices { margin-top: 0; }
#homeBoxRight { position: relative; }

ol#users li.deleted a { color: #999;  }

#sideColumn .box.user.admin .in {
    background: #28407b none;
    border: 1px solid #3b5998;
    border-top: none;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

#gifts legend {
    margin: 5px 0;
    font-weight: bold;
}
#gifts input + label { display: inline; padding-left: 5px; }

#gifts th { vertical-align: top; }

.admin li.cancelled { text-decoration: line-through; }

.admin li.used { font-style: italic; }

.dual.box .share-facebook { margin-bottom: 30px; }

.image.radios { height: 1%; overflow: hidden; margin-top: -5px; }
.image.radios div { float: left; margin-right: 15px; padding-left: 5px; }
.image.radios input { display: inline; margin: 0 5px; }
.image.radios label { display: inline; width: auto; }
.image.radios label.img { display: block; width: 80px; }
.image.radios > label { float: left; display: block; width: 100%; clear: both; }
.image.radios div label { cursor: pointer; }
.image.radios p { margin-top: -80px; margin-left: 200px; }

#frmecommerceForm-ecommerce,
#frmamountForm-buy,
#frmnewOrderForm-buy,
#frmconfirmForm-order,
#frmecommerceForm-pay {
    height: auto;
    line-height: auto;
    margin-bottom: 15px;
    padding: 11px 8px 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #a3c21d url('../img/button-ecommerce.png') repeat-x 0 0;
    border: none;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
#frmecommerceForm-ecommerce:hover,
#frmamountForm-buy:hover,
#frmnewOrderForm-buy:hover,
#frmconfirmForm-order:hover,
#frmecommerceForm-pay:hover {
    background-image: none;
}

#frmamountForm-buy span,
#frmnewOrderForm-buy span { display: none; }

ol.admin li span, p.admin span { color: #999; }

