﻿@font-face {
    font-family: 'segoe-ui-light';
    src: url('../fonts/segoe-ui-light.ttf') format('truetype');
}
/**********************************
	RESET
**********************************/
html, body, div, object, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, label, legend, button, a, small, table, th, td {
    margin: 0;
    padding: 0;
    line-height: 1em;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

body {
    text-rendering: optimizeLegibility;
}

html, fieldset, img, abbr {
    border: 0;
}

img {
    vertical-align: middle;
}

ul, ol {
}

input, textarea, select, button {
    font-size: 1em;
    font-family: inherit;
}

    input[type="text"] {
        -webkit-appearance: none;
        border-radius: 0;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], label[for] {
        cursor: pointer;
    }
 
sup, sub {
    position: relative;
    top: -.4em;
    vertical-align: baseline;
}

sub {
    top: .3em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: left;
}

code {
    white-space: pre;
}

abbr[title] {
    cursor: help;
}

ins {
    text-decoration: none;
}

q:before, q:after {
    content: "";
}

a:hover, a:focus, a:active {
    outline: 0;
}
/* kill Skype click-to-call phone number formatting */
body span[class^="skype_pnh_print_container"] {
    display: inline !important;
}

body span.skype_pnh_container {
    display: none !important;
}
/***** GLOBALS *****/
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**********************************
	Global
**********************************/
body {
    font-family: "wf_SegoeUI","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif" !important;
    font-size: 16px !important;
    /*min-height: 1000px;*/
    /*width:1920px;*/
    /*max-width:1920px;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: "wf_SegoeUILight","wf_SegoeUILightEastEuro","wf_SegoeUI","Segoe UI Light","Segoe WP Light","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
}

a {
    text-decoration: none;
    color: #1570a6;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color:#464646;
    color:#FFF;
}
.navbar-nav > li > a{
    padding:16px 30px;
}
    /*a:hover {
        color: #6dc2e9 !important;
    }*/

.grid-container {
    max-width: 1418px;
    padding: 0;
    width: 95%;
    margin: 0 auto;
}

.button {
    background-color: #bad80a;
    color: #1d1d1d;
    display: inline-block;
    padding: 6px 20px 9px 20px;
    white-space: normal;
    cursor: pointer;
    line-height: 20px;
    margin-top: 27px;
}

    .button:hover {
        background-color: #7fba00;
        color: #fff !important;
    }

section .box-outline {
    padding: 28px 40px;
    background-color: #f8f8f8;
    margin: 55px 0 55px 0;
}

section .content-subheadline {
    display: block;
    margin-top: 20px;
}

    section .content-subheadline + .box-outline {
        margin-top: 10px;
    }

@media only screen and (max-width : 768px) {
    .box-outline {
        padding: 28px 20px;
    }
}
/**********************************
	Header
**********************************/
header.slim-header section.branding {
    height: 75px;
    padding-top: 12.5px;
}

header.slim-header .primary-navigation {
    background-color: #1a1a1a;
    height: 52px;
    /*overflow: hidden;*/
}

    header.slim-header .primary-navigation ul {
        list-style-type: none;
        padding: 0;
        font:Segoe UI Light;
    }

        header.slim-header .primary-navigation ul li {
            float: left;
            /*line-height: 45px;*/
            text-align: left;
        }

            header.slim-header .primary-navigation ul li.support {
                float: right;
            }

                header.slim-header .primary-navigation ul li.support a {
                    text-decoration: none;
                }

    header.slim-header .primary-navigation a {
        color: #fff;
        /*padding: 0 10px 0 0;
        margin: 0 10px 0 0;*/
        display: inline-block;
        height: 52px;
    }

    header.slim-header .primary-navigation ul li.selected a {
        color: #6dc2e9;
    }
   
    .nav-margin{
    margin-bottom: 0;
    margin-top: 18px;
}
    .main-container
    {
        width:1418px;
    }
/* DESKTOP - SMALL */
@media only screen and (max-width : 987px) {
    header.slim-header .primary-navigation {
        font-size: .85em;
    }
}

@media only screen and (max-width : 800px) {
    header.slim-header .primary-navigation {
        height: auto;
    }

        header.slim-header .primary-navigation .grid-container {
            width: 100%;
        }

        header.slim-header .primary-navigation a {
            padding: 0;
            display: block;
            line-height: 45px;
        }

        header.slim-header .primary-navigation ul li {
            width: 100%;
            border-bottom: 1px solid #fff;
            text-align: center;
        }

            header.slim-header .primary-navigation ul li.support a {
                text-decoration: none;
            }
            .navbar-nav > li > a {
    padding: 16px 26px;
    }
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  /*.carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }*/

}

/*******************************
    Navigation
/******************************/

 
/*.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
  background-color:#464646;
    color:#FFF;
}  
  
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: transparent;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #fff;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}

@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: none;
  }
  #navbar {
    text-align: center;
  }
}  

.dropdown-menu-custom{
    background-clip: padding-box;
    background-color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px !important;
    min-width: 134px;
    padding: 10px 0 5px !important;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}*/



/**********************************
	Footer
**********************************/
footer {
    background-color: #eee;
    /*margin-top: 50px;*/
    padding: 17px 0;
    overflow: hidden;
    clear: both;
}

    footer ul {
        list-style-type: none;
        font-size: .83em;
    }

        footer ul li {
           
            line-height:20px;
        }

    footer li a,
    footer li a:hover {
        color: #1570a6 !important;
    }

        footer li a:hover {
            text-decoration: underline;
        }

.m-r-20{
    margin-right:20px;
}
.m-r-10{
    margin-right:10px;
}
@media only screen and (max-width : 480px) {
    footer ul li {
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}
/**********************************
	Banner 1
**********************************/
section.banner-1 {
    background-color: #d2d2d2;
    color: #1a1a1a;
}

    section.banner-1 .col {
        width: 100%;
        height: 297px;
        position: relative;
    }

        section.banner-1 .col .content-area {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            width: 40%;
        }

        section.banner-1 .col h1 {
            font-size: 2.5em;
            line-height: 1.25;
            font-weight: normal;
        }

        section.banner-1 .col p {
            font-size: 1.25em;
            line-height: 1.25;
        }

        section.banner-1 .col .banner-image {
            float: right;
            width: 53%;
        }

        section.banner-1 .col .banner-image-health {
            float: right;
            width: 63%;
        }

        section.banner-1 .col .banner-image img {
            width: 100%;
            height: auto;
        }

        section.banner-1 .col .banner-image-health img {
            width: 100%;
            height: auto;
        }
/* DESKTOP - SMALL */
@media only screen and (max-width : 987px) {
    section.banner-1 .col {
        height: 250px;
    }

        section.banner-1 .col h1 {
            font-size: 2em;
        }

        section.banner-1 .col p {
            font-size: 1em;
        }
}

@media only screen and (max-width : 650px) {
    section.banner-1 .col {
        height: auto;
    }

        section.banner-1 .col .content-area {
            position: relative;
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%);
            width: 100%;
            padding: 20px 0 10px 0;
        }

        section.banner-1 .col .banner-image {
            display: none;
        }
}
/**********************************
	Banner 2
**********************************/
section.banner-2 {
    color: #fff;
    height: 150px;
    overflow: hidden;
    position: relative;
}

    section.banner-2.color1 {
        background-color: #9b4f96;
    }

    section.banner-2.color2 {
        background-color: #767676;
    }

    section.banner-2.color3 {
        background-color: #0072c6;
    }

    section.banner-2.color4 {
        background-color: #00bcf2;
    }

    section.banner-2 .col .content-area {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        width: 40%;
    }

        section.banner-2 .col .content-area h1 {
            font-size: 2.5em;
            font-weight: normal;
        }

    section.banner-2 .col .banner-image {
        float: right;
        width: 53%;
    }

    section.banner-2 .col .banner-image-health {
        float: right;
        width: 63%;
    }

    section.banner-2 .col .banner-image img {
        width: 100%;
        height: auto;
    }

    section.banner-2 .col .banner-image-health img {
        width: 100%;
        height: auto;
    }
/* DESKTOP - SMALL */
@media only screen and (max-width : 987px) {
    section.banner-2 .col .content-area {
        width: 50%;
    }

        section.banner-2 .col .content-area h1 {
            font-size: 2.2em;
        }

    section.banner-2 .col .banner-image {
        width: 50%;
    }
}

@media only screen and (max-width : 650px) {
    section.banner-2 .col .content-area {
        width: 100%;
    }

    section.banner-2 .col .banner-image {
        display: none;
    }
}

/**********************************
	Banner 3
**********************************/
section.banner-3 {
    color: #fff;
    height: 150px;
    overflow: hidden;
    position: relative;
}

    section.banner-3.color1 {
        background-color: #9b4f96;
    }

    section.banner-3.color2 {
        background-color: #767676;
    }

    section.banner-3.color3 {
        background-color: #0072c6;
    }

    section.banner-3.color4 {
        background-color: #00bcf2;
    }

    section.banner-3 .col .content-area {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        width: 40%;
    }

        section.banner-3 .col .content-area h1 {
            font-size: 2.5em;
            font-weight: normal;
        }

    section.banner-3 .col .banner-image-health {
        float: right;
        width: 54%;
    }

        section.banner-3 .col .banner-image-health img {
            width: 100%;
            height: auto;
        }

.color5 {
    background-color: #f8f8f8;
    color: #1a1a1a;
}

.banner-3 {
    color: #1a1a1a;
}

section.banner-3 {
    color: #1a1a1a;
    height: 150px;
    overflow: hidden;
    position: relative;
}
/* DESKTOP - SMALL */
@media only screen and (max-width : 987px) {
    section.banner-3 .col .content-area {
        width: 50%;
    }

        section.banner-3 .col .content-area h1 {
            font-size: 2.2em;
        }

    section.banner-3 .col .banner-image-health {
        width: 54%;
    }
}

@media only screen and (max-width : 650px) {
    section.banner-3 .col .content-area {
        width: 100%;
    }

    section.banner-3 .col .banner-image-health {
        display: none;
    }
}
/*@media only screen and (max-width : 320px) {
    .section.banner-3 .col .banner-image-health img {
    height: auto;
    width: 100%;
    display:none!important;
    }
}*/
/**********************************
	Content
**********************************/
section.content {
    padding-top: 10px;
}

    section.content h2 {
        font-size: 1.8em;
        font-weight: normal;
        display: inline-block;
        margin-bottom: 24px;
    }

        section.content h2.top-offset {
            margin-bottom: 7px;
            margin-top: 30px;
        }

    section.content p {
        margin-top: 20px;
        line-height: 1.428571428em;
    }

        section.content p.highlight {
            font-weight: 600;
            margin-bottom: 20px;
        }

            section.content p.highlight a {
                text-decoration: underline;
            }

    section.content h2 + p {
        margin-top: 0;
    }

    section.content ul {
        list-style-type: none;
        padding-left: 0;
        margin-top: 5px;
        margin-left: 20px;
    }

        section.content ul li {
            margin-bottom: 6px;
            line-height: 22px;
        }

            section.content ul li:before {
                content: '\002022';
                padding-right: 10px;
                float: left;
                margin-left: -20px;
            }

    section.content .table-listing {
        clear: both;
        margin-top: 30px;
        overflow: hidden;
    }

        section.content .table-listing h2 {
            clear: both;
            display: block;
        }

        section.content .table-listing .col {
            width: 33%;
            float: left;
        }

            section.content .table-listing .col ul {
                margin-bottom: 40px;
            }

                section.content .table-listing .col ul li:before {
                    content: '';
                    padding: 0;
                }

                section.content .table-listing .col ul li:first-child {
                    font-weight: bold;
                    margin-bottom: 7px;
                }

                section.content .table-listing .col ul li a {
                    color: #1570a6;
                }

@media only screen and (max-width : 768px) {
    section.content .table-listing .col {
        width: 50%;
    }
}

/**********************************
	Forms
**********************************/
section.form {
    margin-top: 55px;
}

    section.form .subheader {
        padding-bottom: 22px;
        border-bottom: 1px solid #d2d2d2;
        margin-bottom: 30px;
    }

        section.form .subheader select {
            margin-left: 4px;
        }

    section.form p {
        line-height: 1.428571428em;
    }

    section.form h3 {
        display: inline-block;
        font-size: 1.5625em;
        font-weight: normal;
    }

        section.form h3 option {
            width: 250px;
        }

    section.form h4 {
        font-weight: 600;
        font-size: 1.5625em;
        margin-bottom: 26px;
    }

    section.form .box-outline {
        margin: 0 0 63px 0;
        overflow: hidden;
    }

        section.form .box-outline .controlcontainer {
            margin-top: 33px;
        }

        section.form .box-outline input {
            height: 35px;
            width: 415px;
            border: 2px solid #d6d6d6;
        }

        section.form .box-outline input,
        section.form .box-outline .button {
            float: left;
            margin-top: 0;
        }

        section.form .box-outline select {
            float: left;
        }

        section.form .box-outline .button {
            margin-left: 14px;
        }

    section.form hr {
        height: 1px;
        border: 0;
        border-bottom: 1px solid #d2d2d2;
        margin-bottom: 30px;
    }

    section.form .keyword-search input {
        width: 350px;
    }

    section.form .keyword-search select {
        width: 175px;
        height: 35px;
        border: 2px solid #d6d6d6;
        margin-left: 10px;
    }

    section.form .keyword-search .button {
        padding-left: 40px;
        padding-right: 40px;
    }

    section.form #dvStep2 {
        margin-top: 50px;
    }

@media only screen and (max-width : 1260px) {
    section.form .keyword-search input {
        width: 200px;
    }

    section.form .keyword-search .button {
        margin-left: 14px;
    }
}

@media only screen and (max-width : 1050px) {
    section.form .keyword-search input {
        width: 22%;
    }

    section.form .keyword-search select {
        width: 22%;
        margin-left: 4%;
    }

    section.form .keyword-search .button {
        margin-left: 0;
        margin-top: 20px;
        float: right;
    }
}

@media only screen and (max-width : 768px) {
    section.form .subheader select {
        display: block;
        margin-top: 10px;
    }

    section.form .quick-links .controlcontainer input {
        width: 100%;
    }

    section.form .quick-links .controlcontainer .button {
        float: right;
        margin-top: 20px;
    }

    section.form .keyword-search input,
    section.form .keyword-search select {
        width: 100%;
        margin-left: 0%;
        margin-bottom: 10px;
    }
}

section.form #divApps,
section.form #divGames,
section.form #divVideoMovie,
section.form #divVideoTvSeason,
section.form #divFreeApps,
section.form #divPaidApps,
section.form #divFreeGames,
section.form #divPaidGames,
section.form #divTopMusic,
section.form #divMusic {
    margin-bottom: 50px;
}

    section.form #divApps h2,
    section.form #divGames h2,
    section.form #divVideoMovie h2,
    section.form #divVideoTvSeason h2,
    section.form #divFreeApps h2,
    section.form #divPaidApps h2,
    section.form #divFreeGames h2,
    section.form #divPaidGames h2,
    section.form #divTopMusic h2,
    section.form #divMusic h2 {
        margin-bottom: 20px;
    }

    section.form #divApps table,
    section.form #divGames table,
    section.form #divVideoMovie table,
    section.form #divVideoTvSeason table,
    section.form #divFreeApps table,
    section.form #divPaidApps table,
    section.form #divFreeGames table,
    section.form #divPaidGames table,
    section.form #divTopMusic table,
    section.form #divMusic table {
        width: 100%;
        border: 0 !important;
    }

        section.form #divApps table th,
        section.form #divGames table th,
        section.form #divVideoMovie table th,
        section.form #divVideoTvSeason table th,
        section.form #divFreeApps table th,
        section.form #divPaidApps table th,
        section.form #divFreeGames table th,
        section.form #divPaidGames table th,
        section.form #divTopMusic table th,
        section.form #divMusic table th {
            padding-bottom: 5px;
        }

        section.form #divApps table tbody tr:nth-child(even),
        section.form #divGames table tbody tr:nth-child(even),
        section.form #divVideoMovie table tbody tr:nth-child(even),
        section.form #divVideoTvSeason table tbody tr:nth-child(even),
        section.form #divFreeApps table tbody tr:nth-child(even),
        section.form #divPaidApps table tbody tr:nth-child(even),
        section.form #divFreeGames table tbody tr:nth-child(even),
        section.form #divPaidGames table tbody tr:nth-child(even),
        section.form #divTopMusic table tbody tr:nth-child(even),
        section.form #divMusic table tbody tr:nth-child(even) {
            background-color: #f8f8f8;
        }

    section.form #divApps td,
    section.form #divGames td,
    section.form #divVideoMovie td,
    section.form #divVideoTvSeason td,
    section.form #divFreeApps td,
    section.form #divPaidApps td,
    section.form #divFreeGames td,
    section.form #divPaidGames td,
    section.form #divTopMusic td,
    section.form #divMusic td {
        width: 5%;
        min-width: 118px;
        padding: 10px 0;
    }

        section.form #divApps td + td,
        section.form #divGames td + td,
        section.form #divVideoMovie td + td,
        section.form #divVideoTvSeason td + td,
        section.form #divFreeApps td + td,
        section.form #divPaidApps td + td,
        section.form #divFreeGames td + td,
        section.form #divPaidGames td + td,
        section.form #divTopMusic td + td,
        section.form #divMusic td + td {
            width: 30%;
        }

            section.form #divApps td + td + td,
            section.form #divGames td + td + td,
            section.form #divVideoMovie td + td + td,
            section.form #divVideoTvSeason td + td + td,
            section.form #divFreeApps td + td + td,
            section.form #divPaidApps td + td + td,
            section.form #divFreeGames td + td + td,
            section.form #divPaidGames td + td + td,
            section.form #divTopMusic td + td + td,
            section.form #divMusic td + td + td {
                width: 30%;
            }

                section.form #divApps td + td + td + td,
                section.form #divGames td + td + td + td,
                section.form #divVideoMovie td + td + td + td,
                section.form #divVideoTvSeason td + td + td + td,
                section.form #divFreeApps td + td + td + td,
                section.form #divPaidApps td + td + td + td,
                section.form #divFreeGames td + td + td + td,
                section.form #divPaidGames td + td + td + td,
                section.form #divTopMusic td + td + td + td,
                section.form #divMusic td + td + td + td {
                    width: 20%;
                }

                    section.form #divApps td + td + td + td + td,
                    section.form #divGames td + td + td + td + td,
                    section.form #divVideoMovie td + td + td + td + td,
                    section.form #divVideoTvSeason td + td + td + td + td,
                    section.form #divFreeApps td + td + td + td + td,
                    section.form #divPaidApps td + td + td + td + td,
                    section.form #divFreeGames td + td + td + td + td,
                    section.form #divPaidGames td + td + td + td + td,
                    section.form #divTopMusic td + td + td + td + td,
                    section.form #divMusic td + td + td + td + td {
                        width: 5%;
                    }

        section.form #divApps td img,
        section.form #divGames td img,
        section.form #divVideoMovie td img,
        section.form #divVideoTvSeason td img,
        section.form #divFreeApps td img,
        section.form #divPaidApps td img,
        section.form #divFreeGames td img,
        section.form #divPaidGames td img,
        section.form #divTopMusic td img,
        section.form #divMusic td img {
            width: 50px;
            margin-left: 32px;
        }

