@media only screen and (max-width: 640px) {
.video_duration { left: 56px !important; top: 206px !important; }
.mobile_call { display: block !important; }
.mobile_top { display: block !important; }
.header .rightnav { display: none !important; }
iframe { width: 100% !important; }
}


a[href^="tel"] {
    color: inherit;
    text-decoration: underline;

}

.sticky_wrapper .contact-info-box p {
    color: white;
}

.sticky_wrapper .contact-info-box {
    color: white;
}
.contact-button-wrapper {
    position: relative;
}

.contact-info-box {
    display: none;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border-radius: 5px;
    color: white !important;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    position: relative; /* UMESTO absolute */
    z-index: 10;
    box-sizing: border-box;
}



/* submit tyoe strana */
.ad-selection-notice {
  background: #fff3cd;
  border: 1px solid #ffeeba;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 13px;
  border-radius: 5px;
  color: #856404;
}









/* === 1. Ред који носи три колоне  ================================== */
.flexbox.mycontent_row {
  display: flex;
  flex-wrap: wrap;        /* дозволи преламање */
  gap: 9px;               /* размак између колона */
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 5px;
  background: #fff;
  align-items: stretch;   /* сви у исту висину */
  font-size: 13px;
}

.flexbox.mycontent_row > div {
  position: relative; /* da bi ::before linija bila pozicionirana unutar */
  flex: 1 1 0;
  min-width: 180px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0px;
  background: #fff;
}

/* Dodaj separator pre SVAKOG osim prvog */
.flexbox.mycontent_row > div:nth-child(2)::before {
  content: '';
  position: absolute;
  background: #ccc;
  opacity: 0.5;
  z-index: 1;
  
  /* Vertikalna linija */
  top: 0;
  bottom: 0;
  left: -5px;
  width: 1px;
}

/* Kada se boxevi prelamaju jedan ispod drugog – horizontalna linija */
@media (max-width: 700px) {
  .flexbox.mycontent_row > div {
    flex: 1 1 100%;
  }

  .flexbox.mycontent_row > div:nth-child(2)::before {
    top: -5px;
    bottom: auto;
    left: 0;
    right: 0;
    height: 1px;
    width: auto;
  }
}

.flexbox.mycontent_row .splitbox,
.flexbox.mycontent_row .splitbox-left,
.flexbox.mycontent_row .splitbox-right {
  padding: 0 !important;
}


/* Ако ти треба да се на мобилу сведе на 100 % ширине: */
/*
@media (max-width: 600px) {
  .flexbox.mycontent_row > div { flex: 1 1 100%; }
}
*/

/* === 3. Splitbox – унутар било ког од та три diva =================== */
.splitbox {
  display: grid;
  grid-template-columns: 1fr 1fr;  /* 50 % / 50 % */
  gap: 5px;
}

.splitbox-right { text-align: right; }

.splitbox-tight {
  grid-template-columns: auto 1fr; /* slika prirodna Å¡irina, tekst zauzima ostatak */
  gap: 5px;
}

.splitbox-tight .splitbox-left img {
  max-width: 100px;
  height: auto;
  display: block;
}


.splitbox-right p,
.splitbox-left p {
  margin-bottom: 0px !important;
}


.flexbox.mycontent_row > .link-status-active {
  background: #c6f3c6;
  border: 1px solid #4da84d;
  border-radius: 4px;
  padding: 6px;
  box-sizing: border-box;
  text-align: center;
}

.flexbox.mycontent_row > .link-status-warning {
  background: #ffe0b3;
  border: 1px solid #d4902e;
  border-radius: 4px;
  padding: 6px;
  box-sizing: border-box;
  text-align: center;
}

.flexbox.mycontent_row > .link-status-error {
  background: #ffd6d6;
  border: 1px solid #c05050;
  border-radius: 4px;
  padding: 6px;
  box-sizing: border-box;
  text-align: center;
}

/* Napomena unutar statusa, ako je ima */
.link-status-note {
  font-size: 12px;
  margin-top: 2px;
  color: #555;
}















/* steps_menu */
.steps_menu {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; /* razmak između koraka */
  font-size: 13px;
  margin-bottom: 10px;
  justify-content: flex-start;
}

.steps_menu .page,
.steps_menu .page_on {
  display: inline-block;
  padding: 6px 12px;
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ccc;
  white-space: nowrap;
  cursor: default;
  transition: background-color 0.2s ease;
}

.steps_menu .page:hover {
  background-color: #ebebeb;
}

.steps_menu .page_on {
  background-color: #ffffff;
  font-weight: bold;
  border-color: #007bff;
  color: #007bff;
}













/* ads type / submit page */

