/*General*/
* {
    box-sizing:border-box;
    -webkit-text-size-adjust: 100%;
}
body {
    background-color: #fff;
    color:#333;
    font-family: azo-sans-web, sans-serif;
    font-size:15px;
    font-style: normal;
    font-weight: 400;
    line-height:26px;
    margin: 0;
    padding: 0;
}
.container {
    margin:0px auto;
    max-width:1400px;
    padding:0;
}
img {
    max-width:100%;
}
a {
    color:#33bdf1;
}
p {
    margin:0 0 10px 0;
}
.clear {
    clear:both;
    display:block;
}

/*Main Block Sections*/
.header,
.homeSlider,
.feature,
.karl,
.content,
.contentPrimary,
.zoneLanding,
.zoneGrid,
.footer {
    display:inline-block;
    width:100%;
    vertical-align:top;
}

/*Button Transitions*/
a,
button,
input[type="submit"],
a[class^="button"],
button[class^="button"],
input[class^="button"] {
    transition-duration:.15s;
    transition-property:background-color;
    transition-timing-function:ease-in-out;
    -webkit-appearance: none;
    -moz-appearance:none;
}

/*iOS input overrides*/
input[type=text],
input[type=submit],
input[type=button],
select,
textarea {
    -webkit-appearance: none;
}

/*Generic Button Styles*/
.button {
    background-color:#c93031;
    border:none;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    font-family: azo-sans-web, sans-serif;
    font-weight:bold;
    display:inline-block;
    line-height:20px;
    font-size:14px;
    margin:0 10px 10px 0;
    padding:10px 15px;
    text-decoration:none;
    vertical-align:top;
}
.button:hover {
    background-color:#e64748;
}
.button-secondary {
    background-color:#555;
}
.button-secondary:hover {
    background-color:#777;
}
.button-small {
    font-size:13px;
    padding:5px 10px;
    text-transform:capitalize;
}
.button-alignRight {
    float:right;
}
.button-link {
    background-color:transparent;
    color:#33bdf1;
    padding:0px;
}
.button-link:hover {
    background-color:transparent;
    text-decoration:underline;
}
.button-remove {
    font-size:30px;
    text-align:center;
}
.button-remove:hover {
    text-decoration:none;
    background-color:#ddd;
}

/*Tab Nav*/
.tabNav {
    display:inline-block;
    vertical-align:top;
    width:100%;
}
.tabNav a,
.tabNav span {
    border:1px solid #c93031;
    border-radius:4px;
    color:#c93031;
    display:inline-block;
    font-weight:700;
    margin:0 10px 10px 0;
    padding:5px 15px;
    text-decoration:none;
}
.tabNav a:hover {
    background-color:#eee;
}
.tabNav span  {
    background-color:#c93031;
    color:#fff;
}

/*Headings*/
h1, h2, h3, h4 {
    color:#4b3776;
    font-weight:100;
    line-height:initial;
}
h1 {
    font-size:30px;
    margin:0 0 20px 0;
}
h2 {
    font-size:24px;
}
h3 {
    font-size:20px;
    font-weight:400;
}
.headingAlign-center {
    text-align:center;
}
.headingLink {
    display:block;
    font-size:15px;
    font-weight:700;
    float:right;
    margin:10px 0 0 0;
    vertical-align:middle;
}
@media only screen and (max-width:700px) {
    h1 {
        font-size:8vw;
    }
    h2 {
        font-size:6vw;
    }
    .headingLink {
        display:inline-block;
        float:none;
        vertical-align:middle;
        margin:0px;
    }
}

/*Header*/
.header {
    display:inline-block;
    padding:0 40px;
    vertical-align:top;
    width:100%;
}
.header-logo {
    position:absolute;
    z-index:10;
}
.header-logo img {
    border:none;
    display:block;
    max-width:100%;
}
.header-super {
    background-color:#f8af26;
    border-radius:999px;
    display:block;
    float:right;
    margin:20px 0 0 0;
    padding:5px;
    text-align:left;
}
.header-super-search {
    background-color:#fff;
    border-radius:99px;
    display:inline-block;
    text-align:left;
    vertical-align:top;
}
.header-super-search input {
    display:inline-block;
    height:32px;
    line-height:32px;
    margin:0 -4px 0 0;
    vertical-align:top;
}
.header-super-search .search-btn {
    background-color:#c93031;
    border:none;
    border-radius:0 99px 99px 0;
    cursor:pointer;
    color:#fff;
    display:inline-block;
    font-weight:700;
    margin:0px;
    padding:0 10px;
}
.header-super-search #search-term {
    border:none;
    border-radius:999px;
    display:inline-block;
    margin:0 5px;
    padding:0 0 0 5px;
    transition-property:width;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    width:175px;
}
.header-super-menu {
    display:inline-block;
    margin:0px;
    padding:0 10px 0 0;
}
.header-super-menu li {
    display:inline-block;
}
.header-super-menu li a {
    border-right:1px solid #f8d28a;
    color:#fff;
    display:block;
    font-size:14px;
    line-height:32px;
    height:32px;
    padding:0 7px;
    text-decoration:none;
}
.header-super-menu li a:hover {
    text-decoration:underline;
}
.header-super-menu li:last-child a {
    border-right:none;
}
.header-super-cart {
    background-image: url(/imgs/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 10px -294px;
    margin: 0;
    padding: 0 0 0 40px!important;
}
.header-menu {
    clear:right;
    display:inline-block;
    float:right;
    margin:15px 0;
    padding:0px;
    text-align:left;
}
.header-menu > li {
    display:inline-block;
    margin:0 -4px 0 0;
    position:relative;
    vertical-align:middle;
}
.header-menu > li > a {
    color:#010173;
    display:block;
    font-weight:700;
    padding:10px;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition:all .15s linear;  
	-moz-transition:all .15s linear;  
	-o-transition:all .15s linear;  
	transition:all .15s linear;
}
.header-menu > li > a:after,
.header-menu > li.current > a:after {
	content:"";
	display:block;
	width:1%;
	height:2px;
	background-color:#010173;
	float:none;
	margin:5px auto 0;
	opacity:0;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;
	-o-transition:all .15s linear;
	transition:all .15s linear;
}
.header-menu > li.current > a:after {
	width:100%;
	opacity:1;
}
.header-menu > li:hover > a:after,
.header-menu > li.current:hover > a:after {
	width:100%;
	opacity:0.5;
}
.header-menu li:hover > .header-menu-sub,
.header-menu li:hover > .header-menu-sub-grandchild {
    visibility:visible;
    opacity:1;
}
.header-menu-free a {
    background-image:url(/imgs/bg-free.png);
    background-repeat:no-repeat;
    background-position:center;
    color:#fff!important;
    height:68px;
    margin:0 10px 0 0;
    padding:18px 0 0 0!important;
    text-align:center;
    width:71px;
}
.header-menu-free a:after {
    display:none!important;
}
.header-menu-membership {
    display:none!important;
}
.header-menu-sub {
    background-color:#27266a;
    background-color:rgba(39,38,106,.95);
    padding:10px;
    position:absolute;
    right:0px;
    top:100%;
    visibility:hidden;
    z-index:10;
    opacity:0;
    transition:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
}
.header-menu-subColumnsOne {
    width:220px;
}
.header-menu-subColumnsTwo {
    width:420px;
}
.header-menu-subColumnsThree {
    width:620px;
}
.header-menu-sub > li {
    display:inline-block;
    margin:0 -4px 0 0;
    min-width:200px;
    position:relative;
    white-space:nowrap;
}
.header-menu-sub > li > a {
    color:#fff;
    display:block;
    font-weight:700;
    padding:10px 20px;
    text-transform:capitalize;
    text-decoration:none;
}
.header-menu-sub > li > a:hover {
    text-decoration:underline;
}
.header-menu-sub-grandchild {
    background-color:#00adee;
    padding:10px;
    position:absolute;
    left:0px;
    list-style:none;
    top:100%;
    visibility:hidden;
    z-index:10;
    opacity:0;
    transition:all;
    transition-duration:.3s;
    transition-timing-function:ease-in-out;
}
.header-menu-sub-grandchild:before {
    content:"";
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #00adee;
    position:absolute;
    top:-10px;
    left:25px;
}
.header-menu-sub-grandchild > li > a {
    border-bottom: 2px solid #01b7fa;
    color:#fff;
    display:block;
    padding:5px;
    text-decoration:none;
}
.header-menu-sub-grandchild > li > a:hover {
    background-color:#01b7fa;
}
.header-menu-sub-grandchild > li:last-of-type > a {
    border-bottom:none;
}
@media only screen and (max-width:1280px) {
    .header-logo {
        width:305px;
    }
    .header-menu {
        font-size:14px;
    }
}
@media only screen and (max-width:980px) {
    .header {
        padding:0;
        position:relative;
    }
    /*.header-menu-free {
        display:none!important;
    }*/
    /*Reset Free styles for mobile menu*/
    .header-menu-free a {
        background-image: initial;
        background-repeat: initial;
        background-position: initial;
        color: #010173!important;
        height: initial;
        margin: initial;
        padding: 10px!important;
        text-align: initial;
        width: initial;
    }
    .header-menu-membership {
        display:block!important;
    }
    .header-menu-membership a {
        background-image:url(/imgs/main/icon_membershipStarter.png);
        background-repeat:no-repeat;
        background-size:18px;
        background-position:10px center;
        padding:10px 10px 10px 40px!important;
    }
    .header-super {
        border-radius:0px;
        margin:0px;
        padding:5px 10px;
        width:100%;
    }
    .header-super-search {
        border-radius: 0px;
        box-shadow: 0 0 6px rgba(0,0,0,.2);
        display:none;
        margin:0 0 5px 0;
        padding: 8px;
        width: 100%;
    }
    .header-super-search #search-term {
        margin:0 -5px 0 0;
        width:80%;
    }
    .header-super-search .search-btn {
        border-radius:0;
        width:20%;
    }
    .header-super-menu {
        padding:0px;
    }
    .header-super-menu li a {
        font-size:13px;
    }
    .header-logo {
       bottom:-35px;
       margin:0px;
       width:200px;
    }
    .header-menu {
        border-left:5px solid #f8af26;
        display:none;
        margin:0px;
        min-width:275px;
        position:absolute;
        right:0px;
        top:100%;
        width:auto;
        z-index:20;
    }
    .header-menu li {
        border-bottom:1px solid #fff;
        display:block;
        margin:0px;
        white-space:nowrap;
    }
    .header-menu li:last-of-type {
        border-bottom:none;
    }
    .header-menu li a:after,
    .header-menu li.current a:after {
        display:none;
    }
    .header-menu li a {
        background-color:#d2f5ff;
    }
    .header-menu li:hover > .header-menu-sub,
    .header-menu-sub,
    .header-menu li:hover > .header-menu-sub-grandchild,
    .header-menu-sub-grandchild {
        display:none;
        opacity:1;
        visibility:visible;
    }
    .header-menu-sub {
        border-top:1px solid #fff;
        height:initial;
        right:initial;
        top:initial;
        padding:0px;
        position:static;
        min-width:0px;
    }
    .header-menu-sub > li > a {
        background-color:#b1ebfb;
        color:#010173;
    }
    .header-menu-subToggle {
        background-color:#b1ebfb;
        background-image:url(/imgs/sprite-icons.png);
        background-position:-35px -136px;
        background-repeat:no-repeat;
        cursor:pointer;
        display:block;
        height:46px;
        width:46px;
        position:absolute;
        right:0px;
        top:0px;
    }
    .header-menu-subToggle-active {
        background-position:-35px -185px;
    }
    .header-menu-subColumnsOne,
    .header-menu-subColumnsTwo,
    .header-menu-subColumnsThree {
        max-width:100%;
        width:auto;
    }
    /*Grandchild Level*/
    .header-menu-sub-grandchild {
        background-color:#019dd6;
        display:none;
        padding:0px;
        right:initial;
        top:initial;
        position:static;
    }
    .header-menu-sub-grandchild:before {
        display:none;
    }
    .header-menu-sub-grandchild > li > a {
        background-color: #95d5e6;
        border-bottom:none;
        color:#010173;
        display:block;
        font-size: 13px;
        padding: 10px 20px;
        padding-left: 35px;
        text-decoration:none;
        text-transform: none;
        white-space: normal;
    }
}
@media only screen and (max-width:400px) {
    .header-logo {
        width:55%;
    }
}