/**********************************
	Detail Page
**********************************/
section.content .product-info {
    margin-top: 30px;
    overflow: hidden;
}

    section.content .product-info .col {
        width: 40%;
        float: left;
    }

        section.content .product-info .col img {
            width: 100%;
            height: auto;
            max-width: 300px;
        }

        section.content .product-info .col + .col {
            width: 50%;
            float: right;
        }

        section.content .product-info .col .generated-text {
            padding-bottom: 15px;
            border-bottom: 3px solid #d3d3d3;
            margin-bottom: 35px;
        }

            section.content .product-info .col .generated-text span {
                display: inline-block;
            }

        section.content .product-info .col .info .name {
            font-size: 1.5625em;
            font-family: "wf_SegoeUILight","wf_SegoeUILightEastEuro","wf_SegoeUI","Segoe UI Light","Segoe WP Light","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        }

        section.content .product-info .col .info .price {
            font-size: 2em;
            margin-top: 10px;
            font-family: "wf_SegoeUILight","wf_SegoeUILightEastEuro","wf_SegoeUI","Segoe UI Light","Segoe WP Light","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        }

        section.content .product-info .col .info .direct-link p {
            margin-bottom: 3px;
        }

        section.content .product-info .col .info .direct-link a {
            line-height: 20px;
        }

section.content .product-options {
    margin-top: 80px;
    overflow: hidden;
}

    section.content .product-options .tab-controller {
        margin: 0 auto;
        overflow: hidden;
        width: 480px;
        margin-bottom: 20px;
    }

        section.content .product-options .tab-controller .option {
            float: left;
            display: inline-block;
        }

            section.content .product-options .tab-controller .option + .option {
                margin-left: 50px;
            }

            section.content .product-options .tab-controller .option img {
                cursor: pointer;
            }

            section.content .product-options .tab-controller .option.image-link img {
                width: 82px;
                height: 77px;
                background: url('/Images/imagelink-resting.png') no-repeat left top;
                display: inline-block;
            }

                section.content .product-options .tab-controller .option.image-link img:hover {
                    background: url('/Images/imagelink-rollover.png') no-repeat left top;
                }

            section.content .product-options .tab-controller .option.text-link img {
                width: 83px;
                height: 77px;
                background: url('/Images/textlink-resting.png') no-repeat left top;
                display: inline-block;
            }

                section.content .product-options .tab-controller .option.text-link img:hover {
                    background: url('/Images/textlink-rollover.png') no-repeat left top;
                }

            section.content .product-options .tab-controller .option.badge-link img {
                width: 138px;
                height: 75px;
                background: url('/Images/medialink-resting.png') no-repeat left top;
                display: inline-block;
            }

                section.content .product-options .tab-controller .option.badge-link img:hover {
                    background: url('/Images/medialink-rollover.png') no-repeat left top;
                }

    section.content .product-options .tab-options {
        border: 3px solid #d2d2d2;
        padding: 20px 20px;
    }

        section.content .product-options .tab-options .tab {
            display: none;
        }

            section.content .product-options .tab-options .tab.selected {
                display: block;
            }

            section.content .product-options .tab-options .tab h5 {
                margin-bottom: 10px;
            }

            section.content .product-options .tab-options .tab .option {
                margin-bottom: 50px;
                overflow: hidden;
            }

            section.content .product-options .tab-options .tab .image {
                float: left;
                width: 40%;
            }

                section.content .product-options .tab-options .tab .image.small img {
                    width: 100px;
                    height: auto;
                }

                section.content .product-options .tab-options .tab .image.medium img {
                    width: 200px;
                    height: auto;
                }

                section.content .product-options .tab-options .tab .image.large img {
                    width: 300px;
                    height: auto;
                }

            section.content .product-options .tab-options .tab .option .url {
                width: 50%;
                float: right;
            }

                section.content .product-options .tab-options .tab .option .url p {
                    margin-top: 0;
                }

            section.content .product-options .tab-options .tab p {
                margin-top: 0;
            }

@media only screen and (max-width : 768px) {
    section.content .product-options .tab-options .tab .option .image {
        width: 100%;
        float: none;
    }

    section.content .product-options .tab-options .tab .option .url {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
}

@media only screen and (max-width : 568px) {
    section.content .product-info .col {
        width: 100%;
    }

        section.content .product-info .col + .col {
            width: 100%;
            margin-top: 20px;
        }
}

/**********************************
	FAQ
**********************************/
section.content .faq-section {
    margin-top: 5px;
}

    section.content .faq-section .accordionFAQHeader {
        color: #1570a6;
        font-size: 1em;
    }

        section.content .faq-section .accordionFAQHeader:hover {
            color: #6dc2e9;
        }

        section.content .faq-section .accordionFAQHeader + div {
            display: none;
            height: 0px;
            overflow: hidden;
            margin-bottom: 20px;
        }

    section.content .faq-section .accordionFAQContent {
        line-height: 22px;
    }

#Accordion1,
#AccordianSales,
#AccordionProgramTools {
    width: 100% !important;
}
/**********************************
	Affiliate network
**********************************/
section.form .affiliate-network select {
    width: 300px;
    height: 35px;
    border: 2px solid #d6d6d6;
}

section.form .affiliate-network input[type=text] {
    height: 35px;
    width: 200px !important;
    border: 2px solid #d6d6d6;
}

section.form .affiliate-network table {
    width: auto !important;
}

    section.form .affiliate-network table td + td {
        padding-left: 10px;
    }

    section.form .affiliate-network table span,
    section.form .affiliate-network table label {
        display: block;
        font-size: .85em;
        margin-bottom: 2px;
    }

        section.form .affiliate-network table label + br,
        section.form .affiliate-network table span + br {
            display: none;
        }

section.form .affiliate-market {
    margin-top: 25px;
}

    section.form .affiliate-market select {
        width: 300px;
        height: 35px;
        border: 2px solid #d6d6d6;
    }

    section.form .affiliate-market input[type=text] {
        height: 35px;
        width: 200px !important;
        border: 2px solid #d6d6d6;
    }

    section.form .affiliate-market table {
        width: auto !important;
    }

        section.form .affiliate-market table td + td {
            padding-left: 10px;
        }

        section.form .affiliate-market table span,
        section.form .affiliate-market table label {
            display: block;
            font-size: .85em;
            margin-bottom: 2px;
        }

            section.form .affiliate-market table label + br,
            section.form .affiliate-market table span + br {
                display: none;
            }

    section.form .affiliate-market > div,
    section.form .affiliate-network > div {
        float: left;
    }

    section.form .affiliate-market .control,
    section.form .affiliate-network .control {
        margin-left: 20px;
    }

    section.form .affiliate-market .button {
        margin-top: 15px;
        border: 0;
    }

section.form .affiliate-network .button {
    margin-top: 50px;
    border: 0;
}

@media only screen and (max-width : 1150px) {
    section.form .affiliate-market > div,
    section.form .affiliate-network > div {
        float: none;
    }

    section.form .affiliate-market .control,
    section.form .affiliate-network .control {
        margin-left: 0px;
    }

    section.form .affiliate-market .button,
    section.form .affiliate-network .button {
        margin-top: 10px;
        border: 0;
    }
}

@media only screen and (max-width : 768px) {
    section.form .affiliate-network table,
    section.form .affiliate-market table {
        width: 100% !important;
    }

    section.form .affiliate-network td {
        display: block;
        float: left;
        width: 100%;
    }

    section.form .affiliate-network table td + td {
        padding-left: 0;
        padding-top: 10px;
    }

    section.form .affiliate-network select,
    section.form .affiliate-network input,
    section.form .affiliate-network input[type=text],
    section.form .affiliate-market .control,
    section.form .affiliate-market input,
    section.form .affiliate-market input[type=text],
    section.form .affiliate-market select {
        width: 100% !important;
    }

    section.form .affiliate-market > div,
    section.form .affiliate-network > div {
        float: none;
    }

    section.form .affiliate-market .control,
    section.form .affiliate-network .control {
        margin-left: 0px;
    }

    section.form .affiliate-market .button,
    section.form .affiliate-network .button {
        margin-top: 10px;
        border: 0;
    }
}

section.form .affiliate-table {
    margin-bottom: 50px;
    margin-top: 30px;
}

    section.form .affiliate-table .subheader {
        margin-bottom: 23px;
    }

        section.form .affiliate-table .subheader p {
            float: right;
            padding-top: 6px;
        }

    section.form .affiliate-table table {
        width: 100%;
        border: 0 !important;
    }

        section.form .affiliate-table table th {
            padding-bottom: 5px;
        }

        section.form .affiliate-table table tbody tr:nth-child(even) {
            background-color: #f8f8f8;
        }

        section.form .affiliate-table table tbody td {
            padding: 22px 0 22px 0px;
        }

@media only screen and (max-width : 768px) {
    section.form .affiliate-table .subheader p {
        float: none;
        text-align: left;
        display: block;
        margin-top: 15px;
    }
}

section.form #QuickLinkText {
    float: none;
}
/**********************************
	Modal Popup
**********************************/
html body .modalPopup {
    width: 445px !important;
    height: 190px !important;
    border: 0 !important;
}

    html body .modalPopup div {
        text-align: left !important;
    }

    html body .modalPopup input[type=text] {
        height: 35px;
        width: 340px !important;
        border: 2px solid #d6d6d6 !important;
        display: block;
    }

    html body .modalPopup input[type=submit] {
        background-color: #bad80a;
        color: #1d1d1d;
        display: inline-block;
        padding: 6px 20px 6px 20px;
        white-space: normal;
        cursor: pointer;
        line-height: 20px;
        margin-top: 27px;
        border: 0;
        cursor: pointer;
    }

/**********************************
	Commission Rates Table
**********************************/
.CommissionRatesTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 0px solid #000000;
    max-width: 1180px;
    padding: 0;
    margin: 0 auto;
}

    .CommissionRatesTable table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .CommissionRatesTable tr:hover td {
    }

    .CommissionRatesTable tr:nth-child(odd) {
        background-color: #e5e5e5;
    }

    .CommissionRatesTable tr:nth-child(even) {
        background-color: #ffffff;
    }

    .CommissionRatesTable td {
        vertical-align: middle;
        border: 0px solid #000000;
        border-width: 0px 0px 0px 0px;
        text-align: left;
        padding: 2% 1% 1%;
        font-family: segoe-ui-light;
        font-size: 16px;
        font-weight: normal;
        color: #000000;
    }

    .CommissionRatesTable tr:last-child td {
        border-width: 0px 0px 0px 0px;
    }

    .CommissionRatesTable tr td:last-child {
        border-width: 0px 0px 0px 0px;
    }

    .CommissionRatesTable tr:last-child td:last-child {
        border-width: 0px 0px 0px 0px;
    }

    .CommissionRatesTable tr:first-child td {
        background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
        background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
        background: -o-linear-gradient(top,#cccccc,b2b2b2);
        background-color: #cccccc;
        border: 0px solid #000000;
        text-align: left;
        border-width: 0px 0px 0px 0px;
        font-family: segoe-ui-light;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        padding-top: 10px;
    }

    .CommissionRatesTable tr:first-child:hover td {
        background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
        background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
        background: -o-linear-gradient(top,#cccccc,b2b2b2);
        background-color: #cccccc;
    }

    .CommissionRatesTable tr:first-child td:first-child {
        border-width: 0px 0px 0px 0px;
    }

    .CommissionRatesTable tr:first-child td:last-child {
        border-width: 0px 0px 0px 0px;
    }

#ddlLanguage {
    border: 2px solid #d6d6d6 !important;
    height: 35px !important;
    width: 176px !important;
}
/*#Image6{
    width:258px;height:94px;
}*/
.customWidth {
    width: 17.5%;
}

.textLinkborder {
    margin: 8px 0 8px 0;
}

.padding-top-8 {
    padding-top: 8px;
}

.loaderdiv {
    background-color: #ffffff;
    height: 200px;
    opacity: 0.70 !important;
    position: relative !important;
    width: 100%;
    z-index: 500 !important;
    text-align: center;
}

.img-div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 50px;
    margin: auto;
}