.ad-selection {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 20px auto;
  flex-wrap: wrap;
}
.ad-selection-card {
  width: 300px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.ad-selection-card h3 {
  margin-top: 0;
}
.ad-selection-card ul {
  padding-left: 20px;
}
.ad-selection-duration,
.ad-selection-btn {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.ad-selection-btn {
  cursor: pointer;
}
.ad-selection-btn span {
  float: right;
}
.ad-selection-card-standard {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}
.ad-selection-card-premium {
  background-color: #fff7e6;
  border: 1px solid #f7c566;
}
.ad-selection-btn-credits {
  background-color: #d0f0d0;
  border: 1px solid #a5d6a7;
}
.ad-selection-balance-info {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
.ad-selection-balance-info a {
  margin-left: 10px;
  color: #1976d2;
  font-weight: bold;
  text-decoration: none;
}
.ad-selection-btn:focus {
  outline: none;
  box-shadow: none;
  background-color: #d0f0d0 !important; /* osvežimo isti kao dugme */
  border-color: #a5d6a7 !important;
}
.ad-selection-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin: 20px auto 30px auto;
  font-family: sans-serif;
  max-width: 800px;
}

.ad-selection-status-box,
.ad-selection-balance-box {
  flex: 1;
  padding: 15px;
  border-radius: 10px;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.ad-selection-status-box.active {
  background-color: #e0f7e9;
  border: 1px solid #4caf50;
}

.ad-selection-status-box.inactive {
  background-color: #fff3e0;
  border: 1px solid #ff9800;
}

.ad-selection-balance-box {
  background-color: #e3f2fd;
  border: 1px solid #1976d2;
  text-align: right;
}

.ad-selection-balance-box a {
  color: #1976d2;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}

.ad-selection-status-msg {
  text-align: center;
  font-size: 16px;
  padding: 10px;
  margin: 10px auto;
  max-width: 800px;
  border-radius: 6px;
}

.ad-selection-status-msg.success {
  background-color: #e6f9ed;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}

.ad-selection-status-msg.error {
  background-color: #ffebee;
  color: #c62828;
  border: 1px solid #ef9a9a;
}







/* ===== Opšti stil ===== */
.credits-page {
  font-family: Arial, Helvetica, sans-serif;
  max-width: 850px;
  margin: 0 auto;
  padding: 1rem;
  color: #333;
}

/* ===== Naslov ===== */
.credits-bank__title {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

/* ===== Paketi (vodoravno, klikabilni) ===== */
.credits-bank__packages {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.package {
  flex: 0 1 auto;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fdfdfd;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8rem;
  min-width: 150px;
  min-height: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.package:hover {
  border-color: #007bff;
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.2);
}

.package.selected {
  border-color: #007bff;
  background: #eef6ff;
  box-shadow: 0 0 6px rgba(0, 123, 255, 0.25);
}

.package__title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.package__price {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 0.2rem;
}

.package__percredit {
  font-size: 0.85rem;
  color: #666;
}

.package__bonus {
  font-size: 0.85rem;
  color: #007000;
  margin-top: 0.3rem;
}




.credits-bank-box {
  background: #fcfcfc;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.credits-bank__title {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #007bff;
}

.credits-bank__divider {
  margin-top: 2rem;
  border: none;
  border-top: 1px solid #ddd;
}

.package__price-note {
  font-size: 0.8rem;
  color: #888;
  margin-top: -0.3rem;
  margin-bottom: 0.4rem;
}

/* ===== Podaci za uplatu ===== */
.bank-info {
  text-align: center;
  padding: 2rem 1rem;
  border-radius: 10px;
  background: #f7fbff;
  border: 2px solid #007bff;
  max-width: 480px;
  margin: 0 auto;
  box-shadow: 0 2px 6px rgba(0, 123, 255, 0.15);
}

.bank-info__title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: #007bff;
}

.bank-info__list {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.8;
  font-size: 1rem;
}

.bank-info__list li {
  margin-bottom: 0.5rem;
}

.bank-info__list strong {
  display: inline-block;
  width: 110px;
  text-align: right;
  margin-right: 0.5rem;
  color: #333;
}

.bank-info__qr {
  display: none;
}

.bank-info__content {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.bank-info__row {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0.6rem 0;
  border-bottom: 1px solid #eee;
  font-size: 1rem;
  align-items: center;
}

.bank-info__row:last-child {
  border-bottom: none;
}

.bank-info__row label {
  font-weight: bold;
  color: #333;
  text-align: right;
  padding-right: 1rem;
}

.bank-info__row span {
  color: #007bff;
  font-weight: 500;
  text-align: left;
  padding-left: 1rem;
  word-break: break-word;
}

.bank-info__note {
  margin-top: 1.2rem;
  font-size: 0.9rem;
  color: #555;
  text-align: center;
  background: #fefefe;
  padding: 0.75rem 1rem;
  border: 1px dashed #ccc;
  border-radius: 6px;
}

.bank-info__note code {
  background: #f3f3f3;
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
  font-family: monospace;
}




/* ===== SMS ===== */
.credits-sms{margin-top:2rem}
.credits-sms__title{text-align:center;font-size:1.6rem;margin-bottom:1rem}
.sms-desc{font-weight:bold;margin:0 0 .5rem}
.sms-instruction{font-size:1.2rem;margin:.25rem 0}.sms-code{color:#007bff;font-weight:bold}.sms-number{color:#007700;font-weight:bold}.sms-note{font-size:.8rem;color:#555;margin-top:.5rem}
.sms-table{width:100%;border-collapse:collapse;margin:.5rem 0 1rem}.sms-table th,.sms-table td{border:1px solid #ddd;padding:.5rem;text-align:center}.sms-table th{background:#f5f5f5}
.sms-code-form{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.sms-code-form label{flex:1 1 120px}
.sms-code-form input[type=text]{flex:1 1 160px;padding:.4rem;border:1px solid #ccc;border-radius:4px}
.paybutton{background:#28a745;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer}
.paybutton:hover{background:#218838}













/* admin.css */

.admin_config__section {
  background:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;
}
.admin_config__title{font-size:1.2rem;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}
.admin_config__table{width:100%;border-collapse:collapse;margin-bottom:1rem}
.admin_config__table th,.admin_config__table td{padding:.5rem;text-align:left;border-bottom:1px solid #eee}
.admin_config__save-btn{display:inline-block;padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}
.admin_config__save-btn:hover{background:#0069d9}




.credits-packages {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.credits-packages__item {
  flex: 1 1 100px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0.5rem;
  text-align: center;
}
























/* Info box boja prati dugme */
.call-box {
    background: #e63946;
}

.web-box {
    background: #457b9d;
}

.sms-box {
    background: #2a9d8f;
}

/* Mobilni prikaz - dugmad jedno ispod drugog */
@media (max-width: 768px) {
    .contact-container {
        flex-direction: column;
        align-items: center;
    }
    .contact-info-box {
        width: 100%;
    }
    .contact-button-wrapper {
        width: 100%;
    }

    .contact-button {
        width: 100%;
    }


}



/* Stil dugmadi samo unutar profile-container */
.profile-container .contact-container {
    
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  /*  margin-top: 20px; */
}

/* Dugmad unutar profile-container */
.profile-container .contact-button {
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: white; /* Bel tekst */
    transition: 0.3s;
    width: 250px;
}

/* Različite boje dugmadi unutar profila */
.profile-container .call-button {
    background: #e63946; /* Crvenkasta */
}

.profile-container .web-button {
    background: #457b9d; /* Plava */
}

.profile-container .sms-button {
    background: #2a9d8f; /* Zelena */
}

/* Hover efekat – NEMA promene boje, samo malo posvetljenje */
.profile-container .contact-button:hover {
    filter: brightness(115%);
}

/* Mobilni prikaz - dugmad ispod jedno drugog */
@media (max-width: 768px) {
    .profile-container .contact-container {
        flex-direction: column;
        align-items: center;
    }
}



    .flex-box-landing {
        flex: 1;
        text-align: center;
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #f8f9fa;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 450px; /* Ograničava širinu da ne bi bilo preširoko */
        min-width: 300px; /* Sprečava da bude premalo */
        box-sizing: border-box;

    }

    .cta-button {
        margin-top: 20px;
        padding: 15px 30px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        margin-bottom: 10px;
        display: inline-block;
    }

    /* Media query - kada ekran postane uži od 768px (mobilni), kolone idu u dva reda */
    @media (max-width: 768px) {
        .flex-box-landing {
            width: 100%; /* Puna širina ekrana na mobilnim uređajima */
            max-width: none;
        }

        div[style*="display: flex"] {
            flex-direction: column; /* Prikazuje kutije u jednom redu vertikalno */
            align-items: center; /* Centriranje kutija */
        }
    }


@media only screen and (max-width: 1024px) {

.columns-row { flex-direction: column !important; }

}


body.lite { background: #FFF !important; }
body.lite .breadcrumb2 { display: none !important; }
body.lite .header_block { display: none !important; }
body.lite .profile_red { display: none !important; }
body.lite .content { padding: 0 !important; }
body.lite .social_buttons { display: none !important; }

body.lite .content_text_box { display: none !important; }

body.lite .media_box { margin: 0px !important; }

body.lite .show_mainimage { margin-bottom: 0px !important; }

body.lite .link_photos { 
    max-width: 50% !important;
    float: left !important;
}

body.lite .sales_section {
position: fixed;
border: 0px !important;
background: transparent !important;

}


.mobileShow {
    display: none;
    position: fixed;
    bottom: -5px;
    padding: 0px;
    right: 0px;
    width: 70vw;
    max-width: 200px;
    margin: 0px;
}

/* full width of parent */
.mobileShow img{
    width: 100%;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .mobileShow {
    display: block;
  }
}






.reviewlist  {
position: relative;
}

.sponsoredtag {

    font-size: 15px;
    position: relative;
    display: block;
    position: absolute;
    font-weight: bold;
    right: 2px;
    top: -10px;
    background: #fcf9be;
    border-radius: 5px;
    padding: 3px 15px;
    border: 1px solid #fccf1b;
    text-transform: uppercase;

}





.floatr.vip { background: #e8d04a; }

.mobile_call {

text-align: center;
font-family: Asap;
font-size: 14px;
display: none;
width: 150px;
padding: 10px;
border-radius: 3px;
background: lime;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;

}

.mobile_call img { width: 25% !important; float: left; }



.mobile_top {

text-align: center;
font-family: Asap;
font-size: 14px;
display: none;
padding: 10px;
border-radius: 3px;
position: absolute;
top: 10px;
right: 10px;
z-index: 1000;

}

.mobile_top img { height: 30px !important; border-radius: 3px; margin-left: 10px; }


iframe { display: block; }


.fancy:after {
    display: inline-block;
    content: "";
    border-top: 1px solid lightgray;
    width: 100%;
    transform: translateY(-1rem);
}


form #your_website{ display:none; }

.imagelink { border: 1px solid black; }

.imagelink:hover { border: 1px solid #ababab; }

.header_block { margin-bottom: 10px; display: block; }


.header_right { float: right;
 text-align: right; max-height: 100px;
    overflow: hidden; }

* {margin: 0; padding: 0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #444; background: #E5E5E5; }
img { border: 0px; }
a { text-decoration: none; color: #1c5caf; font-weight: bold; }
a:hover { color: #1c5caf; text-decoration: underline; }

input:focus {outline:none;}

input { font-size: 17px; }

.admin input { font-size: 13px; }

.members_only { border-radius: 10px; position: absolute; width: 980px; height: 100%; z-index: 95; text-align: center; background-color: #000; opacity: 0.97; filter: alpha(opacity=97); min-height: 850px; }

.review {
font-style: italic; font-size: 25px; margin: 20px auto; max-width: 800px; display: block;
}

.review span {
font-weight: bold;
color: #3B5998;
}


.quantity {
    float: left;
    text-indent: -999999px;
    overflow: hidden;
    display: inline-block;
    height: 26px;
    width: 26px;
}



.video_duration {
    left: 8px;
    top: 116px;
    display: block;
    position: absolute;
    color: #F6F6F6;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    padding: 2px 4px;
    background: #4c4c4c;
    font-size: 11px;
    line-height: 13px;
    height: 12px;
    text-shadow: #565656 0 1px;
    z-index: 2;

}



.login_box {

    width: 495px;
    min-height: 300px;
    background: #fafafa;
    padding: 10px 20px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;


}

.buttonwhite {

    width: 100%;
    padding: 1rem;
    margin: 0;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #00294a;
    border-radius: 15px;
    margin: 15px 0;
    position: relative;
    top: 0;
    transition: all .2s;
    box-sizing: border-box;
    cursor:pointer;
}

.buttonwhite:hover {

    box-shadow: 0 0 5px #fff;
    text-decoration: none;
    box-shadow: 0 0 5px #00294a;
    top: -2px;

}



.testbutton { 
border: 1px solid gray;
display: block;
padding: 10px 0;
border-radius: 3px;
font-weight: bold;
background: #E1E2E0;
font-size: 20px;
text-align: center;
text-decoration: none;
}


.testbutton:hover { 
background: #B3FF95;
text-decoration: none;
}


.paybox { 
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 300px;
    background: #fbe7bb;
    padding: 10px 20px;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #9f7332;
}


.paybutton { padding: 5px 20px; background: #F3CC30; white-space: normal; }

.pitch { display: inline-block; width: 328px; height: 273px; background: #FFF; margin: 2px; overflow: hidden; }



.goright { display: inline-block; height: 100%; width: 100%; background: url(/images/button-right.png) center center no-repeat; }
.goright:hover { opacity: 0.4; filter: alpha(opacity=40); }
.goleft { display: inline-block; height: 100%; width: 100%; background: url(/images/button-left.png) center center no-repeat; }
.goleft:hover { opacity: 0.4; filter: alpha(opacity=40); }


.profile { padding: 5px; margin-bottom: 10px; }
.profile_red { padding: 5px; border: 1px solid #F69F97; background-color: #FCDCDC; color: #AA2A1D; margin-bottom: 10px; display: block; }
.profile_green { padding: 5px; border: 1px solid #14B314; background-color: #C8E2C1; margin: 2px; margin-bottom: 10px; display: block; }
.profile_yellow { padding: 5px; border: 1px solid #FCCF1B; background-color: #FCF9BD; margin: 2px; margin-bottom: 10px; display: block; }

.hotlink a { color: #00f; text-decoration: none; }
.hotlink a:hover { text-decoration: underline; }



.header { width: 960px; height: 100px; margin: 20px auto 20px auto; } 
.header .logo { width: 200px; height: 100px; float: left; }
.header .logo img { max-width: 100%; }

.header .rightnav { float: right; text-align:right; }

.header_container { width: 960px; display: block; margin: 0 auto 0 auto; height: 100px; display: flex; } 

.header_container div { flex: 1; } 


.table_container {
    display: table;
    }

.table_row  {
    display: table-row;
    }

.table_left, .table_right, .table_middle {
    display: table-cell;
}


.submitselect { font-size: 15px; border: 1px solid #d0d0d0; width: auto; display: block; color: #444; padding: 10px 10px;  }

.submitselect:hover { color: #444; text-decoration: none; background: #ececec; }

.submitselecton { font-size: 15px; border: 1px solid #d0d0d0; border-bottom: 0px; width: auto; display: block; color: #444; padding: 10px 10px; }

.submitselecton:hover { color: #444; text-decoration: none; background: #ececec; }




ul.submenu {

display: block;
float: left;
width: 200px;
list-style-type: none;
font-weight: bold;
font-size: 14px;

}



ul.submenu li.submenu_main {
font-size: 20px;
}

.smalltext p { font-size: 0.8em; }

.domain {
    color: #888;
    font-size: x-small;
    white-space: nowrap;
}

.docs { list-style-type: none; float: left; margin-bottom: 10px; }
.docs li { clear: both; margin-bottom: 10px; width: 628px; overflow: hidden; border: 1px solid #fafafa; padding: 10px; background-color: #eaeaea; box-sizing: border-box; }
.docs li.sponsored { clear: both; margin-bottom: 10px; height:137px; width: 628px; overflow: hidden; border: 1px solid #fa2; padding: 10px; background-color: #FBEED9; position: relative; }
.docs li img { width:180px; height:135px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.docs li a:hover img { border: 1px solid #444; }
.docs li p { font-size: 14px; color: #5f5f5f; }
.docs li p.title { font-size: large; margin-bottom: 5px; }
.docs li p.tags { white-space: normal; font-size: 12px; text-transform: lowercase; }
.docs li p.tags a { text-decoration: underline; margin-left: 4px; }
.docs li p.tags a:hover { text-decoration: none; }
.docs li p.info { white-space: normal; font-size: 12px; text-transform: lowercase; }
.docs li p.info a { text-decoration: underline; margin-left: 4px; }
.docs li p.info a:hover { text-decoration: none; }
.docs li span.sponsored { color: #fa2; font-size: x-small; position: absolute; top: 2px; right: 2px; }
.docs li span.regular { display: none; }

.docs li p a:hover { color: #444; text-decoration:underline; }

.docs.submenufix { width: auto; }

.item_sponsored {     border: 1px solid #FCCF1B !important; background-color: #FCF9BD !important; }

.reviewlist { display: flex; margin-bottom: 10px; border: 1px solid lightgray; box-sizing: border-box; }
.reviewlist_two { display: flex; flex: 1; }

.reviewlist_two div { flex: 1; padding: 5px; }
.reviewlist_thumb { }
.reviewlist_link { display: flex; align-items: center; }
.reviewlist_score { display: flex; align-items: center; font-size: 50px; text-align: center; }
.reviewlist_score span { font-size: 15px; display: block; }
.reviewlist_text ul { list-style: none; font-size: 13px; }
.reviewlist_text ul li:before { content: '✓  '; color: green; }
.reviewlist_text p.desc { font-size: 13px; }



.toplist { list-style-type: none; float: left; margin-bottom: 10px; }
.toplist li { clear: both; display: block; width: 628px; overflow: hidden; border: 1px solid #fafafa; padding: 10px; background-color: #fafafa; border-bottom: 1px dashed; }

.toplist li div.toplist_rank { width:30px; height:135px; float:left; margin-right: 10px; border-right: 1px dashed; display: block; }

.toplist li div.toplist_thumb { width:180px; height:135px; float:left; margin-right: 10px; display: block; }

.toplist li div.toplist_text { width:396px; float:left; display: block; }

.toplist li div.toplist_rank span { font-size: 20px; font-weight: bold; }
.toplist li div.toplist_rank span.topten { font-size: 30px; font-weight: bold; }
.toplist li div.toplist_rank span.first { font-size: 36px; font-weight: bold; }

.toplist li div.toplist_thumb img { width:180px; height:135px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.toplist li div.toplist_thumb a:hover img { border: 1px solid #444; }

.toplist li div.toplist_text p { font-size: 14px; color: #5f5f5f; }
.toplist li div.toplist_text p.title { font-size: 20px; margin-bottom: 10px; }
.toplist li div.toplist_text p.tags { white-space: normal; font-size: 12px; text-transform: lowercase; }
.toplist li div.toplist_text p.tags a { text-decoration: underline; margin-left: 4px; }
.toplist li div.toplist_text p.tags a:hover { text-decoration: none; }
.toplist li div.toplist_text p.info { white-space: normal; font-size: 12px; text-transform: lowercase; }
.toplist li div.toplist_text p.info a { text-decoration: underline; margin-left: 4px; }
.toplist li div.toplist_text p.info a:hover { text-decoration: none; }
.toplist li div.toplist_text p a:hover { color: #444; text-decoration:underline; }




.topdir {  }
.topdir li { }
.topdir li .title { display: inline; line-height: 25px; }
.topdir li .thumb { display: none; }
.topdir li .info { display: none; }


.docsmini { list-style-type: none; float: left; margin-bottom: 10px; }
.docsmini li { clear: both; margin-bottom: 10px; width: 628px; overflow: hidden; border: 1px solid #D1D1D1; padding: 10px; background-color: #fafafa; }
.docsmini li img { width:180px; height:135px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.docsmini li a:hover img { border: 1px solid #444; }
.docsmini li p { font-size: 14px; color: #5f5f5f; }
.docsmini li p.title { font-size: 20px; margin-bottom: 10px; }
.docsmini li p.tags { white-space: normal; height: 2.2em; overflow: hidden; width: 400px; }
.docsmini li p a {  }
.docsmini li p a:hover { color: #444; text-decoration:underline; }





.docsbig { list-style-type: none; float: left; margin-bottom: 10px; }
.docsbig li { position: relative; clear: both; height: 200px; width: 628px; overflow: hidden; border: 1px solid #fafafa; padding: 10px; background-color: #fafafa; border-bottom: 1px dashed gray; }
.docsbig li img { max-width: 260px; max-height: 200px; margin: auto; display: block; border-radius: 5px; }
.docsbig li a:hover img {  }
.docsbig li p { font-size: 15px; color: #5f5f5f; }
.docsbig li p.title { font-size: 25px; margin-bottom: 10px; }
.docsbig li p.desc { font-size: 15px; margin-bottom: 10px; max-height: 70px; overflow: hidden;}
.docsbig li p a:hover { color: #444; text-decoration:underline; }

.docsbig li p.contact_button {

font-size: 17px;
display: inline-block;
background-color: #F4259C;
border-radius: 3px;
border: 0;
padding: 2px 10px 2px 10px;
color: white;
overflow: hidden;
width: auto;
cursor: pointer;
}

.docsbig li p.contact_button span {
color: #FFF;
font-weight: bold;
} 




.dirs { width: 200px; list-style-type: none; float: left; margin: 10px 0px 10px 10px; }
.dirs li { clear: both; margin-bottom: 10px; width: 178px; overflow: hidden; border: 1px solid #D1D1D1; padding: 10px; background-color: #fafafa; }
.dirs li p { font-size: 12px; color: #5f5f5f; }
.dirs li p a:hover { color: #444; text-decoration:underline; }


.text { list-style-type: none; float: left; margin-top: 10px; }
.text li { clear: both; margin-bottom: 10px; min-height: 137px; width: 628px; overflow: hidden; border: 1px solid #D1D1D1; padding: 10px; background-color: #fafafa; }
.text li p { font-size: 14px; color: #5f5f5f; }
.text li p.title { font-size: 20px; margin-bottom: 10px; }
.text li p.tags { white-space: normal; height: 2.2em; overflow: hidden; width: 400px;}
.text li p a {  }
.text li p a:hover { color: #444; text-decoration:underline; }
.text li p.blurb { margin-top: 10px; margin-bottom: 10px; }


.list { list-style-type: none; float: left;  margin-top: 10px; }
.list li { clear: both; margin-bottom: 5px; width: 628px; overflow: hidden; border: 1px solid #d2d2d2; padding: 10px; background-color: #fafafa; }
.list li.sponsored { clear: both; margin-bottom: 5px; width: 628px; overflow: hidden; border: 1px solid #fa2; padding: 10px; background-color: #FBEED9;  position: relative;  }
.list li img { width:100px; height:75px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.list li p { font-size: x-small; color: #888;  }
.list li p.title { font-size: large; margin-bottom: 0px; }
.list li p.title a { margin-right: 10px; }
.list li p.info { margin-bottom: 2px; }
.list li p.tags { white-space: normal; height: 2.2em; overflow: hidden; width: 400px; }
.list li p a:hover { color: #444; text-decoration:underline; }
.list li span.sponsored { color: #fa2; font-size: x-small; position: absolute; top: 2px; right: 2px; }
.list li span.regular { display: none; }


.list2 { list-style-type: none;  margin-top: 10px; }
.list2 li {     margin: 0 5px 10px 5px; box-sizing: border-box;
    height: auto;
    width: 448px; overflow: hidden; border: 1px solid #D1D1D1; padding: 10px; background-color: #fafafa; float: left; }
.list2 li.sponsored { margin: 0 4px 10px 4px; height: 80px; width: 470px; overflow: hidden; border: 1px solid #fa2; padding: 10px; background-color: #FBEED9; float: left;  position: relative; }
.list2 li img { width:100px; height:75px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.list2 li a:hover img { border: 1px solid #444; }
.list2 li p { font-size: x-small; color: #888;  }
.list2 li p.title { font-size: large; margin-bottom: 0px; }
.list2 li p.title a { margin-right: 10px; }
.list2 li p.info { margin-bottom: 2px; }
.list2 li p.tags { white-space: normal; height: 2.2em; overflow: hidden; width: 400px; }
.list2 li p a:hover { color: #444; text-decoration:underline; }
.list2 li span.sponsored { color: #fa2; font-size: x-small; position: absolute; top: 2px; right: 2px; }
.list2 li span.regular { display: none; }

.listout { list-style-type: none; float: left; margin-bottom: 10px;  }
.listout li { clear: both; margin-bottom: 5px; min-height: 70px; width: 628px; overflow: hidden; border: 1px solid #D1D1D1; padding: 10px; background-color: #fafafa; }
.listout li img { width:100px; height:75px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.listout li a:hover img { border: 1px solid #444; }
.listout li p { font-size: x-small; color: #888; }
.listout li p.title { font-size: large; margin-bottom: 0px; }
.listout li p.title a { margin-right: 10px; }
.listout li p.info { margin-bottom: 2px; }
.listout li p.tags { white-space: normal; }
.listout li p a:hover { color: #444; text-decoration:underline; }


.listoutdesc { list-style-type: none; float: left; margin-bottom: 10px;  }
.listoutdesc li { clear: both; margin-bottom: 5px; min-height: 70px; width: 628px; overflow: hidden; border: 1px solid #D1D1D1; padding: 10px; background-color: #fafafa; }
.listoutdesc li img { width:100px; height:75px; float:left; border: 1px solid #FFF; margin-right: 10px;}
.listoutdesc li a:hover img { border: 1px solid #444; }
.listoutdesc li p { font-size: 11px; color: #5f5f5f; }
.listoutdesc li p.title { font-size: 20px; margin-bottom: 0px; }
.listoutdesc li p.desc { font-size: 15px; }
.listoutdesc li p.info { margin-bottom: 2px; }
.listoutdesc li p.tags { white-space: normal; }
.listoutdesc li p a:hover { color: #444; text-decoration:underline; }

.data_content { width: 100%; }



.data { width: 640px; float: left; padding: 0 10px 0 0; margin-bottom: 10px; display: table-cell; }


.data img { max-width: 100%; }
.datawide img { max-width: 100%; }


.data p.title { font-size: 18px; margin-bottom: 10px; }
.datawide p.title { font-size: 18px; margin-bottom: 10px; }

.data p.titlebig { font-size: 28px; margin-bottom: 10px; }
.datawide p.titlebig { font-size: 28px; margin-bottom: 10px; }


.data p.headline{ font-size: 30px; margin-left: 0px; margin-bottom: 0px; }
.datawide p.headline { font-size: 30px; margin-left: 0px; margin-bottom: 0px; }
.data h1.headline{ font-size: 30px; margin-left: 0px; margin-bottom: 0px; }
.datawide h1.headline { font-size: 30px; margin-left: 0px; margin-bottom: 0px; }

.data p.headline-desc{ font-size: 15px;
    margin-left: 0px;
    margin-bottom: 10px;
 }
.datawide p.headline-desc { font-size: 15px;
    margin-left: 0px;
    margin-bottom: 10px;
 }



.datawide .review {
max-width: 800px;
}

.shop_right { list-style-type: none; padding: 5px; border-radius: 5px; border: 1px solid #FCCF1B; background-color: #FCF9BD; }



.sales_section { padding: 5px; border-radius: 5px; border: 1px solid #FCCF1B; background-color: #FCF9BD; margin-bottom: 10px; text-align: center; }

.sales_section p.title { margin-bottom: 10px; }
.sales_section p.title.main { font-weight: bold; margin-bottom: 0px; }
.sales_section p.info { font-size: 10px; }
.sales_section p.title.price.old { margin-bottom: 0px; }
.sales_section p.title.price.new { margin-bottom: 0px; }


.booking_section { padding: 5px; border-radius: 5px; border: 1px solid #1b94fc; background-color: #c8e2fd; margin-bottom: 10px; text-align: center; }

.booking_section p.title { margin-bottom: 10px; }
.booking_section p.title.main { font-weight: bold; margin-bottom: 0px; }
.booking_section p.info { font-size: 10px; }
.booking_section p.title.price.old { margin-bottom: 0px; }
.booking_section p.title.price.new { margin-bottom: 0px; }







.shop { float: left; list-style-type: none; margin-bottom: 10px;  }
.shop li { text-align: center; position: relative; float: left; height: 310px; padding: 2px; margin: 2px; overflow: hidden;  width: 310px; margin-bottom: 20px; border: 1px solid #dcdcdc;
    background-color: #e8e8e8; border-radius: 5px; }
.shop li img { width:295px; height:221px; border: 1px solid #FFF; margin: auto; display: block; }
.shop li a:hover img { border: 1px solid #444; }
.shop li p { height: auto; font-size: 12px; overflow: hidden; margin: auto; text-align: center; }
.shop li p.title { font-size: 16px; height: 45px; display: block; font-weight:bold; margin-bottom: 0px; margin-top: 2px; }
.shop li p.info span { float: right; }
.shop li p a { text-decoration:none; color: #444; }
.shop li p a:hover { text-decoration:underline; color: #444; }


.shop li p.price { font-size: 11px; float: left; font-weight: bold; display: block; text-decoration: line-through; margin-left: 10px; text-align: left;
  width: 49%;                     /* poor approximation for old browsers    */
  width: calc(50% - 8px);         /* standards-based answer for IE9+, FF16+ */
  width: -moz-calc(50% - 8px);    /* support for FF4 - FF15                 */
  width: -webkit-calc(50% - 8px); /* support for Chrome19+ and Safari6+     */ }
.shop li p.price.from { text-decoration: none; display: inline-block; }
.shop li p.price span { font-size: 15px; float: left; font-weight: bold;  display: inline-block; color: green; }

.shop li p.buy { float: right; 
  width: 49%;                     /* poor approximation for old browsers    */
  width: calc(50% - 8px);         /* standards-based answer for IE9+, FF16+ */
  width: -moz-calc(50% - 8px);    /* support for FF4 - FF15                 */
  width: -webkit-calc(50% - 8px); /* support for Chrome19+ and Safari6+     */}
.shop li p.buy a { font-size: 13px; float: right; font-weight: bold; display: block; clear: both; background: #ffd137; padding: 4px 8px; border-radius: 5px; margin-right: 10px; color: #000; }
.shop li p.buy a:hover { background: #ffd137; color: #000; }


.realestate {
  display: flex;
  flex-wrap: wrap;
margin-bottom: 10px; 
}

.realestate div.col {

  flex: 1 0 21%; /* explanation below */
  margin: 5px;
  max-width: 230px;
  margin: 5px;
  padding: 5px;
  background-color: #e8e8e8; 

  align-items: center;
  justify-content: center;
}

.realestate li { position: relative; float: left; height: 310px; padding: 2px; margin: 2px; overflow: hidden;  width: 310px; margin-bottom: 20px; border: 1px solid #e8e8e8;
    background-color: #e8e8e8; border-radius: 5px; }
.realestate div img { width: 100%; margin: auto; display: block; height: auto; }
.realestate div a:hover img {  }
.realestate div p { height: auto; font-size: 12px; overflow: hidden; margin: auto; }
.realestate div p.title { font-size: 15px; height: 45px; overflow: hidden; display: block; margin-bottom: 0px; }
.realestate div p.info span { float: right; }
.realestate div p a { text-decoration:none; color: #444; font-weight: normal; }
.realestate div p a:hover { text-decoration:underline; color: #444; }


.realestate div p.price { font-size: 20px; font-weight: 600; display: block; }
.realestate div p.price.from { text-decoration: none; display: inline-block; }
.realestate div p.price span { float: left; font-weight: bold;  display: inline-block; color: green; }

.realestate div p.buy { float: right; 
  width: 49%;                     /* poor approximation for old browsers    */
  width: calc(50% - 8px);         /* standards-based answer for IE9+, FF16+ */
  width: -moz-calc(50% - 8px);    /* support for FF4 - FF15                 */
  width: -webkit-calc(50% - 8px); /* support for Chrome19+ and Safari6+     */}
.realestate div p.buy a { font-size: 13px; float: right; font-weight: bold; display: block; clear: both; background: #ffd137; padding: 4px 8px; border-radius: 5px; margin-right: 10px; color: #000; }
.realestate div p.buy a:hover { background: #ffd137; color: #000; }








.shop_mini { float: left; list-style-type: none; margin-bottom: 10px;  }
.shop_mini li { position: relative; float: left; height: 110px; padding: 2px; margin: 2px; overflow: hidden;  width: 110px; margin-bottom: 20px; border: 1px solid #dcdcdc;
    background-color: #e8e8e8; border-radius: 5px; }
.shop_mini li img { width:95px; height:auto; border: 1px solid #FFF; margin: auto; display: block; }
.shop_mini li a:hover img { border: 1px solid #444; }
.shop_mini li p { width:95px; height: auto; font-size: 12px; overflow: hidden; margin: auto; text-align: center; }
.shop_mini li p.title { font-size: 12px; height: 45px; display: block; font-weight:bold; margin-bottom: 0px; margin-top: 2px; }
.shop_mini li p.info span { float: right; }
.shop_mini li p a { text-decoration:none; color: #444; }
.shop_mini li p a:hover { text-decoration:underline; color: #444; }


.shop_mini li p.price { font-size: 12px; float: left; font-weight: bold; display: block; text-decoration: line-through; margin-left: 10px; text-align: left;
  width: 49%;                     /* poor approximation for old browsers    */
  width: calc(50% - 8px);         /* standards-based answer for IE9+, FF16+ */
  width: -moz-calc(50% - 8px);    /* support for FF4 - FF15                 */
  width: -webkit-calc(50% - 8px); /* support for Chrome19+ and Safari6+     */ }
.shop_mini li p.price span { font-size: 12px; float: left; font-weight: bold; display: block; color: green; }

.shop_mini li p.buy { float: right; 
  width: 49%;                     /* poor approximation for old browsers    */
  width: calc(50% - 8px);         /* standards-based answer for IE9+, FF16+ */
  width: -moz-calc(50% - 8px);    /* support for FF4 - FF15                 */
  width: -webkit-calc(50% - 8px); /* support for Chrome19+ and Safari6+     */}
.shop_mini li p.buy a { font-size: 10px; float: right; font-weight: bold; display: block; clear: both; background: #69AB00; padding: 4px 8px; border-radius: 5px; margin-right: 10px; color: #fff; }
.shop_mini li p.buy a:hover { background: #86DA00; color: #fff; }











.poster { list-style-type: none; margin-bottom: 10px; }
.poster li { position: relative; float: left; width: 212px; height: 350px; padding: 4px 2px; margin: 0px 16px 30px; overflow: hidden; border: 1px solid #bbb; border-radius: 15px; text-align: center;  }
.poster li img { border: 1px solid #E5E5E5; margin: auto; display: block; border-radius: 15px; }
.poster li a:hover img { border: 1px solid #444; }
.poster li p.title { font-size: 20px; overflow: hidden; margin: auto; }
.poster li p.desc { font-size: 15px; overflow: hidden; margin: auto; }




.feature { list-style-type: none; margin-bottom: 10px; }
.feature li { position: relative; float: left; width: 240px; height: 280px; padding: 4px 2px; margin: 0px 3px 10px; overflow: hidden; background: #eaeaea; text-align: center;  }
.feature li img { width: 230px; border: 1px solid #E5E5E5; margin: auto; display: block; }
.feature li a:hover img { border: 1px solid #444; }
.feature li p { font-size: 15px; overflow: hidden; margin: auto; }
.feature li p.title { font-size: 15px; margin: 0 0 5px 0; font-weight: bold; height: 40px; overflow: hidden; }

.feature:after {
    content: '';
    display: block;
    clear: both;
}


.ads {
  list-style: none;
  margin-bottom: 10px;
}

.ads li {
display: block;
width: 233px;
height: 180px;
padding: 10px 10px 22px 10px;
float: left;
margin: 0 5px 10px 5px;
background: #FFFFFF;
border-radius: 5px;
text-align: center;
overflow: hidden;
}

.clocal {
 display: block !important;
}

.cremote {
 display: none !important;
}

.shopnew { float: left; list-style-type: none; margin-bottom: 10px;  }
.shopnew li { position: relative; float: left; height: 190px; padding: 4px 2px; margin: 2px 2px 10px 2px; overflow: hidden; border: 1px solid #fafafa; background-color: #fafafa; text-align: center; }
.shopnew li img { width:180px; height:135px; border: 1px solid #FFF; margin: auto; display: block; }
.shopnew li a:hover img { border: 1px solid #444; }
.shopnew li p { width:180px; height: auto; font-size: 12px; overflow: hidden; margin: auto; }
.shopnew li p.title { font-size: 15px; max-height: 35px; display: block; margin-bottom: 0px; }
.shopnew li p.info span { float: right; }
.shopnew li p a { text-decoration:none; color: #444; }
.shopnew li p a:hover { text-decoration:underline; color: #444; }


.thumbs { float: left; list-style-type: none; margin-bottom: 10px;  }
.thumbs li { position: relative; float: left; height: 190px; padding: 2px; margin: 2px; overflow: hidden; border: 1px solid #fafafa; background-color: #fafafa; }



.thumbs li a.flvembedlink { width:182px; height:137px; position: relative; margin: auto; display: block; }
.thumbs li img { width:180px; height:135px; border: 1px solid #FFF; margin: auto; display: block; }
.thumbs li a:hover img { border: 1px solid #444; }
.thumbs li p { width:180px; height: auto; font-size: 12px; overflow: hidden; margin: auto; }
.thumbs li p.title { font-size: 14px; max-height: 35px; display: block; font-weight:bold; margin-bottom: 0px; }
.thumbs li p.info span { float: right; }
.thumbs li p a { text-decoration:none; color: #444; }
.thumbs li p a:hover { text-decoration:underline; color: #444; }


.thumbs li div { width:180px; height: auto; font-size: 12px; overflow: hidden; margin: auto; }
.thumbs li div.title { font-size: 14px; max-height: 35px; display: block; font-weight:bold; margin-bottom: 0px; }
.thumbs li div.info span { float: right; }
.thumbs li div a { text-decoration:none; color: #444; }
.thumbs li div a:hover { text-decoration:underline; color: #444; }





.thumbs.submenufix { width: 800px; }





.thumbsbig { float: left; list-style-type: none; margin-bottom: 10px;  }
.thumbsbig li { position: relative; float: left; height: 310px; padding: 2px; margin: 2px; overflow: hidden; width: 310px; margin-bottom: 20px; border: 1px solid #dcdcdc;
    background-color: #e8e8e8; border-radius: 5px; }
.thumbsbig li img { width:295px; height:221px; border: 1px solid #FFF; margin: auto; display: block; }
.thumbsbig li a:hover img { border: 1px solid #444; }
.thumbsbig li p { max-width:295px; height: auto; font-size: 12px; overflow: hidden; margin: auto; }
.thumbsbig li p.title { font-size: 14px; max-height: 35px; display: block; font-weight:bold; margin-bottom: 0px; }
.thumbsbig li p.info span { float: right; }
.thumbsbig li p a { text-decoration:none; color: #444; }
.thumbsbig li p a:hover { text-decoration:underline; color: #444; }













.profiles { float: left; list-style-type: none; margin-bottom: 10px;  }
.profiles li { float: left; min-height: 190px; padding: 2px; margin: 2px; overflow: hidden; border: 1px solid #cacaca; border-radius: 10px; background-color: #fafafa; text-align: center; }
.profiles li img { width:180px; height:135px; border: 1px solid #FFF; margin: auto; display: block; border-radius: 10px; }
.profiles li a:hover img { border: 1px solid #444; }
.profiles li p { width:180px; height: auto; font-size: 15px; margin: auto; }
.profiles li p.title { font-size: 20px; max-height: 37px; display: block; margin-bottom: 0px; }
.profiles li p.info { color: green; font-weight: bold; }
.profiles li p.info2 { font-weight: bold; }
.profiles li p a { text-decoration:none; color: #444; }
.profiles li p a:hover { text-decoration:underline; color: #444; }

.profiles li div { width:180px; height: auto; font-size: 15px; margin: auto; display: block; }
.profiles li div.title { font-size: 20px; max-height: 37px; display: block; margin-bottom: 0px; }
.profiles li div.info { color: green; font-weight: bold; }
.profiles li div.info2 { font-weight: bold; }
.profiles li div a { text-decoration:none; color: #444; }
.profiles li div a:hover { text-decoration:underline; color: #444; }









.profiles .submenufix { width: 800px; }



.profiles3 { float: left; list-style-type: none; margin-bottom: 10px;  }
.profiles3 li { position: relative; float: left; width: 323px; min-height: 190px; padding: 4px 2px; margin: 2px 2px 10px 2px; overflow: hidden; border: 1px solid #fafafa; background-color: #fafafa; text-align: center; background: rgba(0, 0, 0, 0.05); border-radius: 10px; }
.profiles3 li:hover { background: rgba(0, 0, 0, 0.2); cursor:pointer; }
.profiles3 li img { width:180px; height:135px; border: 1px solid #FFF; margin: auto; display: block; border-radius: 10px; }
.profiles3 li a:hover img { border: 1px solid #FFF; }
.profiles3 li p { height: auto; font-size: 15px; margin: auto; }
.profiles3 li p.title { font-size: 24px; max-height: 37px; display: block; margin-bottom: 0px; }
.profiles3 li p.info { color: green; font-weight: bold; font-size: 30px;  }
.profiles3 li p.info2 { font-weight: bold; }
.profiles3 li p a { text-decoration:none; color: #444; }
.profiles3 li p a:hover { text-decoration:underline; color: #444; }

.profiles3 .submenufix { width: 800px; }





.profiles4 { float: left; list-style-type: none; margin-bottom: 10px;  }
.profiles4 li { position: relative; float: left; width: 230px; min-height: 190px; padding: 2px; margin: 2px 2px 10px 2px; overflow: hidden; border: 1px solid #fafafa; background-color: #fafafa; text-align: center; background: rgba(0, 0, 0, 0.05); border-radius: 10px; }
.profiles4 li:hover { background: rgba(0, 0, 0, 0.2); cursor:pointer; }
.profiles4 li img { width: 238px; height: auto; border: 1px solid #FFF; margin: auto; display: block; border-radius: 10px; }
.profiles4 li a:hover img { border: 1px solid #FFF; }
.profiles4 li p { height: auto; font-size: 15px; margin: auto; }
.profiles4 li p.title { font-size: 24px; max-height: 37px; display: block; margin-bottom: 0px; }
.profiles4 li p.info { color: green; font-weight: bold; font-size: 30px;  }
.profiles4 li p.info2 { font-weight: bold; }
.profiles4 li p a { text-decoration:none; color: #444; }
.profiles4 li p a:hover { text-decoration:underline; color: #444; }
.profiles4 .submenufix { width: 800px; }














.thumbs_small { list-style-type: none; background: #eae5e1; }
.thumbs_small li { position: relative; float: left; width: 100px; margin: 5px; }
.thumbs_small li img { width: 100px; height: 75px; border: 1px solid #FFF; margin: auto; display: block; border-radius: 10px; }
.thumbs_small li a:hover img { border: 1px solid #000; }
.thumbs_small li p { width: 100px; height: auto; font-size: 12px; overflow: hidden; margin: auto; text-align: center; }
.thumbs_small li p.title { font-size: 14px; max-height: 35px; display: block; font-weight:bold; }
.thumbs_small li p a { text-decoration:none; color: #000; }
.thumbs_small li p a:hover { text-decoration:underline; color: #000; }

.hot_button {

color: white;
font-size: 14px;
font-weight: bold;
background: #217A21;
padding: 1px 6px 1px 6px;
display: block;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;

}

.hot_button span {
    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


.blink_me {
  animation: blinkerx 2s linear infinite;
}

@keyframes blinkerx {
  50% {
    opacity: 0;
  }
}

.pages { clear: both; text-align: center; font-size: 20px; word-spacing: 8px; margin: auto; }
.datawide .pages { font-size: 30px; }
.pages a { }
.pages a:hover { text-decoration:underline; color: #444; }

.pages span { background: #e6e5e5; padding: 1px 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.pages span.sel { background: #404040; padding: 1px 10px; color: #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }


.clear { clear: both; }

.right { width: 300px; min-height: 600px; float: right; overflow: hidden; display: table-cell; }



.footer { width: 960px; margin: auto; clear: both; background: #282828; color: #999; min-height: 200px; text-align: center; padding: 10px; font-size: 14px; } 
.footer a { color: #999; text-decoration: underline; } 
.footer a:hover { text-decoration:none; color: #999; }

.content { width: 960px; margin: auto; clear: both; background: #fff; padding: 10px; min-height: 900px; } 
.content ul { list-style-position:inside; margin-bottom: 10px; }
.content ol { list-style-position:inside; margin-bottom: 10px; }
.content h3 { font-size: 1em; margin-left: 0px; margin-bottom: 10px; }
.content h2 { font-size: 1.5em; margin-left: 0px; margin-bottom: 10px; }
.content h1 { font-size: 2em; margin-left: 0px; margin-bottom: 10px; }

h2.space { margin: 30px 0 10px; font-size: 1.4em; }


.promobar { margin: auto; clear: both; padding-bottom: 10px; text-align: center; }
.promobar img { display: block; margin: auto; }



.menubottom { list-style-position:inside;  margin-bottom: 10px;   display: table;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
table-layout: fixed;
width: 100%;

}
.menubottom li { margin: 0 5px 5px 0; padding: 10px; background: #1F1F1F; word-wrap: break-word; display: table-cell; }



.content .forback {

position: relative;
display: block;
padding-right: 12px;
color: #fff;
background-color: #ff3c1f;
text-decoration: none;
border-radius: 3px 0 0 3px;
height: 34px;
line-height: 34px;
padding: 0 10px 0 10px;
font-weight: bold;
width: 64px;
cursor: pointer;

}



.content .forback:after  {

content: "";
position: absolute;
top: 0;
left: 84px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 17px;
border-color: transparent transparent transparent #ff3c1f;

}


.content .forback:hover {
    background-color: #9D1805;
}

.content .forback:hover:after {
    border-left-color: #9D1805;
}


.content .forback a {
color: #fff;
text-decoration: none;
}


.content p { margin-bottom: 10px; }

.content p.content_bar_off { background-color:#fff; float: right; width: 100px; }
.content p.content_bar_on { background-color:#aaa; float: right; width: 100px; }

.promobox {
	clear: both;
	margin: 10px;
	height: auto;
	width: auto;
	overflow: hidden;
	border: 1px solid #D1D1D1;
	padding: 10px;
	background-color: #D8DAFF;
	text-align: center;

}

.promobox p { font-size: 14px; color: #5f5f5f;  }
.promobox p.title { font-size: 20px; margin-bottom: 10px; }
.promobox p a:hover { color: #444; text-decoration:underline; }

.userbox {
	float: right;
	width: 700px;
	// height: 50px;
	display: block;
}

.searchbox {
	float: right;
	width: 390px;
	display: block;
	text-align: right;
}

.searchbox input.searchq {
    box-sizing: border-box;
	font-size: 16px;
	color: #999;
	padding: 6px;
	border-radius: 3px;
	width: 100%;
	border: 1px solid #b8b8b8;
}

.searchbox input.submitq {
	// width: 67px;
	height: 32px;
	border: none;
	border-radius: 3px;
	color: #111;
	cursor: pointer;
	// text-indent:-9999px;
	padding: 0 10px;
	color: #444;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 1px #f8f8f8;

}

.searchbox input.submitq:hover {

	color: #111;
}

.searchbox input.submitq:active {

}


label {
	width: 160px;
	display:inline-block;
}






.headertop_container .button_blue { width: auto; }


    .custom_request_link {
        color: #ff5733;
        text-decoration: none;
        font-weight: bold;
        transition: color 0.3s ease, text-decoration 0.3s ease;
    }

    .custom_request_link:hover {
        color: #c13500;
        text-decoration: underline;
    }


.button_request {
    display: block;
    width: 100%;
    max-width: 100%;
    background: linear-gradient(to bottom, #FFA500, #FF7F00); /* Svetlo narandžasta */
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    margin: 10px auto;
}

.button_request:hover {
    background: linear-gradient(to bottom, #E65C00, #B34700); /* Tamno narandžasta */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    color: white !important;
}



@media screen and (max-width: 768px) {
    .sticky_wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        padding: 10px 0;
        text-align: center;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .sticky_wrapper p {
        font-size: 14px;
        color: #333;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .sticky_button_request {
        display: inline-block;
        width: 90%;
        max-width: 400px;
        background: linear-gradient(to bottom, #ff5733, #c13500);
        color: white;
        font-size: 18px;
        font-weight: bold;
        padding: 12px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        text-transform: uppercase;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
        text-align: center;
        text-decoration: none;
    }

    .sticky_button_request:hover {
        background: linear-gradient(to bottom, #ff764a, #a12a00);
    }
}

/* Sakrij na većim ekranima */
@media screen and (min-width: 769px) {
    .sticky_wrapper {
        display: none;
    }
}







.button_blue_on {

	background: rgba(0, 0, 0, 0.8);
	color: white;

}



.button_shop {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 0;
	width: 140px;
	height: 24px;
	line-height: 24px;
	text-align: right;
	padding: 2px 10px 2px 10px;
	background: rgba(0, 0, 0, 0.15);
	font-size: 18px;
	font-weight: normal;
	color: #444;
	margin: 0 10px 0 0;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.button_shop:hover {

	background: #45C45F;
	color: white;

}

.button_shop_on {

	background: background: #179731;
	color: white;

}



.button_blue_contact {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 0;
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	padding: 2px 10px 2px 10px;
	background: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin: 0 0 0 10px;
	overflow: hidden;
	cursor: pointer;
	float: right;
}

.button_blue_contact:hover {

	background: rgba(0, 0, 0, 0.9);
	color: white;

}

.button {
	font-size: 18px;
	margin-top: 10px;
	padding: 2px 10px 2px 10px;
}

.sale {
	font-size: 20px;
	color: green;
	font-weight: bold;
}



.views { width: 310px; list-style-type: none; background: #f4f4f4; }
.views li { margin-bottom: 4px; height: 40px; width: 310px; overflow: hidden; clear: both; border-bottom: 1px dashed #ccc; text-indent: 10px; font-size: 16px; }
.views li a { text-decoration: underline; color: #444; }
.views li a:hover { text-decoration: none; color: #444; }



.wrappermenu { 

}

/* reset --------------------------------- */
.menu, .menu ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	width: 980px;

}
/* --------------------------------------- */
.menu li, .menu ul a {position:relative; z-index: 900; }
.menu > li {float:left;}
.menu > li.floatr {float:right;}
.menu li > a {display:block;}
/* --------------------------------------- */
.menu ul {
	position:absolute;
	display:none;
	width: 100%;
}
.menu ul ul {
	top:0;
	left:125px;
}
.menu > li.floatr > ul {right:0;}
.menu > li.floatr > ul ul {left:-125px;}
.menu li:hover > ul {display:block;}
/* mega menu ----------------------------- */
.menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 {
	position:absolute;
	display:none;
	overflow:auto;
}
.menu .cols1, .menu .col1 {width:160px;}
.menu .cols2, .menu .col2 {width:320px;}
.menu .cols3, .menu .col3 {width:480px;}
.menu .cols4, .menu .col4 {width:640px;}
.menu .cols5, .menu .col5 {width:800px;}
.menu > li.floatr > div {right:0;}
.menu > li:hover > div {display:block;}
.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 {float:left;}


.lblack {
	height:47px;
	border:1px solid #292929;
	
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);
	
//	-webkit-border-radius:3px;
//	-moz-border-radius:3px;
//	border-radius:3px;

//	-webkit-box-shadow:inset 0 1px #787878, inset 0 -2px #292929, 0 1px 3px #ddd;
//	-moz-box-shadow:inset 0 1px #787878, inset 0 -2px #292929, 0 1px 3px #ddd;
//	box-shadow:inset 0 1px #787878, inset 0 -2px #292929, 0 1px 3px #ddd;
}

.lblack a {text-decoration:none;}

.lblack > li > a {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-shadow:0 -1px #1b1b1b;
	padding:13px 20px 16px;
}
.lblack > li:hover > a {
	background-color:#666;
	
//	-webkit-box-shadow:inset 0 3px #575757, inset 1px 0 #787878;
//	-moz-box-shadow:inset 0 3px #575757, inset 1px 0 #787878;
//	box-shadow:inset 0 3px #575757, inset 1px 0 #787878;
	
	border-left:none;
	padding-left:21px;
}

.lblack > li {border-right:1px solid #343434;border-right:1px solid rgba(0, 0, 0, .33);}
.lblack > li > a {border-left:1px solid #858585;border-left:1px solid rgba(255, 255, 255, .20);}
.lblack > li.floatr {
	border-right:none;
	border-left:1px solid #343434;
	border-left:1px solid rgba(0, 0, 0, .33);
}

.lblack > li > a img, .lblack li > ul > li > a img {
	border:0;
	margin-right:7px;
}

/* notification bubbles ------------------ */

.lblack > li > a .bubble, .lblack li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.lblack > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
//	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
//	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
//	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
}
.lblack > li > a .bubble-alt {
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	
//	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
//	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
//	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}
.lblack > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.lblack ul > li .bubble {
	font-size:11px;
	line-height:12px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:10px;
	top:11px;
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}

.lblack > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.lblack ul {
	background-color:#666;
	border:1px solid #2c2c2c;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	box-shadow:0 2px #ddd, inset 1px 0 #787878;
	width: auto;
}
.lblack > li.floatr > ul {right:-1px;left:auto;}
.lblack > li.floatr > ul ul {left:-127px;}
.lblack ul a {
	color:#fff;
	font-weight:bold;

	font-size:14px;
	border-top:1px solid #4c4c4c;
	line-height: 18px;
	text-shadow: 0 1px #0f0f0f;
	padding: 9px 16px 12px;

}
.lblack ul a:hover {
	background-color:#606060;
	-webkit-box-shadow:inset 1px 1px #787878;
	-moz-box-shadow:inset 1px 1px #787878;
	box-shadow:inset 1px 1px #787878;
}
.lblack ul ul li:first-child a {border-top-color:#2c2c2c;}

/* mega menu ----------------------------- */

.lblack li > div {
	background-color:#666;
	border:1px solid #2c2c2c;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	box-shadow:0 2px #ddd, inset 1px 0 #787878;
	padding:10px;
}
.lblack > li.floatr > div {right:-1px;left:auto;}
.lblack h4, .lblack h5 {margin:0;padding:0;}
.lblack h4 {
	font-size:15px;
	color:#ccc;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #888;
}
.lblack h5 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px 10px 0;
	text-shadow:0 -1px #444;
}
.lblack ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.lblack ol a {
	color:#ddd;
	font-size:12px;
	padding:3px 0;
}
.lblack ol a:hover {
	color:#fff;
}
.lblack p {
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.lblack p a {
	color:#ddd;
	text-decoration:underline;
}
.lblack p a:hover {
	color:#fff;
}





.lblue {
	height:47px;
	border:1px solid #043d72;
	
	background-color:#155ea2;
	background-image:-webkit-linear-gradient(top, #206aaf, #0c5396);
	background-image:-moz-linear-gradient(top, #206aaf, #0c5396);
	background-image:-o-linear-gradient(top, #206aaf, #0c5396);
	background-image:-ms-linear-gradient(top, #206aaf, #0c5396);
	background-image:linear-gradient(top, #206aaf, #0c5396);
	
//	-webkit-border-radius:3px;
//	-moz-border-radius:3px;
//	border-radius:3px;

//	-webkit-box-shadow:inset 0 1px #4d88bf, inset 0 -2px #06427a, 0 1px 3px #ddd;
//	-moz-box-shadow:inset 0 1px #4d88bf, inset 0 -2px #06427a, 0 1px 3px #ddd;
//	box-shadow:inset 0 1px #4d88bf, inset 0 -2px #06427a, 0 1px 3px #ddd;
}

.lblue a {text-decoration:none;}

.lblue > li > a {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-shadow:0 -1px #09223a;
	padding:13px 20px 16px;
}
.lblue > li:hover > a {
	background-color:#216fb8;
	
//	-webkit-box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
//	-moz-box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
//	box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
	
	border-left:none;
	padding-left:21px;
}

.lblue > li {border-right:1px solid #0d3f72;border-right:1px solid rgba(0, 0, 0, .33);}
.lblue > li > a {border-left:1px solid #4c8bcb;border-left:1px solid rgba(255, 255, 255, .20);}
.lblue > li.floatr {
	border-right:none;
	border-left:1px solid #0d3f72;
	border-left:1px solid rgba(0, 0, 0, .33);
}

.lblue > li > a img, .lblue li > ul > li > a img {
	border:0;
	margin-right:7px;
}

/* notification bubbles ------------------ */

.lblue > li > a .bubble, .lblue li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.lblue > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
}
.lblue > li > a .bubble-alt {
	color:#fff;
	background-color:#043d71;
	text-shadow:0 1px #032b4f;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
}
.lblue > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.lblue ul > li .bubble {
	font-size:11px;
	line-height:12px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:10px;
	top:11px;
	color:#fff;
	background-color:#043d71;
	text-shadow:0 1px #242424;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
}

.lblue > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.lblue ul {
	background-color:#216fb8;
	border:1px solid #06345e;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	width: auto;
}
.lblue > li.floatr > ul {right:-1px;left:auto;}
.lblue > li.floatr > ul ul {left:-127px;}
.lblue ul a {
	color:#fff;
	font-weight:bold;

	font-size:14px;
	border-top:1px solid #165691;
	line-height: 18px;
	text-shadow: 0 1px #447fb7;
	padding: 9px 16px 12px;

}
.lblue ul a:hover {
	background-color:#1c65aa;
	-webkit-box-shadow:inset 1px 1px #447fb7;
	-moz-box-shadow:inset 1px 1px #447fb7;
	box-shadow:inset 1px 1px #447fb7;
}
.lblue ul ul li:first-child a {border-top-color:#06345e;}

/* mega menu ----------------------------- */

.lblue li > div {
	background-color:#216fb8;
	border:1px solid #06345e;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	padding:10px;
}
.lblue > li.floatr > div {right:-1px;left:auto;}
.lblue h4, .lblue h5 {margin:0;padding:0;}
.lblue h4 {
	font-size:15px;
	color:#b3cbe2;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #508ac1;
}
.lblue h5 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px 10px 0;
	text-shadow:0 -1px #0d3f72;
}
.lblue ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.lblue ol a {
	color:#b8d3ec;
	font-size:12px;
	padding:3px 0;
}
.lblue ol a:hover {
	color:#fff;
}
.lblue p {
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.lblue p a {
	color:#b8d3ec;
	text-decoration:underline;
}
.lblue p a:hover {
	color:#fff;
}



.lgray {
	height:47px;
	border:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
}

.lgray a {text-decoration:none;}

.lgray > li > a {
	color:#444;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-shadow:0 1px #f8f8f8;
	padding:13px 20px 16px;
}
.lgray > li:hover > a {
	background-color:#fff;
	background-image:-webkit-linear-gradient(top, #f5f5f5, #fff);
	background-image:-moz-linear-gradient(top, #f5f5f5, #fff);
	background-image:-o-linear-gradient(top, #f5f5f5, #fff);
	background-image:-ms-linear-gradient(top, #f5f5f5, #fff);
	background-image:linear-gradient(top, #f5f5f5, #fff);
	
	-webkit-box-shadow:inset 0 3px #eee;
	-moz-box-shadow:inset 0 3px #eee;
	box-shadow:inset 0 3px #eee;
	
	border-left:none;
	padding-left:21px;
}

.lgray > li {border-right:1px solid #bbb;border-right:1px solid rgba(10, 10, 10, .1);}
.lgray > li > a {border-left:1px solid #e3e3e3;border-left:1px solid rgba(255, 255, 255, .35);}
.lgray > li.floatr {
	border-right:none;
	border-left:1px solid #bbb;
	border-left:1px solid rgba(10, 10, 10, .1);
}

.lgray > li > a img, .lgray li > ul > li > a img {
	border:0;
	margin-right:7px;
}

/* notification bubbles ------------------ */

.lgray > li > a .bubble, .lgray li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.lgray > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
}
.lgray > li > a .bubble-alt {
	color:#fff;
	background-color:#737373;
	text-shadow:0 1px #505050;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
}
.lgray > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.lgray ul > li .bubble {
	font-size:11px;
	line-height:14px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#fff;
	color:#777;
	border:1px solid #ccc;
	position:absolute;
	right:10px;
}

.lgray > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.lgray ul {
	background-color:#fff;
	border:1px solid #b3b3b3;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px 1px #ddd;
	-moz-box-shadow:0 2px 1px #ddd;
	box-shadow:0 2px 1px #ddd;
	width: auto;
}
.lgray > li.floatr > ul {right:-1px;left:auto;}
.lgray > li.floatr > ul ul {left:-127px;}
.lgray ul a {
	color:#666;
	font-weight:bold;
	font-size:14px;
	border-top:1px solid #e4e4e4;
	line-height: 18px;
	text-shadow: 0 1px #ddd;
	padding: 9px 16px 12px;



}
.lgray ul a:hover {
	background-color:#f5f5f5;
}
.lgray ul ul li:first-child a {border-top-color:#b3b3b3;}

/* mega menu ----------------------------- */

.lgray li > div {
	background-color:#fff;
	border:1px solid #b3b3b3;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px 1px #ddd;
	-moz-box-shadow:0 2px 1px #ddd;
	box-shadow:0 2px 1px #ddd;
	padding:10px;
}
.lgray > li.floatr > div {right:-1px;left:auto;}
.lgray h4, .lgray h5 {margin:0;padding:0;}
.lgray h4 {
	font-size:15px;
	color:#888;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}
.lgray h5 {
	font-size:14px;
	color:#444;
	font-weight:bold;
	margin:10px 10px 0;
}
.lgray ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.lgray ol a {
	color:#777;
	font-size:12px;
	padding:3px 0;
}
.lgray ol a:hover {
	color:#444;
}
.lgray p {
	color:#555;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.lgray p a {
	color:#888;
	text-decoration:underline;
}
.lgray p a:hover {
	color:#555;
}


.sblack {
	height:32px;
	border:1px solid #292929;
	
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 3px #ddd;
}

.sblack a {text-decoration:none;}

.sblack > li > a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	text-shadow:0 -1px #1b1b1b;
	padding:8px 12px 8px;
}
.sblack > li:hover > a {
	background-color:#666;
	
	-webkit-box-shadow:inset 0 3px #575757, inset 1px 0 #787878;
	-moz-box-shadow:inset 0 3px #575757, inset 1px 0 #787878;
	box-shadow:inset 0 3px #575757, inset 1px 0 #787878;
	
	border-left:none;
	padding-left:13px;
}

.sblack > li {border-right:1px solid #343434;border-right:1px solid rgba(0, 0, 0, .33);}
.sblack > li > a {border-left:1px solid #858585;border-left:1px solid rgba(255, 255, 255, .20);}
.sblack > li.floatr {
	border-right:none;
	border-left:1px solid #343434;
	border-left:1px solid rgba(0, 0, 0, .33);
}

.sblack > li > a img, .sblack li > ul > li > a img {
	border:0;
	margin-right:5px;
}

/* notification bubbles ------------------ */

.sblack > li > a .bubble, .sblack li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.sblack > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
}
.sblack > li > a .bubble-alt {
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}
.sblack > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.sblack ul > li .bubble {
		font-size:11px;
	line-height:12px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:6px;
	top:7px;
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}

.sblack > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.sblack ul {
	background-color:#666;
	border:1px solid #2c2c2c;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	box-shadow:0 2px #ddd, inset 1px 0 #787878;
	width: auto;
}
.sblack > li.floatr > ul {right:-1px;left:auto;}
.sblack > li.floatr > ul ul {left:-127px;}
.sblack ul a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	padding:5px 10px;
	border-top:1px solid #4c4c4c;
	-webkit-box-shadow:inset 0 1px #787878;
	-moz-box-shadow:inset 0 1px #787878;
	box-shadow:inset 0 1px #787878;
	text-shadow:0 -1px #0f0f0f;
}
.sblack ul a:hover {
	background-color:#606060;
	-webkit-box-shadow:inset 1px 1px #787878;
	-moz-box-shadow:inset 1px 1px #787878;
	box-shadow:inset 1px 1px #787878;
}
.sblack ul ul li:first-child a {border-top-color:#2c2c2c;}

/* mega menu ----------------------------- */

.sblack li > div {
	background-color:#666;
	border:1px solid #2c2c2c;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	box-shadow:0 2px #ddd, inset 1px 0 #787878;
	padding:4px;
}
.sblack > li.floatr > div {right:-1px;left:auto;}
.sblack h4, .sblack h5 {margin:0;padding:0;}
.sblack h4 {
	font-size:15px;
	color:#ccc;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #888;
}
.sblack h5 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px 10px 0;
	text-shadow:0 -1px #444;
}
.sblack ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.sblack ol a {
	color:#ddd;
	font-size:12px;
	padding:3px 0;
}
.sblack ol a:hover {
	color:#fff;
}
.sblack p {
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.sblack p a {
	color:#ddd;
	text-decoration:underline;
}
.sblack p a:hover {
	color:#fff;
}



.sblue {
	height:32px;
	border:1px solid #043d72;
	
	background-color:#155ea2;
	background-image:-webkit-linear-gradient(top, #206aaf, #0c5396);
	background-image:-moz-linear-gradient(top, #206aaf, #0c5396);
	background-image:-o-linear-gradient(top, #206aaf, #0c5396);
	background-image:-ms-linear-gradient(top, #206aaf, #0c5396);
	background-image:linear-gradient(top, #206aaf, #0c5396);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #4d88bf, inset 0 -1px #06427a, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #4d88bf, inset 0 -1px #06427a, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #4d88bf, inset 0 -1px #06427a, 0 1px 3px #ddd;
}

.sblue a {text-decoration:none;}

.sblue > li > a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	text-shadow:0 -1px #09223a;
	padding:8px 12px 8px;
}
.sblue > li:hover > a {
	background-color:#216fb8;
	
	-webkit-box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
	-moz-box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
	box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
	
	border-left:none;
	padding-left:13px;
}

.sblue > li {border-right:1px solid #0d3f72;border-right:1px solid rgba(0, 0, 0, .33);}
.sblue > li > a {border-left:1px solid #4c8bcb;border-left:1px solid rgba(255, 255, 255, .20);}
.sblue > li.floatr {
	border-right:none;
	border-left:1px solid #0d3f72;
	border-left:1px solid rgba(0, 0, 0, .33);
}

.sblue > li > a img, .sblue li > ul > li > a img {
	border:0;
	margin-right:5px;
}

/* notification bubbles ------------------ */

.sblue > li > a .bubble, .sblue li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.sblue > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
}
.sblue > li > a .bubble-alt {
	color:#fff;
	background-color:#043d71;
	text-shadow:0 1px #032b4f;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
}
.sblue > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.sblue ul > li .bubble {
	font-size:11px;
	line-height:12px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:6px;
	top:7px;
	color:#fff;
	background-color:#043d71;
	text-shadow:0 1px #242424;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
}

.sblue > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.sblue ul {
	background-color:#216fb8;
	border:1px solid #06345e;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	width: auto;
}
.sblue > li.floatr > ul {right:-1px;left:auto;}
.sblue > li.floatr > ul ul {left:-127px;}
.sblue ul a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	padding:5px 10px;
	border-top:1px solid #165691;
	-webkit-box-shadow:inset 0 1px #447fb7;
	-moz-box-shadow:inset 0 1px #447fb7;
	box-shadow:inset 0 1px #447fb7;
	text-shadow:0 -1px #0d3f72;
}
.sblue ul a:hover {
	background-color:#1c65aa;
	-webkit-box-shadow:inset 1px 1px #447fb7;
	-moz-box-shadow:inset 1px 1px #447fb7;
	box-shadow:inset 1px 1px #447fb7;
}
.sblue ul ul li:first-child a {border-top-color:#06345e;}

/* mega menu ----------------------------- */

.sblue li > div {
	background-color:#216fb8;
	border:1px solid #06345e;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
	padding:4px;
}
.sblue > li.floatr > div {right:-1px;left:auto;}
.sblue h4, .sblue h5 {margin:0;padding:0;}
.sblue h4 {
	font-size:15px;
	color:#b3cbe2;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #508ac1;
}
.sblue h5 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px 10px 0;
	text-shadow:0 -1px #0d3f72;
}
.sblue ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.sblue ol a {
	color:#b8d3ec;
	font-size:12px;
	padding:3px 0;
}
.sblue ol a:hover {
	color:#fff;
}
.sblue p {
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.sblue p a {
	color:#b8d3ec;
	text-decoration:underline;
}
.sblue p a:hover {
	color:#fff;
}



.sgray {
	height:32px;
	border:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);

/*	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
*/

}

.sgray a {text-decoration:none;}

.sgray > li > a {
	color:#444;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	text-shadow:0 1px #f8f8f8;
	padding:8px 12px 8px;
}
.sgray > li:hover > a {
	background-color:#fff;
	background-image:-webkit-linear-gradient(top, #f5f5f5, #fff);
	background-image:-moz-linear-gradient(top, #f5f5f5, #fff);
	background-image:-o-linear-gradient(top, #f5f5f5, #fff);
	background-image:-ms-linear-gradient(top, #f5f5f5, #fff);
	background-image:linear-gradient(top, #f5f5f5, #fff);
	
	-webkit-box-shadow:inset 0 3px #eee;
	-moz-box-shadow:inset 0 3px #eee;
	box-shadow:inset 0 3px #eee;
	
	border-left:none;
	padding-left:13px;
}

.sgray > li {border-right:1px solid #bbb;border-right:1px solid rgba(10, 10, 10, .1);}
.sgray > li > a {border-left:1px solid #e3e3e3;border-left:1px solid rgba(255, 255, 255, .35);}
.sgray > li.floatr {
	border-right:none;
	border-left:1px solid #bbb;
	border-left:1px solid rgba(10, 10, 10, .1);
}

.sgray > li > a img, .sgray li > ul > li > a img {
	border:0;
	margin-right:5px;
}

/* notification bubbles ------------------ */

.sgray > li > a .bubble, .sgray li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.sgray > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
}
.sgray > li > a .bubble-alt {
	color:#fff;
	background-color:#737373;
	text-shadow:0 1px #505050;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
}
.sgray > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.sgray ul > li .bubble {
	font-size:11px;
	line-height:14px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#fff;
	color:#777;
	border:1px solid #ccc;
	position:absolute;
	right:5px;
}

.sgray > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.sgray ul {
	background-color:#fff;
	border:1px solid #b3b3b3;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px 1px #ddd;
	-moz-box-shadow:0 2px 1px #ddd;
	box-shadow:0 2px 1px #ddd;
	width: auto;
}
.sgray > li.floatr > ul {right:-1px;left:auto;}
.sgray > li.floatr > ul ul {left:-127px;}
.sgray ul a {
	color:#666;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	padding:5px 10px;
	border-top:1px solid #e4e4e4;
}
.sgray ul a:hover {
	background-color:#f5f5f5;
}
.sgray ul ul li:first-child a {border-top-color:#b3b3b3;}

/* mega menu ----------------------------- */

.sgray li > div {
	background-color:#fff;
	border:1px solid #b3b3b3;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px 1px #ddd;
	-moz-box-shadow:0 2px 1px #ddd;
	box-shadow:0 2px 1px #ddd;
	padding:4px;
}
.sgray > li.floatr > div {right:-1px;left:auto;}
.sgray h4, .sgray h5 {margin:0;padding:0;}
.sgray h4 {
	font-size:15px;
	color:#888;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}
.sgray h5 {
	font-size:14px;
	color:#444;
	font-weight:bold;
	margin:10px 10px 0;
}
.sgray ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.sgray ol a {
	color:#777;
	font-size:12px;
	padding:3px 0;
}
.sgray ol a:hover {
	color:#444;
}
.sgray p {
	color:#555;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.sgray p a {
	color:#888;
	text-decoration:underline;
}
.sgray p a:hover {
	color:#555;
}


.mgray {
	height:40px;
//	border:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);

/*	
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
*/

}

.mgray a {text-decoration:none;}

.mgray > li > a {
	color:#444;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-shadow:0 1px #f8f8f8;
	padding:9px 16px 12px;
}
.mgray > li:hover > a {
	background-color:#fff;
	background-image:-webkit-linear-gradient(top, #f5f5f5, #fff);
	background-image:-moz-linear-gradient(top, #f5f5f5, #fff);
	background-image:-o-linear-gradient(top, #f5f5f5, #fff);
	background-image:-ms-linear-gradient(top, #f5f5f5, #fff);
	background-image:linear-gradient(top, #f5f5f5, #fff);
	
//	-webkit-box-shadow:inset 0 3px #eee;
//	-moz-box-shadow:inset 0 3px #eee;
//	box-shadow:inset 0 3px #eee;
	
	border-left:none;
	padding-left:17px;
}

.mgray > li {border-right:1px solid #bbb;border-right:1px solid rgba(10, 10, 10, .1);}
.mgray > li > a {border-left:1px solid #e3e3e3;border-left:1px solid rgba(255, 255, 255, .35);}
.mgray > li.floatr {
	border-right:none;
	border-left:1px solid #bbb;
	border-left:1px solid rgba(10, 10, 10, .1);
}

.mgray > li > a img, .mgray li > ul > li > a img {
	border:0;
	margin-right:7px;
}

/* notification bubbles ------------------ */

.mgray > li > a .bubble, .mgray li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.mgray > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
}
.mgray > li > a .bubble-alt {
	color:#fff;
	background-color:#737373;
	text-shadow:0 1px #505050;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #f1f1f1;
}
.mgray > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.mgray ul > li .bubble {
	font-size:11px;
	line-height:14px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#fff;
	color:#777;
	border:1px solid #ccc;
	position:absolute;
	right:8px;
}

.mgray > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

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

.mgray ul {
	background-color:#fff;
//	border:1px solid #b3b3b3;
	border-top:none;
	left:-1px;
//	-webkit-box-shadow:0 2px 1px #ddd;
//	-moz-box-shadow:0 2px 1px #ddd;
//	box-shadow:0 2px 1px #ddd;
	width: auto;
}
.mgray > li.floatr > ul {right:-1px;left:auto;}
.mgray > li.floatr > ul ul {left:-127px;}
.mgray ul a {
	color:#666;
	font-weight:bold;
	font-size:14px;
	border-top:1px solid #e4e4e4;
	line-height: 18px;
	text-shadow: 0 1px #f8f8f8;
	padding: 9px 16px 12px;
}
.mgray ul a:hover {
	background-color:#f5f5f5;
}
.mgray ul ul li:first-child a {border-top-color:#b3b3b3;}

/* mega menu ----------------------------- */

.mgray li > div {
	background-color:#fff;
	border:1px solid #b3b3b3;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px 1px #ddd;
	-moz-box-shadow:0 2px 1px #ddd;
	box-shadow:0 2px 1px #ddd;
	padding:6px;
}
.mgray > li.floatr > div {right:-1px;left:auto;}
.mgray h4, .mgray h5 {margin:0;padding:0;}
.mgray h4 {
	font-size:15px;
	color:#888;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}
.mgray h5 {
	font-size:14px;
	color:#444;
	font-weight:bold;
	margin:10px 10px 0;
}
.mgray ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.mgray ol a {
	color:#777;
	font-size:12px;
	padding:3px 0;
}
.mgray ol a:hover {
	color:#444;
}
.mgray p {
	color:#555;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.mgray p a {
	color:#888;
	text-decoration:underline;
}
.mgray p a:hover {
	color:#555;
}

.datawide p { max-width: none; }




.buy { text-align: center; }
.buy a { font-size: 23px; font-weight: bold; clear: both; background: #69AB00; padding: 4px 8px; border-radius: 5px; color: #fff; }
.buy a:hover { background: #86DA00; color: #FFF; text-decoration:underline; }


.buyshop {text-align: center; font-size: 23px; font-weight: bold; clear: both; background: #69AB00; padding: 4px 8px; border-radius: 5px; color: #fff; }
.buyshop:hover { background: #86DA00; color: #FFF; text-decoration:underline; }



.buybutton {
	display: table;
	margin: 20px auto;
	padding: 4px 19px 4px 19px;
	border: 1px solid #9f7332;
	border-radius: 5px;
	box-shadow: 0 4px 0 #7f5a23, 0 6px 6px rgba(0, 0, 0, 0.3), 0 0 0 1px #ffe56d inset;
	font-weight: normal;
	font-size: 18px !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fef47c;
	color: #000 !important;
	background: #fbca5b;
	cursor: pointer;
	white-space: normal;
	border-collapse: initial;
}


.buybutton:hover {
	background: #FADA92;
	text-decoration: none;
}



.buybutton_blue {
	display: table;
	margin: 20px auto;
	padding: 4px 19px 4px 19px;
	border: 1px solid #32729f;
	border-radius: 5px;
	box-shadow: 0 4px 0 #23507f, 0 6px 6px rgba(0, 0, 0, 0.3), 0 0 0 1px #6daeff inset;
	font-weight: normal;
	font-size: 20px !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #7cbcfe;
	color: #FFF !important;
	background: #3f90ca;
	cursor: pointer;
	white-space: normal;
	border-collapse: initial;
}


.buybutton_blue:hover {
	background: #5bb9fb;
	text-decoration: none;
}



.buybutton_gray {
    display: table;
    margin: 20px auto;
    padding: 4px 19px 4px 19px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    box-shadow: 0 4px 0 #777777, 0 6px 6px rgba(0, 0, 0, 0.3), 0 0 0 1px #d8d8d8 inset;
    font-weight: normal;
    font-size: 20px !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    color: #000 !important;
    background: #d2d2d2;
    cursor: pointer;
    white-space: normal;
    border-collapse: initial;
}


.buybutton_gray:hover {
	background: #dcdcdc;
	text-decoration: none;
}





.section {
font-size: 19px;
width: 960px;
padding: 10px;
min-height: 490px;
}

.sectionright {

width: 490px; float: right; height: auto;


}

.sectionleft {

width: 490px; float: left; height: auto;


}

.sectionseparator {

clear: both;
width: auto; height: 1px; border-bottom: 1px solid rgb(201, 201, 201);

}






.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font-size: 15px;
	margin-bottom: 10px;
}

.breadcrumb li { 
	float: left; 
}


		.breadcrumb li a {
			color: white;
			text-decoration: none; 
			padding: 3px 0 3px 45px;
			background: brown;                   /* fallback color */
			background: hsla(34,85%,35%,1); 
			position: relative; 
			display: block;
			float: left;
		}



		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(34,85%,35%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}

.breadcrumb li:first-child a {
	padding-left: 10px;
}


.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
/*
.breadcrumb li:last-child a:after { border: 0; }
*/
.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }





.breadcrumb2 { 
	list-style: none; 
	overflow: hidden; 
	margin-bottom: 10px !important;
}

.breadcrumb2 li { 
	float: left;
	display: block;
 margin-bottom: 0px; margin-left: 0px;
}


.breadcrumb2 li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;

}

.breadcrumb2 li:after {
	content: "\00BB";
	padding: 0 5px 0 5px;
}

.breadcrumb2 li:last-child:after
{
  content: '';
}


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


.show_info span {
float: left;
margin-right: 10px;
}

.mytags {
display: block;
margin-top: 5px;
}

.mytags span {
float: left;
margin-right: 10px;
}

.mytags a {

background-color: #ececec;
border: 1px solid #cecece;
line-height: 15px;
padding: 3px 6px 4px 6px;
border-radius: 3px;
color: #707070;
font-size: x-small;
margin: 0 5px 5px 0px;
box-shadow: 0 1px #f0f0f0;
display: block;
float: left;
font-weight: bold;
text-decoration: none;

}

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



.mytagsbig span {
float: left;
margin-right: 10px;
padding: 3px 0;
}

.mytagsbig a {

background-color: #ececec;
border: 1px solid #cecece;
line-height: 18px;
padding: 3px 6px 4px 6px;
border-radius: 3px;
color: #707070;
font-size: 18px;
margin: 0 6px 7px 0px;
box-shadow: 0 1px #f0f0f0;
display: block;
float: left;
text-decoration: none;

}

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

.topnav span {

background: #DADADA;
border: 1px solud #DADADA;
padding: 2px 10px 2px 10px;
border-radius: 5px;
font-size: 18px;
margin-right: 15px;

}

.userlite p {

color: #999;
line-height: 1.3;
}

.userlite span {

color: #270016;
line-height: 1.3;

}

.userlite_contact {

text-align: center;
margin: 20px 0 10px;

}




.megashare_fb {


  background: #155ea2;
  background-image: -webkit-linear-gradient(top, #206aaf, #0c5396);
  background-image: -moz-linear-gradient(top, #206aaf, #0c5396);
  background-image: -ms-linear-gradient(top, #206aaf, #0c5396);
  background-image: -o-linear-gradient(top, #206aaf, #0c5396);
  background-image: linear-gradient(to bottom, #206aaf, #0c5396);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.megashare_fb:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color: #ffffff;
}





.megashare_next_page {


  background: #ce0c0c;
  background-image: -webkit-linear-gradient(top, #ce0c0c, #ce0c0c);
  background-image: -moz-linear-gradient(top, #ce0c0c, #ce0c0c);
  background-image: -ms-linear-gradient(top, #ce0c0c, #ce0c0c);
  background-image: -o-linear-gradient(top, #ce0c0c, #ce0c0c);
  background-image: linear-gradient(to bottom, #ce0c0c, #ce0c0c);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.megashare_next_page:hover {
  background: #ec1c1c;
  background-image: -webkit-linear-gradient(top, #ec1c1c, #e66868);
  background-image: -moz-linear-gradient(top, #ec1c1c, #e66868);
  background-image: -ms-linear-gradient(top, #ec1c1c, #e66868);
  background-image: -o-linear-gradient(top, #ec1c1c, #e66868);
  background-image: linear-gradient(to bottom, #ec1c1c, #e66868);
  text-decoration: none;
  color: #ffffff;
}









.premium_standalone {

font-size: 28px;
display: inline-block;
background-color: #FFF;
border-radius: 5px;
border: 1px solid gray;
padding: 15px 40px;
color: #000;
width: auto;
margin-bottom: 20px;
}

.premium_standalone p {
color: #000;
margin-bottom: 0px;
}

.premium_standalone span {
font-weight: bold;
color: #F00;
}


.content p.membership_button { 

margin: auto;
font-size: 21px;

}

.content p.membership_button a {
    clear: both;
    background: #DC5454;
    padding: 6px 30px;
    border-radius: 5px;
    margin: 10px;
    color: #fff;

}

.content p.membership_button a:hover {

    background: #F39898;
    text-decoration:none;
    color: red;
}

.dir_list {

    border: 1px solid #d2d2d2;
    width: 312px;
    padding: 10px;
    float: left;
    margin: 4px;
    box-sizing: border-box;
}




.button_link{
border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 8px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;
    color: #FFFFFF !important;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.button_link:hover {
 border:1px solid #224b09;
 background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
color: #FFFFFF !important;
text-decoration: none !important;
}




.button_link_small{
border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 4px 8px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.button_link_small:hover {
 border:1px solid #224b09;
 background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
color: #FFFFFF !important;
text-decoration: none !important;
}








.content p.show_info {
margin-bottom: 5px;
font-size: medium;
}






					.orderform {
					    // width: 90%;
					    // margin: 0 auto;
					}

					.orderform a {
					    color: #000;
					}

					.orderform input {
					    width: 100%;
  box-sizing: border-box;
					}

					.orderform textarea {
					    width: 100%;
  box-sizing: border-box;
					    font-size: 18px;
					    height: 180px;
					    padding: 2px;
					    vertical-align: top;
					    margin-top: 2px;
    margin-bottom: 10px;
					}

					.orderform label {

					}

					.orderform label, input {
					    display: inline-block;
					    margin: 2px 0;
					}

					.orderform label {
					    width: 30%;
					    text-align: right;
					}


input, select, textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 2px 0;
}

textarea {

    font-size: 12px;
}

					.datawide p.headline {
					    font-size: 30px;
					}


table.cart {
	width: 100%;
	margin-bottom: 10px;
	font-size: 15px;
	text-align: left;
	border-collapse: collapse;
}
table.cart th {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #d0d0d0;
}
table.cart tr {
}


table.cart td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #d0d0d0;
}

table.cart td label {
	width: 40%;
}

table.cart p.headline {
	font-size: 17px;
	font-weight: bold;
}

table.cart p.desc{
	font-size: 13px;
}


.my_cart { position: relative; display: block; overflow: hidden; height: auto; background: rgb(12, 118, 193); float: right; color: #fff; border-radius: 3px; padding: 5px 20px; margin: 0px; text-align: center; font-size: 15px; }

.my_cart:hover  { background: rgb(60, 151, 216); color:#FFF; text-decoration: none; }

.my_cart li p.phone { font-size: 20px; display:inline; font-weight:bold; }

.my_cart img { vertical-align: text-top !important; height: 20px !important; }











.columns-wrapper {

}

.columns-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  font-size: 15px;
}

.columns-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.columns-column-section {

  border: 1px solid lightgray;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 3px;
  display: block;

}

.columns-column-section span {

    margin: -5px -10px 10px -10px;
    background: #272727;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    display: block;
    text-align: center;

}



.iframe-container {
  overflow: hidden;
  padding-top: 56.25%; /* 16:9*/
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.top_content {

    width: 100%;
    margin: 0 auto;
    padding: 4px 0;
    background: #ffda22;
    color: black;
    font-size: 0.8em;
    z-index: 1000;
    text-align: center;

}

.mobile-sticky-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #2196F3;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    z-index: 999999;
    display: block;

}

.mobile-sticky-button a {
    text-decoration: none;
    color: white !important;
}