/*Search Toggle*/
.header-super-menu li.searchToggle {
    display:none;
}
.searchToggle a {
    background-image: url(/imgs/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -340px;
    padding:0 10px 0 22px!important;
    text-indent: -9999px;
}
@media only screen and (max-width:980px) {
    .header-super-menu li.searchToggle {
        display:inline-block;
    }
}

/*Search Primary*/
.searchPrimary {
    display:inline-block;
    vertical-align:top;
    width:100%;
}
.searchPrimary-term,
.searchPrimary-filters {
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:top;
    width:50%;
}
.searchPrimary-term label,
.searchPrimary-filters label {
    display:block;
    font-weight:700;
}
.searchPrimary-term input[type="search"],
.searchPrimary-term input[type="submit"] {
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:top;
}
.searchPrimary-term input[type="search"] {
    border-radius:4px 0 0 4px;
    width:80%;
}
.searchPrimary-term input[type="submit"] {
    border-radius:0 4px 4px 0;
    height:37px;
    width:20%;
}
.searchPrimary-term {
    padding:0 15px 0 0;
}
.searchPrimary-filter {
    display:inline-block;
    margin:0 10px 0 0;
}
.searchPrimary-results {
    background-image: url(/imgs/bg-divider.png);
    background-repeat: repeat-x;
    background-position: top center;
    padding:10px 0 0 0;
    margin:20px 0 0 0;
}
.searchPrimary-result {
    border-bottom:1px solid #ddd;
    padding:20px 0;
}
.searchPrimary-result-heading {
    margin:0 0 10px 0;
}.searchPrimary-result-heading a {
    text-decoration:none;
}
.searchPrimary-result-description {
    font-size:14px;
}
@media only screen and (max-width:700px) {
    .searchPrimary-term,
    .searchPrimary-filters {
        margin:0 0 15px 0;
        width:100%;
    }
}

/*Mobile Menu Toggle*/
.menuToggle-buttonWrap {
    cursor:pointer;
    display:none;
    float:right;
    padding:25px;
    vertical-align:middle;
}
.menuToggle-buttonText {
    color:#414082;
    display:inline-block;
    font-weight:700;
    height:26px;
    line-height:26px;
    padding:0 15px 0 0;
    text-transform:uppercase;
    vertical-align:top;
}
.menuToggle-buttonWrap:hover {
    background-color:#d2f5ff;
}
.menuToggle-button {
    cursor: pointer;
    display:inline-block;
    height:26px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    vertical-align:top;
    width: 30px;
}
.menuToggle-button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #414082;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.menuToggle-button span:nth-child(1) {
  top: 0px;
}
.menuToggle-button span:nth-child(2),
.menuToggle-button span:nth-child(3) {
  top: 10px;
}
.menuToggle-button span:nth-child(4) {
  top: 20px;
}
.menuToggle-button-open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
.menuToggle-button-open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menuToggle-button-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menuToggle-button-open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
@media only screen and (max-width:980px) {
    .menuToggle-buttonWrap {
        display: inline-block;
    }
}