.tableLinkType {
    height: 82px;
    width: 400px;
}
/*//IE*/
select::-ms-expand {
    display: none;
}

.dropDownList {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("../images/select-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb !important;
    color: #898685;
    font-family: "wf_SegoeUI","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 14px;
    height: 33px;
}

.affiliteTextbox {
    border: 1px solid #dbdbdb !important;
    color: #898685;
    font-family: "wf_SegoeUI","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 14px;
    height: 33px;
}

.margintop {
    margin-top: -3px;
}

.txtScriptBlock {
    padding-left: 5px;
    width: 100%;
    resize: none;
    color: #333;
    font-family: "wf_SegoeUI","SegoeUI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 14px;
    border: 1px solid #d6d6d6;
}

.imageLink1 {
    width: 149px;
    align: right;
}

.imageLink2 {
    width: 298px;
    align: right;
}

.imageLink3 {
    width: 596px;
    align: center;
}

#Image6 {
    padding-top: 25px;
}

#dvBadgeURLContent {
    width: 83%;
    float: left;
}
#dvBadgeContent {
    width:17%;
    float:left; 
}

@media only screen and (max-width : 980px) {
    .CommissionRatesTable {
        width: 95%;
    }
      #dvBadgeURLContent {
        width:77%;
    }

    #dvBadgeContent {
        width:23%;
    }
     .imageLink1 {
        
        width: 149px;
        align: left;
    }

    .imageLink2 {
       
        width: auto;
        padding-top:2px;
        padding-bottom:2px;
    }

    .imageLink3 {
       
        width: auto;
       
    }

    #imgLarge {
        width: 300px !important;
        height: 300px !important;
    }
     #imgMedium {
        width: 180px !important;
        height: 180px !important;
    }
      #imgMediumContent {
        text-align: center;
    }
      html, fieldset, img, abbr {
    border: 0 none;
    max-width: 980px;
    overflow-x: hidden;
    }
}


@media only screen and (max-width : 800px) {
    .CommissionRatesTable {
        width: 95%;
    }
      #dvBadgeURLContent {
        width:72%;
    }

    #dvBadgeContent {
        width:28%;
    }
     .imageLink1 {
        
        width: 149px;
        align: left;
    }

    .imageLink2 {
       
        width: auto;
        padding-top:2px;
        padding-bottom:2px;
    }

    .imageLink3 {
       
        width: auto;
       
    }

    #imgLarge {
        width: 200px !important;
        height: 200px !important;
    }
     #imgMedium {
        width: 150px !important;
        height: 150px !important;
    }
      #imgMediumContent {
        text-align: center;
    }
      html, fieldset, img, abbr {
    border: 0 none;
    max-width: 800px;
    overflow-x: hidden;
    }
}

@media only screen and (max-width : 480px) {
    .CommissionRatesTable {
        width: 100%;
    }

        .CommissionRatesTable tr td {
            width: .8em;
            line-height: 18px;
        }

    .tableLinkType {
        height: 82px;
        width: 300px;
    }

    .section.content .product-options .tab-controller {
        margin: 0 auto 20px;
        overflow: hidden;
        width: 340px;
    }
    html, fieldset, img, abbr {
    border: 0 none;
    max-width: 480px;
    overflow-x: hidden;
    }
}