/*Home Slider*/
.homeSlider {
    border:none!important;
    border-radius:0px!important;
    display:inline-block;
    margin:0!important;
    overflow:hidden;
    position:relative;
    vertical-align:top;
    width:calc(100% - 425px);
}
.homeSlider-wrap {
    background-color:#414082;
    background-color:rgba(65,64,130,1);
}
.homeSlider .slides {
    z-index: 1;
    position: relative;
}
.homeSlider-slideCopy {
    align-items: center;
    display: inline-block;
    height:100%;
    justify-content: center;
    margin:0 -5px 0 0;
    padding:5% 40px 40px 40px;
    position:relative;
    top:0px;
    width:425px;
    z-index:2;
}
.homeSlider-slideCopy-inner {
   
}
.homeSlider-slideCopy-inner h3 {
    color:#fff;
    display:block;
    font-size:29px;
    font-weight:700;
    line-height:45px;
    margin:0 0 25px 0;
    text-transform:uppercase;
    width:100%;
}
.homeSlider-slideCopy-inner h3 p {
    margin:0px;
}
.homeSlider-slideCopy-btn {
    background-color:transparent;
    border:5px solid #00adee;
    color:#f5c02a;
    display:inline-block;
    font-weight:700;
    min-width:200px;
    padding:17px 20px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition-property:background-color;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.homeSlider-slideCopy-btn:hover {
    background-color:#00adee;
    transition-property:background-color;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.homeSlider .flex-control-nav {
    bottom:20px;
    padding: 0 20px 0 0;
    text-align:right;
    z-index:3;
}
.homeSlider .flex-direction-nav a:before {
    color:#fff;
}
.homeSlider .flex-control-paging li a {
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    height:20px;
    text-align:left;
    width:20px;
}
.homeSlider .flex-control-paging li a.flex-active,
.homeSlider .flex-control-paging li a:hover {
    background: #fff;
    background: rgba(255, 255, 255, 1);
}
.homeSlider .flex-direction-nav a {
    line-height: 40px;
}
@media only screen and (max-width:1400px) {
    .homeSlider {
        width:100%;
    }
    .homeSlider-slideCopy {
        background-color:rgba(65,64,130,1);
        /*display:none;*/
        padding:15px 40px;
        position:static;
        width:100%;
    }
    .homeSlider-slideCopy-inner {
        text-align:center;
    }
    .homeSlider-slideCopy-inner h3 {
        line-height:initial;
        font-size:11px;
        font-size:2vw;
        margin:0;
        text-align:right;
    }
    .homeSlider-slideCopy-btn {
        display:none;
        padding:10px 20px;
    }
    .homeSlider .flex-control-nav {
        padding: 0px;
        text-align:center;
    }
}
@media only screen and (max-width:1280px) {
    .homeSlider-slideCopy-inner h3 {
        text-align:left;
    }
}
@media only screen and (max-width:980px) {
    .homeSlider-slideCopy {
        padding:15px;
    }
    .homeSlider-slideCopy-inner h3 {
        font-size:11px;
        font-size:3vw;
        text-align:right;
    }
}
@media only screen and (max-width:768px) {
    .homeSlider .flex-control-nav {
        display:none;
    }
}


/*Feature Area (Home)*/
.feature {
    background-color:#f8af26;
    padding:20px 40px;
}
.feature-top,
.feature-bottom {
    background-color:#fff;
    background-repeat:repeat-x;
    height:40px;
    display:inline-block;
    vertical-align:top;
    width:100%;
}
.feature-top {
    background-image:url(/imgs/bg-wave2.png);
    background-position:bottom center;
}
.feature-bottom {
    background-image:url(/imgs/bg-wave.png);
    background-position:top center;
}
.featureBox {
    display:inline-block;
    padding:0 20px;
    margin:0 -4px 0 0;
    vertical-align:top;
    width:33.33%;
}
.featureBox-header {
    color:#fff;
    font-size:30px;
    font-weight:700;
    font-style:normal;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    text-align:center;
    text-transform:uppercase;
}
.featureBox-header::after {
    content:"";
    clear:both;
    display:block;
    height:7px;
    margin:10px auto 0 auto;
    vertical-align:top;
    width:125px;
}
.featureBox-headerColor1::after {
    background-color:#414082;
}
.featureBox-headerColor2::after {
    background-color:#c53230;
}
.featureBox-headerColor3::after {
    background-color:#00adee;
}
.featureBox-post {
    background-color:#fff;
    display:block;
    padding:15px 40px 15px 15px;
    margin:0 0 10px 0;
    position:relative;
    text-decoration:none;
}
.featureBox-post:nth-of-type(1n+5) {
    display:none;
}
.featureBox-post-bulb {
    background-color:#fff;
    background-image:url(/imgs/bg-bulb.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:41px;
    display:block;
    height:41px;
    position:absolute;
    right:-5px;
    bottom:10px;
    width:41px;
    transition-property:all;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.featureBox-post:hover  {
    background-color:#eee;
    cursor:pointer;
    transition-property:all;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.featureBox-post:hover .featureBox-post-bulb  {
    background-color:#f6c12b;
}
.featureBox-post-title {
    color:#45447b;
    font-size:15px;
    font-weight:700;
    margin:0 0 5px 0;
}
.featureBox-post-title a {
    color:#45447b;
    text-decoration:none;
    text-transform:uppercase;
}
.featureBox-post-description {
    color:#494949;
    font-size:14px;
    margin:0;
    padding:0 15px 0 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.featureBox-inner {
    background-color:#fff;
    padding:5px;
}
.featureBox-left,
.featureBox-right {
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:top;
    width:50%;
}
.featureBox-left img {
    display:block;
    width:100%;
}
.featureBox-right img {
    max-width:100%;
}
.featureBox-right-kidmin,
.featureBox-right-free,
.featureBox-right-store {
    display:block;
    padding:0 10px;
    position:relative;
    text-align:center;
    transition-property:all;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.featureBox-right-kidmin {
    background-color:#fff;
}
.featureBox-right-kidmin:hover {
    background-color:#eee;
}
.featureBox-right-kidmin img {
    position:relative;
    margin:0 0 -20px 0;
    top:-20px;
}
.featureBox-right-free {
    background-color:#383881;
}
.featureBox-right-free:hover {
    background-color:#4646a1;
}
.featureBox-right-free img {
    position:relative;
    margin:0 0 -25px 0;
    top:-25px;
}
.featureBox-right-store {
    background-color:#c53230;
}
.featureBox-right-store:hover {
    background-color:#e13937;
}
.featureBox-right-store img {
    position:relative;
    margin:0 0 -10px 0;
    top:-10px;
}
.featureBox-left {
    border:5px solid #fff;
}
.featureBox-left a {
    border-bottom:10px solid #fff;
    display:block;
    overflow:hidden;
    transition-property:border;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.featureBox-left a:last-of-type {
    border-bottom:none;
}
.featureBox-left a img {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
}
.featureBox-left a:hover img {
   transform: scale(1.1);
}
.featureBox-pad {
    background-color:#fff;
    padding:5px;
}
.featureBox-promo {
    background-color:#00adee;
    border:5px solid #fff;
    display:inline-block;
    margin:0 -4px 0 0;
    overflow:hidden;
    vertical-align:top;
    width:100%;
    transition-property:background;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.featureBox-promo:hover img {
    transform: scale(1.1);
}
.featureBox-promo img {
    display:block;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    width:100%;
}

@media only screen and (max-width:1000px) {
    .featureBox {
        width:50%;
    }
    .featureBox:first-of-type {
        margin:0px;
        padding:0 0 40px 0;
        width:100%;
    }
}
@media only screen and (max-width:750px) {
    .feature {
        padding:20px;
    }
    .featureBox {
        padding:0 0 40px 0;
        width:100%;
    }
}

/*Karl Homepage Section*/
.karl {
    background-image:url(/imgs/bg-lightbulbs.png);
    background-repeat:repeat;
    background-position:center;
    padding:80px 40px;
}
.karl-head,
.karl-article {
    display:inline-block;
    margin:0 -4px 0 0;
    position:relative;
    vertical-align:top;
}
.karl-head {
    background-color:#383882;
    border-top:5px solid #F8AF25;
    color:#fff;
    padding:15px;
    text-align:center;
    width:325px;
    z-index:1;
}
.karl-head-title {
    color:#fff;
    font-size:23px;
    font-weight:700;
    margin:10px 0;
    text-transform:uppercase;
}
.karl-head-title span {
    display:block;
    font-size:20px;
    font-weight:normal;
    text-transform:none;
}
.karl-head-title a {
    color:#fff;
    text-decoration:none;
}
.karl-head-contact {
    padding:0px;
    text-align:center;
}
.karl-head-contact li {
    display:inline-block;
    list-style:none;
}
.karl-head-contact li:nth-child(1n+4) {
    display:none;
}
.karl-head-contact li a {
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:700;
    margin:0 5px;
    text-decoration:none;
    text-transform:uppercase;
}
.karl-head-contact li a::after {
    content: ">";
    color:#f8af26;
    display:inline-block;
    font-family:monospace;
    font-size:20px;
    font-weight:bold;
    margin:0 0 0 2px;
    text-transform:uppercase;
}
.karl-article {
    background-color:#fff;
    box-shadow:1px  1px 5px rgba(0,0,0,.2);
    padding:30px;
    width:calc(100% - 325px);
    z-index:0;
}
.karl-article-copy h1,
.karl-article-copy h2,
.karl-article-copy h3 {
    color:#383882;
    font-weight:900;
    font-size: 24px;
    font-style:normal;
    margin:0 0 20px 0;
    text-transform:uppercase;
}
.karl-article-copy p {
    font-size:14px;
}
.karl-article-copy h4 {
    font-size:22px;
    font-weight:700;
    margin:0 0 20px 0;
    text-transform:uppercase;
}
.karl-article-copy-column {
    display:inline-block;
    margin:0 -4px 0 0;
    padding:0 15px;
    vertical-align:top;
    width:50%;
}
.karl-article-copy-column:last-of-type {
    padding-top:100px;
}
.karl-links {
    background-color:#fff;
    border:5px solid #f8af26;
    box-shadow:1px  1px 5px rgba(0,0,0,.2);
}
.karl-links ul {
    padding:0px;
    margin:0px;
    text-align:left;
}
.karl-links ul li {
    display:inline-block;
	width: 20%;
}
.karl-links ul li a {
    color:#00adee;
    display:block;
    font-size:13px;
    font-weight:700;
    padding:5px 12px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition-property:all;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.karl-links ul li a:hover {
    background-color:#d2f5ff;
    transition-property:all;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.karl-links ul li a::before {
    background-image:url(/imgs/sprite-icons.png);
    background-repeat:no-repeat;
    content:"";
    height:40px;
    width:40px;
    display:block;
    margin:0 auto;
    overflow:hidden;
}
.karl-links ul li:nth-child(1) a::before {
   background-position:8px -92px;
}
.karl-links ul li:nth-child(2) a::before {
   background-position:8px -43px;
}
.karl-links ul li:nth-child(3) a::before {
   background-position:10px -193px;
}
.karl-links ul li:nth-child(4) a::before {
   background-position:10px -142px;
}
.karl-links ul li:nth-child(5) a::before {
   background-position:12px -242px;
}
@media only screen and (max-width:1280px) {
    .karl-links {
        width:100%;
        position:static;
    }
    .karl-links ul li {
        width:20%;
    }
    .karl-links ul li a {
        display:block;
        width:100%;
    }
    .karl-article-copy {
        padding:30px 0 0 0;
    }
    .karl-article-copy-column {
        padding:0px!important;
        width:100%;
    }
}
@media only screen and (max-width:980px) {
    .karl-article,
    .karl-head {
        width:100%;
    }
    .karl-article-copy {
        padding:90px 0 0 0;
    }
    .karl-links {
        border-left:none;
        border-right:none;
        box-shadow:none;
        left:0px;
        position:absolute;
        top:0px;
    }
}
@media only screen and (max-width:650px) {
    .karl {
        padding:0px;
    }
    .karl-head-contact,
    .karl-article {
        display:none;
    }
}

/*Content*/
.content {
    background-image:url(/imgs/bg-wave-header.png);
    background-repeat:repeat-x;
    background-position:top center;
    border-top:50px solid #4b3776;
    padding:40px 20px;
    width:100%;
}
.content-super {
    margin:0 0 20px 0;
    text-align:left;
}
.content-super-primary,
.content-super-secondary {
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:top;
}
.content-super-primary {
    width:calc(100% - 285px);
}
.content-super-secondary {
    text-align:right;
    width:285px;
}
.content-super-bread,
.content-super-social {
    display:inline-block;
    vertical-align:top;
    margin:0px;
}
.content-super-bread {
    display:block;
    font-size:14px;
    list-style:none;
    margin:10px 0 0 0;
    overflow: hidden;
    padding:0 20px 0 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
.content-super-bread a {
    text-transform:uppercase;
}
@media only screen and (max-width:980px) {
    .content-super-primary,
    .content-super-secondary {
        margin:0;
        text-align:left;
        width:100%;
    }
    .content-super-primary {
        display:none;
    }
}
@media only screen and (max-width:700px) {
    .content {
        padding:40px 10px;
    }
}

/*Content Primary*/
.contentPrimary {
    margin:0px;
    padding:0 0 20px 0;
}
.contentPrimary-hasAsidePrimary {
    margin:0 -4px 0 0;
    width:calc(100% - 300px);
}
.contentPrimary-hasAsideSecondary {
    margin:0 -4px 0 0;
    width:calc(100% - 300px);
}
.contentPrimary-hasAsidePrimarySecondary {
    margin:0 -4px 0 0;
    width:calc(100% - 600px);
}
.contentPrimary-half {
    display:inline-block;
    margin:0 -4px 0 0;
    padding:0 20px 0 0;
    vertical-align:top;
    width:50%;
}
@media only screen and (max-width:1280px) {
    .contentPrimary-hasAsidePrimarySecondary {
        width:calc(100% - 300px);
    }
    .contentPrimary-hasAsidePrimary {
        margin:0px;
        width:100%;
    }
}
@media only screen and (max-width:900px) {
    .contentPrimary-hasAsidePrimary,
    .contentPrimary-hasAsideSecondary,
    .contentPrimary-hasAsidePrimarySecondary {
        margin:0 0 40px 0;
        width:100%;
    }
    .contentPrimary-hasAsideSecondary,
    .contentPrimary-hasAsidePrimarySecondary  {
        border-bottom:3px solid #4b3776;
    }
    .contentPrimary-half {
        margin:0;
        padding:0px;
        width:100%;
    }
}

/*Aside Primary and Secondary*/
.asidePrimary {
    display:inline-block;
    margin:0 -4px 0 0;
    overflow:hidden;
    padding:0 30px 0 0;
    vertical-align:top;
    width:300px;
    transition-property:all;
    transition-duration:.45s;
    transition-timing-function:ease-in-out;
}
.asidePrimary-heading {
    border-bottom:1px solid #989898;
    font-size:25px;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    font-weight:700;
}
.asidePrimary-heading-close {
    background-color: #fff;
    border: 1px solid #4b3776;
    border-radius: 4px;
    color: #4b3776;
    cursor:pointer;
    display: none;
    font-weight: 900;
    float: right;
    font-size: 28px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    width: 34px;
}
.asidePrimary-heading-close:hover {
    background-color:#eee;
}
.asidePrimary-menu {
    list-style:none;
    margin:0 0 20px 0;
    padding:0px;
}
.asidePrimary-menu-link a {
    border-bottom:1px solid #eee;
    color:#333;
    display:block;
    padding:4px 10px;
    text-decoration:none;
    font-size:16px;
}
.asidePrimary-menu-link a:hover {
    background-color:#eee;
}
.asidePrimary-menu-link-child a {
    border-bottom:1px solid #eee;
    color:#333;
    display:block;
	padding:4px 0 4px 30px;
    text-decoration:none;
    font-size:16px;
}
.asidePrimary-menu-link-child a:hover {
    background-color:#eee;
}
.asidePrimary-menu-link-child a::before {
	content:"- ";
}
.asideSecondary {
    display:inline-block;
    margin:0 -4px 0 0;
    padding:0 0 0 30px;
    vertical-align:top;
    width:300px;
}
.asidePrimary-toggle {
    background-color:#fff;
    border:1px solid #4b3776;
    border-radius:4px;
    color:#4b3776;
    cursor:pointer;
    display:none;
    font-weight:900;
    line-height:23px;
    margin:0 0 20px 0;
    padding:10px;
    text-align:left;
    text-transform:uppercase;
    width:100%;
}
.asidePrimary-toggle:hover {
    background-color:#eee;
}
.asidePrimary-toggle span {
    color:#4b3776;
    float:right;
    font-size:20px;
}
@media only screen and (max-width:1280px) {
    .asidePrimary {
        height:0%;
        left:0px;
        opacity:0;
        overflow-y:auto;
        padding:0px;
        position:fixed;
        top:0px;
        width:0%;
        z-index:100;
    }
    .asidePrimary-open {
        background-color:#fff;
        opacity:1;
        height:100%;
        padding:20px;
        width:100%;
    }
    .asidePrimary-toggle {
        display:inline-block;
    }
    .asidePrimary-heading-close {
        display:inline-block;
    }
}
@media only screen and (max-width:900px) {
    .asideSecondary {
        margin:0px;
        padding:0;
        width:100%;
    }
}

/*Aside Feature*/
.asideFeature {
    display:inline-block;
    margin:0 0 20px 0;
    text-align:center;
    width:100%;
}
.asideFeature:first-of-type {
    margin:-60px 0 20px 0;
    text-align:center;
}
.asideFeature-image {
    /*border:10px solid #f8af26;*/
    display:inline-block;
    margin:0 0 20px 0;
    vertical-align:top;
    transition:all;
    transition-duration:.2s;
    transition-timing-function:ease-in-out;
}
.asideFeature-image:hover {
    border-color:#c93031;
}
.asideFeature-image img {
    display:block;
}
.asideFeature-image-noLink {
    border:10px solid #f8af26;
    display:inline-block;
    margin:0 0 20px 0;
    vertical-align:top;
}
.asideFeature-text {
    background-color:#eee;
    border:2px double #4b3776;
    margin:20px auto 40px auto;
    padding:10px;
    width:170px;
}
.asideFeature-text p {
    margin:0px;
}
.asideFeature-text a {
    font-style:normal;
    text-decoration:none;
    text-transform:uppercase;
}
@media only screen and (max-width:900px) {
    .asideFeature {
        margin:0!important;
    }
    .asideFeature-image,
    .asideFeature-image-noLink {
        margin:0 10px 20px 10px;
    }
    .asideFeature-text {
        display:inline-block;
        margin:0 10px 20px 10px;
    }
}

/* Custom Content (Enhanced Editor) */
.customContent img {
	height:auto;
}

/*Save To Lists*/
.saveToList {
    display:inline-block;
    margin:0 0 10px 0;
    position:relative;
    vertical-align:top;
}
.saveToList-button {
    background-color:#c8312a;
    border:none;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    height:42px;
    line-height:42px;
    padding:0 20px 0 0;
    font-weight:700;
    font-size:12px;
}
.saveToList-button-icon {
    background-image:url(/imgs/sprite-icons.png);
    background-repeat:no-repeat;
    background-position:-50px top;
    background-color:#fff;
    border-radius:999px;
    height:40px;
    width:40px;
    display:inline-block;
    vertical-align:top;
    transition-property:background-color;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.saveToList-button-icon-active,
.saveToList-button:hover .saveToList-button-icon {
    background-color:#f6c12b;
}
.saveToList-toggle {
    background-color:#fff;
    box-shadow:1px 1px 3px rgba(0,0,0,.1);
    border:1px solid #ddd;
    border-radius:4px;
    display:none;
    margin:10px 0 0 0;
    min-width:270px;
    padding:20px;
    position:absolute;
    right:0px;
    top:100%;
    text-align:center;
    z-index:2;
}
.saveToList-listSelect,
.saveToList-buttonConfirm {
    display:block;
    width:100%;
}
.saveToList-listSelect {
    padding:10px;
}
.saveToList-buttonConfirm {
    background-color:#00adee;
    border:none;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    font-weight:700;
    margin:10px 0;
    padding:7px 0;
}
.saveToList-buttonConfirm:hover {
    background-color:#00b9ff;
}
.saveToList-manageLists,
.saveToList-newList {
    border:none;
    background:none;
    cursor:pointer;
    color:#33bdf1;
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    margin:0;
    padding:0 10px;
}
.saveToList-manageLists:hover,
.saveToList-newList:hover {
    text-decoration:underline;
}
@media only screen and (max-width:980px) {
    .saveToList-toggle {
        right:initial;
        left:0px;
    }
}

/*Standard Table*/
.tableStandard {
    background-color:#f7f7f7;
    border:1px solid #fff;
    border-top:none;
    border-bottom:none;
    border-collapse:collapse;
    /*box-shadow:0 0 15px rgba(0,0,0,.2);*/
    font-size:15px;
    line-height:20px;
    margin:20px 0;
    overflow:hidden;
    width:100%;
}
.tableStandard th,
.tableStandard td {
    border:1px solid #fff;
    border-right:none;
    border-left:none;
    padding:10px;
    text-align:left;
    vertical-align:middle;
}
.tableStandard th {
    background-color:#4b3776;
    color:#fff;
    padding:10px;
    max-width:200px;
}
.tableStandard td a {
    display:inline-block;
    margin:0 0 5px 0;
}
.tableStandard-center {
    text-align:center;
}
.tableStandard-alignRight {
    text-align:right!important;
}
.tableStandard-smallText {
    font-size:12px;
}
.tableStandard-thumbnail {
    width:100px;
}
.tableStandard-previewImage {
    width:100px;
}
.tableStandard-memberLevels {
    width:60px;
}
.tableStandard-memberLevel {
    width:20px;
}
.tableStandard-topics {
    width:100px;
}
.tableStandard-headerAlt th {
    background-color:#dcdcdc;
    color:inherit;
}
.tableStandard-fixed {
    table-layout:fixed;
}
.tableStandard-cartLineItem {
    display:block;
    text-align:right;
}
.tableStandard-cartLineItem label {
    display:inline-block;
    font-weight:700;
    padding:0 10px 0 0;
}
.tableStandard-cartLineItem small {
    display:block;
}
@media only screen and (max-width:700px) {
    .tableStandard-previewImage {
        display:none;
    }
    .tableStandard-stack,
    .tableStandard-stack thead,
    .tableStandard-stack tbody,
    .tableStandard-stack td,
    .tableStandard-stack tr {
        display: block;
    }
    .tableStandard-stack th {
        display:none;
    }
    .tableStandard-stack thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .tableStandard-stack tr {
        border: 1px solid #fff;
        border-left:none;
        border-right:none;
    }
    .tableStandard-stack td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    .tableStandard-stack td:before {
        font-weight:700;
        font-size:12px;
        content:attr(data-title);
        position: absolute;
        top: 10px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .tableStandard-stack-full {
        padding-left:10px!important;
    }
    .tableStandard-mobileHidden {
        display:none!important;
    }
}

/*Member Level Legend*/
.memberLevelLegend {
    background-color:#a72223;
    clear:both;
    color:#fff;
    display:inline-block;
    font-size:13px;
    float:right;
    line-height:30px;
    margin:20px 4px 10px 0;
    padding:0;
    position:relative;
	cursor: pointer;
}
.memberLevelLegend-all,
.memberLevelLegend-starter,
.memberLevelLegend-free,
.memberLevelLegend-title {
    display:inline-block;
    margin:0 -4px 0 0;
    padding:0 15px;
    position:relative;
}
.memberLevelLegend-all span,
.memberLevelLegend-starter span,
.memberLevelLegend-free span,
.memberLevelLegend-title span  {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    display:inline-block;
    height: 0px;
    right: -9px;
    position: absolute;
    text-align:left;
    text-indent:-9999px;
    top: 0px;
    width: 0px;
    z-index:1;
}
.memberLevelLegend-title span {
    border-left: 10px solid #a72223;
}
.memberLevelLegend-all {
    background-color:#c93031;
    padding-right:20px;
    padding-left:20px;
}
.memberLevelLegend-all span {
    border-left: 10px solid #c93031;
}
.memberLevelLegend-starter {
    background-color:#F8AF25;
    padding-right: 10px;
    padding-left: 20px;
}
.memberLevelLegend-starter span {
    border-left: 10px solid #F8AF25;
}
.memberLevelLegend-free {
	background-color:#93bd5a;
    padding-right: 10px;
    padding-left: 20px;
    
    margin:0 -4px 0 0;
}
.memberLevelLegend-free span {
	border-left: 10px solid #93bd5a;
}
@media only screen and (max-width:650px) {
    .memberLevelLegend {
        float:left;
        padding:5px 10px;
        width:100%;
    }
    .memberLevelLegend-all,
    .memberLevelLegend-starter,
    .memberLevelLegend-free {
        padding:5px 10px;
        border-radius:999px;
        line-height:initial;
        margin:0px;
    }
    .memberLevelLegend-all span,
    .memberLevelLegend-starter span,
    .memberLevelLegend-free span {
        display:none;
    }
    .memberLevelLegend-free {
        margin:0 0 0 10px;
    }
}
@media only screen and (max-width:450px) {
    .memberLevelLegend-title {
        width:100%;
    }
}

/*Testimonials*/
.testimonials-text {
    background-color:#fbf5e9;
    border:2px solid #fbf5e9;
    border-radius:4px;
    font-style:italic;
    padding:30px 20px;
    margin:0;
}
.testimonials-signature {
    color:#4b3776;
    font-weight:700;
    margin:0 0 40px 0;
    padding:20px 0 0 0;
    position:relative;
    text-align:right;
}
.testimonials-signature span {
    position:absolute;
    top:0px;
    right:20px;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fbf5e9;
}

/*Sort List*/
.sortList {
    display:inline-block;
    margin:0 0 20px 0;
    vertical-align:top;
    width:100%;
}
.sortList-heading {
    border-bottom:2px solid #eee;
    padding:15px;
}
.sortList-heading .button {
    margin:0px;
    vertical-align:bottom;
}
.sortList-heading textarea {
    min-height:100px;
    width:100%;
}
.sortList-heading-description {
    display:block;
    width:100%;
}
.sortList-item {
    background-color:#fff;
    border:1px solid transparent;
    border-bottom:1px solid #eee;
    padding:15px;
    transition-property:border, box-shadow;
    transition-duration:.2s;
    transition-timing-function:ease-in-out;
}
.sortList-item:last-of-type {
    border-bottom:1px solid transparent;
}
.sortList-item:hover {
    border:1px solid #aaa;
    box-shadow:0 0 8px rgba(0,0,0,.2);
    cursor:move;
    position:relative;
    z-index:1;
}
.sortList-item-title {
    font-size:20px;
    text-decoration:none;
}

/*Product*/
.product-image {
    display:inline-block;
    margin:0 -4px 20px 0;
    max-height:300px;
    overflow:hidden;
    position:relative;
    vertical-align:top;
    width:250px;
}
.product-image-details {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    background-color:#fff;
}
.product-info {
    display:inline-block;
    margin:0 -4px 20px 0;
    padding:0 0 0 30px;
    vertical-align:top;
    width:calc(100% - 250px);
}
.product-pricing label {
    display:block;
    margin:0 0 10px 0;
    font-weight:700;
}
.product-description {
    background-image:url(/imgs/bg-divider.png);
    background-repeat:repeat-x;
    background-position:center top;
    margin:20px 0 0 0;
    padding:40px 0;
}
@media only screen and (max-width:980px) {
    .product-image,
    .product-info {
        padding:0px;
        margin:0 0 20px 0;
        width:100%;
    }
}

/*Related Products*/
.relatedProducts {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.relatedProducts-product {
    border:1px solid transparent;
    display:inline-block;
    margin:0 -5px 10px 0;
    padding:0 10px 0 0;
    width:50%;
}
.relatedProducts-product-image,
.relatedProducts-product-info {
    display:inline-block;
    vertical-align:top;
}
.relatedProducts-product-image {
    margin:0 -5px 0 0;
    max-height: 75px;
    overflow: hidden;
    width:75px;
}
.relatedProducts-product-info {
    padding:0 0 0 10px;
    width: calc(100% - 75px);
}
.relatedProducts-product-info h4 {
    margin:0 0 5px 0;
    font-size: 17px;
}
.relatedProducts-product-info h4 a {
    text-decoration:none;
}
.relatedProducts-product-info h4 a:hover {
    text-decoration:underline;
}
.relatedProducts-product-info p {
    line-height:16px;
}
@media only screen and (max-width:700px) {
    .relatedProducts-product {
        width:100%;
        padding:0px;
        margin:0 0 10px 0;
    }
}

/*Checkout Steps*/
.checkoutSteps {
    display:inline-block;
    margin:0 0 30px 0;
    padding:0 10%;
    position:relative;
    vertical-align:top;
    width:100%;
}
.checkoutSteps:before {
    border-top: 3px solid #fcda9a;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
}
.checkoutSteps-step {
    display:inline-block;
    margin:0 -4px 0 0;
    position:relative;
    vertical-align:top;
    text-align:center;
    width:25%;
    z-index:0;
}
.checkoutSteps-step-number {
    background-color:#fff;
    border:3px solid #fcda9a;
    border-radius:999px;
    color:#fcda9a;
    display:inline-block;
    font-weight:700;
    height:40px;
    line-height:36px;
    margin:0 0 5px 0;
    width:40px;
}
.checkoutSteps-step-number-complete,
.checkoutSteps-step-number-active {
    color:#c63230;
}
.checkoutSteps-step-number-complete {
    border:3px solid #f8af25;
    background-color:#f8af25;
}
.checkoutSteps-step-number-active {
    border:3px solid #f8af25;
}
.checkoutSteps-step-name {
    color:#4a3872;
    font-size:11px;
    font-weight:700;
    line-height:14px;
    margin:0px;
    text-transform:uppercase;
}
@media only screen and (max-width:700px) {
    .checkoutSteps {
        padding:0px;
    }
}

/*Zone Post*/
.zonePost {
    margin:0 0 40px 0;
}
.zonePost-header {
    display:inline-block;
    padding:0;
    width:100%;
}
.zonePost-header-memberLevel {
    background-color:#a72223;
    clear:both;
    color:#fff;
    display:inline-block;
    font-size:13px;
    line-height:30px;
    padding:0;
}
.zonePost-header-memberLevel-all,
.zonePost-header-memberLevel-starter,
.zonePost-header-memberLevel-free,
.zonePost-header-memberLevel-title {
    display:inline-block;
    margin:0;
    padding:0 15px 0 20px;
    position:relative;
}
.zonePost-header-memberLevel-all span,
.zonePost-header-memberLevel-starter span,
.zonePost-header-memberLevel-free span,
.zonePost-header-memberLevel-title span  {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    display:inline-block;
    height: 0px;
    right: -13px;
    position: absolute;
    text-align:left;
    text-indent:-9999px;
    top: 0px;
    width: 0px;
    z-index:1;
}
.zonePost-header-memberLevel-title span {
    border-left: 10px solid #a72223;
}
.zonePost-header-memberLevel-all {
    background-color:#c93031;
}
.zonePost-header-memberLevel-all span {
    border-left: 10px solid #c93031;
}
.zonePost-header-memberLevel-starter {
    background-color:#F8AF25;
}
.zonePost-header-memberLevel-starter span {
    border-left: 10px solid #F8AF25;
}
.zonePost-header-memberLevel-free {
	background-color:#93bd5a;
    
}
.zonePost-header-memberLevel-free span {
	border-left: 10px solid #93bd5a;
}
.zonePost-header-source,
.zonePost-header-topic {
    color:#4b3776;
    display:inline-block;
    font-size:18px;
    font-weight:700;
    margin:0 25px 0 0;
}
.zonePost-header-summary {
    background-image:url(/imgs/bg-divider.png);
    background-repeat:repeat-x;
    background-position:bottom center;
    display:inline-block;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    width:100%;
}
.zonePost-header-teaser {
    background-image: url(/imgs/bg-divider.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    width: 100%;
}
.zonePost-body {
    margin:0 0 40px 0;
    min-height: 300px;
}
.zonePost-footer {
    background-image:url(/imgs/bg-divider.png);
    background-repeat:repeat-x;
    background-position:center top;
    margin:0 0 20px 0;
    padding:20px 0 0 0;
}
.zonePost-resources {
    margin:0 0 40px 0;
    padding:20px 0 0 0;
}
.zonePost-resource {
    background-image:url(/imgs/sprite-icons.png);
    background-position:left -450px;
    background-repeat:no-repeat;
    display:block;
    min-height:35px;
    margin:0 0 20px 0;
    padding:0 0 0 45px;
}
.zonePost-relatedZones {
    background:#f7f7f7;
    border-radius:4px;
    padding:20px;
    display:inline-block;
    margin:0 0 40px 0;
    width:100%;
}
.zonePost-relatedZones a {
    display:inline-block;
    margin:0 10px 10px 10px;
}
@media only screen and (max-width:980px) {
    .zonePost-super-primary,
    .zonePost-super-secondary {
        margin:0;
        text-align:left;
        width:100%;
    }
    .zonePost-header-source,
    .zonePost-header-topic {
        margin:0 0 10px 0;
        width:100%;
    }
    .zonePost-super-primary {
        display:none;
    }
}
@media only screen and (max-width:700px) {
    .zonePost-relatedZones a {
        display:block;
        margin:0 0 10px 0;
    }
}

/*Zone Grid*/
.zoneGrid-box {
    display:inline-block;
    margin:0 -4px 20px 0;
    padding:10px;
    text-align:center;
    transition: all .2s ease-in-out;
    vertical-align:top;
    width:25%;
}
.zoneGrid-box-title {
    color:#4b3776;
    display:inline-block;
    font-weight:700;
    margin:0;
    padding:10px 0;
    text-transform:uppercase;
    vertical-align:top;
    width:100%;
}
.zoneGrid-box-image {
    border-radius:9999px;
    display:inline-block;
    overflow:hidden;
    transition: all .2s ease-in-out;
    vertical-align:top;
    width:216px;
    height:216px;
    line-height:214px;
}
.zoneGrid-box-image img {
    display:inline-block;
    vertical-align:middle;
    transition: all .2s ease-in-out;
    border-style: none;
}
.zoneGrid-box-image:hover {
    background-color:#f8af26;
}
.zoneGrid-box-image:hover img {
    transform: scale(.9);
}
@media only screen and (max-width:1280px) {
    .zoneGrid-box {
        width:33.33%;
    }
}
@media only screen and (max-width:980px) {
    .zoneGrid-box {
        width:50%;
    }
}
@media only screen and (max-width:450px) {
    .zoneGrid-box {
        margin:0 0 20px 0;
        width:100%;
    }
}

/*Store Grid*/
.storeGrid {
    display:inline-block;
    padding:20px 0 0 0;
    vertical-align:top;
    width:100%;
}
.storeGrid-box {
    border:1px solid #fff;
    display:inline-block;
    margin:0 -4px 20px 0;
    padding:20px;
    position:relative;
    text-align:center;
    transition: all .2s ease-in-out;
    vertical-align:top;
    width:33.33%;
}
.storeGrid-box:hover {
    border:1px solid #aaa;
    box-shadow:0 0 8px rgba(0,0,0,.15);
    z-index:1;
}
.storeGrid-box-title,
.storeGrid-box-image,
.storeGrid-box-description,
.storeGrid-box-price {
    display:inline-block;
    vertical-align:top;
    width:100%;
}
.storeGrid-box-title {
    color:#242568;
    font-size:20px;
    font-weight:700;
    margin:0 0 15px 0;
    text-decoration:none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;     /* fallback */
    max-height: 48px;      /* fallback */
    min-height: 48px;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.storeGrid-box-image {
    height:200px;
    margin:0 0 15px 0;
    overflow:hidden;
    width:100%;
}
.storeGrid-box-image img {
    min-width:100%;
}
.storeGrid-box-description {
    cursor:help;
    margin:0px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.storeGrid-box-price {
    font-weight:700;
}
.storeGrid-box .button {
    width:100%;
}
@media only screen and (max-width:980px) {
    .storeGrid-box {
        width:50%;
    }
}
@media only screen and (max-width:500px) {
    .storeGrid-box {
        border-bottom:1px solid #aaa;
        margin:0px;
        width:100%;
    }
}

/*Icons*/
.icon {
    background-image:url(/imgs/sprite-icons.png);
    background-repeat:no-repeat;
    display:inline-block;
    height:20px;
    margin:0 5px 0 0;
    vertical-align:top;
    width:20px;
}
.icon-itunes {
    background-position: -50px -48px;
    background-size: 100px;
}
.icon-rss {
    background-position: -34px -71px;
    background-size: 75px;
}

/*Podcast List*/
.podcastList {
    background-color:#fff;
}
.podcastList td {
    border:1px solid #aaa;
}
.podcastList-title {
    font-size:17px;
    margin:0;
}
.podcastList-title a {
    text-decoration:none;
}
.podcastList-title a:hover {
    text-decoration:underline;
}
.podcastList-subTitle {
    margin:0px;
}

/*Podcast Content*/
.podcastContent {
    padding:0 0 20px 0;
}
.podcastContent-subTitle {
    font-size:20px;
}
.podcastContent-heading {

}
@media only screen and (max-width:700px) {
    .podcastContent-heading-image,
    .podcastContent-heading-player {
        display:none;
    }
}

/*Podcast Links*/
.podcastLinks .addthis_inline_share_toolbox {
    display:inline-block;
}

/*Podcast Comments*/
.podcastComments {
    background-image: url(/imgs/bg-divider.png);
    background-repeat: repeat-x;
    background-position: top center;
    padding:20px 0 0 0;
    margin:20px 0 0 0;
}

/*Store Featured*/
.storeFeatured-heading {
    border-bottom:1px solid #989898;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
}
.storeFeatured-large {
    border:20px solid #23408e;
    display:inline-block;
    margin:0 0 40px 0;
    max-height:450px;
    overflow:hidden;
    vertical-align:top;
    width:100%;
}
.storeFeatured-large img {
    display:block;
    width:100%;
}
.storeFeatured-item {
    display:inline-block;
    margin:0 -4px 20px 0;
    max-height:200px;
    overflow:hidden;
    padding:0 10px;
    transition: all .2s ease-in-out;
    vertical-align:top;
    width:33.33%;
}
.storeFeatured-item img {
    display:block;
    width:100%;
    transition:all;
    transition-duration:.15s;
}
.storeFeatured-item:hover img {
    transform: scale(1.1);
}
@media only screen and (max-width:700px) {
    .storeFeatured-item {
        width:50%;
    }
}

/*Pagination*/
.pagination {
    display:inline-block;
    margin:20px 0 0 0;
    width:100%;
}
.pagination-showing {
    font-style:italic;
    padding:0 0 15px 0;
}
.pagination-buttons-first,
.pagination-buttons-previous,
.pagination-buttons-next,
.pagination-buttons-last,
.pagination-buttons-number {
    border:1px solid #fff;
    border-radius:4px;
    height:40px;
    line-height:40px;
    width:40px;
    display:inline-block;
    margin:0;
    vertical-align:top;
    text-align:center;
    text-decoration:none;
    font-weight:700;
}
.pagination-buttons-first,
.pagination-buttons-previous,
.pagination-buttons-next,
.pagination-buttons-last {
    border:1px solid #aaa;
    font-size:20px;
	line-height:36px;
}
.pagination-buttons-first:hover,
.pagination-buttons-previous:hover,
.pagination-buttons-next:hover,
.pagination-buttons-last:hover,
.pagination-buttons-number:hover {
    background-color:#eee;
}
.pagination-buttons-disabled {
    display:none;
}
.pagination-buttons-active {
    background-color:#c83231;
    color:#fff;
}
.pagination-buttons-active:hover {
    background-color:#c83231;
}


/*Membership Boxes*/
.membershipBox {
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:top;
    width: 33.33%;
    padding:10px 20px 10px 0;
}
.membershipBox-primary {
    width:100%;
}
.membershipBox-list {
    border:1px solid #aaa;
    border-top:none;
    list-style:none;
    padding:0;
    margin:0;
}
.membershipBox-list li a {
    border-bottom:1px solid #eee;
    display:block;
    padding:10px;
    text-decoration:none;
}
.membershipBox-list li:last-of-type a {
    border-bottom:none;
}
.membershipBox-list li a:hover {
    background-color:#eee;
}
.membershipBox-heading {
    background-color:#4b3776;
    border-radius:4px 4px 0 0;
    color:#fff;
    margin:0px;
    padding:10px 15px;
}
.membershipBox-content {
    border:1px solid #aaa;
    border-top:none;
    display:inline-block;
    padding:15px;
    width:100%;
}
.membershipBox-benefits {
    display:none;
}
.membershipBox-benefits table {
    border:1px solid #CC000B;
    border-collapse:collapse;
    font-size:14px;
    line-height:18px;
    margin:20px 0 0 0;
    text-align:left;
    width:100%;
}
.membershipBox-benefits th,
.membershipBox-benefits td {
    padding:5px 10px;
}
.membershipBox-benefits tr.odd_row td {
    background-color:#ddd;
}
.membershipBox-benefits th {
    color:#fff;
    line-height:26px;
}
.membershipBox-button {
    background-color:#c93031;
    border-radius:4px;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    margin:0 10px 10px 0 ;
    padding:5px 15px;
    text-decoration:none;
}
.membershipBox-button:hover {
    background-color:#e64748;
}
@media only screen and (max-width:1280px) {
    .membershipBox {
        width:50%;
    }
    .membershipBox-primary {
        width:100%;
    }
}
@media only screen and (max-width:700px) {
    .membershipBox {
        padding:10px 0;
        width:100%;
    }
}

/*Footer*/
.footer {
    background-color:#1a1a4c;
    color:#fff;
    padding:40px 20px 0 20px;
}
.footer-column {
    display:inline-block;
    margin:0 -4px 40px 0;
    padding:0 20px;
    vertical-align:top;
    width:33.33%;
}
.footer-column ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
.footer-column p {
    font-size:14px;
}
.footer-column a {
    color:#fff;
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition:all .15s linear;  
	-moz-transition:all .15s linear;  
	-o-transition:all .15s linear;  
	transition:all .15s linear;
}
.footer-social li {
    display:inline-block;
    margin:0 -4px 20px 0;
    width:50%;
}
.footer-social li a:hover {
    text-decoration:underline;
}
.footer-facebook,
.footer-youtube,
.footer-instagram,
.footer-twitter {
    display:block;
}
.footer-quickLinks li {
    display:inline-block;
    margin:0 -4px 10px 0;
    width:50%;
}
.footer-quickLinks a:hover {
	text-decoration:underline;
}
.footer-column .footer-link {
    font-weight:700;
}
.footer-column .footer-link span {
    color:#f8af26;
    display:inline-block;
    margin:0 0 0 5px;
    font-family:monospace;
    font-size:20px;
    font-weight:900;
}
.footer-column h3 {
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
.footer-pointClickIcon {
    background-image:url(/imgs/sprite-icons.png);
    background-position:240px -400px;
    background-repeat:no-repeat;
}
.footer-copy {
    background-color:#101037;
    color:#fff;
    padding:10px 0;
    text-align:center;
}
.footer-copy p {
    font-size:13px;
    margin:0px;
    opacity:.6;
}
@media only screen and (max-width:1280px) {
    .footer-column {
        width:50%;
    }
    .footer-column:last-of-type {
        border-top:1px solid #2f2f65;
        margin:0px;
        padding:40px 20px;
        width:100%;
    }
    .footer-quickLinks li {
        width:25%;
    }
}
@media only screen and (max-width:850px) {
    .footer {
        padding:0;
    }
    .footer-social li {
        margin:0 -4px 0 0;
        text-align:center;
        width:25%;
    }
    .footer-social-text {
        display:none;
    }
    .footer-column {
        padding:0 30px;
        width:100%;
    }
    .footer-column h3 {
        margin:0 0 40px 0;
        text-align:center;
    }
    .footer-column:nth-of-type(1) {
        display:none;
    }
    .footer-column:nth-of-type(2) {
        border-top:1px solid #2f2f65;
        margin:0px;
        padding:40px 20px;
    }
}
@media only screen and (max-width:600px) {
    .footer-social li {
        font-size:13px;
    }
    .footer-quickLinks {
        text-align:center;
    }
    .footer-quickLinks li {
        margin:0 10px 20px 10px;
        width:auto;
    }
}

/*Inputs*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    border:1px solid #aaa;
    border-radius:4px;
    max-width:100%;
    padding:10px;
}

/*Accordion Sections*/
.accordion-heading {
    background-color:#4b3776;
    color:#fff;
    cursor:pointer;
    font-weight:500;
    font-size:20px;
    margin:10px 0 0 0;
    padding:10px 50px 10px 20px;
    position:relative;
    transition-property:background-color;
    transition-duration:.15s;
    transition-timing-function:ease-in-out;
}
.accordion-heading:after {
    background-image:url(/imgs/sprite-icons.png);
    background-position: -45px -244px;
    background-repeat:no-repeat;
    content:"";
    position:absolute;
    right:10px;
    top:8px;
    height:30px;
    width:30px;
}
.accordion-heading:hover {
    background-color:#5c4886;
}
.accordion-heading-active:hover {
    background-color:#4b3776;
    cursor:default;
}
.accordion-heading-active:after {
    display:none;
}
.accordion-content {
    border:1px solid #aaa;
    display:none;
    margin:0 0 20px 0;
    padding:20px;
}

/*Form Standard*/
.formStandard {

}
.formStandard-field {
    display:inline-block;
    margin:0 0 20px 0;
    padding:0 20px 0 0;
    vertical-align:top;
    width:50%;
}
.formStandard-field input[type="text"],
.formStandard-field input[type="password"],
.formStandard-field input[type="number"],
.formStandard-field textarea,
.formStandard-field select {
    width:100%;
}
.formStandard-field input[type="radio"] {
    display:inline-block;
    vertical-align:middle;
    margin:0 5px 0 0;
}
.formStandard-field label {
    display:block;
    font-weight:700;
}
.formStandard-fieldStack {
    display:inline-block;
    margin:0 20px 20px 0;
    width:auto;
}
.formStandard-fieldFull {
    margin:0 0 20px 0;
    width:100%;
}
.formStandard-required {
    color:#c63230;
}
.formStandard-sellerInfo {
    margin:0 0 20px 0;
    text-align:center;
}
.formStandard-sellerInfo label {
    display:inline-block;
    font-weight:bold;
    margin:0 -4px 0 0;
    padding:0 10px 0 0;
    text-align:right;
    width:50%;
}
.formStandard-sellerInfo p {
    display:inline-block;
    margin:0 -4px 0 0;
    padding:0 0 0 10px;
    text-align:left;
    width:50%;
}
.formStandard-terms {
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    padding:10px 0;
    margin:0 0 20px 0;
}
.formStandard-buttons {
    text-align:center;
}
.formStandard-buttons-alignLeft {
    text-align:left;
}
.formStandard .button-secondary {
    background-color:transparent;
    color:#33bdf1;
}
.formStandard .button-secondary:hover {
    background-color:#eee;
}
@media only screen and (max-width:550px) {
    .formStandard-field {
        margin:0 0 20px 0;
        padding:0px;
        width:100%;
    }
    .formStandard-sellerInfo label,
    .formStandard-sellerInfo p {
        display:block;
        width:100%;
        text-align:left;
    }
    .formStandard-sellerInfo label {
        padding:0px;
    }
    .formStandard-sellerInfo p {
        padding:0 0 10px 0;
    }
}

/*Form Box*/
.formBox {
    background-color:#f2fcff;
    border:1px solid #daf6ff;
    font-size:15px;
    margin:0 auto 20px auto;
    padding:20px 10px;
    max-width:500px;
}
.formBox-field {
    display:inline-block;
    margin:0 -4px 20px 0;
    padding:0 10px;
    vertical-align:top;
    width:50%;
}
.formBox-field label {
    display:block;
}
.formBox-field input[type="text"],
.formBox-field input[type="password"],
.formBox-field select {
    background-color:#fff;
    border:1px solid #daf6ff;
    padding:10px;
    width:100%;
}
.formBox-field input[type="checkbox"] {
    display:inline-block;
    vertical-align:middle;
}
.formBox-note {
    display:inline-block;
    font-size:13px;
    line-height:20px;
    margin:0 0 20px 0;
    padding:0 10px;
    vertical-align:top;
    width:100%;
}
.formBox-buttons {
    display:inline-block;
    margin:0 0 10px 0;
    padding:0 10px;
    width:100%;
}
.formBox-buttons input,
.formBox-buttons a {
    display:inline-block;
    margin:0 20px 10px 0;
}
@media only screen and (max-width:500px) {
    .formBox-field {
        width:100%;
        padding:0 10px;
    }
}

/*Message Boxes*/
.message {
    border:3px dashed #daf6ff;
    display:inline-block;
    font-size:14px;
    margin:20px 0;
    padding:20px;
    text-align:center;
    width:100%;
}
.message-error {
    border:3px dashed #c93031;
    color:#c93031;
    text-align:left;
}
.message-heading {
    margin:0 0 10px 0;
    font-size:18px;
    font-weight:700;
}
.message li {
    text-align:left;
}

/*Social Icons*/
.socicon-facebook,
.socicon-youtube,
.socicon-instagram,
.socicon-twitter {
    border-radius:9999px;
    display:inline-block;
    height:50px;
    margin:0 15px 0 0;
    text-align:center;
    vertical-align:middle;
    width:50px;
}
.socicon-facebook:before,
.socicon-youtube:before,
.socicon-instagram:before,
.socicon-twitter:before {
    display:block;
    border-radius:9999px;
    box-sizing:border-box;
    font-size:20px;
    height:50px;
    padding:15px;
    text-align:center;
    width:50px;
}
.socicon-facebook:before {
    background-color:#3e5b98;
}
.socicon-youtube:before {
    background-color:#e02a20;
}
.socicon-instagram:before {
    background-color:#000;
}
.socicon-twitter:before {
    background-color:#4da7de;
}
@media only screen and (max-width:600px) {
    .socicon-facebook, .socicon-youtube, .socicon-instagram, .socicon-twitter {
        display:block;
        margin:0 auto;
    }
}

/*Legacy Style Support*/
#became_member_tbl {
    border:1px solid #fff;
    border-collapse:collapse;
    /*box-shadow:0 0 15px rgba(0,0,0,.2);*/
    font-size:14px;
    line-height:18px;
    margin:20px 0 0 0;
    text-align:left;
    width:100%;
}
#became_member_tbl th,
#became_member_tbl td {
    padding:5px 10px;
}
#became_member_tbl tr.odd_row td {
    background-color:#ddd;
}
#became_member_tbl th {
    color:#fff;
    line-height:26px;
}
.become_member_feature_hdr {
    background-color:#CC000B;
}
.become_member_basic_hdr {
    background-color:#FFB307;
}
.become_member_premium_hdr {
    background-color:#0975B3;
}
#webout {
    bottom: 0;
    display: none;
    height: 420px;
    left: 50%;
    margin-left: -200px;
    position: fixed;
    width: 400px;
    z-index:999;
}
#printout-card-wrapper{position:relative;padding:4px; border:2px dashed #000; display:none;width:450px;margin:40px auto;}
.sciz {position:absolute;top:-20px;left:380px;}
#printout-card{ line-height:14px; border:15px solid #CC000B; color:#000;width:100%; font-size:13px;padding:10px; display:none;}
#pc-premium-member{ text-align:center; font-size:20px; padding:0px 0 6px 0; font-weight:bold; color:#CC000B; text-transform:uppercase;color:#FFA600}
#pc-logo{text-align:center}
#pc-fname{text-align:center; font-size:16px; font-weight:bold; color:#FFA600; padding:4px 0;color:#CC000B;}
#pc-company{text-align:center;color:#000974;}
#pc-address{text-align:center;color:#000974;}
#pc-expid{ overflow:hidden; clear:both;color:#CC000B}
#pc-exp{float:left; width:50%; font-size:12px; text-align:left;}
#pc-id{float:right; width:50%; text-align:right; font-size:12px;}

/*Print Styles*/
@media print {
    .header,
    .footer,
    .footer-copy,
    .asidePrimary,
    .asideSecondary {
        display:none;
    }
    .content {
        background-image:none;
        border:none;
    }
    .contentPrimary {
        width:100%!important;
    }
}

/*Create List Window*/
.creatListWindow {
    padding:30px;
}
.creatListWindow-label {
    display:block;
}
.creatListWindow-name {
    border-radius:4px 0 0 4px!important;
    display:inline-block;
    margin:0 -4px 0 0;
    width:70%;
}
.creatListWindow-submit {
    background-color:#448ccc;
    border-radius:0 4px 4px 0;
    color:#fff;
    border:none;
    display:inline-block;
    font-weight:700;
    line-height:37px;
    margin:0 -4px 0 0;
    vertical-align:top;
    padding:0;
    width:30%;
}

/*jQuery UI Dialog*/
.ui-dialog {
    background-color:#fff;
    border-radius:4px;
    box-shadow:0 0 6px rgba(0,0,0,.4);
    overflow:hidden;
}
.ui-dialog-titlebar {
    background-color:#4b3776;
    text-align:right;
}
.ui-dialog-titlebar-close {
    background-color:#c8312a;
    border:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    margin:0px;
    padding:10px;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-front {
	z-index: 100;
}