@media only screen and (max-width : 360px) {
    .tableLinkType {
        height: 82px;
        width: 340px;
    }

    .section.content .product-options .tab-controller {
        margin: 0 auto 20px;
        overflow: hidden;
        width: 340px;
    }
    .imageLink1 {
        display: block;
        width: 149px;
        align: left;
    }

    .imageLink2 {
        display: block;
        width: auto;
        padding-top:2px;
        padding-bottom:2px;
    }

    .imageLink3 {
        display: block;
        width: auto;
       
    }

    #imgLarge {
        width: 200px !important;
        height: 200px !important;
    }

    #imgMedium {
        width: 150px !important;
        height: 150px !important;
    }

    #imgSmallContent {
        text-align: left;
    }

    #imgMediumContent {
        text-align: left;
    }

    #imgLargeContent {
        text-align: left;
    }

    #dvBadgeURLContent {
        width:100%;
        margin-top:25px;
    }

    #dvBadgeContent {
        width:100%;
    }
    html, fieldset, img, abbr {
    border: 0 none;
    max-width: 360px;
    overflow-x: hidden;
    }
}

@media only screen and (max-width : 320px) {
    .section.banner-3 .col .banner-image-health img {
        height: auto;
        width: 100%;
        display: none !important;
    }

    .tableLinkType {
        height: 82px;
        width: 300px;
    }

    .section.content .product-options .tab-controller {
        margin: 0 auto 20px;
        overflow: hidden;
        width: 305px;
    }

    .imageLink1 {
        display: block;
        width: 149px;
        align: left;
    }

    .imageLink2 {
        display: block;
        width: auto;
        padding-top:2px;
        padding-bottom:2px;
    }

    .imageLink3 {
        display: block;
        width: auto;
       
    }

    #imgLarge {
        width: 200px !important;
        height: 200px !important;
    }

    #imgMedium {
        width: 150px !important;
        height: 150px !important;
    }

    #imgSmallContent {
        text-align: left;
    }

    #imgMediumContent {
        text-align: left;
    }

    #imgLargeContent {
        text-align: left;
    }

    #dvBadgeURLContent {
        width:100%;
        margin-top:25px;
    }

    #dvBadgeContent {
        width:100%;
    }
    html, fieldset, img, abbr {
    border: 0 none;
    max-width: 320px;
    overflow-x: hidden;
    }
}
