@font-face {
    font-family: 'Consolas';
    src: url('../webfonts/Consolas.eot');
    src: url('../webfonts/Consolas.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Consolas.woff2') format('woff2'),
        url('../webfonts/Consolas.woff') format('woff'),
        url('../webfonts/Consolas.ttf') format('truetype'),
        url('../webfonts/Consolas.svg#Consolas') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1B1B1B;	
	/*background:url('../images/ml_bg_pattern_light.jpg') 0 0 repeat;*/
	margin:0;
    padding:0;
    overflow:visible;
}
td, th, tbody {
	font-size:10px;
	color:#1B1B1B;
}
body, html, div, form, input, h1, h2, ul, ol, li, p { padding:0; margin:0;}

h3 {
	background-repeat:repeat;
	border:1px solid #808080;
	color:#525973;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	padding-left:3px;
	height:18px;
}

input {
	background-color:white;
 	border:1px solid #808080;
	color:gray;
	font-family:verdana;
	font-size:11px;
	padding-left:3px;
}
input:focus { 
    outline: none !important;
    border-color: #006c94;
}

ul, li{ list-style-type:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.fl{float:left;}
.text12n{ font-size:12px;}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.btn-xs-rounded {
    padding: 1px 5px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    border-radius: 4px !important;
}

.portlet .portlet-header + .portlet-content, .portlet .portlet-toolbar + .portlet-content {
    margin-top: 1px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 10px;
}
.portlet {
    position: relative;
    clear: both;
    width: auto;
    margin-bottom: 5px;
    border: 1px solid #D5D5D5;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}
.portlet .portlet-header {
    position: relative;
    padding: 2px 5px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #D5D5D5;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-background-clip: padding-box;
    font-weight: bold;
}
.portlet-content {
    padding: 5px 5px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    font-weight: normal;
}

.mainWrapper {
    clear: both;
	position:relative;
	width:820px;
    padding:0;
	margin:0 auto 0 auto;
	background-color:#fff;
	font-size:12px !important;
}

.googleAdsSection {
    position:relative;
	padding: 10px 0 5px 0;
}

.headerContainer {
    position:relative;
	padding: 15px 0 10px 0;	
}
.headerContainer .logoSection {
    position: absolute;
    float: left;
	width: 230px;
	height: auto;	
	transform: none;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left: 0;
    bottom: 15px;
}
.headerContainer .logoSection .logoHolder {
	position:relative;
	display:block;
    height: auto;
	text-align:left;
    margin-top: 6px;
}
.headerContainer .logoSection .logoHolder img {
    width: 100%;    
}

.headerContainer .navSection {
    position:relative;
	margin:0 0 0 240px;
	background:#fff;	
}
.headerContainer .navSection .navigationContainer {
    position: relative;
    width: 100%;
    height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
	margin:0 auto 5px;
    padding:1px 8px 1px 8px;
    border-radius:8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
    background-color: #990000;
}

.navigationContainer .catButContainer {
    display: none;
    z-index: 8888;
}
.navigationContainer.hidden .catButContainer {    
    display: none;
}

.navigationContainer .top-links {	
	position: absolute;
    display: none;
    left: auto;
    right: 0;
    top: -24px;
	padding: 0;
    margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
    z-index: 9999;
}
.top-links a {
	display: inline-block;	
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	color: #054382;
	height: 16px;
	line-height: 16px;
}
.top-links a:hover {	
	text-decoration: underline;
	color: #3278c0;
}

.navigationContainer.hidden .top-links .cart-link {
    display: none;
}

.top-links .cart-link {
	padding: 0 0 0 20px;
	background-repeat: no-repeat;    
	background-position: 0 0;
}
.top-links .cart-link:hover {	
	background-position: 0 -16px;
}

.top-links .cartPageHeading {
    display: none;
}

.navigationContainer .navigation {
    position: relative;
    width: fit-content;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin: 0 auto;
    z-index: 7777;
}
.navigation > a {
    display: none;
}
.navigation li {
    position: relative;
}
.navigation li.hiddenOnPhone {
    display: block;
}
.navigation li a {
    color: #fff;
    display: block;
}
.navigation li a:active {
    background-color: #370908 !important;
}
.navigation span:after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: 5px;
}

/* first level */

.navigation > ul {
    height: 28px;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
    background-color: #990000;    
}
.navigation > ul > li {
    display: inline-block;    
    height: 100%;
    float: left;
}
.navigation > ul > li > a {
    height: 100%;
    padding:0 14px 0 14px;
    font-size: 11px;
    line-height: 28px;
    text-align: center;
}
.navigation > ul > li:not(:last-child) > a {
    border-right: 1px solid rgba(255,255,255,.25);
}
.navigation > ul > li:hover > a, .navigation > ul:not( :hover ) > li.active > a {
    background-color: #770000;
}

/* second level */
.navigation li ul {
    background-color: #cc470d;
    display: none;
    position: absolute;
    top: 100%;
}
.navigation li:hover ul {
    display: block;
    left: 0;
    right: 0;
}
.navigation li:not( :first-child ):hover ul {
    left: -1px;
}
.navigation li ul a {
    font-size: 11px; /* 20 */
    border-top: 1px solid #e15a1f;
    padding: 0.75em; /* 15 (20) */
}
.navigation li ul li a:hover, .navigation li ul:not( :hover ) li.active a {
    background-color: #e15a1f;
}

.headerContainer .navSection .welcomeSection {
 	width:100%;
 	font-size:11px;
	position:relative;
	margin:0 auto;
	background-color:#F9F9F9;
	border:1px solid #D7D7D7;
	padding:6px 10px 6px 10px;
	min-height:60px;
	line-height:15px;
    min-height: 60px;
}
.headerContainer .navSection .welcomeSection h1 {
    font-size: 20px;
    line-height: 22px !important;
    margin-top: 0;
    margin-bottom: -12px;
}

.headerContainer .navSection .topSsl {
 	width:120px;
 	font-size:11px;
	float:right;
	position:absolute;
	top:45px;
	right:0;
	padding:6px 10px 6px 10px;
	margin-top: -5px;
}

.headerContainer .navSection .paymentLogoSection {
 	position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.paymentLogoSection .paymentLogos {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.paymentLogoSection .paymentLogos-mobile {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
}
.paymentLogoSection .paymentLogos-mobile img {
    width: 100%;
}

.sf {
	border:1px solid #808080;
	margin-right:6px;
	height:19px;
	color:#656565;
	font-size:11px;
	padding-top:2px;
}
.dd{
	border:1px solid #808080;
	margin-right:6px;
	height:22px;
	color:#656565;
}
.welcomsec1{
	width:469px;
	background-color:#F9F9F9;
	border:1px solid #D7D7D7;
 	padding:10px;
 	float:right;
 	right:0;
}
.textpurple {
	color:#31315F;
	font-weight:bold;
}

.searchStatus {
    position: relative;
    display: block;    
    width: 160px;
    text-align: center;    
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    margin: -5px auto 5px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    border:1px solid #559bb1;
	background-color: #add8e6;
}


.bodyContainer {
    position: relative;
    width: 100%;
	padding: 0;	
	background: #f1f1f1;		
}
.bodyContainer .leftSection {
    position: relative;
    float: left;
	width: 180px;
	height: auto;	
	transform: none;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
	background-color:#f1f1f1;
}
.bodyContainer .leftSection .catHeader {
    position: relative;
    display: none;
}
.bodyContainer .leftSection .btn-vip, .bodyContainer .leftSection .btn-vip:visited {
    position: relative;
    width: 100%;    
    padding: 6px;
    margin-bottom: 10px;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    border-radius: 6px;
    text-decoration: none;
    background-color: #990000;    
    transition: 0.3s;
}
.btn-vip .title {
    position: relative;
    display:block;
    padding-bottom:5px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;        
}
.btn-vip .caption {
    position: relative;
    display:block;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    line-height: 13px;
    color: #990000;
    background-color: #FFFFFF;
    transition: 0.3s;
}
.bodyContainer .leftSection .btn-vip:hover, .bodyContainer .leftSection .btn-vip:focus {
    background-color: #ce3f24;
}
.bodyContainer .leftSection .btn-vip:hover .caption, .bodyContainer .leftSection .btn-vip:focus .caption {
    color: #111111;
}
.bodyContainer .leftSection .btn-vip:active {
    background-color: #ce3f24;
}
.bodyContainer .leftSection .btn-vip:active .caption {
    color: #111111;
}

.bodyContainer .leftSection .btn-type, .bodyContainer .leftSection .btn-type:visited {
    position: relative;
    width: 100%;    
    padding: 6px;
    margin-bottom: 10px;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    border-radius: 6px;
    text-decoration: none;
    background-color: #990000;    
    transition: 0.3s;
}
.btn-type .title {
    position: relative;
    display:block;
    padding-bottom:5px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;        
}
.btn-type .caption {
    position: relative;
    display:block;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    line-height: 13px;
    color: #990000;
    background-color: #FFFFFF;
    transition: 0.3s;
}
.bodyContainer .leftSection .btn-type:hover, .bodyContainer .leftSection .btn-type:focus {
    background-color: #ce3f24;
}
.bodyContainer .leftSection .btn-type:hover .caption, .bodyContainer .leftSection .btn-type:focus .caption {
    color: #111111;
}
.bodyContainer .leftSection .btn-type:active {
    background-color: #ce3f24;
}
.bodyContainer .leftSection .btn-type:active .caption {
    color: #111111;
}

.bodyContainer .leftSection .innerContent {
    position: relative;
    width: 100%;
}
.bodyContainer .leftSection .innerContent .listContainer {
    position: relative;
    width: 100%;    
    padding: 6px;
    margin-bottom: 10px;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    border-radius: 6px;
    text-decoration: none;
    background-color: #990000;
}

.listContainer .title {
    position: relative;
    display:block;
    padding: 2px 0 8px 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;        
}
.listContainer .listHolder {
    position: relative;
    display:block;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 4px;    
    background-color: #FFFFFF;
}
.listContainer .listHolder .caption {
    position: relative;
    display:block;
    padding: 0 0 5px 0;
    margin: 0;
    text-align: left;
    font-size: 10px;
    line-height: 13px;
    color: #444444;
}
.listContainer .listHolder ul {
    position: relative;
    padding: 0;
    margin: 0;
}
.listContainer .listHolder ul li {
    display: block;
	border-top: 1px dashed #C6C6C6;
}
.listContainer .listHolder ul li:last-child {
    display: block;
    border-top: 1px dashed #C6C6C6;
    border-bottom: 1px solid #EEEEEE;
}
.listContainer .listHolder ul li a {
    display: block;
	color: #2A3C43;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: normal;
	line-height: 24px;
    padding-left: 15px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 7px 9px no-repeat;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: 0.3s;
}
.listContainer .listHolder ul li a:hover {    
	color: #111111;    
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 7px 9px no-repeat;
    background-color: #F1F1F1;
}

.listContainer .listHolder ul li.active > a {
    display: block;
	color: #111111;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: normal;
	line-height: 24px;
    padding-left: 15px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 7px 9px no-repeat;
    background-color: #F1F1F1;
    cursor: default;
}
.listContainer .listHolder ul li.active > a:hover {    
	display: block;
}

.listContainer .listHolder ul > li > ul {    
	padding: 0;
    margin: 0;
}
.listContainer .listHolder ul > li > ul > li {    
	display: block;
    padding: 0;
    margin: 0;
    border: none;
}
.listContainer .listHolder ul > li > ul > li:last-child {
    border: none;
}
.listContainer .listHolder ul > li > ul > li > a {    
	display: block;
	color: #2A3C43;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: normal;
	line-height: 18px;
    padding-left: 25px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%225px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 19px 6px no-repeat;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: 0.3s;
}
.listContainer .listHolder ul > li > ul > li > a:hover {
    color: #111111;    
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%225px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 19px 6px no-repeat;
    background-color: #F1F1F1; 
}

.listContainer .listHolder ul > li > ul > li.active > a {    
	display: block;
	color: #111111;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: normal;
	line-height: 18px;
    padding-left: 25px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%225px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 19px 6px no-repeat;
    background-color: #F1F1F1;
    cursor: default;
}
.listContainer .listHolder ul > li > ul > li.active > a:hover {
    display: block;
}

.bodyContainer .leftSection .leftAdContainer {
    position: relative;
    width: 100%;
    padding: 10px;
    margin: 0;
}

.bodyContainer .rightSection {
    position:relative;
	margin:0 0 0 190px;
    padding-bottom: 5px;
	background:#f1f1f1;	
}

.saBarContainer {
    position: relative;
    width: 100%;
    /*margin-left: 0 !important;
    margin-right: 0 !important;*/
    font-size: 10px;
    font-weight: bold;
}
.saBarContainer a.dashboardBut, .saBarContainer a.dashboardBut:visited {
    text-decoration: none;
    color: #12b886;
    vertical-align: sub;
}
.saBarContainer a.dashboardBut:hover {
    text-decoration: none;
    color: #14d198;
}
.saBarContainer a.dashboardBut:active {
    text-decoration: none;
    color: #02523a;
}
.saBarContainer .saBarLeft {
    position: relative;
    float: left;
	width: 50%;
	height: auto;	
	transform: none;
    text-align: left;    
}
.saBarContainer .saBarLeft span {   
    line-height: 26px;
}
.saBarContainer .saBarRight {
    position: relative;
    margin:0 0 0 50%;
    text-align: right;
    line-height: 26px;
}
.saBarContainer .saBarRight .hidden {
    display: inline;
}

.bodyContainer .rightSection .tiHeader {
    position: relative;
    display: block;
    padding: 5px 0 5px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;
    background-color: #990000;
}

.bodyContainer .rightSection .greyToolBar {
    position: relative;
    width: 100%;
    min-height: 30px;
    padding: 5px 0 5px 0;    
    margin:0 0 8px 0;
    background-color:#D6D6D6;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    border: 1px solid #C4C4C4;
}
.bodyContainer .rightSection .greyToolBar.transparent {
    background-color: rgba(255,255,255,0) !important;
    border: none !important;
}
.greyToolBar .selectMenus {
    position: relative;
    float:left;
	width:60%;    
}
.greyToolBar .selectMenus .sortOptionContainer {
    position: relative;
    float:left;
	width:65%;
    padding-left: 10px;
    margin-top: 0;
}
.greyToolBar .selectMenus .sortOptionContainer span {
    font-size: 10px;   
}
.greyToolBar .selectMenus .listOptionContainer {
    position: relative;
    float:left;
	width:35%;
    padding-left: 10px;
    margin-top: 0;
}
.greyToolBar .selectMenus .listOptionContainer span {
    font-size: 10px;
}
.greyToolBar.noDropDown .selectMenus {
    position: relative;
    display: inline-block;
    float:left;
	width:60%;
}
.greyToolBar.noDropDown .selectMenus .songidDisplay {
    display: inline-block;
    padding: 0 4px 0 4px;
    margin: 5px 0 0 5px;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    color: #444444;
    border: 1px solid #B4B4B4;
    background-color: #FFFFFF;
}
.greyToolBar .searchArea {
    position: relative;
    margin:0 0 0 61%;
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
    margin-top: 0;    
}
.greyToolBar.noDropDown .searchArea {
    position: relative;
    margin:0 0 0 61%;
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
    margin-top: 0;
}
.greyToolBar .searchArea input[type="text"] {
    width: 80%;
}
.greyToolBar .searchArea input[type="image"] {
    vertical-align: middle;
    margin-top: -2px;
}
.greyToolBar .optionArea {
    position: relative;
    float: none;
	width: 100%;    
    padding: 0 10px 0 10px;
    margin-top: 8px;
    text-align: right;
}
.greyToolBar .optionArea form {
    display: inline-block;
}
.greyToolBar .optionArea form input[type="radio"] {
    vertical-align: bottom;
    margin-right: 4px;
}

.bodyContainer .rightSection .greyToolBar.search {
    position: relative;
    width: 100%;
    min-height: 30px;    
    padding: 0;    
    margin:0 0 8px 0;
    background-color:#D6D6D6;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    border:1px solid #C4C4C4;
}
.greyToolBar.search .searchArea {
    position: relative;
    width: 100%;
    padding: 5px 20px 5px 80px;
    margin: 0;    
    text-align: right;    
}
.greyToolBar.search a.backlink, .greyToolBar.search a.backlink:visited {
    position: absolute;
    left: 20px;
    top: 11px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #020202;
    text-decoration: none;
    z-index: 2222;
}
.greyToolBar.search a.backlink:hover {
    color: #006c94;
    text-decoration: underline;    
}
.greyToolBar.search a.backlink:visited {
    color: #000000;
    text-decoration: none;    
}
.greyToolBar.search a.backlink fas {
    font-size: 16px;
    line-height: 16px;
}

.site-block {
    width: 90px;
    float: left;
    line-height: 11px;
}
.updates {
    float: left;
    line-height: 11px;
    padding-left: 10px;
}

.searchResultStatus {
    position: relative;
    display: inline-block;
    padding: 2px 0 2px 5px;
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 600;
    color: #333333;
    background: rgb(164,249,88);
    background: -moz-linear-gradient(90deg, rgba(164,249,88,1) 0%, rgba(164,249,88,0) 80%);
    background: -webkit-linear-gradient(90deg, rgba(164,249,88,1) 0%, rgba(164,249,88,0) 80%);
    background: linear-gradient(90deg, rgba(164,249,88,1) 0%, rgba(164,249,88,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4f958",endColorstr="#a4f958",GradientType=1);
}
.searchResultStatus span {
     color: #047ba8;   
}

.paginations {
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.paginations ul {
	text-align:center;
	margin-top:5px;
}
.paginations ul li {
    list-style: none;
    display: inline-block;	    
    width: 24px;
	height:24px;
    margin: 0 1px 0 1px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #FFFFFF;
    color:#444444;
    font-size: 11px;
}
.paginations ul li a {
    display: inline-block;
    padding: 0;
    width: 24px;
	height:24px;
	line-height:24px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color:#FFFFFF;
	color: #444444;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.paginations ul li a:hover {
	background-color:#ce3f24;
    color: #FFFFFF;
	text-decoration:none;
}
.paginations ul li a b {
    display: inline-block;
	padding: 0;
    width: 24px;
	height:24px;
	line-height:24px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color:#ce3f24;
	color: #FFFFFF;
    text-align: center;
    cursor: default;
}
.paginations ul li a.prev {
	display: inline-block;
    padding: 0;
    width: 24px;
	height:24px;
    box-sizing: border-box;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M512%20256A256%20256%200%201%200%200%20256a256%20256%200%201%200%20512%200zM271%20135c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-87%2087%2087%2087c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200L167%20273c-9.4-9.4-9.4-24.6%200-33.9L271%20135z%22%20fill%3D%22%23919191%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.paginations ul li a.prev:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M512%20256A256%20256%200%201%200%200%20256a256%20256%200%201%200%20512%200zM271%20135c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-87%2087%2087%2087c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200L167%20273c-9.4-9.4-9.4-24.6%200-33.9L271%20135z%22%20fill%3D%22%23ce3f24%22%2F%3E%0A%3C%2Fsvg%3E");
}
.paginations ul li a.next {
    display: inline-block;
    padding: 0;
    width: 24px;
	height:24px;
    box-sizing: border-box;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM241%20377c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l87-87-87-87c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L345%20239c9.4%209.4%209.4%2024.6%200%2033.9L241%20377z%22%20%20fill%3D%22%23919191%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.paginations ul li a.next:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM241%20377c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l87-87-87-87c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L345%20239c9.4%209.4%209.4%2024.6%200%2033.9L241%20377z%22%20%20fill%3D%22%23ce3f24%22%2F%3E%0A%3C%2Fsvg%3E");
}

.trackSection {
    position: relative;
	margin: 0 10px 0 10px;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
	background-color: #FFFFFF;
    min-height: 50px;
}
.trackSection:last-child {
	border: 1px solid #E5E5E5;
}
.trackSection.searchReference {    
    min-height: 15px;
    margin-bottom:8px;
    padding-bottom:4px;
    font-size:11px;
    line-height: 13px;
}
.trackSection.searchReference a, .trackSection.searchReference a:visited {    
    color: #990000;
    text-decoration: none;
    transition: .2s;
}
.trackSection.searchReference a:hover {    
    color: #222222;
    text-decoration: underline;
}
.trackSection.searchReference a:active {    
    color: #222222;
    text-decoration: underline;
}
.trackSection .trackLeft {
    margin:0 150px 0 0;
    padding: 0 5px 0 0;
}
.trackSection .trackLeft a {
    color: #444444;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none;
    transition: 0.3s;
}
.trackSection .trackLeft a:hover {
    color: #222222;
    text-decoration: underline;
}
.trackSection .trackLeft p.normaltext {
    color: #666666;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    vertical-align: text-top;
    white-space: nowrap;
    margin-top: 18px;
    margin-bottom: 0;
}
.trackSection .trackRight {
    float: right;
    width: 140px;
    margin:0;
    font-size: 10px;
    line-height: 12px;
}
.trackRight .playerContainer {
    position: relative;
    float: left;
    width: 40px;    
    padding: 0;
    margin-top: 6px;
}
.trackRight .playerContainer.pro {
    margin-top: 0 !important;
}
.trackRight .buttonsContainer {
    position: relative;
    float: left;
    width: 100px;
    margin: 0;
    padding: 0;
    text-align: left;
}
.trackRight .buttonsContainer .addToCartBut {
    margin-bottom: 6px;
}
.trackRight .buttonsContainer .addedToCartBut {
    margin-bottom: 6px;
}
.trackRight .buttonsContainer .addToListBut {
    margin-top: 12px;
}
.trackRight .buttonsContainer .removeBut {
    margin-bottom: 6px;
}
.trackRight .buttonsContainer .dlMp3But {
    margin-bottom: 6px;
}
.trackRight .buttonsContainer .priceArea {
    position: relative;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #444444;
}

.bodyContainer .rightSection .adContainer {
    position: relative;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.bodyContainer .rightSection .adContainer .adHolder {
    position: relative;
    margin: 0;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
}

.trackInfoSection {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
}
.trackInfoSection a {
	color:#990000;
	text-decoration: none;
}
.trackInfoSection a:hover {
	color: #333333;
	text-decoration: none;
}
.trackInfoSection .searchBackLinkContainer {
    position: relative;
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 10px;
}
.trackInfoSection .soundDetailsContainer {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.soundDetailsContainer .headerArea {
    position: relative;
    display: block;
    padding: 5px 0 5px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #333333;
}
.soundDetailsContainer .contentArea {
    position: relative;
    display: block;
    padding: 10px 0 10px 0;
    font-size: 11px;
    font-weight: 400;
    color: #444444;
}
.soundDetailsContainer .contentArea .infoRow {
    position: relative;
    width: 100%;
	padding: 0 0 8px 0;
    margin: 0;
}
.infoRow .infoLabel {
    position: relative;
    float: left;
	width: 100px;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 14px;
    text-align: right;
    vertical-align: top;
}
.infoRow .infoContent {
    position:relative;
    height: auto;
	margin:0 0 0 100px;
    padding-left: 40px;
    box-sizing: border-box;
    line-height: 14px;
    text-align: left;
    vertical-align: top;
}
.infoRow .infoContent .buttonsContainer {
    position: relative;    
    width: 130px;
    margin: 0;
    padding: 0;
    text-align: left;
}
.infoRow .infoContent .buttonsContainer a:last-child {
    margin-top: 6px;    
}

.infoRow.bold .infoLabel {
    font-weight: 600;
}
.infoRow.bold .infoContent {
    font-weight: 600;
}

.infoRow .playerArea {
    position: relative;
    height: auto;
	margin: 0 0 0 100px;
    padding: 0;
}
.infoRow .playerArea .playerContainer {
    position:relative;
    float: left;
    width: 36px;
    height: 36px;
	margin:0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.infoRow .playerArea .playerRight {
    position:relative;
    height: 36px;
    line-height: 34px;
    margin: 0 0 0 36px; 
    padding-left: 4px;
    text-align: left;
    vertical-align: middle;
}
.infoRow .playerArea .playerRight span {
    display: inline-block;
}
.infoRow .playerArea .playerRight span span {
    display: inline-block;
}

.trackInfoSection .soundRelatedContainer {
    position: relative;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin-top: 10px;
}
.soundRelatedContainer .headerArea {
    position: relative;
    display: block;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #333333;
}
.soundRelatedContainer .contentArea {
    position: relative;
    display: block;
    padding: 5px 0 0 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    color: #444444;
}
.soundRelatedContainer .contentArea .relatedBox {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 3px 6px 3px;
    box-sizing: border-box;
	border: 1px solid #CDCDCD;
    background-color: #F6F6F6;
}
.relatedBox > .topArea {
    position: relative;
    display: block;
    min-height: 50px;
    padding: 5px;
    margin: 0;    
    text-align: left;
}
.relatedBox > .bottomArea {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.relatedBox > .bottomArea > .rightSide {
    position: relative;
    float: right;
    width: 40px;
    min-height: 34px;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    background-color: #F6F6F6 !important;
}
.relatedBox > .bottomArea > .leftSide {
    position: relative;
    margin: 0 40px 0 0;
    min-height: 34px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    background-color: #F6F6F6 !important;
}

.normaltext {
	color: #666666;
	font-size:11px;
	font-weight:normal;
}
.greentext {
    position: relative;
	font-weight: bold;
	color: #4D9B2B;		
}
.greentext-normal {
    position: relative;
	font-weight: normal;
	color: #4D9B2B;
}
    
.upsell-heading {
    position: relative;
    padding: 0 8px 0 8px;
    color: #5e5e5e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d3d197;
    background-color: #f5f3ad;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 18px;
    margin-top: 12px;
}

.vip-paginations {
    position: relative;
    width: 100%;
    padding: 15px 0 15px 0;
    margin: 0;
    border-top: 1px solid #c8c8ca;
    background-color: #fff4f4;
}
.vip-paginations .entry-counter {
    position: relative;
    float: left;
    width: 30%;
    padding: 0 5px 0 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.vip-paginations .page-counter {
    position: relative;
    display: block;
    padding: 0 5px 0 5px;
    margin: 0 0 0 30%;
    text-align: right;
}
.vip-paginations .page-counter ul {
    padding: 0;
    margin: 0;
	text-align: right;
}
.vip-paginations .page-counter ul li {
    list-style: none;
    display: inline-block;	    
    width: 24px;
	height:24px;
    margin: 0 1px 0 1px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #FFFFFF;
    color:#444444;
    font-size: 11px;
}
.vip-paginations .page-counter ul li a {
    display: inline-block;
    padding: 0;
    width: 24px;
	height:24px;
	line-height:24px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color:#FFFFFF;
	color: #444444;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.vip-paginations .page-counter ul li a:hover {
	background-color:#ce3f24;
    color: #FFFFFF;
	text-decoration:none;
}
.vip-paginations .page-counter ul li a b {
    display: inline-block;
	padding: 0;
    width: 24px;
	height:24px;
	line-height:24px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color:#ce3f24;
	color: #FFFFFF;
    text-align: center;
    cursor: default;
}
.vip-paginations .page-counter ul li a.prev {
	display: inline-block;
    padding: 0;
    width: 24px;
	height:24px;
    box-sizing: border-box;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M512%20256A256%20256%200%201%200%200%20256a256%20256%200%201%200%20512%200zM271%20135c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-87%2087%2087%2087c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200L167%20273c-9.4-9.4-9.4-24.6%200-33.9L271%20135z%22%20fill%3D%22%23919191%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.vip-paginations .page-counter ul li a.prev:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M512%20256A256%20256%200%201%200%200%20256a256%20256%200%201%200%20512%200zM271%20135c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-87%2087%2087%2087c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200L167%20273c-9.4-9.4-9.4-24.6%200-33.9L271%20135z%22%20fill%3D%22%23ce3f24%22%2F%3E%0A%3C%2Fsvg%3E");
}
.vip-paginations .page-counter ul li a.next {
    display: inline-block;
    padding: 0;
    width: 24px;
	height:24px;
    box-sizing: border-box;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM241%20377c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l87-87-87-87c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L345%20239c9.4%209.4%209.4%2024.6%200%2033.9L241%20377z%22%20%20fill%3D%22%23919191%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.vip-paginations .page-counter ul li a.next:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM241%20377c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l87-87-87-87c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L345%20239c9.4%209.4%209.4%2024.6%200%2033.9L241%20377z%22%20%20fill%3D%22%23ce3f24%22%2F%3E%0A%3C%2Fsvg%3E");
}

.inline-data {
	display: none;
}
#sendToClientContent {
    position: relative;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid #8f8f8f;
    background-color: #f6f6cc;
}
#sendToClientContent a.sendtoClientBut, #sendToClientContent a.sendtoClientBut:visited {
    display: inline-block;    
    width: auto;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
#sendToClientContent a.sendtoClientBut:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
#sendToClientContent a.sendtoClientBut:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}
#sendToClientContent p {
    position: relative;
    padding: 0;
    margin: 10px 0 5px 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #333333;
}

#list-display {
    position: relative;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid #8f8f8f;
    background-color: #ffffff;
}
#list-display .ld-heading {
    position: relative;
    display: block;
    width: auto;
    height: 30px;
    padding: 5px 0 0 10px;
    margin: 0;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: #ffffff;
    text-align: left;
    background-color: #8f8f8f;
}
#list-display .ld-content {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 10px;
    margin: 0;
    background-color: #f6f6cc;
}
#list-display .ld-content .track-details {
    position: relative;
    display: block;
    padding: 5px;
    margin: 0;
}
#list-display .ld-content .track-details .trackName {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #009933;
    text-align: left;
}
#list-display .ld-content .track-details .trackName > span {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
}
#list-display .ld-content .track-details > span#msg {
    position: relative;
    display: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #990000;
    text-align: left;
}
#list-display .ld-content .track-details > span#sel-list {
    position: relative;
    display: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #009933;
    text-align: left;
}
#list-display .ld-content .list-area {
    position: relative;
    display: block;
    padding: 5px 5px 5px 10px;
    margin: 0
}
#list-display .ld-content .list-area .list-radio {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 2px 0;
}
#list-display .ld-content .list-area .list-radio label {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    left: 5px;
    top: -3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #222222;
}

#list-display .ld-content .list-area .addListBut, #list-display .ld-content .list-area .addListBut:visited {
    display: inline-block;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 5px 0 0 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
#list-display .ld-content .list-area .addListBut:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
#list-display .ld-content .list-area .addListBut:active {    
    position: relative;
    top: 1px;
}

#list-manager {
    position: relative;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid #8f8f8f;
    background-color: #f6f6cc;
}
#list-manager .lm-heading {
    position: relative;
    display: block;
    width: auto;
    height: 30px;
    padding: 5px 0 0 10px;
    margin: 0;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: #ffffff;
    text-align: left;
    background-color: #8f8f8f;
}
#list-manager .lm-content {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 10px;
    margin: 0;
    background-color: #f6f6cc;
}
#list-manager .lm-content .list-edit-container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.list-edit-container .listRow {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.list-edit-container .listRow .listNum {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #222222;
    line-height: 26px;
    text-align: left;
}
.list-edit-container .listRow .listLabel {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #222222;
    line-height: 26px;
    text-align: left;
    cursor: pointer;
}
.list-edit-container .listRow .listLabel:hover {
    color: #990000;
}
.list-edit-container .listRow .listInput {
    position: relative;
    display: none;
    width: auto;
    height: 26px;
    padding: 2px 5px 2px 5px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #999999;
    font-size: 12px;
    font-weight: 400;
    color: #444444;
    line-height: 20px;
    text-align: left;
    top: 0;
    transition: .25s;
}
.list-edit-container .listRow .listInput:focus {
    border: 1px solid #666666;
    color: #222222;
    transition: .15s;
}
.list-edit-container .listRow .listSaveBut, .list-edit-container .listRow .listSaveBut:visited {
    position: relative;
    display: none;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #4a7500;
    background: linear-gradient(to bottom, #1bc91b 0%,#34c313 50%,#019b46 100%);
    cursor: pointer;
    top: 0;
}
.list-edit-container .listRow .listSaveBut:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, #43a916 0%,#3c990e 50%,#267d00 100%);
}
.list-edit-container .listRow .listSaveBut:active {    
    position: relative;
    top: 1px;
}
.list-edit-container .listRow .listSaveBut.disabled {
    opacity: .5;
    pointer-events: none;
}
.list-edit-container .listRow .listCancelBut, .list-edit-container .listRow .listCancelBut:visited {
    position: relative;
    display: none;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9b6262;
    background: linear-gradient(to bottom, #c91c1c 0%,#c41313 50%,#990000 100%);
    cursor: pointer;
    top: 0;
}
.list-edit-container .listRow .listCancelBut:hover {
    text-decoration: none;
    background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
}
.list-edit-container .listRow .listCancelBut:active {    
    position: relative;
    top: 1px;
}

#list-manager .lm-content .list-create-container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 15px 0 0 0;
}
#list-manager .lm-content .list-create-container .newListInput {
    position: relative;
    width: 200px;
    height: 26px;
    padding: 2px 5px 2px 5px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #999999;
    font-size: 12px;
    font-weight: 400;
    color: #444444;
    line-height: 20px;
    text-align: left;
    top: -1px;
    transition: .25s;
}
#list-manager .lm-content .list-create-container .newListInput:focus {
    border: 2px solid #666666;
    color: #222222;
    line-height: 18px;
    transition: .15s;
}
#list-manager .lm-content .list-create-container .newListInput::placeholder {
    color: #999999;
    opacity: 1;
}
#list-manager .lm-content .list-create-container .newListInput::-ms-input-placeholder {
    color: #999999;
}
#list-manager .lm-content .list-create-container .cnlBut, #list-manager .lm-content .list-create-container .cnlBut:visited {
    position: relative;
    display: inline-block;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    top: 0;
}
#list-manager .lm-content .list-create-container .cnlBut:hover {
    text-decoration: none;
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
#list-manager .lm-content .list-create-container .cnlBut:active {    
    position: relative;
    top: 1px;
}

.popup-header {
	position:relative;
	width:100%;
	height:48px;	
	
	padding:12px 10px 12px 10px;
	
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright: 16px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border:0;
	
	background: #31c5f4;
}
.popup-header .popup-heading {
	position:relative;
	width:100%;
	font-family: Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:600;
    color: #2f3135;
	text-align:center;
	line-height:24px;	
}
.popup-header .popup-close-but, .popup-header .popup-close-but:visited, .popup-header .popup-close-but:focus {
	position:absolute;
	width:24px;
	height:24px;
	right:10px;
	top:12px;
	background:url('../images/close-popup-sprite.png') no-repeat 0 0 transparent;
}
.popup-header .popup-close-but:hover {	
	background-position:0 -24px;
}
.popup-header .popup-close-but:active {
	background-position:0 -48px;
}
.popup-body {
	position:relative;
	width:100%;	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border:0;
	background: #31c5f4;
	padding:0 5px 0 5px;		
}
.popup-body .popup-content {
	position:relative;
	width:100%;	
	background:#ffffff;
	padding:10px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.popup-footer {
	position:relative;
	width:100%;
	height:16px;	
	-webkit-border-bottom-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background:	#008eb1;
}
.popup-footer .popup-footer-hilight {
	position:relative;
	width:100%;
	height:10px;	
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background:	#31c5f4;
}

.td-popup {
	width:620px !important;
	max-width:80% !important;	
}
.td-popup .popup-body .popup-content {
	background:#f5f5f5;
	padding:5px;
}
.td-popup .popup-body .popup-content .frame {
    position: relative;
    width: 100%;    
    padding-top: 75%;    
}
.td-popup .popup-body .popup-content .frame iframe {
    position: absolute;
	left: 0;
    top: 0;    
}
.td-popup .popup-body .popup-content .frame .frame-loader {
    position: absolute;
	display:none;
	width:100%;
	height:100%;
    left: 0;
    top: 0;
}
.td-popup .popup-body .popup-content .frame .frame-loader .loader-holder {
    position: absolute;
	width:80px;
	height:80px;
    left: 50%;
    top: 50%;
	margin-left:-40px;
	margin-top:-40px;
}

.bodyContainer .regFormContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 0;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    color: #222222;
}
.bodyContainer .regFormContainer span.heading {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}
.bodyContainer .regFormContainer .infoBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 5px 0 10px 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #F5F500;
    background-color: #FFFFCC;
}

.bodyContainer .agreementContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 0;
    margin: 0;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.bodyContainer .agreementContainer .infoBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 0 0 10px 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #F5F500;
    background-color: #FFFFCC;
}

.bodyContainer .licenseAgreementContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 10px;
    margin: 0;    
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.bodyContainer .licenseAgreementContainer .licHeadingRow {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
}

.bodyContainer .licenseAgreementContainer .licHeadingRow .licenseHeading {
    position: relative;
    display: inline-block;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    color: #444444;
    font-weight: 600;
    line-height: 14px;
    box-sizing: border-box;
    border: 1px solid #a2a2a2;
    background-color: #ffffff;    
}
.bodyContainer .licenseAgreementContainer .licBox {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 10px;
    box-sizing: border-box;
    border: 1px dashed #a2a2a2;
    background-color: #fafffb;
}
.bodyContainer .licenseAgreementContainer .licBox.negative {    
    border: 1px dashed #a25050 !important;
    background-color: #fff6f6 !important;
}
.bodyContainer .licenseAgreementContainer .licBox span.heading {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}
.bodyContainer .licenseAgreementContainer .licBox > ul {
    display: block;    
    padding: 0;
    margin: 0;    
}
.bodyContainer .licenseAgreementContainer .licBox > ul > li {
    position: relative;
    display: block;
    text-align: left;
    color: #222222;
    font-size: 12px;
    font-weight: 600;    
    letter-spacing: normal;
	line-height: 14px;
    padding-left: 10px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 0 4px no-repeat;
}
.bodyContainer .licenseAgreementContainer .licBox > ul > ul {
    display: block;    
    padding: 0;
    margin: 5px 0 20px 10px;
}
.bodyContainer .licenseAgreementContainer .licBox > ul > ul > li {
    position: relative;
    display: block;
    text-align: left;
    color: #444444;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
	line-height: 13px;
    padding-left: 10px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%225px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 0 5px no-repeat;
}

.bodyContainer .guaranteeContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 10px 40px 10px 40px;
    margin: 0;    
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.bodyContainer .guaranteeContainer span.heading {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #222222;
    margin-bottom: 24px;
}
.bodyContainer .guaranteeContainer p.info {
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 20px;
}
.bodyContainer .guaranteeContainer .riskFreeInfo {
    display: block;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #c0c0c0;
    background-color: #f9f9f9;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 20px;
}
.bodyContainer .guaranteeContainer .riskFreeInfo > ul {
    padding: 0;
    margin: 0;
}
.bodyContainer .guaranteeContainer .riskFreeInfo > ul > li {
    position: relative;
    display: block;
    text-align: left;
    color: #444444;
    font-size: 12px;
    font-weight: 400;    
    letter-spacing: normal;
    line-height: 16px;
    padding-left: 10px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 0 4px no-repeat;
    margin-bottom: 30px;
}
.bodyContainer .guaranteeContainer .riskFreeInfo > ul > li > i {
    padding-left: 10px;
    font-weight: 600;
    color: #990000;
}
.bodyContainer .guaranteeContainer p.note {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    color: #222222;
}

.bodyContainer .privacyPolicyContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 20px 20px 20px 20px;
    margin: 0;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    border: 1px solid #d7d7d7;
    background-color: #f3f3f3;
}

.privacyPolicyContainer .linksContainer {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    padding: 5px 20px 5px 20px;
    margin: 0 auto;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600;
    color: #808080;
    text-align: center;
}
.privacyPolicyContainer .addressContainer {
    position: relative;
    display: block;
    width: 40%;
    height: auto;
    padding: 10px 10px 10px 10px;
    margin: 20px auto 10px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    
    font-size: 12px;
    color: #444444;
    background-color: #fbfbfb;
}
.privacyPolicyContainer .addressContainer span {
    font-weight: 600;
}

.privacyPolicyContainer .ppStatementContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 10px 10px 10px;
    margin: 0;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    
    font-size: 12px;
    color: #444444;    
}
.privacyPolicyContainer .ppStatementContainer > span:first-of-type {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.privacyPolicyContainer .ppStatementContainer > span p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bodyContainer .faqContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 0;    
    box-sizing: border-box;    
    color: #222222;
    background-color: #f1f1f1;
}
.bodyContainer .faqContainer span.heading {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}
.bodyContainer .faqContainer .subjects {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;    
    margin-bottom: 40px;
}
.bodyContainer .faqContainer .subjects .subject {
    position: relative;
    display: block;    
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #222222;
    margin-bottom: 2px;
}
.bodyContainer .faqContainer .subjects ul.questions {
    position: relative;
    display: block;    
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
}
.bodyContainer .faqContainer .subjects ul.questions li {
    position: relative;
    display: block;    
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
}

.bodyContainer .faqContainer .faqs {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;    
    margin-bottom: 10px;
}
.bodyContainer .faqContainer .faqs .question {
    display: block;
    margin-bottom: 5px;
}
.bodyContainer .faqContainer .faqs .question span {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    line-height: 18px;
}
.bodyContainer .faqContainer .faqs .question a.backToTop, .bodyContainer .faqContainer .faqs .question a.backToTop:visited {
    font-size: 0;
    margin-left: 5px;
}
.bodyContainer .faqContainer .faqs .question a.backToTop:hover {
    
}
.bodyContainer .faqContainer .faqs .question a.backToTop:active {
    
}
.bodyContainer .faqContainer .faqs .question a.backToTop:before, .bodyContainer .faqContainer .faqs .question a.backToTop:visited:before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f0aa";
    font-size: 16px;
    font-weight: 900;
    position: relative;    
    line-height: 16px;
}
.bodyContainer .faqContainer .faqs .question a.backToTop:hover:before {
    font-family: "Font Awesome 5 Pro";
    color: #007bff;
    content: "\f0aa";
    font-size: 16px;
    font-weight: 900;
    position: relative;    
    line-height: 16px;
}
.bodyContainer .faqContainer .faqs .question a.backToTop:active:before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f0aa";
    font-size: 16px;
    font-weight: 900;
    position: relative;    
    line-height: 16px;
}

.bodyContainer .faqContainer .faqs blockquote {
    margin: 0 0 30px 0;
    padding: 6px 18px 4px 24px;
    position:relative;
    font-size: 12px;
}
.bodyContainer .faqContainer .faqs blockquote:before {
    font-family: "Font Awesome 5 Pro";
    color: #999;
    content: "\f10d";
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 18px;
}

.bodyContainer .faqContainer .faqs blockquote:after {
    font-family: "Font Awesome 5 Pro";
    color: #999;
    content: "\f10e";
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 18px;   
}

.bodyContainer .contactContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 0;    
    box-sizing: border-box;    
    color: #222222;    
    background-color: #f1f1f1;
}
.bodyContainer .contactContainer span.heading {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}
.bodyContainer .contactContainer .selSubLabel {
    font-weight: normal;
    text-align: right;
}
.bodyContainer .contactContainer .selSubValue {
    font-weight: bold;
}
.bodyContainer .contactContainer .questionsHeading {
    position: relative;
    display: block;    
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.bodyContainer .contactContainer ul.questions {
    position: relative;
    display: block;    
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
}
.bodyContainer .contactContainer ul.questions li {
    position: relative;
    display: block;    
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 1px;
}
.bodyContainer .contactContainer .statusMessage {
    position: relative;
    display: block;
    padding: 10px 5px 10px 5px;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #0d9a48;
    text-align: center;
}
.bodyContainer .contactContainer .errorMessage {
    position: relative;
    display: block;
    padding: 10px 5px 10px 5px;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #cc0000;
    text-align: center;
}
.bodyContainer .contactContainer .formular fieldset label {    
    text-align: right;    
}
.bodyContainer .contactContainer .formular label span {    
    line-height: 15px;
}
.bodyContainer .contactContainer span.question {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    line-height: 16px;
}
.bodyContainer .contactContainer span.question a.backToTop, .bodyContainer .contactContainer span.question a.backToTop:visited {
    font-size: 0;
    margin-left: 5px;
}
.bodyContainer .contactContainer span.question a.backToTop:hover {
    
}
.bodyContainer .contactContainer span.question a.backToTop:active {
    
}
.bodyContainer .contactContainer span.question a.backToTop:before, .bodyContainer .contactContainer span.question a.backToTop:visited:before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f0aa";
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    position: relative;    
    line-height: 16px;
}
.bodyContainer .contactContainer span.question a.backToTop:hover:before {
    font-family: "Font Awesome 5 Pro";
    color: #007bff;
    content: "\f0aa";
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    position: relative;    
    line-height: 16px;
}
.bodyContainer .contactContainer span.question a.backToTop:active:before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f0aa";
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    position: relative;    
    line-height: 16px;
}

.bodyContainer .contactContainer blockquote {
    margin: 0 0 30px 0;
    padding: 6px 18px 4px 24px;
    position:relative;
    font-size: 12px;
}
.bodyContainer .contactContainer blockquote:before {
    font-family: "Font Awesome 5 Pro";
    color: #999;
    content: "\f10d";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 18px;
}

.bodyContainer .contactContainer blockquote:after {
    font-family: "Font Awesome 5 Pro";
    color: #999;
    content: "\f10e";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 18px;   
}

.bodyContainer .cartContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    background-color: #FFFFCC;
}
.cartContainer .cartHeading {
    position: relative;
    padding: 0;
    color: #5e5e5e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 32px;
}
.cartContainer .cartMessage {
    position: relative;
    display: block;    
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: auto;    
    margin-top: 10px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    border:1px solid #559bb1;
	background-color: #add8e6;
}
.cartContainer .emptyCart {
    position: relative;
    display: block;    
    width: 100%;    
    height: auto;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    background-color: #f8f8f8;
}
.emptyCart span.ec-image {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.emptyCart span.ec-image img {
    width: 16%;
    height: auto;
    outline: none;
}
.emptyCart span.ec-heading {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    color: #111111;
    margin-bottom: 15px;
}
.emptyCart span.ec-message {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #222222;
}
.emptyCart span.ec-button {
    position: relative;
    display: block;
    margin-top: 10px;
}
.emptyCart span.ec-button a.commonButton, .emptyCart span.ec-button a.commonButton:visited {
    display: inline-block;    
    width: auto;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.emptyCart span.ec-button a.commonButton:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.emptyCart span.ec-button a.commonButton:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}

.cartContainer .cartContentArea {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}

.cartContentArea table.cart-table {
	border:none;  
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.cartContentArea table.cart-table thead {
	background: #373737;
	background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
}
.cartContentArea table.cart-table thead th {
	height: 32px;
    vertical-align: middle;
	font-size: 12px;
	color: #b6b6b6;
	line-height:32px;
    font-weight: 600;
}
.cartContentArea table.cart-table tbody tr {
  	box-sizing: border-box;
	border-left:1px solid #c8c8ca;
	border-right:1px solid #c8c8ca;
	border-bottom:1px solid #c8c8ca;
}
.cartContentArea table.cart-table tbody tr:nth-child(odd) {
	background: #f8f8f8;
}
.cartContentArea table.cart-table tbody tr:nth-child(even) {
	background: #f2f2f2;
}
.cartContentArea table.cart-table tbody td {
	min-height: 54px;
    padding: 2px 0 2px 0;
    vertical-align: middle;
	font-size: 11px;
	color: #444444;
	line-height:13px;
}
.cartContentArea table.cart-table tbody td:first-child a {
	color: #444444;
    text-decoration: none;
    transition: .25s;
}
.cartContentArea table.cart-table tbody td:first-child a:hover {
	color: #111111;
    text-decoration: underline;
}
.cartContentArea table.cart-table tfoot {
	background-color: #ebe8e8;
}
.cartContentArea table.cart-table tfoot td {
	height:32px;
    vertical-align: middle;
	font-size: 12px;
	color: #444444;    
	line-height: 32px;
}
.cartContentArea table.cart-table tfoot td:first-child {
	padding: 0 5px 0 0;
    font-weight: 600;
    text-align: right;
}
.cartContentArea table.cart-table thead .ctc-1 {
    width: auto;
    padding: 0 10px 0 10px;
    text-align: center;
}
.cartContentArea table.cart-table thead .ctc-2 {
    width: 70px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.cartContentArea table.cart-table thead .ctc-3 {
    width: 70px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.cartContentArea table.cart-table thead .ctc-4 {
    width: 70px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.cartContentArea table.cart-table thead .ctc-5 {
    width: 70px;
    padding: 0;
    text-align: center;
}
.cartContentArea table.cart-table thead .ctc-6 {
    width: 86px;
    padding: 0 10px 0 10px;
    text-align: center;
}

.cartContentArea table.cart-table tbody .ctc-1 {
    padding: 5px 10px 5px 10px;
    text-align: left;
}
.cartContentArea table.cart-table tbody .ctc-2 {
    padding: 5px 5px 5px 5px;
    text-align: center;
}
.cartContentArea table.cart-table tbody .ctc-3 {
    padding: 5px 5px 5px 5px;
    text-align: right;
}
.cartContentArea table.cart-table tbody .ctc-4 {
    padding: 5px 5px 5px 5px;
    text-align: right;
}
.cartContentArea table.cart-table tbody .ctc-5 {
    padding: 5px 0 5px 0;
    text-align: center;
}
.cartContentArea table.cart-table tbody .ctc-6 {
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.cartContentArea table.cart-table .ctc-1, .cartContentArea table.cart-table .ctc-2, .cartContentArea table.cart-table .ctc-3, .cartContentArea table.cart-table .ctc-4, .cartContentArea table.cart-table .ctc-5, .cartContentArea table.cart-table .ctc-6 {
    display: table-cell;
}

.cartContainer .cartFooter {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.cartContainer .cartFooter .cartButtonsArea {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;    
    box-sizing: border-box;    
    border: 1px solid #e4e4e4;
	background-color: #f7f7f7;
}
.cartFooter .cartButtonsArea .buttonsLeft {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: auto;
    padding: 10px 0 5px 10px;
    margin: 0;
    text-align: left;
}

.cartButtonsArea .buttonsLeft a.commonButton, .cartButtonsArea .buttonsLeft a.commonButton:visited {
    display: inline-block;    
    width: auto;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.cartButtonsArea .buttonsLeft a.commonButton i:first-child {
    display: inline-block;
}
.cartButtonsArea .buttonsLeft a.commonButton:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.cartButtonsArea .buttonsLeft a.commonButton:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}

.cartFooter .cartButtonsArea .buttonsRight {
    position: relative;
    display: block;
    float: right;
    width: 50%;
    height: auto;
    padding: 10px 10px 5px 0;
    margin: 0;
    text-align: right;
}
.cartButtonsArea .buttonsRight a.checkoutButton, .cartButtonsArea .buttonsRight a.checkoutButton:visited {
    display: inline-block;    
    width: 222px;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.cartButtonsArea .buttonsRight a.checkoutButton i:last-child {
    display: inline-block;
}
.cartButtonsArea .buttonsRight a.checkoutButton:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.cartButtonsArea .buttonsRight a.checkoutButton:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}

.cartContainer .vipAccountContent {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
	background-color: #f7f7f7;
}
.cartContainer .vipAccountContent .vipAccountHeading {
    position: relative;
    height: 32px;    
    padding: 0 0 0 10px;
    margin: 0;
    color: #FFFFFF;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    line-height: 32px;
    background-color: #990000;
}
.cartContainer .vipAccountContent .vipAccountInfo {
    position: relative;
    height: auto;    
    padding: 10px;
    margin: 0;
    color: #444444;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    line-height: 14px;
}
.cartContainer .vipAccountContent .vipPlanDetails {
    position: relative;
    height: auto;
    padding: 0;
    margin-top: 10px;
    box-sizing: border-box;
}
.cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle {
    position: relative;
    display: block;
    padding: 10px;
}
.cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleLeft {
    position: relative;
    width: 65%;
    padding: 0;
    margin: 0;
    float: left;
    font-size: 11px;
    font-weight: 400;    
    text-align: left;
    color: #444444;
}
.cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleRight {
    position: relative;    
    margin: 0 0 0 66%;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    text-align: right;    
    color: #444444;
}
.cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleRight a {
    color: #990000;
    text-decoration: none;    
}
.cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleRight a:hover {
    color: #111111;
    text-decoration: none;    
}

.cartContainer .vipAccountContent .vipPlanDetails ul {
    padding: 0;
    margin: 0;
}
.cartContainer .vipAccountContent .vipPlanDetails ul li {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    list-style: none;    
    box-sizing: border-box;
    border: 1px solid #c7c7c7;    
    background-color: #ffffff;
}
.cartContainer .vipAccountContent .vipPlanDetails ul li .planPriceLeft {
    position: relative;
    width: 65%;
    padding: 0;
    margin: 0;
    float: left;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #444444;
}
.cartContainer .vipAccountContent .vipPlanDetails ul li .avgPriceRight {
    position: relative;
    margin: 0 0 0 66%;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #990000;
}

.cartContainer .vipAccountContent .vipPackageContainer {
    position: relative;
    height: auto;    
    padding: 0;
    margin-top: 10px;
    box-sizing: border-box;
}
.cartContainer .vipAccountContent .vipPackageContainer .col-xs-12 {        
    box-sizing: border-box;
    border: none;
    margin-bottom: 0;
}
.cartContainer .vipAccountContent .vipPackageContainer .packageHeading {
    position: relative;
    display: block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    color: #990000;    
    background-color: #ebe8e8;    
}
.cartContainer .vipAccountContent .vipPackageContainer .packagePrice {
    position: relative;
    display: block;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    color: #444444;    
    background-color: #f2f2f2;    
}
.cartContainer .vipAccountContent .vipPackageContainer .packageFooter {
    position: relative;
    display: block;
    padding: 10px;
    margin: 0;
}
.cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterRight {
    position: relative;
    width: 140px;
    padding: 0;
    margin: 0;
    float: right;
    text-align: right;
    vertical-align: middle;
}

.packageFooter .packageFooterRight .buyNowButton, .packageFooter .packageFooterRight .buyNowButton:visited {
    display: inline-block;    
    width: auto;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.packageFooter .packageFooterRight .buyNowButton:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.packageFooter .packageFooterRight .buyNowButton:active {    
    position: relative;
    top: 1px;
}

.cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterLeft {
    position: relative;    
    display: block;
    padding: 0;
    margin: 0 150px 0 0;
    min-height: 30px;
    text-align: right;
    vertical-align: middle;
    font-size: 11px;
    line-height: 30px;
    color: #444444;
}
.cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterLeft a {    
    color: #990000;
    text-decoration: none;        
}

.cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterLeft a:hover {    
    color: #111111;
    text-decoration: none;        
}

.bodyContainer .vipMainContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 10px 10px 40px 10px;
    margin: 0;    
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.vipMainContainer span.heading {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #222222;
    margin: 0 0 10px 0;
}
.vipMainContainer .vipPackageBox {
    position: relative;
    display: block;
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #bababa;
    background-color: #ffffff;
}
.vipMainContainer .vipPackageBox span.caption {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #222222;
    margin-bottom: 10px;
}
.vipMainContainer .vipPackageBox .packagePoints {
    position: relative;
    display: inline-block;
    padding: 5px 10px 5px 100px;
    margin: 0;
}
.vipMainContainer .vipPackageBox .packagePoints ul {
    list-style-type: none;
    font-size: 11px;    
}
.vipMainContainer .vipPackageBox .packagePoints ul li {    
    line-height: 14px;
    margin-bottom: 5px;
    text-indent: -20px;
}
.vipMainContainer .vipPackageBox .packagePoints ul li::before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f138";
    font-size: 14px;
    font-weight: 900;
    position: relative;
    line-height: 14px;
    margin-right: 4px;
    top: 1px;
}
.vipMainContainer .vipPackageContainer {
    position: relative;
    height: auto;    
    padding: 0;
    margin-top: 10px;
    box-sizing: border-box;
}
.vipMainContainer .vipPackageContainer .col-xs-12 {        
    box-sizing: border-box;
    border: none;
    margin-bottom: 0;
}
.vipMainContainer .vipPackageContainer .packageHeading {
    position: relative;
    display: block;
    min-height: 60px;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;    
    background-color: #ebe8e8;
    border-top: 1px solid #d3acac;    
}
.vipMainContainer .vipPackageContainer .packageHeading label {
    position: relative;
    display: block;    
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    color: #990000;    
    margin-bottom: 4px;
}
.vipMainContainer .vipPackageContainer .packageHeading span {
    display: block;
    padding-left: 20px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #990000;
}
.vipMainContainer .vipPackageContainer .packagePrice {
    position: relative;
    display: block;
    padding: 10px 5px 10px 5px;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #222222;    
    background-color: #f3f3f3;
    border-bottom: 1px solid #cacaca;     
}
.vipMainContainer .vipPackageContainer .packageFooter {
    position: relative;
    display: block;
    padding: 0 ;
    margin-top: 10px;
}
.vipMainContainer .vipPackageContainer .packageFooter .packageFooterTop { 
    position: relative;
    display: block;    
    padding: 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #444444;
    line-height: 14px;
    text-align: jus;
    text-decoration: none;        
}
.vipMainContainer .vipPackageContainer .packageFooter .packageFooterTop a {    
    color: #990000;
    text-decoration: none;        
}

.vipMainContainer .vipPackageContainer .packageFooter .packageFooterTop a:hover {    
    color: #111111;
    text-decoration: none;        
}
.vipMainContainer .vipPackageContainer .packageFooter .packageFooterBottom {
    position: relative;    
    display: block;
    padding: 10px;
    margin: 0;    
    text-align: center;
    vertical-align: middle;
}
.vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton, .vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton:visited {
    display: inline-block;    
    width: auto;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton:active {    
    position: relative;
    top: 1px;
}
.vipMainContainer span.sub-heading {
    position: relative;
    display: block;
    padding: 25px 0 25px 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #222222;    
}
.vipMainContainer .vipLoginBox {
    position: relative;
    display: block;
    padding: 10px 20px 20px 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #bababa;
    background-color: #ffffcc;
}
.vipMainContainer .vipLoginBox span.heading {
    position: relative;
    display: block;
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #222222;
}
.vipMainContainer .vipLoginBox .loginButton, .vipMainContainer .vipLoginBox .loginButton:visited {
    display: inline-block;
    height: 30px;
    padding: 0 15px 0 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.vipMainContainer .vipLoginBox .loginButton:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.vipMainContainer .vipLoginBox .loginButton:active {    
    position: relative;
    top: 1px;
}
.vipMainContainer .vipLoginBox .forgotPassLink {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-left: 15px;
    text-align: left;
    vertical-align: middle;
    line-height: 26px;
}
.vipMainContainer .vipLoginBox .forgotPassLink a {
    font-size: 11px;
    color: #990000;
    text-decoration: none;
}
.vipMainContainer .vipLoginBox .forgotPassLink a:hover {
    color: #111111;
    text-decoration: underline;
}

.bodyContainer .vipRegContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 40px 10px 40px 10px;
    margin: 0;    
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.vipRegContainer .vipRegBox {
    position: relative;
    display: block;
    padding: 10px 20px 20px 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #bababa;
    background-color: #ffffcc;
}
.vipRegContainer .vipRegBox span.heading {
    position: relative;
    display: block;
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    color: #222222;
}
.vipRegContainer .vipRegBox .registerButton, .vipRegContainer .vipRegBox .registerButton:visited {
    display: inline-block;    
    width: 100px;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.vipRegContainer .vipRegBox .registerButton:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.vipRegContainer .vipRegBox .registerButton:active {    
    position: relative;
    top: 1px;
}
.vipRegContainer .vipRegBox .loginInfo {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
	font-size: 11px;
	line-height: 16px;
    text-align: center;
    vertical-align: middle;    
}
.vipRegContainer .vipRegBox .loginInfo a {
    font-size: 11px;
    color: #990000;
    text-decoration: none;
}
.vipRegContainer .vipRegBox .loginInfo a:hover {
    color: #111111;
    text-decoration: underline;
}

.bodyContainer .vipLoginContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 40px 10px 40px 10px;
    margin: 0;    
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.vipLoginContainer .vipLoginBox {
    position: relative;
    display: block;
    padding: 10px 20px 20px 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #bababa;
    background-color: #ffffcc;
}
.vipLoginContainer .vipLoginBox span.heading {
    position: relative;
    display: block;
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    color: #222222;
}
.vipLoginContainer .vipLoginBox .loginButton, .vipLoginContainer .vipLoginBox .loginButton:visited {
    display: inline-block;    
    width: 100px;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.vipLoginContainer .vipLoginBox .loginButton:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.vipLoginContainer .vipLoginBox .loginButton:active {    
    position: relative;
    top: 1px;
}
.vipLoginContainer .vipLoginBox .forgotRegInfo {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
	font-size: 11px;
    color: #990000;
	line-height: 16px;
    text-align: center;
    vertical-align: middle;    
}
.vipLoginContainer .vipLoginBox .forgotRegInfo a {
    font-size: 11px;
    color: #990000;
    text-decoration: none;
}
.vipLoginContainer .vipLoginBox .forgotRegInfo a:hover {
    color: #111111;
    text-decoration: underline;
}

.bodyContainer .vipLicInfoContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 40px 10px 40px 10px;
    margin: 0;    
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.vipLicInfoContainer .vipLicInfoBox {
    position: relative;
    display: block;
    padding: 10px 20px 20px 20px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #bababa;
    background-color: #ffffcc;
}
.vipLicInfoContainer .vipLicInfoBox span.heading {
    position: relative;
    display: block;
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    color: #222222;
}
.vipLicInfoContainer .vipLicInfoBox .infoBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 5px;
    margin: 5px 0 25px 0;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
    color: #33333;
    border: 1px dashed #990000;
    background-color: #FFFFFF;
}
.vipLicInfoContainer .vipLicInfoBox .infoBox b {
    color: #990000;    
}
.vipLicInfoContainer .vipLicInfoBox .checkoutButton, .vipLicInfoContainer .vipLicInfoBox .checkoutButton:visited {
    display: inline-block;    
    width: 222px;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9b6262;
    background: linear-gradient(to bottom,  #c91c1c 0%,#c41313 50%,#990000 100%);
}
.vipLicInfoContainer .vipLicInfoBox .checkoutButton:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
}
.vipLicInfoContainer .vipLicInfoBox .checkoutButton:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}

.bodyContainer .vipNavContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 5px 0;
}
.bodyContainer .vipNavContainer .vipTopNav {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
}
.bodyContainer .vipNavContainer .vipTopNav .vipLeftNav {
    position: relative;
    float: left;
	width: 50%;
	height: auto;
    padding: 0;
    margin: 0;
	transform: none;    
    box-sizing: border-box;
    text-align: left;        
}
.bodyContainer .vipNavContainer .vipTopNav .vipRightNav {
    position: relative;
	height: auto;
    padding: 0;    
    margin: 0 0 0 50%;
	transform: none;    
    box-sizing: border-box;
    text-align: right;        
}

.dlCounter {
    position: relative;
    display: block;
    width: 160px;
    height: 24px;
    padding: 1px;    
    margin: 0;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #330101;
    background-color: #ffffff;
    overflow: hidden;
}
.dlCounter .dlcBase {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;    
    margin: 0;
    box-sizing: border-box;
    border-radius: 11px;
    background-color: #009966;
    overflow: hidden;
}
.dlCounter .dlcProgress {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;    
    margin: 0;
    box-sizing: border-box;
    border-radius: 11px;
    background-color: #990000;
    overflow: hidden;
}
.dlCounter .dlcLabel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;    
    margin: 0;
    color: #ffffcc;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px #000000;
}

.logoutButton, .logoutButton:visited {
    position: relative;
    display: inline-block;
    height: 24px;
    padding: 2px 10px 2px 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #330101;
    background: linear-gradient(to bottom,  #c91c1c 0%,#c41313 50%,#990000 100%);
}
.logoutButton:hover {
    color: #FFFFFF;
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
}
.logoutButton:active {
    color: #FFFFFF;
    text-decoration: none !important;    
    top: 1px;
}

.bodyContainer .vipNavContainer .vipBottomNav {
    position: relative;
    width: 100%;
    height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    padding: 2px 5px 2px 5px;
    margin: 0 auto 5px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: linear-gradient(to bottom,  #ffffff 0%,#cfcbca 100%);
}
.bodyContainer .vipNavContainer .vipBottomNav .vipLeftBut {
    display: none;
}
.bodyContainer .vipNavContainer .vipBottomNav .vipRightBut {
    display: none;
}
.bodyContainer .vipNavContainer .vipBottomNav .vipMenuContainer {
    position: relative;
    display: block;
    height: 24px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow-x: auto;
    /*-webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;*/
}
.vipMenuContainer::-webkit-scrollbar {
    display: none;
}
.vipMenuContainer > div > ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 0;    
    margin: 0;
    vertical-align: middle;
    box-sizing: border-box;
}
.vipMenuContainer > div > ul > li {
    display: block;
    flex: 0 1 auto;
    height: auto;
    padding: 0;
    list-style: none;    
}
.vipMenuContainer > div > ul > li > a, .vipMenuContainer > div > ul > li > a:visited {
    position: relative;
    display: inline-block;
    height: 24px;
    padding: 4px 20px 6px 20px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #999999;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    color: #444444;    
    text-decoration: none;    
    cursor: pointer;    
    transition: 0.25s;
}
.vipMenuContainer > div > ul > li > a:hover {
    border-color: #330101;
    background-color: #990000;
    color: #ffffff;
    text-decoration: none;
}
.vipMenuContainer > div > ul > li > a > .menuIcon {
    display: inline-block;
    margin-right: 2px;
}
.vipMenuContainer > div > ul > li.active > a {
    border-color: #330101;
    background-color: #990000;
    color: #ffffff;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

.bodyContainer .warningMessage {
    position: relative;
    display: block;    
    padding: 5px;
    margin: 5px 0 5px 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #330000;
    border: 1px dashed #a25050 !important;
    background-color: #fff6f6 !important;
}
.bodyContainer .warningMessage a {
    font-size: 11px;
    font-weight: 600;
    color: #990000;
    text-decoration: underline;
}
.bodyContainer .warningMessage a:hover {
    color: #111111;
    text-decoration: none;
}

.bodyContainer .vipSection {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
}
.bodyContainer .vipSection .vipLeftSection {
    position: relative;
    float: left;
    width: 190px;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.vipLeftSection .manageListBut, .vipLeftSection .manageListBut:visited {
    display: inline-block;    
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #9b6262;
    background: linear-gradient(to bottom,  #c91c1c 0%,#c41313 50%,#990000 100%);
}
.vipLeftSection .manageListBut:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
}
.vipLeftSection .manageListBut:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}
.vipLeftSection .manageListBut .badge {
    display: none;
}
.vipLeftSection .vipListsHolder {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.vipLeftSection .vipListsHolder ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
.vipLeftSection .vipListsHolder ul li {
    position: relative;
    display: block;
    padding: 1px 0 1px 0;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #c6c6c6;
    list-style: none;
}
.vipLeftSection .vipListsHolder ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 10px;
    margin: 0;
    min-height: 26px;
    font-size: 11px;
    font-weight: 400;
    color: #222222;
    line-height: 16px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    user-select: none;
    transition: 0.25s
}
.vipLeftSection .vipListsHolder ul li:nth-child(odd) a {
	background-color: #f9f9f9;
}
.vipLeftSection .vipListsHolder ul li:nth-child(even) a {
	background-color: #f2f2f2;
}
.vipLeftSection .vipListsHolder ul li a:hover {    
    font-weight: 400;
    color: #ffffff;
    line-height: 14px;
    text-decoration: none;
    background-color: #990000;
}
.vipLeftSection .vipListsHolder ul li.active a {    
    font-weight: 600;
    color: #ffffff;
    line-height: 14px;
    text-decoration: none;
    background-color: #990000;
    pointer-events: none;
}

.bodyContainer .vipSection .vipRightSection {
    position: relative;
    display: block;
    margin: 0 0 0 190px;
    height: auto;
    padding: 0;    
    box-sizing: border-box;
    border-left: 1px solid #dbdbdb;
    background-color: #f1f1f1;
}
.vipRightSection .listContentArea {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.listContentArea table.list-table {
	border:none;  
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.listContentArea table.list-table thead {
	background: #373737;
	background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
}
.listContentArea table.list-table thead th {
	height: 30px;
    vertical-align: middle;
	font-size: 11px;
	color: #c6c6c6;
	line-height: 30px;
    font-weight: 600;
}
.listContentArea table.list-table tbody tr {
  	box-sizing: border-box;
	border-top:1px solid #c8c8ca;
}
.listContentArea table.list-table tbody tr:first-child {
  	border-top: none;
}
.listContentArea table.list-table tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
    transition: .25s;
}
.listContentArea table.list-table tbody tr:nth-child(even) {
	background-color: #f2f2f2;
    transition: .25s;
}
.listContentArea table.list-table tbody tr:hover {
    background-color: #fef1ea !important;
    transition: .15s;
}
.listContentArea table.list-table tbody td {
	min-height: 70px;
    padding: 2px 0 2px 0;
    vertical-align: middle;
	font-size: 11px;
	color: #333333;
	line-height:14px;
}
.listContentArea table.list-table tbody td a {
	color: #222222;
    text-decoration: none;
}
.listContentArea table.list-table tbody td a:hover {
	color: #990000;
    text-decoration: underline;
}
.listContentArea table.list-table thead .ltc-1 {
    width: auto;
    padding: 0 10px 0 10px;
    text-align: center;
}
.listContentArea table.list-table thead .ltc-2 {
    width: 90px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.listContentArea table.list-table thead .ltc-3 {
    width: 110px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.listContentArea table.list-table thead .ltc-4 {
    width: 50px;
    padding: 0 5px 0 5px;
    text-align: center;
}

.listContentArea table.list-table tbody .ltc-1 {
    padding: 5px 10px 5px 10px;
    text-align: left;
}
.listContentArea table.list-table tbody .ltc-2 {
    padding: 5px 5px 5px 5px;
    text-align: center;
}
.listContentArea table.list-table tbody .ltc-3 {
    padding: 8px 5px 8px 5px;
    text-align: center;
}
.listContentArea table.list-table tbody .ltc-3 button {
    margin-top: 5px;    
}
.listContentArea table.list-table tbody .ltc-4 {
    padding: 5px 13px 5px 13px;
    text-align: center;
}

.listContentArea table.list-table .ltc-1, .listContentArea table.list-table .ltc-2, .listContentArea table.list-table .ltc-3, .listContentArea table.list-table .ltc-4 {
    display: table-cell;
}

.listContentArea table.list-table .downloadBut, .listContentArea table.list-table .downloadBut:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
.listContentArea table.list-table .downloadBut:hover, .listContentArea table.list-table .downloadBut:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
.listContentArea table.list-table .downloadBut:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}

.listContentArea table.list-table .removeBut, .listContentArea table.list-table .removeBut:visited {
    position: relative;
    display: block;
    width: 24px;    
    height: 24px;
    padding: 0;
    margin: 0;
    text-indent: -99999px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23444444%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
    cursor: pointer;
    border: none;
    outline: none;
    transition: 0.25s
}
.listContentArea table.list-table .removeBut:hover {    
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23990000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
}
.listContentArea table.list-table .removeBut:active {    
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
}
.listContentArea table.list-table .removeBut.disabled {    
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23444444%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
    opacity: .25;
    pointer-events: none;
    cursor: not-allowed;
}

.listContentArea .emptyListHolder {
    position: relative;
    display: block;
    width: 100%;    
    height: auto;
    padding: 20px 0 20px 0;
    text-align: center;
}
.listContentArea .emptyListHolder .infoBox {
    position: relative;
    display: inline-block;    
    padding: 5px 50px 5px 50px;
    margin: 0 0 15px 0;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #990000;
    border: 1px dashed #a25050 !important;
    background-color: #fff6f6 !important;
}
.listContentArea .emptyListHolder .buttonsArea {
    position: relative;
    display: block;    
    padding: 0;
    margin: 0;
}
.listContentArea .emptyListHolder .buttonsArea span {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
}
.listContentArea .emptyListHolder .buttonsArea span a.commonButton, .listContentArea .emptyListHolder .buttonsArea span a.commonButton:visited {
    display: inline-block;    
    width: auto;
    height: 26px;
    padding: 0 10px 0 10px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 22px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    text-decoration: none !important;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.listContentArea .emptyListHolder .buttonsArea span a.commonButton:hover {
    text-decoration: none !important;
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.listContentArea .emptyListHolder .buttonsArea span a.commonButton:active {
    text-decoration: none !important;
    position: relative;
    top: 1px;
}

.bodyContainer .paymentHistorySection {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
}
.bodyContainer .paymentHistorySection .phLeftSection {
    position: relative;
    float: left;
    width: 100px;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.phLeftSection .heading {
    position: relative;
    display: block;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    color: #222222;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(to bottom,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
}
.phLeftSection .phYears {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.phLeftSection .phYears ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
.phLeftSection .phYears ul li {
    position: relative;
    display: block;
    padding: 1px 0 1px 0;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #c6c6c6;
    list-style: none;
}
.phLeftSection .phYears ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 25px;
    margin: 0;
    min-height: 26px;
    font-size: 11px;
    font-weight: 400;
    color: #222222;
    line-height: 16px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    user-select: none;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23222222%22%20d%3D%22M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%22%2F%3E%3C%2Fsvg%3E") 8px 4px no-repeat;
    transition: 0.25s
}
.phLeftSection .phYears ul li:nth-child(odd) a {
	background-color: #f9f9f9;
}
.phLeftSection .phYears ul li:nth-child(even) a {
	background-color: #f2f2f2;
}
.phLeftSection .phYears ul li a:hover {    
    font-weight: 400;
    color: #ffffff;
    line-height: 14px;
    text-decoration: none;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%22%2F%3E%3C%2Fsvg%3E") 8px 4px no-repeat;
    background-color: #990000;
}
.phLeftSection .phYears ul li a.active {    
    font-weight: 600;
    color: #ffffff;
    line-height: 14px;
    text-decoration: none;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M400%2064h-48V12c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v52H48C21.5%2064%200%2085.5%200%20112v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V112c0-26.5-21.5-48-48-48zm-6%20400H54a6%206%200%200%201%20-6-6V160h352v298a6%206%200%200%201%20-6%206zm-52.8-200.7L198.8%20404.5c-4.7%204.7-12.3%204.6-17-.1l-75.1-75.7c-4.7-4.7-4.6-12.3%20.1-17l22.7-22.5c4.7-4.7%2012.3-4.6%2017%20.1l44.1%2044.5%20111.1-110.2c4.7-4.7%2012.3-4.6%2017%20.1l22.5%2022.7c4.7%204.7%204.6%2012.3-.1%2017z%22%2F%3E%3C%2Fsvg%3E") 8px 4px no-repeat;
    background-color: #990000;
    pointer-events: none;
}

.bodyContainer .paymentHistorySection .phRightSection {
    position: relative;
    display: block;
    margin: 0 0 0 100px;
    height: auto;
    padding: 0;    
    box-sizing: border-box;
    border-left: 1px solid #dbdbdb;
    background-color: #f1f1f1;
}
.phRightSection .phContentArea {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.phContentArea table.ph-table {
	border:none;  
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.phContentArea table.ph-table thead {
	background: #373737;
	background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
}
.phContentArea table.ph-table thead th {
	height: 30px;
    vertical-align: middle;
	font-size: 11px;
	color: #c6c6c6;
	line-height: 30px;
    font-weight: 600;
}
.phContentArea table.ph-table tbody tr {
  	box-sizing: border-box;
	border-top:1px solid #c8c8ca;
}
.phContentArea table.ph-table tbody tr:first-child {
  	border-top: none;
}
.phContentArea table.ph-table tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
    transition: .25s;
}
.phContentArea table.ph-table tbody tr:nth-child(even) {
	background-color: #f2f2f2;
    transition: .25s;
}
.phContentArea table.ph-table tbody tr.approved {
	background-color: #e2f7e2 !important;
    transition: .25s;
}
.phContentArea table.ph-table tbody tr:hover {
    background-color: #ffffff !important;
    transition: .15s;
}
.phContentArea table.ph-table tbody td {
	min-height: 70px;
    padding: 2px 0 2px 0;
    vertical-align: middle;
	font-size: 11px;
	color: #333333;
	line-height:14px;
}
.phContentArea table.ph-table tbody td a {
	color: #222222;
    text-decoration: none;
}
.phContentArea table.ph-table tbody td a:hover {
	color: #990000;
    text-decoration: underline;
}
.phContentArea table.ph-table thead .phtc-1 {
    width: 120px;
    padding: 0 10px 0 10px;
    text-align: center;
}
.phContentArea table.ph-table thead .phtc-2 {
    width: auto;
    padding: 0 5px 0 5px;
    text-align: center;
}
.phContentArea table.ph-table thead .phtc-3 {
    width: 90px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.phContentArea table.ph-table thead .phtc-4 {
    width: 100px;
    padding: 0 5px 0 5px;
    text-align: center;
}

.phContentArea table.ph-table tbody .phtc-1 {
    padding: 5px 10px 5px 10px;
    text-align: center;
}
.phContentArea table.ph-table tbody .phtc-2 {
    padding: 5px 5px 5px 5px;
    text-align: center;
}
.phContentArea table.ph-table tbody .phtc-3 {
    padding: 8px 5px 8px 5px;
    text-align: center;
}
.phContentArea table.ph-table tbody .phtc-4 {
    padding: 5px 13px 5px 13px;
    text-align: center;
}
.phContentArea table.ph-table tbody tr.approved .phtc-4 {
    color: #1f9b1f;
    font-weight: 600;
}
.phContentArea table.ph-table tbody tr.declined .phtc-4 {
    color: #cc0000;
    font-weight: 600;
}
.phContentArea table.ph-table .phtc-1, .phContentArea table.ph-table .phtc-2, .phContentArea table.ph-table .phtc-3, .phContentArea table.ph-table .phtc-4 {
    display: table-cell;
}
.phContentArea .emptyPaymentHistoryHolder {
    position: relative;
    display: block;
    width: 100%;    
    height: auto;
    padding: 20px 0 20px 0;
    text-align: center;
}
.phContentArea .emptyPaymentHistoryHolder .infoBox {
    position: relative;
    display: inline-block;    
    padding: 5px 50px 5px 50px;
    margin: 0 0 15px 0;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #990000;
    border: 1px dashed #a25050 !important;
    background-color: #fff6f6 !important;
}

.bodyContainer .profileSection {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
}
.bodyContainer .profileSection .profileLeftSection {
    position: relative;
    float: left;
    width: 160px;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.profileLeftSection .heading {
    position: relative;
    display: block;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    color: #222222;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(to bottom,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
}
.profileLeftSection .profileMenu {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.profileLeftSection .profileMenu ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
.profileLeftSection .profileMenu ul li {
    position: relative;
    display: block;
    padding: 1px 0 1px 0;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #c6c6c6;
    list-style: none;
}
.profileLeftSection .profileMenu ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 10px;
    margin: 0;
    min-height: 26px;
    font-size: 11px;
    font-weight: 400;
    color: #222222;
    line-height: 16px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    user-select: none;    
    transition: 0.25s
}
.profileLeftSection .profileMenu ul li:nth-child(odd) a {
	background-color: #f9f9f9;
}
.profileLeftSection .profileMenu ul li:nth-child(even) a {
	background-color: #f2f2f2;
}
.profileLeftSection .profileMenu ul li a:hover {    
    font-weight: 400;
    color: #ffffff;
    line-height: 14px;
    text-decoration: none;    
    background-color: #990000;
}
.profileLeftSection .profileMenu ul li a.active {    
    font-weight: 600;
    color: #ffffff;
    line-height: 14px;
    text-decoration: none;    
    background-color: #990000;
    pointer-events: none;
}

.bodyContainer .profileSection .profileRightSection {
    position: relative;
    display: block;
    margin: 0 0 0 160px;
    height: auto;
    padding: 0;    
    box-sizing: border-box;
    border-left: 1px solid #dbdbdb;
    background-color: #ffffff;
}
.profileRightSection .profileContentArea {
    position: relative;
    display: block;
    padding: 20px 20px 20px 20px;
    margin: 0;
    box-sizing: border-box;
}
.profileRightSection .profileContentArea .updateButton, .profileRightSection .profileContentArea .updateButton:visited {
    display: inline-block;
    height: 28px;
    padding: 0 15px 0 15px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px #000000;
    user-select: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
}
.profileRightSection .profileContentArea .updateButton:hover {    
    background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
}
.profileRightSection .profileContentArea .updateButton:active {    
    position: relative;
    top: 1px;
}

.bodyContainer .upsellContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 50px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.upsellContainer .upsellHeading {
    position: relative;
    padding: 0 8px 0 8px;
    color: #5e5e5e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d3d197;
    background-color: #f5f3ad;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 32px;
    margin-top: 10px;
}
.upsellContainer .trackSection .trackTop .trackLeft {    
    min-height: 110px;
}

.bodyContainer .s4lContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 50px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.s4lContainer .s4lHeading {
    position: relative;
    padding: 0 8px 0 8px;
    color: #5e5e5e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d3d197;
    background-color: #f5f3ad;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 32px;
    margin-top: 10px;
}
.s4lContainer .trackSection .trackTop .trackLeft {    
    min-height: 110px;
}

.bodyContainer .approvalContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.approvalContainer .approvalHeading {
    position: relative;
    padding: 0 8px 0 8px;
    color: #5e5e5e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d3d197;
    background-color: #bef5ad;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 32px;
    margin-top: 10px;
}
.approvalContainer .trackSection .trackTop .trackLeft {    
    min-height: 60px;
}
.approvalContainer .trackSection .trackTop .trackRight .statusHolder {
    text-align: right; 
}
.approvalContainer .trackSection .trackTop .trackRight .commentsHolder {
    margin-top: 3px;   
}

.bodyContainer .approveContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.approveContainer .approveHeading {
    position: relative;
    padding: 0 8px 0 8px;
    color: #5e5e5e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d3d197;
    background-color: #f5f3ad;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 32px;
    margin-top: 10px;
}
.approveContainer .approveMessageArea {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 8px 0 8px;
    margin-top: 10px;
    
    font-size: 11px;
    line-height: 14px;
}
.approveContainer .formular fieldset {
	margin:10px 5px 20px 5px;	
	padding: 10px;
	border: 1px solid #D0CE9F;
	background-color: #FFFEEE;
}
.approveContainer .trackSection .buttonsArea .approveToolsArea {
    padding: 5px;
    background-color: #CBCBCB;
}
.approveContainer .trackSection .buttonsArea .approveToolsArea span {
    display: block;
}
.approveContainer .trackSection .trackTop .trackLeft {    
    min-height: 110px;
}

.bodyContainer .transportContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    background-color: #FFFFCC;
}
.transportContainer .infoBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 5px 0 10px 0;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 15px;
    text-align: justify;
    color: #33333;
    border: 1px dashed #b5b500;
    background-color: #FFFFCC;
}
.transportContainer .formular fieldset {    
    border: 1px solid #bababa;
}
.transportContainer .formular fieldset label {
    text-align: right;    
}
.transportContainer .formular label span {    
    line-height: 26px;
}
.transportContainer .minutetextarea {
    width: 280px;
    font-size: 10px;
    margin: 20px auto;    
}
.transportContainer .licenseBox {
    display: block;
    padding: 20px;
    margin: 10px 0 10px 0;
    font-family: 'Courier New', 'Courier', 'Monaco', sans-serif;
    font-size: 11px;
    color: #1B1B1B;
    line-height: 16px;
    text-align: justify;
    box-sizing: border-box;
    border: 4px double grey;
    background-color: #f0f0f0;
}
.transportContainer .licenseBox p {
    text-align: justify;
}
.transportContainer .licenseBox p.heading {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.bodyContainer .paymentContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0;    
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    background-color: #FFFFCC;
}
.paymentContainer .paymentPoints {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 10px 5px 30px;
    margin: 0;
}
.paymentContainer .paymentPoints ul {
    list-style-type: none;
    font-size: 11px;    
}
.paymentContainer .paymentPoints ul li {    
    line-height: 14px;
    margin-bottom: 5px;
    text-indent: -20px;
}
.paymentContainer .paymentPoints ul li::before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f138";
    font-size: 14px;
    font-weight: 900;
    position: relative;
    line-height: 14px;
    margin-right: 4px;
    top: 1px;
}
.paymentContainer .paymentInfoBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 5px 0 10px 0;
    box-sizing: border-box;
    border: 1px dashed #bababa;
    background-color: #FFFFFF;
}
.paymentContainer .paymentInfoBox p {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 16px;
    text-align: justify;
}
.paymentContainer .formular fieldset {
	margin:10px 5px 20px 5px;	
	padding: 10px;
    box-sizing: border-box;
	border: 2px solid #bababa;
	background-color: #FFFFFF;
}
.paymentContainer .ccType {
	position:relative;
	display:inline-block;
	width:32px;
	height:22px;
	background:url('../images/cc-sprite.png') no-repeat 0 0 transparent;
}
.paymentContainer .ccType.visa {
	background-position:-32px 0;
}
.paymentContainer .ccType.mastercard {
	background-position:-64px 0;
}
.paymentContainer .ccType.maestro {
	background-position:-96px 0;
}
.paymentContainer .ccType.amex {
	background-position:-128px 0;
}
.paymentContainer .ccType.discover {
	background-position:-160px 0;
}
.paymentContainer .ccType.solo {
	background-position:-192px 0;
}
.paymentContainer .ccType.switch {
	background-position:-224px 0;
}
.paymentContainer .errorBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 5px 0 5px 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #990000;
    background-color: #FFFFFF;
    
    font-size: 10px;
    font-weight: bold;
    color: #990000;
    text-align: center;
}
.paymentContainer .errorBox.pp {
    font-size: 12px;
    font-weight: normal;
}
.paymentContainer .infoBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 5px 0 10px 0;
    box-sizing: border-box;
    border: 1px dashed #b5b500;
    background-color: #FFFFCC;
}
.paymentContainer .infoBox.pp {
    padding: 10px;
    border: 1px dashed #949494;
    background-color: #FCFCFC;
    font-size: 11px;    
}
.paymentContainer .infoBox.pp p {
    margin: 0;
    text-align: justify;
}
.paymentContainer .minutetextarea {
    position: relative;
    display:block;
    font-size: 9px;
    margin-top: 2px;
}
.paymentContainer .infoBox span.priceArea {
    font-size: 18px;
    font-weight: bold;
}
.paymentContainer .headingArea {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 8px;
    margin: 5px 0 10px 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #BCBCBC;
    background-color: #e4e4e4;
    
    font-size: 14px;
    font-weight: 600;
    color:#444444;
}
.paymentContainer .ccType {
	position:relative;
	display:inline-block;
	width:32px;
	height:22px;
	background:url('../images/cc-sprite.png') no-repeat 0 0 transparent;
}
.paymentContainer .ccType.visa {
	background-position:-32px 0;
}
.paymentContainer .ccType.mastercard {
	background-position:-64px 0;
}
.paymentContainer .ccType.maestro {
	background-position:-96px 0;
}
.paymentContainer .ccType.amex {
	background-position:-128px 0;
}
.paymentContainer .ccType.discover {
	background-position:-160px 0;
}
.paymentContainer .ccType.solo {
	background-position:-192px 0;
}
.paymentContainer .ccType.switch {
	background-position:-224px 0;
}

.paymentContainer .formular fieldset label {    
    text-align: right;    
}
.paymentContainer .formular label span {    
    line-height: 26px;
}
.paymentContainer .formular fieldset label.inline {    
    text-align: left;    
}
.paymentContainer .formular label.inline span {    
    line-height: 16px;
}
.paymentContainer input[type="image"], .paymentContainer input[type="image"]:focus {
    border: none !important;
    outline: none !important;
}
.paymentContainer .pp-but {
    display: inline-block;
}
.paymentContainer .pp-but-mini {
    display: none;
}

.bodyContainer .paymentProcessContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.paymentProcessContainer .processStatus {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 40px 0 40px 0;    
    text-align: center;
}

.paymentProcessContainer .paymentDecliened {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding:10px;    
    font-weight:normal;
    text-align:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dbdbdb;
    background-color: #eeeeee;
}
.paymentDecliened span.declinedTitle {
    position: relative;
    display: block;
    font-size:14px;
    font-weight: bold;
    line-height: 20px;
    color:#c40404;
    padding: 0 0 0 2px;
    margin: 0 0 5px 0;
}
.paymentDecliened .declinedMessage {
    position: relative;
    display: block;
    padding:15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:1px solid #d5d4d4;
    background:#faf9f9;
}
.paymentDecliened .declinedMessage a.link {
    font-weight: bold;
    color: #006c94;
    text-decoration: none;
}
.paymentDecliened .declinedMessage .link {
    margin-bottom:25px;
}
.paymentDecliened .declinedMessage span {
    color:#7f7e7e;
}
.paymentDecliened .declinedMessage p {
    margin-bottom: 6px;
}

.paymentProcessContainer a.checkout_ppbutton, .paymentProcessContainer a.checkout_ppbutton:visited {
    display: inline-block;
    background: url('../images/checkout-pp-but.png') scroll no-repeat;
    width: 196px;
    height: 26px;
    background-position: top;    
}
.paymentProcessContainer a.checkout_ppbutton:hover {    
    background-position: bottom;
}
.paymentProcessContainer a.checkout_ppbutton:active {    
    position: relative;
    top: 1px;
}

.bodyContainer .downloadContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #E4E4E4;
    background-color: #FFFFCC;
}
.downloadContainer .downloadHeading {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 10px 5px 10px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;    
    font-weight: bold;
    color: #FFFFFF;
    background-color: #444444;
}
.downloadContainer .downloadPoints {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 0 5px 0;
    margin: 0;
}
.downloadContainer .downloadPoints ul {
    list-style-type: none;
    font-size: 11px;    
}
.downloadContainer .downloadPoints ul li {    
    line-height: 14px;
    margin-bottom: 5px;
}
.downloadContainer .downloadPoints ul li::before {
    font-family: "Font Awesome 5 Pro";
    color: #222;
    content: "\f138";
    font-size: 14px;
    font-weight: 900;
    position: relative;
    line-height: 14px;
    margin-right: 4px;
    top: 1px;
}
.downloadContainer .downloadArea {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.downloadArea table.dl-table {
	border:none;  
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.downloadArea table.dl-table thead {
	background: #373737;
	background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
	background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
}
.downloadArea table.dl-table thead th {
	height: 32px;
    vertical-align: middle;
	font-size: 12px;
	color: #b6b6b6;
	line-height:32px;
    font-weight: 600;
}
.downloadArea table.dl-table tbody tr {
  	box-sizing: border-box;
	border-left:1px solid #c8c8ca;
	border-right:1px solid #c8c8ca;
	border-bottom:1px solid #c8c8ca;
}
.downloadArea table.dl-table tbody tr:nth-child(odd) {
	background: #f8f8f8;
}
.downloadArea table.dl-table tbody tr:nth-child(even) {
	background: #f2f2f2;
}
.downloadArea table.dl-table tbody td {
    vertical-align: middle;
	font-size: 11px;
	color: #444444;
	line-height:13px;
}
.downloadArea table.dl-table tbody td:first-child a {
	color: #444444;
    text-decoration: none;
    transition: .25s;
}
.downloadArea table.dl-table tbody td:first-child a:hover {
	color: #111111;
    text-decoration: underline;
}
.downloadArea table.dl-table tfoot {
	background-color: #c8c8ca;
}
.downloadArea table.dl-table tfoot td {
    height: 4px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;	
}
.downloadArea table.dl-table thead .dtc-1 {
    width: auto;
    padding: 0 10px 0 10px;
    text-align: center;
}
.downloadArea table.dl-table thead .dtc-2 {
    width: 70px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.downloadArea table.dl-table thead .dtc-3 {
    width: 56px;
    padding: 0 5px 0 5px;
    text-align: center;
}
.downloadArea table.dl-table thead .dtc-4 {
    width: 100px;
    padding: 0 10px 0 10px;
    text-align: center;
}

.downloadArea table.dl-table tbody .dtc-1 {
    padding: 10px 10px 10px 10px;
    text-align: left;
}
.downloadArea table.dl-table tbody .dtc-2 {
    padding: 10px 5px 10px 5px;
    text-align: center;
}
.downloadArea table.dl-table tbody .dtc-3 {
    padding: 10px 5px 10px 5px;
    text-align: right;
}
.downloadArea table.dl-table tbody .dtc-4 {
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.downloadArea table.dl-table tbody .dtc-1 a {
    color: #333333;
    tedt-decoration: none;
}
.downloadArea table.dl-table tbody .dtc-1 a:hover {
    color: #111111;
    tedt-decoration: underline;
}
.downloadArea table.dl-table .dtc-1, .downloadArea table.dl-table .dtc-2, .downloadArea table.dl-table .dtc-3, .downloadArea table.dl-table .dtc-4 {
    display: table-cell;
}
.downloadContainer .downloadGreetings {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 15px;
    border: 1px dashed #bababa;
    background-color: #FCFCFC;
}
.downloadContainer .downloadGreetings p {
    margin: 0;
    text-align: justify;
}

.bodyContainer .thanksContainer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.thanksContainer .thanksMessage {
    position: relative;
    display: block;
    width: 80%;
    padding: 10px;
    margin: 20px auto 20px;    
    font-size: 12px;
    text-align: center;
    color: #444444;
    box-sizing: border-box;
    border: 1px dashed #bababa;
    background-color: #FFFFFF;
}
.thanksContainer .thanksMessage h2 {
    position: relative;
    display: block;
    padding: 0;
    margin: 5px 0 5px 0;
    font-size: 22px;
    font-weight: 600;
    color: #333333;
    line-height: 26px;
}
.thanksContainer .thanksMessage b {
    color: #990000;
}
.thanksContainer .thanksMessage span {
    position: relative;
    display: block;
    padding: 0;
    margin: 5px 0 5px 0;    
    color: #444444;
    line-height: 30px;
}
.thanksContainer .thanksMessage span.error {
    font-weight: 600;
}
.thanksContainer .thanksMessage span a {
    color: #990000;
    text-decoration: none;
}
.thanksContainer .thanksMessage span a:hover {
    color: #111111;
    text-decoration: underline;
}

.freeLoopsContainer {
    position: relative;
    width: 100%;        
    padding: 0;    
    margin:0 0 20px 0;       

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;        
}
.freeLoopsContainer a, .freeLoopsContainer a:visited {
    color: #0000ee;
    text-decoration: none;
}
.freeLoopsContainer a:hover {
    color: #0000ee;
    text-decoration: underline;
}
.freeLoopsContainer a:active {
    color: #cc0000;
    text-decoration: none;
}
.freeLoopsContainer .freLoopsPoints {
    position: relative;
    width: 100%;        
    padding: 0;
    font-size: 10px;
    margin: 0 0 20px 0;
}
.freeLoopsContainer .heading {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #1b1b1b;
    text-align: center;
    margin: 0 0 5px 0;
}
.freeLoopsContainer .freeLoopsDetails {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
}
.freeLoopsContainer .freeLoopsDetails .detailsTools {
    text-align: center;
    width: 100%;
    height: 30px;
    padding-top: 5px;
}
.freeLoopsContainer .freeLoopsDetails .detailsContent {
    position: relative;
    width: 100%;
    padding: 5px 5px 5px 5px;
    margin: 0;
    font-size: 10px;
}
.freeLoopsContainer .freeLoopsList {
    position: relative;
    width: 100%;
    padding: 5px 5px 5px 5px;
    margin: 3px 0 0 0;
    background-color: #f5f5f5;
}
.freeLoopsContainer .freeLoopsList .collection-content {
    position: relative;
    display: inline-block;
    width: 100%;    
    padding: 0 0 10px 5px;
    margin-bottom: 20px;

    column-count: 3;
    column-gap: 5%;
    column-rule: 1px dashed #3278cb;
    
    font-size: 10px;
}
.freeLoopsContainer .disqusContainer {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 20px 0 20px 0;    
}

.adContainer {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 20px 0 30px 0;
    text-align: center;
}
.adContainer .ad {
    position: relative;
    width: 576px;
    padding: 0;
    margin: 0 auto;
}
.ad .content {
    position:relative;
    width: 100%;
    padding: 5px 5px 5px 5px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    border: 2px solid #dcdcdc;
    background-color: #ffffff;
    color: #1b1b1b;
}
.ad .content a, .ad .content a:visited {
    color: #0000ee;
    text-decoration: none;
}
.ad .content a:hover { 
    color: #0000ee;
    text-decoration: underline;
}
.ad .content a:active {
    color: #cc0000;
    text-decoration: none;
}
.ad .content .top-section {
    position:relative;
    width: 100%;
    padding: 5px 5px 5px 5px;
    margin: 0;
    text-align: center;
}
.ad .content .top-section .courtesy {
    display: inline;
    font-size: 10px;
}
.ad .content .top-section .courtesy:after {
    content: '\A';
    white-space: pre;
}
.ad .content .top-section .heading {
    display: inline;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.ad .content .bottom-section {
    position: relative;
    width: 100%;
    padding: 5px 5px 5px 5px;
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
}
.ad .video {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;    
    height:0;
}
.ad .video iframe {
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.footerContainer {	
	position: relative;
    padding: 0;
    margin: 0;
}
.footerContainer .innerContent {	
	width: 100%;
    box-sizing: border-box;
    padding: 20px 0 15px 0;
    background-color: #f1f1f1;
    border-bottom: 2px solid #990000;
}
.footerContainer .innerContent .footerNav {
    display:inline-block;
    position:relative;
    width:100%;
    padding-top:0;
    padding-bottom:0;
    margin-bottom: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:600;
    font-style:normal;
    line-height:14px;
    text-align:center;
    word-break: keep-all;
    color:#181818;
}
.footerContainer .innerContent .footerNav .devider {
    display:inline-block;
}
.footerContainer .innerContent .footerNav a, .footerContainer .footerNav a:visited {
    display: inline-block;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    color: #A52121;
    text-decoration: none;
}
.footerContainer .innerContent .footerNav a:hover {
    color:#181818;
    text-decoration: underline;
}
.footerContainer .innerContent .footerCopyright {
	font-size: 11px;
    text-align: center;
    color: #444444;
}

.tempDownloadContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 250px;
    padding: 0;
    margin: 0;
    color: #212121;
    background-color: #f5f5f5;
}
.tempDownloadContainer .heading {
    display: block;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin: 10px 0 20px 0;
}
.tempDownloadContainer .formular fieldset {
	margin: 0 5px 0 5px;	
	padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border: 2px solid #15428B;
	background-color: none;
}
.tempDownloadContainer .formular fieldset .col-md-3, .tempDownloadContainer .formular fieldset .col-sm-3 {
    padding-right: 0 !important;   
}
.tempDownloadContainer .formular fieldset label {    
    text-align: right;    
}
.tempDownloadContainer .formular label span {    
    line-height: 26px;
}
.tempDownloadContainer .formular fieldset .agreementMessage p {
    font-size: 12px;
    text-align: justify;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tempDownloadContainer .formular fieldset span.checkbox-container label {    
    font-size: 12px;
    color: #365F6E;
    text-align: left;
}

.clear{ clear:both;}

a#addtocartbutton {
	background: transparent url('../images/addtocart.gif') no-repeat scroll 0 0;
	display:block;
	height:21px;
	width:50px;
}

a#continuebutton{ background:url('../images/continue.gif') scroll no-repeat; width: 160px; height: 29px; display: block; margin:0 0 6px 0; }
a#continuebutton:hover{ background-position:bottom;  display: block; line-height:1;}
a#continuebutton:active{ top:1px; position:relative;}

a#checkout_ccbutton{ background: url('../images/checkout_cc.gif') scroll no-repeat; width: 198px; height: 29px; display: block; }
a#checkout_ccbutton:hover{background-position:bottom; display: block;}
a#checkout_ccbutton:active{top:1px; position:relative;}
a#checkout_ppbutton{background: url(../images/checkout_pp.gif) scroll no-repeat; width: 198px; height: 29px; display:block; }
a#checkout_ppbutton:hover{background-position:bottom; display: block;}
a#checkout_ppbutton:active{ top:1px; position:relative;}
a#checkoutbutton   { background: url(../images/checkout.gif) no-repeat; width: 156px; height: 25px; display: block }

a#addtocartbutton{ background: url(../images/addtocart.gif) no-repeat; width: 50px; height: 25px; display: block }
addtocartbutton   { background: url(../images/addtocart.gif) no-repeat; width: 50px; height: 25px; display: block }

.bookmark{
	position:relative;
	margin: 0 0 0 7px;
}
.bookmark a{ color: #006C94;}
.bookmark a:hover{ text-decoration:underline;}
.bookmark a font b{
	color: #006C94;
    font-weight: bold;
    text-decoration: none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.mt-20{ margin-top:20px;}
.bordergrey{ border:1px solid #ECECEC; margin-top:8px; padding:10px;}
a.backlink{ color: #020202; text-decoration:none; font-weight:bold;}
a.backlink:hover{ color: #020202; text-decoration:underline; font-weight:bold;}
.paymentmain table td{ text-align:left; }
.bold {
	font-weight:bold;
}
.list {
	list-style-type:circle;
}

.pad15 {
	padding-left:15px;
}
.mar15 {
	margin-left:15px;
}
.cartTotals {
	font-size: 14px;
}
.yellowButton {
	background-color:#FFFFCC;
	border-color:#666;
	border-style:solid;
	border-width:thin;
	padding:2px 4px 2px 4px;
}

.bdr_non{ border:none; color:#fff; cursor:pointer;}
.ml_10{ margin-left:-15px;}

.tagMe {
	width: 200px;
	position: absolute;
	right: -220px;
	top: 0;
    padding: 10px 10px 10px 10px;
    text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
}
.tagMe input {
	background:url(../images/tooltip-savebut.jpg) no-repeat 0 0;
	width:46px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	font-size:11px;
}
.tagMe textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b1b1b;
	width:180px;
	height:80px;
	border:1px solid #d6d6d6;	
}
.notes{ color:#41415b; font-weight:bold; }
.whatisthis{ height: 0;}
.tagMeArrow {
    position: absolute;
    width: 28px;
	height: 48px;
	background: url('../images/tooltip-arrow.png') no-repeat 0 0 ;	
	top: 15px;
	left: -26px;
    right: auto;
}
/*** Button Styles ***/
a.dlMp3But, a.dlMp3But:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
a.dlMp3But:hover, a.dlMp3But:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
a.dlMp3But:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}

a.dlWavBut, a.dlWavBut:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
a.dlWavBut:hover, a.dlWavBut:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
a.dlWavBut:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}

a.addToCartBut, a.addToCartBut:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
a.addToCartBut:hover, a.addToCartBut:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
a.addToCartBut:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}

a.addToListBut, a.addToListBut:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
a.addToListBut:hover, a.addToListBut:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
a.addToListBut:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}

a.cartRemoveBut, a.cartRemoveBut:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
a.cartRemoveBut:hover, a.cartRemoveBut:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
a.cartRemoveBut:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}

.downloadBut, .downloadBut:visited {
    display: inline-block;
    width: 100%;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    outline: 1px solid #7e7c4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
    background: -moz-linear-gradient(top, #ededed, #d4cccc);
    background: linear-gradient(to bottom, #ededed, #d4cccc);
    font-size: 10px;
    font-weight: 400;
    color: #464646 !important;
    text-decoration: none;
    transition: 0.3s;
}
.downloadBut:hover, .downloadBut:focus {    
    background: #dedbdb;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
    background: -moz-linear-gradient(top, #dedbdb, #aeacac);
    background: linear-gradient(to bottom, #dedbdb, #aeacac);
    color: #222222 !important;
    text-decoration: none;
}
.downloadBut:active {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
    background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
    background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
}


input.tagMeBut {background:url('../images/tag-this-song-but.png') left top no-repeat; width:86px; height:22px; border:0; cursor:pointer;}
input.tagMeBut:hover { background:url('../images/tag-this-song-but.png') left bottom no-repeat; width:86px; height:22px; border:0; cursor:pointer;}
input.tagMeBut:active {top:1px; position:relative;}

.removeBut, .saveForLaterBut, .addToCartBut{ width:75px; height:17px; border:none; cursor:pointer; }

input.addToCartBut{background: url('../images/addtocart-but.png') left top no-repeat; width:86px; height:22px;}
input.addToCartBut:hover{background: url('../images/addtocart-but.png') left bottom no-repeat; width:86px; height:22px;}
input.addToCartBut:active{top:1px; position:relative;}

input.removeBut{ background: url('../images/remove-but.png') left top no-repeat; width:86px; height:22px;}
input.removeBut:hover{ background: url('../images/remove-but.png') left bottom no-repeat; width:86px; height:22px;}
input.removeBut:active{top:1px; position:relative;}

input.saveForLaterBut{ background: url('../images/save-for-later.gif') left top no-repeat; width:75px; height:17px;}
input.saveForLaterBut:hover{ background: url('../images/save-for-later.gif') left bottom no-repeat;  width:75px; height:17px;}
input.saveForLaterBut:active{ top:1px; position:relative;}

.addedToCartBut {
    background:url('../images/addedtocart-but.png') left top no-repeat;
    width: 86px;
    height: 22px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}
.addedToCartBut:hover {
    background:url('../images/addedtocart-but.png') left bottom no-repeat;
    width: 86px;
    height: 22px;    
}
.addedToCartBut:active {
    top:1px;
    position:relative;
}
.taggedbut {
    background:url('../images/tagged.png') left top no-repeat;
    width:86px;
    height:22px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

input.tagmeSaveForLater {
	background:url('../images/tagme-saveforlater.jpg') no-repeat 0 0;
	width:84px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	font-size:11px;
}

.bodycontainer:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.ser{ font-size:11px; color:#000; width:44px; float:left; padding:0 4px 0 8px; line-height:16px; text-align:left;}
.ser-txtbox input{ width:174px; border:1px solid #a1a1a1; padding:2px 0 2px 3px; float:left; margin-right:2px; margin-left:15px;}
.go-but input{background:url(../images/go.gif) left top no-repeat; text-indent:-9999px; width:26px; height:19px; float:left; border:none; cursor:pointer;}
.lm select{width:180px; height:19px; float:left; margin-right:2px; font-size:11px;}
.pt-7{ padding-top:5px;}
.form-info1{ float:left; width:234px; margin:0 !important;  }
.form-info2{ /*width:84px;*/ float:left; margin:0 !important; padding-right:9px;  }
.form-info3{ width:238px; float:left!important; padding-right:10px; }
.form-info4{ float:right; margin-top:10px; padding-left:8px; font-size:11px; padding-right:26px; }
.form-info4 input{ margin-right:4px; float:left;}

.lst{ font-size:11px; color:#000; width:26px; float:left; padding-right:6px; line-height:16px; text-align:right;}
/*.greybar select{ color:#808080; font-family:Verdana, Arial, Helvetica, sans-serif; }*/

#submit_pay{font-size:12px; color:#9A1510; padding-bottom:6px; font-weight:bold; font-family:arial;}


select {
background-repeat:repeat;
border:1px solid #808080;
color:#525973;
font-family:verdana;
font-size:11px;
height:18px;
padding-left:3px;
}
.greybar1 {
background-color:#D6D6D6;
float:left;
padding:0 0;
width:623px;
margin:0 0 5px 0;
}
select.listmenu2{
float:left;
font-size:11px;
height:19px;
margin-right:2px;
width:70px;
}

.input-name {float:left; font-size:11px; margin-bottom:22px; padding:1px 8px 0 0; text-align:right; width:74px;}

.contact-midinput {color:#365F6E; float:left; padding:1px;}
.greyBarFormMain{ float:left; padding:0 0 0 17px; }

/*added by jasmine02042012*/
.tracksection01{
	margin-top:7px;
	border:1px solid #ECECEC;
	padding:0 8px;
	float:left;
	width:605px;
	position:relative;
	background:#fff;
	}
.tracksection02{
	margin-top:7px;
	border:1px solid #E6E5E5;
	padding:5px 8px;
	float:left;
	width:697px;
	position:relative;
	background:#fff;
	}

.tracksection01 a, .tracksection02 a{
	color:#006C94;
	text-decoration:none;
	font-weight:bold;
}
.tracksection01 a:hover, .tracksection02 a:hover{
	color:#006C94;
	text-decoration:underline;
}
.tracksection01 h1, .tracksection02 h1{
	color:#006C94;
	font-size:12px;
	float:left;
}

.normaltext01{
	color: #666666;
	font-size:11px;
	font-weight:normal;
}
.tracksection01 p, .tracksection02 p{
	padding-top:6px;
	padding-bottom:6px;
	font-size:11px;
}
.trackleft01{float:left; /*width:410px;*/ width:465px; padding-top:12px; }
.trackright01{float:right; width:130px;}

.trackright01 input.addToCartBut{ margin-bottom:6px;}

#hold_smovie1 {
position: relative; /*or absolute*/
z-index: 0;
}
.bodycontainer .save4later {float:right;}

/*.cartHeading{height:17px; background:#f5f3ad; color:#454545; border:none; padding:8px 0 8px 10px; margin-top:7px; font-size:14px;}*/
.saveHeading{width:705px; height:17px; float:left; background:#f5f3ad; color:#454545; border:none; padding:8px 0 8px 10px; margin-top:25px; font-size:14px;}
.totalPrice{ font-size:14px; padding:10px 8px;}
.priceRow td{ border-bottom:1px solid #e6e5e5;}
.checkoutBut{ margin-right:5px;}

/* payment declined styles added by mallesh on 11th June, 2012 */
/*.paymentDecliened{ width:792px; background:#eeeeee; padding:10px; text-align:left; font-weight:normal;}
.paymentDecliened .title{ font-size:14px; color:#c40404; border-bottom:1px solid #c3c2c2; padding:0 0 5px 0; margin-bottom:10px;}
.paymentDecliened .declinedMessage{ background:#faf9f9; padding:15px; border:1px solid #d5d4d4;}
.paymentDecliened .declinedMessage a.link{ font-weight:bold; color:#006c94; text-decoration:none;}
.paymentDecliened .declinedMessage .link{ margin-bottom:25px;}
.paymentDecliened .declinedMessage span{ color:#7f7e7e;}
.paymentDecliened .declinedMessage p{ margin-bottom:5px;}*/
.paymentLogo{
 	width:595px;
	position:absolute;
	top:55px;
	right:0;
	min-height:65px;
}
.paymentLogo .left{ float:left; margin:12px 10px 0 0;}
input.tabmebut5 {
    background: url("../images/tempdownload-but.png") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    margin:5px 0 0 0;
    height: 22px;
    width: 86px;
}
input.tabmebut5:hover {
    background: url("../images/tempdownload-but.png") no-repeat scroll left bottom transparent;
    border: 0 none;
    cursor: pointer;
    /*margin:5px 0 0 0;*/
    height: 22px;
    width: 86px;
}

.songid {
	font-family:monospace;
	font-size:10px;
	/*color:grey;*/
	color:#808080;
	background-color:#f0f2f1;
	padding:1px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    body {
        width:100%;
		-webkit-box-sizing: border-box;
       	-moz-box-sizing: border-box;
        box-sizing: border-box;
		overflow-x: hidden;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#1B1B1B;        
        margin:0;
        padding:0;
        background: #FFFFFF;
    }
    .mainWrapper {
        clear: both;
        position:relative;
        width:100%;
		padding:0 5px 0 5px;
		margin:0;        
        background-color:#fff;
        font-size:12px !important;
    }
    
    .googleAdsSection {
        position:relative;
        padding: 10px 0 5px 0;
    }
    
    .headerContainer {
        position:relative;
        padding: 10px 0 10px 0;        
    }
    
    .headerContainer .logoSection {
        position: relative;
        float:none;
        width: 100%;
        height: 80px;
        bottom: 0;
    }
    .headerContainer .logoSection .logoHolder {
        position:relative;
        display:block;
        height: 100%;
        text-align: center;
        margin-top: 0;
    }
    .headerContainer .logoSection .logoHolder img {
        width: auto;
        height: 100%;
    }
    
    .headerContainer .navSection {
        position:relative;
        margin: 0;	
    }
    .headerContainer .navSection .navigationContainer {
        position: relative;
        width: 100%;
        height: 36px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin: 10px auto;
        padding: 4px 4px 4px 4px;
        border-radius: 0;
        background-color: #990000;
    }
    
    .headerContainer .navSection .navigationContainer.fixed {
		position:fixed;
		width:100%;
		height:38px;
		left:0;
		top:0;
		padding: 5px 4px 4px 4px;
        margin: 0;
		background-color: #4b4b66;		
		
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
		border-bottom:1px solid rgba(255,255,255,.5);
		
		-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
		
		-webkit-transition-duration: 0.25s;
		transition-duration: 0.25s;
		-webkit-transition-property: color, background-color;
		transition-property: color, background-color;

		z-index: 699;	
	}
    
    .navigationContainer .catButContainer {
        position: absolute;
        display: inline-block;
        left: 4px;
        top: 4px;
        z-index: 8888;
    }
    .navigationContainer.hidden .catButContainer {        
        display: none;       
    }
    .navigationContainer .catButContainer .catBut {
        position: relative;
        width: 28px;
        height: 28px;        
        background-color: #ce3f24;
        margin-left: auto;        
    }
    .navigationContainer .catButContainer .mburger {
        width: 28px;
        height: 28px;
        --mb-button-size: 28px;
        --mb-bar-height: 2px;
        --mb-bar-spacing: 3px;
        color: #FFFFFF;
    }

    .navigationContainer .top-links {	
        position: absolute;
        display: inline-block;
        left: 50%;
        right: auto;        
        top: 9px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 0;
        margin: 0;        
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:700;
        z-index: 9999;
    }
    .top-links a {
        display:inline-block;	
        font-size:12px;
        font-weight:600;
        text-decoration:none;
        color:#ffffff;
        height:16px;
        line-height:16px;
    }
    .top-links a:hover {	
        text-decoration:underline;
        color:#FFCC00;
    }
    
    .navigationContainer.hidden .top-links .cart-link {
        display: none;
    }   
    
    .top-links .cart-link {
        padding:0 0 0 20px;
        background-repeat:no-repeat;
        background-position: 0 -32px;
    }
    .top-links .cart-link:hover {	
        background-position: 0 -48px;
    }
    
    .top-links .cartPageHeading {
        display: inline-block;
        font-size: 12px;
        text-align: center;
        color: #ffffff;        
    }
    
    .navigationContainer .navigation {
        position: relative;
        width: auto;
        top: auto;
        right: auto;
        margin: 0;
        z-index: 7777;        
    }    
    .navigation > a {
        position: relative;
        width: 28px;
        height: 28px;        
        background-color: #ce3f24;
        margin-left: auto;        
    }
    .navigation li.hiddenOnPhone {
        display: none;
    }
    .navigation .mburger {
        width: 28px;
        height: 28px;
        --mb-button-size: 28px;
        --mb-bar-height: 2px;
        --mb-bar-spacing: 3px;
        color: #FFFFFF;
    }    
    .navigation > a:after {
        top: 60%;
    }    
    .navigation > a:first-of-type {
        display: block;
    }
    
    /* first level */
    .navigation > ul {
        height: auto;
        display: none;
        position: absolute;
        left: 45%;
        right: 0;
        background-color: #ce3f24;
        padding-left: 0;
    }
    .navigation:target > ul {
        display: block;
    }
    .navigation > ul > li {
        width: 100%;
        float: none;
    }
    .navigation > ul > li > a {
        height: auto;
        font-size: 11px;
        padding: 0 10px 0 10px;
        text-align: left;        
    }
    .navigation > ul > li:not( :last-child ) > a {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,.25);
    }

    /* second level */
    .navigation li ul {
        position: static;
        padding: 2px; /* 20 */
        padding-top: 0;
    }
    
    .welcomeSection {
        width:100%;
        font-size:11px;
        position:relative;
        margin:0 auto;
        background-color:#F9F9F9;
        border:1px solid #D7D7D7;
        padding:6px 10px 6px 10px;
        min-height:60px;
        line-height:15px;
    }
    .welcomeSection h1 {
        font-size: 16px;
        line-height: 18px !important;
        margin-top: 0;
        margin-bottom: -12px;
    }    
    
    .headerContainer .navSection .paymentLogoSection {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .paymentLogoSection .paymentLogos {
        position: relative;
        display: none;
        width: 100%;
        height: auto;
    }
    .paymentLogoSection .paymentLogos img {
        width: 100%;
    }
    .paymentLogoSection .paymentLogos-mobile {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }
    .paymentLogoSection .paymentLogos-mobile img {
        width: 100%;
    }
    
    .bodyContainer {
        position:relative;
        width: 100%;
        padding: 0;	
        background: #f1f1f1;		
    }
    .bodyContainer .leftSection {
        position: fixed;
        float: none;
        width: 202px;
        left: -180px;
        height: auto;	
        transform: none;
        background-color:#f1f1f1;
        overflow-y: scroll;
    }    
    .bodyContainer .leftSection .catHeader {
        position: relative;
        display: flex;  
        width: 100%;
        height: 60px;
        
        justify-content: center;
        align-items: center;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border-left: 1px solid #EEEEEE;
        border-top: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
        border-bottom:1px dashed #EEEEEE;
        background-color: #FFFFFF;
        margin-bottom: 5px;
    }
    
    .bodyContainer .rightSection {
        position:relative;
        margin: 0;
        background: #f1f1f1;	
    }
    
    .bodyContainer .rightSection .tiHeader {
        position: relative;
        display: block;
        padding: 5px 0 5px 6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: #FFFFFF;
        background-color: #990000;
    }
    
    .bodyContainer .rightSection .greyToolBar {
        position: relative;
        width: 100%;
        min-height: 56px;
        padding: 5px 0 5px 0;    
        margin: 0 0 8px 0;
        background-color:#D6D6D6;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border:1px solid #C4C4C4;
    }
    .bodyContainer .rightSection .greyToolBar.transparent {
        background-color: rgba(255,255,255,0) !important;
        border: none !important;
    }
    .bodyContainer .rightSection .greyToolBar.noDropDown {        
        min-height: 30px;
    }
    .greyToolBar .selectMenus {
        position: relative;
        float:none;
        width:100%;
    }
    .greyToolBar .selectMenus .sortOptionContainer {
        position: relative;
        float: left;
        width: 70%;
        padding-left: 5px;
        margin-top: 0;
    }
    .greyToolBar .selectMenus .sortOptionContainer span {
        font-size: 10px;   
    }
    .greyToolBar .selectMenus .listOptionContainer {
        position: relative;
        float: left;
        width: 30%;
        padding-left: 5px;
        margin-top: 0;
    }
    .greyToolBar .selectMenus .listOptionContainer span {
        font-size: 10px;   
    }
    
    .greyToolBar.noDropDown .selectMenus {
        position: relative;
        display: none;
        float: none;
        width: 20%;
    }
    
    .greyToolBar .searchArea {
        position: relative;        
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        margin-left: 0;
        margin-top: 8px;
    }
    
    .greyToolBar.noDropDown .searchArea {
        position: relative;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right;
        margin-top: 0;
    }
    
    .greyToolBar .searchArea input[type="text"] {
        width: 80%;
    }
    .greyToolBar .searchArea input[type="image"] {
        vertical-align: middle;
        margin-top: -2px;
    }
    .greyToolBar .optionArea {
        position: relative;
        float: none;
        width: 100%;        
        padding: 0 5px 0 5px;
        margin-top: 8px;
        text-align: center;
    }
    
    .bodyContainer .rightSection .greyToolBar.search {
        position: relative;
        width: 100%;
        min-height: 30px;        
        padding: 0;
        margin:0 0 8px 0;
        background-color:#D6D6D6;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border:1px solid #C4C4C4;
    }
    .greyToolBar.search .searchArea {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 5px 10px 5px 70px;
        text-align: right;    
    }
    .greyToolBar.search a.backlink, .greyToolBar.search a.backlink:visited {
        position: absolute;
        left: 10px;
        top: 11px;
        font-size: 12px;
        font-weight: bold;
        line-height: 16px;
        color: #020202;
        text-decoration: none;
        z-index: 2222;
    }
    .greyToolBar.search a.backlink:hover {
        color: #006c94;
        text-decoration: underline;    
    }
    .greyToolBar.search a.backlink:visited {
        color: #000000;
        text-decoration: none;    
    }
    .greyToolBar.search a.backlink fas {
        font-size: 16px;
        line-height: 16px;
    }
    
    .paginations {
        position: relative;
        width: 100%;        
        margin-top: 10px;
    }
    .paginations ul {
        text-align: center;
        margin-top: 5px;
    }
    .paginations ul li {
        margin: 0 2px 0 2px;
    }
    
    .trackSection {
        position: relative;
        margin: 0 10px 0 10px;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-top: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        background-color: #FFFFFF;
        min-height: 50px;
    }
    .trackSection:last-child {
        border: 1px solid #E5E5E5;
    }
    .trackSection.searchReference {    
        min-height: 15px;
        margin-bottom:8px;
        padding-bottom:4px;
        font-size:11px;
        line-height: 13px;
    }
    .trackSection .trackLeft {
        margin:0 160px 0 0;
        padding: 0 5px 0 0;
    }
    .trackSection .trackLeft a {
        color: #444444;
        font-weight: 500;
        line-height: 14px;
        text-decoration: none;
        transition: 0.3s;
    }
    .trackSection .trackLeft a:hover {
        color: #222222;
        text-decoration: underline;
    }
    .trackSection .trackLeft p.normaltext {
        color: #666666;
        font-size: 10px;
        font-weight: 400;
        line-height: 13px;
        vertical-align: text-top;
        white-space: nowrap;
        margin-top: 18px;
        margin-bottom: 0;
    }
    .trackSection .trackRight {
        float: right;
        width: 150px;
        margin:0;
        font-size: 10px;
        line-height: 12px;
    }
    .trackRight .playerContainer {
        position: relative;
        float: left;
        width: 40px;    
        padding: 0;
        margin-top: 6px;
    }
    .trackRight .playerContainer.pro {
        margin-top: 0 !important;
    }
    .trackRight .buttonsContainer {
        position: relative;
        float: left;
        width: 110px;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .trackRight .buttonsContainer .addToCartBut {
        margin-bottom: 6px;
    }
    .trackRight .buttonsContainer .addedToCartBut {
        margin-bottom: 6px;
    }
    .trackRight .buttonsContainer .removeBut {
        margin-bottom: 6px;
    }
    .trackRight .buttonsContainer .dlMp3But {
        margin-bottom: 6px;
    }
    
    .trackInfoSection {
        position: relative;
        width: 100%;
        margin: 8px 0 0 0;
        padding: 4px 8px 0 8px;
        box-sizing: border-box;
    }
    .trackInfoSection a {
        color:#990000;
        text-decoration: none;
    }
    .trackInfoSection a:hover {
        color: #333333;
        text-decoration: none;
    }
    .trackInfoSection .searchBackLinkContainer {
        position: relative;
        width: 100%;
        font-size: 11px;
        font-weight: 400;
        text-align: right;
        margin-bottom: 10px;
    }
    .trackInfoSection .soundDetailsContainer {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .soundDetailsContainer .headerArea {
        position: relative;
        display: block;
        padding: 5px 0 5px 6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: #333333;
    }
    .soundDetailsContainer .contentArea {
        position: relative;
        display: block;
        padding: 10px 0 10px 0;
        font-size: 11px;
        font-weight: 400;
        color: #444444;
    }
    .soundDetailsContainer .contentArea .infoRow {
        position: relative;
        width: 100%;
        padding: 0 0 8px 0;
        margin: 0;
    }
    .infoRow .infoLabel {
        position: relative;
        float: left;
        width: 100px;
        height: auto;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        line-height: 14px;
        text-align: right;
        vertical-align: top;
    }
    .infoRow .infoContent {
        position:relative;
        height: auto;
        margin:0 0 0 100px;
        padding-left: 40px;
        box-sizing: border-box;
        line-height: 14px;
        text-align: left;
        vertical-align: top;
    }
    .infoRow .infoContent .buttonsContainer {
        position: relative;    
        width: 130px;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .infoRow .infoContent .buttonsContainer a:last-child {
        margin-top: 6px;    
    }

    .infoRow.bold .infoLabel {
        font-weight: 600;
    }
    .infoRow.bold .infoContent {
        font-weight: 600;
    }

    .infoRow .playerArea {
        position: relative;
        height: auto;
        margin: 0 0 0 100px;
        padding: 0;
    }
    .infoRow .playerArea .playerContainer {
        position:relative;
        float: left;
        width: 36px;
        height: 36px;
        margin:0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }
    .infoRow .playerArea .playerRight {
        position:relative;
        height: 36px;
        line-height: 34px;
        margin: 0 0 0 36px; 
        padding-left: 4px;
        text-align: left;
        vertical-align: middle;
    }
    .infoRow .playerArea .playerRight span {
        display: inline-block;
    }
    .infoRow .playerArea .playerRight span span {
        display: none;
    }

    .trackInfoSection .soundRelatedContainer {
        position: relative;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        margin-top: 10px;
    }
    .soundRelatedContainer .headerArea {
        position: relative;
        display: block;
        padding: 5px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: #333333;
    }
    .soundRelatedContainer .contentArea {
        position: relative;
        display: block;
        padding: 5px 0 0 0;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        color: #444444;
    }
    .soundRelatedContainer .contentArea .relatedBox {
        position: relative;
        display: block;
        padding: 0;
        margin: 0 3px 6px 3px;
        box-sizing: border-box;
        border: 1px solid #CDCDCD;
        background-color: #F6F6F6;
    }
    .relatedBox > .topArea {
        position: relative;
        display: block;
        min-height: 30px;
        padding: 5px;
        margin: 0;    
        text-align: left;
    }
    .relatedBox > .bottomArea {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .relatedBox > .bottomArea > .rightSide {
        position: relative;
        float: right;
        width: 40px;
        min-height: 34px;
        padding: 0;
        margin: 0;
        text-align: left;
        vertical-align: middle;
        background-color: #F6F6F6 !important;
    }
    .relatedBox > .bottomArea > .leftSide {
        position: relative;
        margin: 0 40px 0 0;
        min-height: 34px;
        padding: 5px;
        text-align: left;
        vertical-align: top;
        background-color: #F6F6F6 !important;
    }

    
    .td-popup {
        width:90% !important;
		max-width:90% !important;
		min-height:90% !important;
    }
    .td-popup .popup-body .popup-content {
        background:#f5f5f5;
        padding:5px;
    }
    .td-popup .popup-body .popup-content .frame {
        position: relative;
        width: 100%;
        padding-top: 100%;
    }
    .td-popup .popup-body .popup-content .frame iframe {
        position: absolute;
        left: 0;
        top: 0;    
    }
    .td-popup .popup-body .popup-content .frame .frame-loader {
        position: absolute;
        display:none;
        width:100%;
        height:100%;
        left: 0;
        top: 0;
    }
    .td-popup .popup-body .popup-content .frame .frame-loader .loader-holder {
        position: absolute;
        width:80px;
        height:80px;
        left: 50%;
        top: 50%;
        margin-left:-40px;
        margin-top:-40px;
    }
    
    .bodyContainer .regFormContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 0;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .bodyContainer .regFormContainer span.heading {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .bodyContainer .regFormContainer .infoBox {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 2px 5px 2px 5px;
        margin: 5px 0 10px 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #F5F500;
        background-color: #FFFFCC;
    }
    
    .bodyContainer .agreementContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 0;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .bodyContainer .agreementContainer .infoBox {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 2px 5px 2px 5px;
        margin: 5px 0 10px 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #F5F500;
        background-color: #FFFFCC;
    }
    
    .bodyContainer .licenseAgreementContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 10px 5px 10px 5px;
        margin: 0;    
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .bodyContainer .licenseAgreementContainer .licHeadingRow {
        position: relative;
        display: block;
        padding: 0;
        margin-bottom: 20px;
        text-align: center;
        vertical-align: middle;
    }

    .bodyContainer .licenseAgreementContainer .licHeadingRow .licenseHeading {
        position: relative;
        display: inline-block;
        padding: 5px;
        margin: 0;
        font-size: 12px;
        color: #444444;
        font-weight: 600;
        line-height: 14px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #ffffff;    
    }
    .bodyContainer .licenseAgreementContainer .licBox {
        position: relative;
        display: block;
        margin: 0 0 20px 0;
        padding: 10px;
        box-sizing: border-box;
        border: 1px dashed #a2a2a2;
        background-color: #fafffb;
    }
    .bodyContainer .licenseAgreementContainer .licBox.negative {    
        border: 1px dashed #a25050 !important;
        background-color: #fff6f6 !important;
    }
    .bodyContainer .licenseAgreementContainer .licBox span.heading {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .bodyContainer .licenseAgreementContainer .licBox > ul {
        display: block;    
        padding: 0;
        margin: 0;    
    }
    .bodyContainer .licenseAgreementContainer .licBox > ul > li {
        position: relative;
        display: block;
        text-align: left;
        color: #222222;
        font-size: 12px;
        font-weight: 600;    
        letter-spacing: normal;
        line-height: 14px;
        padding-left: 10px;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 0 4px no-repeat;
    }
    .bodyContainer .licenseAgreementContainer .licBox > ul > ul {
        display: block;    
        padding: 0;
        margin: 5px 0 20px 10px;
    }
    .bodyContainer .licenseAgreementContainer .licBox > ul > ul > li {
        position: relative;
        display: block;
        text-align: left;
        color: #444444;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 13px;
        padding-left: 10px;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%225px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 0 5px no-repeat;
    }
    
    .bodyContainer .guaranteeContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 10px 5px 10px 5px;
        margin: 0;    
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .bodyContainer .guaranteeContainer span.heading {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        color: #222222;
        margin-bottom: 20px;
    }
    .bodyContainer .guaranteeContainer p.info {
        display: block;
        text-align: left;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-bottom: 20px;
    }
    .bodyContainer .guaranteeContainer .riskFreeInfo {
        display: block;
        padding: 15px;
        box-sizing: border-box;
        border: 1px solid #c0c0c0;
        background-color: #f9f9f9;
        text-align: left;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-bottom: 20px;
    }
    .bodyContainer .guaranteeContainer .riskFreeInfo > ul {
        padding: 0;
        margin: 0;
    }
    .bodyContainer .guaranteeContainer .riskFreeInfo > ul > li {
        position: relative;
        display: block;
        text-align: left;
        color: #444444;
        font-size: 12px;
        font-weight: 400;    
        letter-spacing: normal;
        line-height: 16px;
        padding-left: 10px;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%226px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 0 4px no-repeat;
        margin-bottom: 30px;
    }
    .bodyContainer .guaranteeContainer .riskFreeInfo > ul > li > i {
        padding-left: 10px;
        font-weight: 600;
        color: #990000;
    }
    .bodyContainer .guaranteeContainer p.note {
        display: block;
        padding: 0;
        margin-bottom: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 17px;
        text-align: center;
        color: #222222;
    }
    
    .bodyContainer .privacyPolicyContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 10px 10px 10px 10px;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border: 1px solid #d7d7d7;
        background-color: #f3f3f3;
    }

    .privacyPolicyContainer .linksContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 5px 5px 5px 5px;
        margin: 0 auto;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border-top: 1px solid #808080;
        border-bottom: 1px solid #808080;
        line-height: 16px;
        font-size: 12px;
        font-weight: 600;
        color: #808080;
        text-align: center;
    }
    .privacyPolicyContainer .addressContainer {
        position: relative;
        display: block;
        width: 80%;
        height: auto;
        padding: 10px 10px 10px 10px;
        margin: 20px auto 10px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    

        font-size: 12px;
        color: #444444;
        background-color: #fbfbfb;
    }
    .privacyPolicyContainer .addressContainer span {
        font-weight: 600;
    }

    .privacyPolicyContainer .ppStatementContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 10px 10px 10px 10px;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    

        font-size: 12px;
        color: #444444;    
    }
    .privacyPolicyContainer .ppStatementContainer > span:first-of-type {
         display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    .privacyPolicyContainer .ppStatementContainer > span p {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .bodyContainer .faqContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 10px 10px 10px 10px;
        margin: 0;    
        box-sizing: border-box;    
        color: #222222;
        background-color: #f1f1f1;
    }
    .bodyContainer .faqContainer span.heading {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .bodyContainer .faqContainer .subjects {
        position: relative;
        display: block;
        width: 100%;
        text-align: left;    
        margin-bottom: 40px;
    }
    .bodyContainer .faqContainer .subjects .subject {
        position: relative;
        display: block;    
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        line-height: 15px;
        color: #222222;
        margin-bottom: 2px;
    }
    .bodyContainer .faqContainer .subjects ul.questions {
        position: relative;
        display: block;    
        text-align: left;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .bodyContainer .faqContainer .subjects ul.questions li {
        position: relative;
        display: block;    
        text-align: left;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .bodyContainer .faqContainer .faqs {
        position: relative;
        display: block;
        width: 100%;
        text-align: left;    
        margin-bottom: 10px;
    }
    .bodyContainer .faqContainer .faqs .question {
        display: block;
        margin-bottom: 5px;
    }
    .bodyContainer .faqContainer .faqs .question span {
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
        line-height: 16px;
    }
    .bodyContainer .faqContainer .faqs .question a.backToTop, .bodyContainer .faqContainer .faqs .question a.backToTop:visited {
        font-size: 0;
        margin-left: 5px;
    }
    .bodyContainer .faqContainer .faqs .question a.backToTop:hover {

    }
    .bodyContainer .faqContainer .faqs .question a.backToTop:active {

    }
    .bodyContainer .faqContainer .faqs .question a.backToTop:before, .bodyContainer .faqContainer .faqs .question a.backToTop:visited:before {
        font-family: "Font Awesome 5 Pro";
        color: #222;
        content: "\f0aa";
        font-size: 14px;
        font-weight: 900;
        position: relative;    
        line-height: 14px;
    }
    .bodyContainer .faqContainer .faqs .question a.backToTop:hover:before {
        font-family: "Font Awesome 5 Pro";
        color: #007bff;
        content: "\f0aa";
        font-size: 14px;
        font-weight: 900;
        position: relative;    
        line-height: 14px;
    }
    .bodyContainer .faqContainer .faqs .question a.backToTop:active:before {
        font-family: "Font Awesome 5 Pro";
        color: #222;
        content: "\f0aa";
        font-size: 14px;
        font-weight: 900;
        position: relative;    
        line-height: 14px;
    }

    .bodyContainer .faqContainer .faqs blockquote {
        margin: 0 0 30px 0;
        padding: 6px 18px 4px 24px;
        position:relative;
        font-size: 12px;
    }
    .bodyContainer .faqContainer .faqs blockquote:before {
        font-family: "Font Awesome 5 Pro";
        color: #999;
        content: "\f10d";
        font-size: 14px;
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 14px;
    }

    .bodyContainer .faqContainer .faqs blockquote:after {
        font-family: "Font Awesome 5 Pro";
        color: #999;
        content: "\f10e";
        font-size: 14px;
        font-weight: 900;
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 14px;   
    }
    
    .bodyContainer .contactContainer .selSubLabel {
        font-weight: normal;
        text-align: left;
    }
    .bodyContainer .contactContainer .selSubValue {
        font-weight: bold;
    }    
    .bodyContainer .contactContainer .formular fieldset label {    
        text-align: left;    
    }
    .bodyContainer .contactContainer .formular label span {    
        line-height: 16px;
    }
    
    .bodyContainer .cartContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0 5px 10px 5px;
        margin-bottom: 50px;
        box-sizing: border-box;
        border: 1px solid #E4E4E4;
        background-color: #FFFFCC;
    }
    .cartContainer .cartHeading {
        position: relative;
        padding: 0;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 30px;
    }
    .cartContainer .cartMessage {
        position: relative;
        display: block;    
        width: 100%;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        height: auto;    
        margin-top: 10px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border:1px solid #559bb1;
        background-color: #add8e6;
    }
    .cartContainer .emptyCart {
        position: relative;
        display: block;    
        width: 100%;    
        height: auto;
        text-align: center;
        padding: 20px 0 20px 0;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #E4E4E4;
        background-color: #f8f8f8;
    }
    .emptyCart span.ec-image {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .emptyCart span.ec-image img {
        width: 16%;
        height: auto;
        outline: none;
    }
    .emptyCart span.ec-heading {
        position: relative;
        display: block;
        font-size: 20px;
        font-weight: bold;
        line-height: 22px;
        color: #111111;
        margin-bottom: 15px;
    }
    .emptyCart span.ec-message {
        position: relative;
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        color: #222222;
    }

    .cartContainer .cartContentArea {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }

    .cartContentArea table.cart-table {
        border:none;  
        background-color: #FFFFFF;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    .cartContentArea table.cart-table thead {
        background: #373737;
        background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
    }
    .cartContentArea table.cart-table thead th {
        height: 30px;
        vertical-align: middle;
        font-size: 11px;
        color: #b6b6b6;
        line-height:30px;
        font-weight: 600;
    }
    .cartContentArea table.cart-table tbody tr {
        box-sizing: border-box;
        border-left:1px solid #c8c8ca;
        border-right:1px solid #c8c8ca;
        border-bottom:1px solid #c8c8ca;
    }
    .cartContentArea table.cart-table tbody tr:nth-child(odd) {
        background: #f8f8f8;
    }
    .cartContentArea table.cart-table tbody tr:nth-child(even) {
        background: #f2f2f2;
    }
    .cartContentArea table.cart-table tbody td {
        min-height: 54px;
        padding: 2px 0 2px 0;
        vertical-align: middle;
        font-size: 11px;
        color: #444444;
        line-height:13px;
    }
    .cartContentArea table.cart-table tbody td:first-child a {
        color: #444444;
        text-decoration: none;
        transition: .25s;
    }
    .cartContentArea table.cart-table tbody td:first-child a:hover {
        color: #111111;
        text-decoration: underline;
    }
    .cartContentArea table.cart-table tfoot {
        background-color: #ebe8e8;
    }
    .cartContentArea table.cart-table tfoot td {
        height:32px;
        vertical-align: middle;
        font-size: 12px;
        color: #444444;    
        line-height: 32px;
    }
    .cartContentArea table.cart-table tfoot td:first-child {
        padding: 0 5px 0 0;
        font-weight: 600;
        text-align: right;
    }
    .cartContentArea table.cart-table thead .ctc-1 {
        width: auto;
        padding: 0 10px 0 10px;
        text-align: center;
    }
    .cartContentArea table.cart-table thead .ctc-2 {
        width: 70px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .cartContentArea table.cart-table thead .ctc-3 {
        width: 70px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .cartContentArea table.cart-table thead .ctc-4 {
        width: 70px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .cartContentArea table.cart-table thead .ctc-5 {
        width: 70px;
        padding: 0;
        text-align: center;
    }
    .cartContentArea table.cart-table thead .ctc-6 {
        width: 86px;
        padding: 0 10px 0 10px;
        text-align: center;
    }

    .cartContentArea table.cart-table tbody .ctc-1 {
        padding: 2px 10px 2px 10px;
        text-align: left;
    }
    .cartContentArea table.cart-table tbody .ctc-2 {
        padding: 2px 5px 2px 5px;
        text-align: center;
    }
    .cartContentArea table.cart-table tbody .ctc-3 {
        padding: 2px 5px 2px 5px;
        text-align: right;
    }
    .cartContentArea table.cart-table tbody .ctc-4 {
        padding: 2px 5px 2px 5px;
        text-align: right;
    }
    .cartContentArea table.cart-table tbody .ctc-5 {
        padding: 2px 0 2px 0;
        text-align: center;
    }
    .cartContentArea table.cart-table tbody .ctc-6 {
        padding: 2px 10px 2px 10px;
        text-align: center;
    }

   .cartContentArea table.cart-table .ctc-2, .cartContentArea table.cart-table .ctc-3 {
        display: none;
    }

    .cartContainer .cartFooter {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    .cartContainer .cartFooter .cartButtonsArea {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;    
        box-sizing: border-box;    
        border: 1px solid #e4e4e4;
        background-color: #f7f7f7;
    }
    .cartFooter .cartButtonsArea .buttonsLeft {
        position: relative;
        display: block;
        float: left;
        width: 50%;
        height: auto;
        padding: 10px 0 5px 10px;
        margin: 0;
        text-align: left;
    }

    .cartButtonsArea .buttonsLeft a.commonButton, .cartButtonsArea .buttonsLeft a.commonButton:visited {
        display: inline-block;    
        width: auto;
        height: 26px;
        padding: 0 5px 0 5px;
        margin: 0;
        font-size: 10px;
        font-weight: 600;
        line-height: 22px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        text-decoration: none !important;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .cartButtonsArea .buttonsLeft a.commonButton i:first-child {
        display: none;
    }
    .cartButtonsArea .buttonsLeft a.commonButton:hover {
        text-decoration: none !important;
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .cartButtonsArea .buttonsLeft a.commonButton:active {
        text-decoration: none !important;
        position: relative;
        top: 1px;
    }

    .cartFooter .cartButtonsArea .buttonsRight {
        position: relative;
        display: block;
        float: right;
        width: 50%;
        height: auto;
        padding: 10px 10px 5px 0;
        margin: 0;
        text-align: right;
    }
    .cartButtonsArea .buttonsRight a.checkoutButton, .cartButtonsArea .buttonsRight a.checkoutButton:visited {
        display: inline-block;    
        width: 170px;
        height: 26px;
        padding: 0;
        margin: 0;
        font-size: 10px;
        font-weight: 600;
        line-height: 22px;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0 1px #000000;
        text-decoration: none !important;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .cartButtonsArea .buttonsRight a.checkoutButton i:last-child {
        display: none;
    }
    .cartButtonsArea .buttonsRight a.checkoutButton:hover {
        text-decoration: none !important;
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .cartButtonsArea .buttonsRight a.checkoutButton:active {
        text-decoration: none !important;
        position: relative;
        top: 1px;
    }

    .cartContainer .vipAccountContent {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-top: 20px;
        box-sizing: border-box;
        border: 1px solid #e4e4e4;
        background-color: #f7f7f7;
    }
    .cartContainer .vipAccountContent .vipAccountHeading {
        position: relative;
        height: 30px;    
        padding: 0 0 0 10px;
        margin: 0;
        color: #FFFFFF;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        line-height: 30px;
        background-color: #990000;
    }
    .cartContainer .vipAccountContent .vipAccountInfo {
        position: relative;
        height: auto;    
        padding: 10px;
        margin: 0;
        color: #444444;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        line-height: 14px;
    }
    .cartContainer .vipAccountContent .vipPlanDetails {
        position: relative;
        height: auto;
        padding: 0 10px 0 10px;
        margin-top: 10px;
        box-sizing: border-box;
    }
    .cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle {
        position: relative;
        display: block;
        padding: 10px;
    }
    .cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleLeft {
        position: relative;
        width: 65%;
        padding: 0;
        margin: 0;
        float: left;
        font-size: 11px;
        font-weight: 400;    
        text-align: left;
        color: #444444;
    }
    .cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleRight {
        position: relative;    
        margin: 0 0 0 66%;
        padding: 0;
        font-size: 11px;
        font-weight: 400;
        text-align: right;    
        color: #444444;
    }
    .cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleRight a {
        color: #990000;
        text-decoration: none;    
    }
    .cartContainer .vipAccountContent .vipPlanDetails .priceInfoTitle .priceInfoTitleRight a:hover {
        color: #111111;
        text-decoration: none;    
    }

    .cartContainer .vipAccountContent .vipPlanDetails ul {
        padding: 0;
        margin: 0;
    }
    .cartContainer .vipAccountContent .vipPlanDetails ul li {
        position: relative;
        display: block;
        padding: 10px;
        margin-bottom: 10px;
        list-style: none;    
        box-sizing: border-box;
        border: 1px solid #c7c7c7;    
        background-color: #ffffff;
    }
    .cartContainer .vipAccountContent .vipPlanDetails ul li .planPriceLeft {
        position: relative;
        width: 65%;
        padding: 0;
        margin: 0;
        float: left;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #444444;
    }
    .cartContainer .vipAccountContent .vipPlanDetails ul li .avgPriceRight {
        position: relative;
        margin: 0 0 0 66%;
        padding: 0;
        font-size: 12px;
        font-weight: 400;
        text-align: right;
        color: #990000;
    }

    .cartContainer .vipAccountContent .vipPackageContainer {
        position: relative;
        height: auto;    
        padding: 0 10px 0 10px;
        margin-top: 10px;
        box-sizing: border-box;
    }
    .cartContainer .vipAccountContent .vipPackageContainer .col-xs-12 {        
        box-sizing: border-box;
        border: 1px solid #D3ACAC;
        margin-bottom: 10px;
    }
    .cartContainer .vipAccountContent .vipPackageContainer .packageHeading {
        position: relative;
        display: block;
        padding: 5px 5px 5px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 600;
        line-height: 14px;
        text-align: center;
        color: #990000;    
        background-color: #ebe8e8;    
    }
    .cartContainer .vipAccountContent .vipPackageContainer .packagePrice {
        position: relative;
        display: block;
        padding: 5px 5px 5px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
        text-align: center;
        color: #444444;    
        background-color: #f2f2f2;    
    }
    .cartContainer .vipAccountContent .vipPackageContainer .packageFooter {
        position: relative;
        display: block;
        padding: 10px;
        margin: 0;
    }
    .cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterRight {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
        float: none;
        text-align: center;
        vertical-align: middle;
    }

    .packageFooter .packageFooterRight .buyNowButton, .packageFooter .packageFooterRight .buyNowButton:visited {
        display: inline-block;    
        width: auto;
        height: 26px;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 22px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .packageFooter .packageFooterRight .buyNowButton:hover {    
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .packageFooter .packageFooterRight .buyNowButton:active {    
        position: relative;
        top: 1px;
    }

    .cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterLeft {
        position: relative;    
        display: block;
        padding: 5px 5px 0 5px;
        margin: 0;
        min-height: 30px;
        text-align: center;
        vertical-align: middle;
        font-size: 11px;
        line-height: 13px;
        color: #444444;
    }
    .cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterLeft a {    
        color: #990000;
        text-decoration: none;        
    }
    .cartContainer .vipAccountContent .vipPackageContainer .packageFooter .packageFooterLeft a:hover {    
        color: #111111;
        text-decoration: none;        
    }
    
    .bodyContainer .vipMainContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 0;
        margin: 0;    
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .vipMainContainer span.heading {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: #222222;
        margin-bottom: 10px 0 10px 0;
    }
    .vipMainContainer .vipPackageBox {
        position: relative;
        display: block;
        padding: 10px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #bababa;
        background-color: #ffffff;
    }
    .vipMainContainer .vipPackageBox span.caption {
        display: block;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        color: #222222;
        margin-bottom: 10px;
    }
    .vipMainContainer .vipPackageBox .packagePoints {
        position: relative;
        display: inline-block;
        padding: 5px 5px 5px 20px;
        margin: 0;
    }
    .vipMainContainer .vipPackageBox .packagePoints ul {
        list-style-type: none;
        font-size: 11px;    
    }
    .vipMainContainer .vipPackageBox .packagePoints ul li {    
        line-height: 14px;
        margin-bottom: 5px;
        text-indent: -20px;
    }
    .vipMainContainer .vipPackageBox .packagePoints ul li::before {
        font-family: "Font Awesome 5 Pro";
        color: #222;
        content: "\f138";
        font-size: 14px;
        font-weight: 900;
        position: relative;
        line-height: 14px;
        margin-right: 4px;
        top: 1px;
    }
    .vipMainContainer .vipPackageContainer {
        position: relative;
        height: auto;    
        padding: 0;
        margin-top: 5px;
        box-sizing: border-box;
    }
    .vipMainContainer .vipPackageContainer .col-xs-12 {        
        box-sizing: border-box;
        border: 1px solid #d3acac;
        margin-bottom: 10px;
    }
    .vipMainContainer .vipPackageContainer .packageHeading {
        position: relative;
        display: block;
        min-height: 40px;
        padding: 10px 5px 10px 5px;
        box-sizing: border-box;    
        background-color: #ebe8e8;
        border: none;
    }
    .vipMainContainer .vipPackageContainer .packageHeading label {
        position: relative;
        display: block;    
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        color: #990000;    
        margin-bottom: 4px;
    }
    .vipMainContainer .vipPackageContainer .packageHeading span {
        display: block;
        padding-left: 20px;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        color: #990000;
    }
    .vipMainContainer .vipPackageContainer .packagePrice {
        position: relative;
        display: block;
        padding: 10px 5px 10px 5px;
        margin: 0;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        text-align: center;
        color: #222222;    
        background-color: #f3f3f3;
        border-bottom: none;     
    }
    .vipMainContainer .vipPackageContainer .packageFooter {
        position: relative;
        display: block;
        padding: 0 ;
        margin-top: 10px;
    }
    .vipMainContainer .vipPackageContainer .packageFooter .packageFooterTop { 
        position: relative;
        display: block;    
        padding: 10px;
        margin: 0;
        font-size: 11px;
        font-weight: 400;
        color: #444444;
        line-height: 16px;
        text-align: jus;
        text-decoration: none;        
    }
    .vipMainContainer .vipPackageContainer .packageFooter .packageFooterTop a {    
        color: #990000;
        text-decoration: none;        
    }

    .vipMainContainer .vipPackageContainer .packageFooter .packageFooterTop a:hover {    
        color: #111111;
        text-decoration: none;        
    }
    .vipMainContainer .vipPackageContainer .packageFooter .packageFooterBottom {
        position: relative;    
        display: block;
        padding: 10px;
        margin: 0;    
        text-align: center;
        vertical-align: middle;
    }
    .vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton, .vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton:visited {
        display: inline-block;    
        width: auto;
        height: 30px;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 26px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton:hover {    
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .vipPackageContainer .packageFooter .packageFooterBottom .buyNowButton:active {    
        position: relative;
        top: 1px;
    }
    .vipMainContainer span.sub-heading {
        position: relative;
        display: block;
        padding: 15px 0 15px 0;
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        color: #222222;    
    }
    .vipMainContainer .vipLoginBox {
        position: relative;
        display: block;
        padding: 10px 20px 20px 20px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #bababa;
        background-color: #ffffcc;
    }
    .vipMainContainer .vipLoginBox span.heading {
        position: relative;
        display: block;
        padding: 5px;
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        color: #222222;
    }
    .vipMainContainer .vipLoginBox .loginButton, .vipMainContainer .vipLoginBox .loginButton:visited {
        display: inline-block;
        height: 30px;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 26px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .vipMainContainer .vipLoginBox .loginButton:hover {    
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .vipMainContainer .vipLoginBox .loginButton:active {    
        position: relative;
        top: 1px;
    }
    .vipMainContainer .vipLoginBox .forgotPassLink {
        position: relative;
        display: inline-block;
        padding: 0;
        margin-left: 15px;
        text-align: left;
        vertical-align: middle;
        line-height: 26px;
    }
    .vipMainContainer .vipLoginBox .forgotPassLink a {
        font-size: 11px;
        color: #990000;
        text-decoration: none;
    }
    .vipMainContainer .vipLoginBox .forgotPassLink a:hover {
        color: #111111;
        text-decoration: underline;
    }
    
    .bodyContainer .vipRegContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 10px;
        margin: 0;    
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .vipRegContainer .vipRegBox {
        position: relative;
        display: block;
        padding: 5px 20px 20px 20px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #bababa;
        background-color: #ffffcc;
    }
    .vipRegContainer .vipRegBox span.heading {
        position: relative;
        display: block;
        padding: 5px;
        margin: 0;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        color: #222222;
    }
    .vipRegContainer .vipRegBox .registerButton, .vipRegContainer .vipRegBox .registerButton:visited {
        display: inline-block;    
        width: 100px;
        height: 30px;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 26px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .vipRegContainer .vipRegBox .registerButton:hover {    
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .vipRegContainer .vipRegBox .registerButton:active {    
        position: relative;
        top: 1px;
    }
    .vipRegContainer .vipRegBox .loginInfo {
        position: relative;
        display: inline-block;
        padding: 0;
        margin: 0;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;    
    }
    .vipRegContainer .vipRegBox .loginInfo a {
        font-size: 11px;
        color: #990000;
        text-decoration: none;
    }
    .vipRegContainer .vipRegBox .loginInfo a:hover {
        color: #111111;
        text-decoration: underline;
    }
    
    .bodyContainer .vipLoginContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 10px;
        margin: 0;    
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .vipLoginContainer .vipLoginBox {
        position: relative;
        display: block;
        padding: 10px 20px 20px 20px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #bababa;
        background-color: #ffffcc;
    }
    .vipLoginContainer .vipLoginBox span.heading {
        position: relative;
        display: block;
        padding: 5px;
        margin: 0;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        color: #222222;
    }
    .vipLoginContainer .vipLoginBox .loginButton, .vipLoginContainer .vipLoginBox .loginButton:visited {
        display: inline-block;    
        width: 100px;
        height: 30px;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 26px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .vipLoginContainer .vipLoginBox .loginButton:hover {    
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .vipLoginContainer .vipLoginBox .loginButton:active {    
        position: relative;
        top: 1px;
    }
    .vipLoginContainer .vipLoginBox .forgotRegInfo {
        position: relative;
        display: inline-block;
        padding: 0;
        margin: 0;
        font-size: 11px;
        color: #990000;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;    
    }
    .vipLoginContainer .vipLoginBox .forgotRegInfo a {
        font-size: 11px;
        color: #990000;
        text-decoration: none;
    }
    .vipLoginContainer .vipLoginBox .forgotRegInfo a:hover {
        color: #111111;
        text-decoration: underline;
    }
    
    .bodyContainer .vipLicInfoContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 10px;
        margin: 0;    
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .vipLicInfoContainer .vipLicInfoBox {
        position: relative;
        display: block;
        padding: 10px 20px 20px 20px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #bababa;
        background-color: #ffffcc;
    }
    .vipLicInfoContainer .vipLicInfoBox span.heading {
        position: relative;
        display: block;
        padding: 5px;
        margin: 0;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        color: #222222;
    }
    .vipLicInfoContainer .vipLicInfoBox .infoBox {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 5px;
        margin: 5px 0 5px 0;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 15px;
        text-align: justify;
        color: #33333;
        border: 1px dashed #990000;
        background-color: #FFFFFF;
    }
    .vipLicInfoContainer .vipLicInfoBox .infoBox b {
        color: #990000;    
    }    
    .vipLicInfoContainer .vipLicInfoBox .checkoutButton, .vipLicInfoContainer .vipLicInfoBox .checkoutButton:visited {
        display: inline-block;    
        width: 190px;
        height: 26px;
        padding: 0;
        margin: 0;
        font-size: 10px;
        font-weight: 600;
        line-height: 22px;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0 1px #000000;
        text-decoration: none !important;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #c91c1c 0%,#c41313 50%,#990000 100%);
    }
    .vipLicInfoContainer .vipLicInfoBox .checkoutButton:hover {
        text-decoration: none !important;
        background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
    }
    .vipLicInfoContainer .vipLicInfoBox .checkoutButton:active {
        text-decoration: none !important;
        position: relative;
        top: 1px;
    }
    
    .bodyContainer .vipNavContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 0 5px 0;
    }
    .bodyContainer .vipNavContainer .vipTopNav {
        position: relative;
        display: block;
        padding: 0;
        margin: 0 0 5px 0;
    }
    .bodyContainer .vipNavContainer .vipTopNav .vipLeftNav {
        position: relative;
        float: left;
        width: 50%;
        height: auto;
        padding: 0;
        margin: 0;
        transform: none;    
        box-sizing: border-box;
        text-align: left;        
    }
    .bodyContainer .vipNavContainer .vipTopNav .vipRightNav {
        position: relative;
        height: auto;
        padding: 0;    
        margin: 0 0 0 50%;
        transform: none;    
        box-sizing: border-box;
        text-align: right;        
    }

    .dlCounter {
        position: relative;
        display: block;
        width: 160px;
        height: 22px;
        padding: 1px;    
        margin: 0;
        box-sizing: border-box;
        border-radius: 11px;
        border: 1px solid #330101;
        background-color: #ffffff;
        overflow: hidden;
    }
    .dlCounter .dlcBase {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;    
        margin: 0;
        box-sizing: border-box;
        border-radius: 10px;
        background-color: #009966;
        overflow: hidden;
    }
    .dlCounter .dlcProgress {
        position: relative;
        width: 50%;
        height: 100%;
        padding: 0;    
        margin: 0;
        box-sizing: border-box;
        border-radius: 10px;
        background-color: #990000;
        overflow: hidden;
    }
    .dlCounter .dlcLabel {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;    
        margin: 0;
        color: #ffffcc;
        font-size: 10px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        text-shadow: 0 1px #000000;
    }

    .logoutButton, .logoutButton:visited {
        position: relative;
        display: inline-block;
        height: 22px;
        padding: 2px 10px 2px 10px;
        margin: 0;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0 1px #000000;
        text-decoration: none !important;
        user-select: none;
        box-sizing: border-box;
        border-radius: 11px;
        border: 1px solid #330101;
        background: linear-gradient(to bottom,  #c91c1c 0%,#c41313 50%,#990000 100%);
    }
    .logoutButton:hover {
        color: #FFFFFF;
        text-decoration: none !important;
        background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
    }
    .logoutButton:active {
        color: #FFFFFF;
        text-decoration: none !important;    
        top: 1px;
    }

    .bodyContainer .vipNavContainer .vipBottomNav {
        position: relative;
        width: 100%;
        height: 30px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 600;
        padding: 2px 5px 2px 5px;
        margin: 0 auto 5px;
        box-sizing: border-box;
        border-radius: 8px;
        border: 1px solid #dbdbdb;
        background: linear-gradient(to bottom,  #ffffff 0%,#cfcbca 100%);
    }
    .bodyContainer .vipNavContainer .vipBottomNav .vipLeftBut {
        position: relative;
        display: none;
        float: none;
        width: 16px;    
        height: 24px;
        padding: 0;
        margin: 0;
        text-indent: -99999px;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23444444%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M34.52%20239.03L228.87%2044.69c9.37-9.37%2024.57-9.37%2033.94%200l22.67%2022.67c9.36%209.36%209.37%2024.52.04%2033.9L131.49%20256l154.02%20154.75c9.34%209.38%209.32%2024.54-.04%2033.9l-22.67%2022.67c-9.37%209.37-24.57%209.37-33.94%200L34.52%20272.97c-9.37-9.37-9.37-24.57%200-33.94z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
        cursor: pointer;
        border: none;
        outline: none;
    }
    .bodyContainer .vipNavContainer .vipBottomNav .vipLeftBut:hover {    
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23990000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M34.52%20239.03L228.87%2044.69c9.37-9.37%2024.57-9.37%2033.94%200l22.67%2022.67c9.36%209.36%209.37%2024.52.04%2033.9L131.49%20256l154.02%20154.75c9.34%209.38%209.32%2024.54-.04%2033.9l-22.67%2022.67c-9.37%209.37-24.57%209.37-33.94%200L34.52%20272.97c-9.37-9.37-9.37-24.57%200-33.94z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
    }
    .bodyContainer .vipNavContainer .vipBottomNav .vipRightBut {
        position: relative;
        display: none;
        float: none;
        width: 16px;    
        height: 24px;
        padding: 0;
        margin: 0;
        text-indent: -99999px;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23444444%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M285.476%20272.971L91.132%20467.314c-9.373%209.373-24.569%209.373-33.941%200l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505%20256%2034.484%20101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373%2024.569-9.373%2033.941%200L285.475%20239.03c9.373%209.372%209.373%2024.568.001%2033.941z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
        cursor: pointer;
        border: none;
        outline: none;
    }
    .bodyContainer .vipNavContainer .vipBottomNav .vipRightBut:hover {    
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23990000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M285.476%20272.971L91.132%20467.314c-9.373%209.373-24.569%209.373-33.941%200l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505%20256%2034.484%20101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373%2024.569-9.373%2033.941%200L285.475%20239.03c9.373%209.372%209.373%2024.568.001%2033.941z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
    }
    .bodyContainer .vipNavContainer .vipBottomNav .vipMenuContainer {
        position: relative;
        display: block;
        height: 24px;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        overflow-x: scroll;
        /*-webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;*/
    }
    .vipMenuContainer::-webkit-scrollbar {
        /*display: none;*/
    }
    .vipMenuContainer > div > ul {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        height: auto;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        box-sizing: border-box;
    }
    .vipMenuContainer > div > ul > li {
        display: inline-block;
        list-style: none;
        height: auto;
        padding: 0;
        margin: 0 10px 0 0;    
    }
    .vipMenuContainer > div > ul > li > a, .vipMenuContainer > div > ul > li > a:visited {
        position: relative;
        display: inline-block;
        height: 24px;
        padding: 4px 10px 6px 10px;
        margin: 0;
        box-sizing: border-box;
        border-radius: 12px;
        border: 1px solid #bababa;
        background-color: #ffffff;
        font-size: 11px;
        font-weight: 600;
        line-height: 14px;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        color: #444444;    
        text-decoration: none;
        cursor: pointer;
    }
    .vipMenuContainer > div > ul > li > a:hover {
        border-color: #330101;
        background-color: #990000;
        color: #ffffff;
        text-decoration: none;
    }
    .vipMenuContainer > div > ul > li > a > .menuIcon {
        display: inline-block;
        margin-right: 2px;
    }
    .vipMenuContainer > div > ul > li.active > a {
        border-color: #330101;
        background-color: #990000;
        color: #ffffff;
        text-decoration: none;
        pointer-events: none;
        cursor: default;
    }
    
    .bodyContainer .vipSection {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
    }
    .bodyContainer .vipSection .vipLeftSection {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .vipLeftSection .manageListBut, .vipLeftSection .manageListBut:visited {
        display: inline-block;    
        width: 100%;
        height: 30px;
        padding: 0;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 26px;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0 1px #000000;
        text-decoration: none !important;
        user-select: none;
        box-sizing: border-box;
        border-radius: 0;
        border: 1px solid #9b6262;
        background: linear-gradient(to bottom,  #c91c1c 0%,#c41313 50%,#990000 100%);
    }
    .vipLeftSection .manageListBut:hover {
        text-decoration: none !important;
        background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
    }
    .vipLeftSection .manageListBut:active {
        text-decoration: none !important;
        position: relative;
        top: 1px;
    }
    .vipLeftSection .manageListBut .badge {
        display: inline-block;
    }
    .vipLeftSection .manageListBut .bg-warning {
        color: #1f2d3d!important;
        background-color: #ffc107!important;
        font-size: 10px !important;
        font-weight: 400 !important;
        text-shadow: 0 0 #000000 !important;
    }
    .vipLeftSection .vipListsHolder {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .vipLeftSection .vipListsHolder ul {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .vipLeftSection .vipListsHolder ul li {
        position: relative;
        display: block;
        padding: 1px 0 1px 0;
        margin: 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #c6c6c6;
        list-style: none;
    }
    .vipLeftSection .vipListsHolder ul li a {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 5px 5px 5px 10px;
        margin: 0;
        min-height: 26px;
        font-size: 11px;
        font-weight: 400;
        color: #222222;
        line-height: 16px;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        transition: 0.25s
    }
    .vipLeftSection .vipListsHolder ul li:nth-child(odd) a {
        background-color: #f9f9f9;
    }
    .vipLeftSection .vipListsHolder ul li:nth-child(even) a {
        background-color: #f2f2f2;
    }
    .vipLeftSection .vipListsHolder ul li a:hover {    
        font-weight: 400;
        color: #ffffff;
        line-height: 14px;
        text-decoration: none;
        background-color: #990000;
    }
    .vipLeftSection .vipListsHolder ul li.active a {    
        font-weight: 600;
        color: #ffffff;
        line-height: 14px;
        text-decoration: none;
        background-color: #990000;
        pointer-events: none;
    }

    .bodyContainer .vipSection .vipRightSection {
        position: relative;
        display: block;
        margin: 0;
        height: auto;
        padding: 0;    
        box-sizing: border-box;
        border-left: none;
        background-color: #f1f1f1;
    }
    .vipRightSection .listContentArea {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .listContentArea table.list-table {
        border:none;  
        background-color: #FFFFFF;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    .listContentArea table.list-table thead {
        background: #373737;
        background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
    }
    .listContentArea table.list-table thead th {
        height: 30px;
        vertical-align: middle;
        font-size: 11px;
        color: #c6c6c6;
        line-height: 30px;
        font-weight: 600;
    }
    .listContentArea table.list-table tbody tr {
        box-sizing: border-box;
        border-top:1px solid #c8c8ca;
    }
    .listContentArea table.list-table tbody tr:first-child {
        border-top: none;
    }
    .listContentArea table.list-table tbody tr:nth-child(odd) {
        background-color: #f9f9f9;
        transition: .25s;
    }
    .listContentArea table.list-table tbody tr:nth-child(even) {
        background-color: #f2f2f2;
        transition: .25s;
    }
    .listContentArea table.list-table tbody tr:hover {
        background-color: #fef1ea !important;
        transition: .15s;
    }
    .listContentArea table.list-table tbody td {
        min-height: 70px;
        padding: 2px 0 2px 0;
        vertical-align: middle;
        font-size: 11px;
        color: #333333;
        line-height:14px;
    }
    .listContentArea table.list-table tbody td a {
        color: #222222;
        text-decoration: none;
    }
    .listContentArea table.list-table tbody td a:hover {
        color: #990000;
        text-decoration: underline;
    }
    .listContentArea table.list-table thead .ltc-1 {
        width: auto;
        padding: 0 10px 0 10px;
        text-align: center;
    }
    .listContentArea table.list-table thead .ltc-2 {
        width: 90px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .listContentArea table.list-table thead .ltc-3 {
        width: 110px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .listContentArea table.list-table thead .ltc-4 {
        width: 50px;
        padding: 0 5px 0 5px;
        text-align: center;
    }

    .listContentArea table.list-table tbody .ltc-1 {
        padding: 5px 10px 5px 10px;
        text-align: left;
    }
    .listContentArea table.list-table tbody .ltc-2 {
        padding: 5px 5px 5px 5px;
        text-align: center;
    }
    .listContentArea table.list-table tbody .ltc-3 {
        padding: 8px 5px 8px 5px;
        text-align: center;
    }
    .listContentArea table.list-table tbody .ltc-3 button {
        margin-top: 5px;    
    }
    .listContentArea table.list-table tbody .ltc-4 {
        padding: 5px 13px 5px 13px;
        text-align: center;
    }

    .listContentArea table.list-table .ltc-2 {
        display: none;
    }

    .listContentArea table.list-table .downloadBut, .listContentArea table.list-table .downloadBut:visited {
        display: inline-block;
        width: 100%;
        height: 18px;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        outline: 1px solid #7e7c4f;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d4cccc));
        background: -moz-linear-gradient(top, #ededed, #d4cccc);
        background: linear-gradient(to bottom, #ededed, #d4cccc);
        font-size: 10px;
        font-weight: 400;
        color: #464646 !important;
        text-decoration: none;
        transition: 0.3s;
    }
    .listContentArea table.list-table .downloadBut:hover, .listContentArea table.list-table .downloadBut:focus {    
        background: #dedbdb;
        background: -webkit-gradient(linear, left top, left bottom, from(#dedbdb), to(#aeacac));
        background: -moz-linear-gradient(top, #dedbdb, #aeacac);
        background: linear-gradient(to bottom, #dedbdb, #aeacac);
        color: #222222 !important;
        text-decoration: none;
    }
    .listContentArea table.list-table .downloadBut:active {
        background: #8e8e8e;
        background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#d4cccc));
        background: -moz-linear-gradient(top, #8e8e8e, #d4cccc);
        background: linear-gradient(to bottom, #8e8e8e, #d4cccc);
    }

    .listContentArea table.list-table .removeBut, .listContentArea table.list-table .removeBut:visited {
        position: relative;
        display: block;
        width: 24px;    
        height: 24px;
        padding: 0;
        margin: 0;
        text-indent: -99999px;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23444444%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
        cursor: pointer;
        border: none;
        outline: none;
        transition: 0.25s
    }
    .listContentArea table.list-table .removeBut:hover {    
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23990000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
    }
    .listContentArea table.list-table .removeBut:active {    
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
    }
    .listContentArea table.list-table .removeBut.disabled {    
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3Esvg%7Bfill%3A%23444444%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm121.6%20313.1c4.7%204.7%204.7%2012.3%200%2017L338%20377.6c-4.7%204.7-12.3%204.7-17%200L256%20312l-65.1%2065.6c-4.7%204.7-12.3%204.7-17%200L134.4%20338c-4.7-4.7-4.7-12.3%200-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3%200-17l39.6-39.6c4.7-4.7%2012.3-4.7%2017%200l65%2065.7%2065.1-65.6c4.7-4.7%2012.3-4.7%2017%200l39.6%2039.6c4.7%204.7%204.7%2012.3%200%2017L312%20256l65.6%2065.1z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
        opacity: .25;
        pointer-events: none;
        cursor: not-allowed;
    }

    .listContentArea .emptyListHolder {
        position: relative;
        display: block;
        width: 100%;    
        height: auto;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .listContentArea .emptyListHolder .infoBox {
        position: relative;
        display: inline-block;    
        padding: 5px 50px 5px 50px;
        margin: 0 0 15px 0;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: 400;
        color: #990000;
        border: 1px dashed #a25050 !important;
        background-color: #fff6f6 !important;
    }
    .listContentArea .emptyListHolder .buttonsArea {
        position: relative;
        display: block;    
        padding: 0;
        margin: 0;
    }
    .listContentArea .emptyListHolder .buttonsArea span {
        position: relative;
        display: block;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .listContentArea .emptyListHolder .buttonsArea span a.commonButton, .listContentArea .emptyListHolder .buttonsArea span a.commonButton:visited {
        display: inline-block;    
        width: auto;
        height: 26px;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 22px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        text-decoration: none !important;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .listContentArea .emptyListHolder .buttonsArea span a.commonButton:hover {
        text-decoration: none !important;
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .listContentArea .emptyListHolder .buttonsArea span a.commonButton:active {
        text-decoration: none !important;
        position: relative;
        top: 1px;
    }
    
    .vip-paginations {
        position: relative;
        width: 100%;
        padding: 10px 0 10px 0;
        margin: 0;
        border-top: 1px solid #c8c8ca;
        background-color: #fff4f4;
    }
    .vip-paginations .entry-counter {
        position: relative;
        float: none;
        width: 100%;
        padding: 0 5px 5px 5px;
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        text-align: center;
    }
    .vip-paginations .page-counter {
        position: relative;
        display: block;
        padding: 0 5px 0 5px;
        margin: 0;
        text-align: center;
    }
    .vip-paginations .page-counter ul {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .vip-paginations .page-counter ul li {
        list-style: none;
        display: inline-block;	    
        width: 24px;
        height:24px;
        margin: 0 1px 0 1px;
        box-sizing: border-box;
        border-radius: 50%;
        background-color: #FFFFFF;
        color:#444444;
        font-size: 11px;
    }
    .vip-paginations .page-counter ul li a {
        display: inline-block;
        padding: 0;
        width: 24px;
        height:24px;
        line-height:24px;
        box-sizing: border-box;
        border-radius: 50%;
        background-color:#FFFFFF;
        color: #444444;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }
    .vip-paginations .page-counter ul li a:hover {
        background-color:#ce3f24;
        color: #FFFFFF;
        text-decoration:none;
    }
    .vip-paginations .page-counter ul li a b {
        display: inline-block;
        padding: 0;
        width: 24px;
        height:24px;
        line-height:24px;
        box-sizing: border-box;
        border-radius: 50%;
        background-color:#ce3f24;
        color: #FFFFFF;
        text-align: center;
        cursor: default;
    }
    .vip-paginations .page-counter ul li a.prev {
        display: inline-block;
        padding: 0;
        width: 24px;
        height:24px;
        box-sizing: border-box;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M512%20256A256%20256%200%201%200%200%20256a256%20256%200%201%200%20512%200zM271%20135c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-87%2087%2087%2087c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200L167%20273c-9.4-9.4-9.4-24.6%200-33.9L271%20135z%22%20fill%3D%22%23919191%22%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        text-indent: -9999px;
    }
    .vip-paginations .page-counter ul li a.prev:hover {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M512%20256A256%20256%200%201%200%200%20256a256%20256%200%201%200%20512%200zM271%20135c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-87%2087%2087%2087c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200L167%20273c-9.4-9.4-9.4-24.6%200-33.9L271%20135z%22%20fill%3D%22%23ce3f24%22%2F%3E%0A%3C%2Fsvg%3E");
    }
    .vip-paginations .page-counter ul li a.next {
        display: inline-block;
        padding: 0;
        width: 24px;
        height:24px;
        box-sizing: border-box;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM241%20377c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l87-87-87-87c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L345%20239c9.4%209.4%209.4%2024.6%200%2033.9L241%20377z%22%20%20fill%3D%22%23919191%22%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        text-indent: -9999px;
    }
    .vip-paginations .page-counter ul li a.next:hover {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM241%20377c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l87-87-87-87c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L345%20239c9.4%209.4%209.4%2024.6%200%2033.9L241%20377z%22%20%20fill%3D%22%23ce3f24%22%2F%3E%0A%3C%2Fsvg%3E");
    }
    
    #list-manager {
        position: relative;
        padding: 0;
        box-sizing: border-box;
        border-radius: 4px;
        border: 2px solid #8f8f8f;
        background-color: #f6f6cc;
    }
    #list-manager .lm-heading {
        position: relative;
        display: block;
        width: auto;
        height: 30px;
        padding: 5px 0 0 10px;
        margin: 0;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        color: #ffffff;
        text-align: left;
        background-color: #8f8f8f;
    }
    #list-manager .lm-content {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px;
        margin: 0;
        background-color: #f6f6cc;
    }
    #list-manager .lm-content .list-edit-container {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    .list-edit-container .listRow {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .list-edit-container .listRow .listNum {
        position: relative;
        display: inline-block;
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        color: #222222;
        line-height: 26px;
        text-align: left;
    }
    .list-edit-container .listRow .listLabel {
        position: relative;
        display: inline-block;
        padding: 0;
        margin: 0 0 0 5px;
        font-size: 12px;
        font-weight: 400;
        color: #222222;
        line-height: 26px;
        text-align: left;
        cursor: pointer;
    }
    .list-edit-container .listRow .listLabel:hover {
        color: #990000;
    }
    .list-edit-container .listRow .listInput {
        position: relative;
        display: none;
        width: 130px;
        height: 26px;
        padding: 2px 5px 2px 5px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #999999;
        font-size: 12px;
        font-weight: 400;
        color: #444444;
        line-height: 20px;
        text-align: left;
        top: 0;
        transition: .25s;
    }
    .list-edit-container .listRow .listInput:focus {
        border: 1px solid #666666;
        color: #222222;
        transition: .15s;
    }
    .list-edit-container .listRow .listSaveBut, .list-edit-container .listRow .listSaveBut:visited {
        position: relative;
        display: none;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 24px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #4a7500;
        background: linear-gradient(to bottom, #1bc91b 0%,#34c313 50%,#019b46 100%);
        cursor: pointer;
        top: 0;
    }
    .list-edit-container .listRow .listSaveBut:hover {
        text-decoration: none;
        background: linear-gradient(to bottom, #43a916 0%,#3c990e 50%,#267d00 100%);
    }
    .list-edit-container .listRow .listSaveBut:active {    
        position: relative;
        top: 1px;
    }
    .list-edit-container .listRow .listSaveBut.disabled {
        opacity: .5;
        pointer-events: none;
    }
    .list-edit-container .listRow .listCancelBut, .list-edit-container .listRow .listCancelBut:visited {
        position: relative;
        display: none;
        padding: 0 10px 0 10px;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 24px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9b6262;
        background: linear-gradient(to bottom, #c91c1c 0%,#c41313 50%,#990000 100%);
        cursor: pointer;
        top: 0;
    }
    .list-edit-container .listRow .listCancelBut:hover {
        text-decoration: none;
        background: linear-gradient(to bottom,  #aa1717 0%,#9b0f0f 50%,#7c0400 100%);
    }
    .list-edit-container .listRow .listCancelBut:active {    
        position: relative;
        top: 1px;
    }

    #list-manager .lm-content .list-create-container {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 15px 0 0 0;
    }
    #list-manager .lm-content .list-create-container .newListInput {
        position: relative;
        width: 100%;
        height: 26px;
        padding: 2px 5px 2px 5px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #999999;
        font-size: 12px;
        font-weight: 400;
        color: #444444;
        line-height: 20px;
        text-align: left;
        top: -1px;
        transition: .25s;
    }
    #list-manager .lm-content .list-create-container .newListInput:focus {
        border: 2px solid #666666;
        color: #222222;
        line-height: 18px;
        transition: .15s;
    }
    #list-manager .lm-content .list-create-container .newListInput::placeholder {
        color: #999999;
        opacity: 1;
    }
    #list-manager .lm-content .list-create-container .newListInput::-ms-input-placeholder {
        color: #999999;
    }
    #list-manager .lm-content .list-create-container .cnlBut, #list-manager .lm-content .list-create-container .cnlBut:visited {
        position: relative;
        display: block;
        padding: 0 10px 0 10px;
        margin: 3px 0 0 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 24px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 0;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
        top: 0;
    }
    #list-manager .lm-content .list-create-container .cnlBut:hover {
        text-decoration: none;
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    #list-manager .lm-content .list-create-container .cnlBut:active {    
        position: relative;
        top: 1px;
    }
    
    .bodyContainer .paymentHistorySection {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
    }
    .bodyContainer .paymentHistorySection .phLeftSection {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .phLeftSection .heading {
        position: relative;
        display: block;
        height: 30px;
        padding: 0;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        color: #222222;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        background: linear-gradient(to bottom,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
    }
    .phLeftSection .phYears {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .phLeftSection .phYears ul {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .phLeftSection .phYears ul li {
        position: relative;
        display: block;
        padding: 1px 0 1px 0;
        margin: 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #c6c6c6;
        list-style: none;
    }
    .phLeftSection .phYears ul li a {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 5px 5px 5px 25px;
        margin: 0;
        min-height: 26px;
        font-size: 11px;
        font-weight: 400;
        color: #222222;
        line-height: 16px;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        user-select: none;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23222222%22%20d%3D%22M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%22%2F%3E%3C%2Fsvg%3E") 8px 4px no-repeat;
        transition: 0.25s
    }
    .phLeftSection .phYears ul li:nth-child(odd) a {
        background-color: #f9f9f9;
    }
    .phLeftSection .phYears ul li:nth-child(even) a {
        background-color: #f2f2f2;
    }
    .phLeftSection .phYears ul li a:hover {    
        font-weight: 400;
        color: #ffffff;
        line-height: 14px;
        text-decoration: none;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%22%2F%3E%3C%2Fsvg%3E") 8px 4px no-repeat;
        background-color: #990000;
    }
    .phLeftSection .phYears ul li a.active {    
        font-weight: 600;
        color: #ffffff;
        line-height: 14px;
        text-decoration: none;
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M400%2064h-48V12c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v52H48C21.5%2064%200%2085.5%200%20112v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V112c0-26.5-21.5-48-48-48zm-6%20400H54a6%206%200%200%201%20-6-6V160h352v298a6%206%200%200%201%20-6%206zm-52.8-200.7L198.8%20404.5c-4.7%204.7-12.3%204.6-17-.1l-75.1-75.7c-4.7-4.7-4.6-12.3%20.1-17l22.7-22.5c4.7-4.7%2012.3-4.6%2017%20.1l44.1%2044.5%20111.1-110.2c4.7-4.7%2012.3-4.6%2017%20.1l22.5%2022.7c4.7%204.7%204.6%2012.3-.1%2017z%22%2F%3E%3C%2Fsvg%3E") 8px 4px no-repeat;
        background-color: #990000;
        pointer-events: none;
    }

    .bodyContainer .paymentHistorySection .phRightSection {
        position: relative;
        display: block;
        margin: 0;
        height: auto;
        padding: 0;    
        box-sizing: border-box;
        border-left: none;
        background-color: #f1f1f1;
    }
    .phRightSection .phContentArea {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .phContentArea table.ph-table {
        border:none;  
        background-color: #FFFFFF;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    .phContentArea table.ph-table thead {
        background: #373737;
        background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
    }
    .phContentArea table.ph-table thead th {
        height: 30px;
        vertical-align: middle;
        font-size: 11px;
        color: #c6c6c6;
        line-height: 30px;
        font-weight: 600;
    }
    .phContentArea table.ph-table tbody tr {
        box-sizing: border-box;
        border-top:1px solid #c8c8ca;
    }
    .phContentArea table.ph-table tbody tr:first-child {
        border-top: none;
    }
    .phContentArea table.ph-table tbody tr:nth-child(odd) {
        background-color: #f9f9f9;
        transition: .25s;
    }
    .phContentArea table.ph-table tbody tr:nth-child(even) {
        background-color: #f2f2f2;
        transition: .25s;
    }
    .phContentArea table.ph-table tbody tr.approved {
        background-color: #e2f7e2 !important;
        transition: .25s;
    }
    .phContentArea table.ph-table tbody tr:hover {
        background-color: #ffffff !important;
        transition: .15s;
    }
    .phContentArea table.ph-table tbody td {
        min-height: 70px;
        padding: 2px 0 2px 0;
        vertical-align: middle;
        font-size: 11px;
        color: #333333;
        line-height:14px;
    }
    .phContentArea table.ph-table tbody td a {
        color: #222222;
        text-decoration: none;
    }
    .phContentArea table.ph-table tbody td a:hover {
        color: #990000;
        text-decoration: underline;
    }
    .phContentArea table.ph-table thead .phtc-1 {
        width: 110px;
        padding: 0 10px 0 10px;
        text-align: center;
    }
    .phContentArea table.ph-table thead .phtc-2 {
        width: auto;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .phContentArea table.ph-table thead .phtc-3 {
        width: 60px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .phContentArea table.ph-table thead .phtc-4 {
        width: 90px;
        padding: 0 5px 0 5px;
        text-align: center;
    }

    .phContentArea table.ph-table tbody .phtc-1 {
        padding: 5px 10px 5px 10px;
        text-align: center;
    }
    .phContentArea table.ph-table tbody .phtc-2 {
        padding: 5px 5px 5px 5px;
        text-align: center;
    }
    .phContentArea table.ph-table tbody .phtc-3 {
        padding: 8px 5px 8px 5px;
        text-align: center;
    }
    .phContentArea table.ph-table tbody .phtc-4 {
        padding: 5px 13px 5px 13px;
        text-align: center;
    }
    .phContentArea table.ph-table tbody tr.approved .phtc-4 {
        color: #1f9b1f;
        font-weight: 600;
    }
    .phContentArea table.ph-table tbody tr.declined .phtc-4 {
        color: #cc0000;
        font-weight: 600;
    }
    .phContentArea table.ph-table .phtc-1, .phContentArea table.ph-table .phtc-2, .phContentArea table.ph-table .phtc-3, .phContentArea table.ph-table .phtc-4 {
        display: table-cell;
    }
    .phContentArea .emptyPaymentHistoryHolder {
        position: relative;
        display: block;
        width: 100%;    
        height: auto;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .phContentArea .emptyPaymentHistoryHolder .infoBox {
        position: relative;
        display: inline-block;    
        padding: 5px 50px 5px 50px;
        margin: 0 0 15px 0;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: 400;
        color: #990000;
        border: 1px dashed #a25050 !important;
        background-color: #fff6f6 !important;
    }
    
    .bodyContainer .profileSection {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
    }
    .bodyContainer .profileSection .profileLeftSection {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .profileLeftSection .heading {
        position: relative;
        display: block;
        height: 30px;
        padding: 0;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        color: #222222;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        background: linear-gradient(to bottom,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
    }
    .profileLeftSection .profileMenu {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .profileLeftSection .profileMenu ul {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .profileLeftSection .profileMenu ul li {
        position: relative;
        display: block;
        padding: 1px 0 1px 0;
        margin: 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #c6c6c6;
        list-style: none;
    }
    .profileLeftSection .profileMenu ul li a {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 5px 5px 5px 10px;
        margin: 0;
        min-height: 26px;
        font-size: 11px;
        font-weight: 400;
        color: #222222;
        line-height: 16px;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        user-select: none;    
        transition: 0.25s
    }
    .profileLeftSection .profileMenu ul li:nth-child(odd) a {
        background-color: #f9f9f9;
    }
    .profileLeftSection .profileMenu ul li:nth-child(even) a {
        background-color: #f2f2f2;
    }
    .profileLeftSection .profileMenu ul li a:hover {    
        font-weight: 400;
        color: #ffffff;
        line-height: 14px;
        text-decoration: none;    
        background-color: #990000;
    }
    .profileLeftSection .profileMenu ul li a.active {    
        font-weight: 600;
        color: #ffffff;
        line-height: 14px;
        text-decoration: none;    
        background-color: #990000;
        pointer-events: none;
    }

    .bodyContainer .profileSection .profileRightSection {
        position: relative;
        display: block;
        margin: 0;
        height: auto;
        padding: 0;    
        box-sizing: border-box;
        border-left: 1px solid #dbdbdb;
        background-color: #ffffff;
    }
    .profileRightSection .profileContentArea {
        position: relative;
        display: block;
        padding: 20px 20px 20px 20px;
        margin: 0;
        box-sizing: border-box;
    }
    .profileRightSection .profileContentArea .updateButton, .profileRightSection .profileContentArea .updateButton:visited {
        display: inline-block;
        height: 28px;
        padding: 0 15px 0 15px;
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 24px;
        color: #FFFFFF;
        text-align: left;
        text-shadow: 0 1px #000000;
        user-select: none;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9d9d9d;
        background: linear-gradient(to bottom,  #686868 0%,#565656 50%,#464646 100%);
    }
    .profileRightSection .profileContentArea .updateButton:hover {    
        background: linear-gradient(to bottom,  #4b4b4b 0%,#3a3a3a 50%,#2c2c2c 100%);
    }
    .profileRightSection .profileContentArea .updateButton:active {    
        position: relative;
        top: 1px;
    }

    .bodyContainer .upsellContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 50px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .upsellContainer .upsellHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d3d197;
        background-color: #f5f3ad;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 5px;
    }    
    .upsellContainer .trackSection .trackTop .trackLeft {    
        min-height: 115px;
    }

    .bodyContainer .s4lContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 50px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .s4lContainer .s4lHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d3d197;
        background-color: #f5f3ad;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 5px;
    }    
    .s4lContainer .trackSection .trackTop .trackLeft {    
        min-height: 115px;
    }

    .bodyContainer .approvalContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 20px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .approvalContainer .approvalHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d3d197;
        background-color: #bef5ad;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 10px;
    }
    .approvalContainer .trackSection .trackTop .trackLeft {    
        min-height: 60px;
    }
    
    .bodyContainer .transportContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 5px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #E4E4E4;
        background-color: #FFFFCC;
    }
    .transportContainer .infoBox {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 2px 5px 2px 5px;
        margin: 5px 0 10px 0;
        box-sizing: border-box;
        font-size: 11px;
        line-height: 15px;
        text-align: justify;
        color: #33333;
        border: 1px dashed #b5b500;
        background-color: #FFFFCC;
    }
    .transportContainer .formular fieldset {
        margin:10px 5px 20px 5px;	
        padding: 10px 20px 10px 20px;
        border: 1px solid #D0CE9F;
        background-color: #FFFFFF;
    }
    .transportContainer .formular fieldset label {    
        text-align: left;    
    }
    .transportContainer .formular label span {    
        line-height: 16px;
    }
    .transportContainer .licenseBox {
        display: block;
        padding: 10px;
        margin: 10px 5px 10px 5px;
    }
    .transportContainer .licenseBox p.heading {
        margin-bottom: 10px;
    }

    .bodyContainer .paymentContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #E4E4E4;
        background-color: #FFFFCC;
    }
    .paymentContainer .paymentPoints {
        position: relative;
        display: block;
        width: 100%;
        padding: 5px 10px 5px 30px;
        margin: 0;
    }
    .paymentContainer .paymentPoints ul {
        list-style-type: none;
        font-size: 11px;    
    }
    .paymentContainer .paymentPoints ul li {    
        line-height: 14px;
        margin-bottom: 5px;
        text-indent: -20px;
    }
    .paymentContainer .paymentPoints ul li::before {
        font-family: "Font Awesome 5 Pro";
        color: #222;
        content: "\f138";
        font-size: 14px;
        font-weight: 900;
        position: relative;
        line-height: 14px;
        margin-right: 4px;
        top: 1px;
    }
    .paymentContainer .formular fieldset {
        margin:10px 5px 20px 5px;	
        padding: 10px 20px 10px 20px;
        box-sizing: border-box;
        border: 2px solid #bababa;
	    background-color: #FFFFFF;
    }    
    .paymentContainer .formular fieldset label {    
        text-align: left;    
    }
    .paymentContainer .formular label span {
        line-height: 16px;
    }
    .paymentContainer .pp-but {
        display: none;
    }
    .paymentContainer .pp-but-mini {
        display: inline-block;
    }
    .paymentContainer .infoBox.pp p {
        margin: 0;
        text-align: justify;
    }
    
    .bodyContainer .downloadContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 10px 5px 5px 5px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid #E4E4E4;
        background-color: #FFFFCC;
    }
    .downloadContainer .downloadHeading {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 5px 10px 5px 10px;
        margin: 0 0 10px 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 11px;    
        font-weight: bold;
        color: #FFFFFF;
        background-color: #444444;
    }
    .downloadContainer .downloadPoints {
        position: relative;
        display: block;
        width: 100%;
        padding: 5px;
        margin: 0;
    }
    .downloadContainer .downloadPoints ul {
        list-style-type: none;
        font-size: 11px;    
    }
    .downloadContainer .downloadPoints ul li {    
        line-height: 14px;
        margin-bottom: 5px;
    }
    .downloadContainer .downloadPoints ul li::before {
        font-family: "Font Awesome 5 Pro";
        color: #222;
        content: "\f138";
        font-size: 14px;
        font-weight: 900;
        position: relative;
        line-height: 14px;
        margin-right: 4px;
        top: 1px;
    }
    .downloadContainer .downloadArea {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }
    .downloadArea table.dl-table {
        border:none;  
        background-color: #FFFFFF;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    .downloadArea table.dl-table thead {
        background: #373737;
        background: -moz-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: -webkit-linear-gradient(top, #696969 0%, #4b4b4b 66%, #373737 100%);
        background: linear-gradient(to bottom, #696969 0%, #4b4b4b 66%, #373737 100%);	
    }
    .downloadArea table.dl-table thead th {
        height: 28px;
        vertical-align: middle;
        font-size: 11px;
        color: #b6b6b6;
        line-height:28px;
        font-weight: 600;
    }
    .downloadArea table.dl-table tbody tr {
        box-sizing: border-box;
        border-left:1px solid #c8c8ca;
        border-right:1px solid #c8c8ca;
        border-bottom:1px solid #c8c8ca;
    }
    .downloadArea table.dl-table tbody tr:nth-child(odd) {
        background: #f8f8f8;
    }
    .downloadArea table.dl-table tbody tr:nth-child(even) {
        background: #f2f2f2;
    }
    .downloadArea table.dl-table tbody td {
        vertical-align: middle;
        font-size: 11px;
        color: #444444;
        line-height:13px;
    }
    .downloadArea table.dl-table tbody td:first-child a {
        color: #444444;
        text-decoration: none;
        transition: .25s;
    }
    .downloadArea table.dl-table tbody td:first-child a:hover {
        color: #111111;
        text-decoration: underline;
    }
    .downloadArea table.dl-table tfoot {
        background-color: #c8c8ca;
    }
    .downloadArea table.dl-table tfoot td {
        height: 4px;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;	
    }
    .downloadArea table.dl-table thead .dtc-1 {
        width: auto;
        padding: 0 10px 0 10px;
        text-align: center;
    }
    .downloadArea table.dl-table thead .dtc-2 {
        width: 70px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .downloadArea table.dl-table thead .dtc-3 {
        width: 56px;
        padding: 0 5px 0 5px;
        text-align: center;
    }
    .downloadArea table.dl-table thead .dtc-4 {
        width: 100px;
        padding: 0 10px 0 10px;
        text-align: center;
    }

    .downloadArea table.dl-table tbody .dtc-1 {
        padding: 10px 10px 10px 10px;
        text-align: left;
    }
    .downloadArea table.dl-table tbody .dtc-2 {
        padding: 10px 5px 10px 5px;
        text-align: center;
    }
    .downloadArea table.dl-table tbody .dtc-3 {
        padding: 10px 5px 10px 5px;
        text-align: right;
    }
    .downloadArea table.dl-table tbody .dtc-4 {
        padding: 10px 10px 10px 10px;
        text-align: center;
    }
    .downloadArea table.dl-table tbody .dtc-1 a {
        color: #333333;
        tedt-decoration: none;
    }
    .downloadArea table.dl-table tbody .dtc-1 a:hover {
        color: #111111;
        tedt-decoration: underline;
    }
    .downloadArea table.dl-table .dtc-2 {
        display: none;
    }
    .downloadContainer .downloadGreetings {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 10px;
        margin-top: 20px;
        font-size: 11px;
        line-height: 14px;
        border: 1px dashed #bababa;
        background-color: #FCFCFC;
    }
    .downloadContainer .downloadGreetings p {
        margin: 0;
        text-align: justify;
    }
    
    .bodyContainer .thanksContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        min-height: 50px;
        padding: 5px 5px 5px 5px;
        margin: 0;
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .thanksContainer .thanksMessage {
        position: relative;
        display: block;
        width: 100%;
        padding: 10px;
        margin: 0;
        font-size: 11px;
        text-align: center;
        color: #444444;
        box-sizing: border-box;
        border: 1px dashed #bababa;
        background-color: #FFFFFF;
    }
    .thanksContainer .thanksMessage h2 {
        position: relative;
        display: block;
        padding: 0;
        margin: 5px 0 5px 0;
        font-size: 18px;
        font-weight: 600;
        color: #333333;
        line-height: 22px;
    }
    .thanksContainer .thanksMessage b {
        color: #990000;
    }
    .thanksContainer .thanksMessage span {
        position: relative;
        display: block;
        padding: 0;
        margin: 5px 0 5px 0;    
        color: #444444;
        line-height: 20px;
    }
    .thanksContainer .thanksMessage span.error {
        font-weight: 600;
    }
    .thanksContainer .thanksMessage span a {
        color: #990000;
        text-decoration: none;
    }
    .thanksContainer .thanksMessage span a:hover {
        color: #111111;
        text-decoration: underline;
    }    
    
    .freeLoopsContainer {
        position: relative;
        width: 100%;        
        padding: 0;
        margin:0 0 20px 0;       

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;        
    }
    .freeLoopsContainer .freeLoopsList .collection-content {
        position: relative;
        display: inline-block;
        width: 100%;    
        padding: 0 0 10px 10px;
        margin-bottom: 20px;

        column-count: 2;
        column-gap: 10%;
        column-rule: 1px dashed #3278cb;

        font-size: 10px;
    }
    
    .adContainer {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 20px 0 30px 0;
        text-align: center;
    }
    .adContainer .ad {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .ad .content {
        position:relative;
        width: 100%;
        padding: 5px 5px 5px 5px;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    
        border: 2px solid #dcdcdc;
        background-color: #ffffff;
        color: #1b1b1b;
    }
    .ad .content a, .ad .content a:visited {
        color: #0000ee;
        text-decoration: none;
    }
    .ad .content a:hover { 
        color: #0000ee;
        text-decoration: underline;
    }
    .ad .content a:active {
        color: #cc0000;
        text-decoration: none;
    }
    .ad .content .top-section {
        position:relative;
        width: 100%;
        padding: 5px 5px 5px 5px;
        margin: 0;
        text-align: center;
    }
    .ad .content .top-section .courtesy {
        display: inline;
        font-size: 10px;
    }
    .ad .content .top-section .courtesy:after {
        content: '\A';
        white-space: pre;
    }
    .ad .content .top-section .heading {
        display: inline;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
    }
    .ad .content .bottom-section {
        position: relative;
        width: 100%;
        padding: 5px 5px 5px 5px;
        margin: 0;
        font-size: 10px;
        line-height: 12px;
        text-align: left;
    }
    .ad .video {
        position: relative;
        overflow: hidden;
        padding-bottom: 56.25%;    
        height:0;
    }
    .ad .video iframe {
        position:absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    
    .footerContainer {	
        position: relative;
        padding: 0;
        margin: 0;
    }
    .footerContainer .innerContent {	
        width: 100%;
        box-sizing: border-box;
        padding: 20px 10px 15px 10px;
        background-color: #f1f1f1;
        border-bottom: 2px solid #990000;
    }
    
    .tagMe {
        width:200px;
        position:absolute;
        right: 110px;
        top:0;
        padding: 10px 10px 10px 10px;
        text-align:left;
        font-size:12px;
        font-family:Arial, Helvetica, sans-serif;
        background-color: #ffffff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
        z-index: 6666;
    }
    .tagMe input {
        background:url(../images/tooltip-savebut.jpg) no-repeat 0 0;
        width:46px;
        height:21px;
        font-family:Arial, Helvetica, sans-serif;
        color:#fff;
        border:none;
        font-size:11px;
    }
    .tagMe textarea {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#1b1b1b;
        width:180px;
        height:80px;
        border:1px solid #d6d6d6;	
    }
    .notes{ color:#41415b; font-weight:bold; }
    .whatisthis{ height: 0;}
    .tagMeArrow {
        position: absolute;
        width: 28px;
        height: 48px;
        background: url('../images/tooltip-arrow-right.png') no-repeat 0 0 ;	
        top: 20px;
        right: -26px;
        left: auto;
    }
    
    .tempDownloadContainer .formular fieldset .col-md-3, .tempDownloadContainer .formular fieldset .col-sm-3 {
        padding-right: 0 !important;   
    }
    .tempDownloadContainer .formular fieldset label {    
        text-align: left;    
    }
    .tempDownloadContainer .formular label span {    
        line-height: 16px;
    }
}

/* General Tablets (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 880px) {
    .mainWrapper {
        clear: both;
        position:relative;
        width:100%;
        padding:0 10px 0 10px;
        margin:0;        
        background-color:#fff;
        font-size:12px !important;
    }
    .headerContainer {
        padding: 15px 0 10px 0;
        position:relative;
    }

    .logoHolder {
        position:relative;
        display:block;
        text-align:center;
    }
    .logoHolder img {
        width: 400px;    
    }

    .navigationContainer {
        position: relative;
        width: 100%;
        height: 36px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 600;	
        margin:10px auto;
        padding:1px 8px 1px 8px;
        border-radius:8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;	
        background-color: #4b4b66;
    }

    .navigationContainer .catButContainer {
        position: relative;
        display: none;
        z-index: 8888;
    }
    .navigationContainer.hidden .catButContainer {        
        display: none;        
    }

    .navigationContainer .top-links {	
        position: absolute;
        display: inline-block;
        left: auto;
        right: 0;
        top: -24px;
        padding: 0;
        margin: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:700;
        z-index: 9999;
    }
    .top-links a {
        display:inline-block;	
        font-size:12px;
        font-weight:700;
        text-decoration:none;
        color:#054382;
        height:16px;
        line-height:16px;
    }
    .top-links a:hover {	
        text-decoration:underline;
        color:#3278c0;
    }

    .navigationContainer.hidden .top-links .cart-link {
        display: none;
    }

    .top-links .cart-link {
        padding: 0 0 0 20px;
        background-repeat: no-repeat;    
        background-position: 0 0;
    }
    .top-links .cart-link:hover {	
        background-position: 0 -16px;
    }

    .top-links .cartPageHeading {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        line-height: 36px;
    }

    .navigationContainer .navigation {
        position: relative;
        width: fit-content;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin: 0 auto;
        z-index: 7777;
    }
    .navigation > a {
        display: none;
    }
    .navigation li {
        position: relative;
    }
    .navigation li a {
        color: #fff;
        display: block;
    }
    .navigation li a:active {
        background-color: #111111 !important;
    }
    .navigation span:after {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom: none;
        border-top-color: #efa585;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: 5px;
    }

    /* first level */

    .navigation > ul {
        height: 34px;    
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;	
        background-color: #4b4b66;        
    }
    .navigation > ul > li {
        display: inline-block;    
        height: 100%;
        float: left;
    }
    .navigation > ul > li > a {
        height: 100%;
        padding:0 16px 0 16px;
        font-size: 12px;
        line-height: 34px;
        text-align: center;
    }
    .navigation > ul > li:not(:last-child) > a {
        border-right: 1px solid #69698d;
    }
    .navigation > ul > li:hover > a, .navigation > ul:not( :hover ) > li.active > a {
        background-color: #770000;
    }

    /* second level */
    .navigation li ul {
        background-color: #cc470d;
        display: none;
        position: absolute;
        top: 100%;
    }
    .navigation li:hover ul {
        display: block;
        left: 0;
        right: 0;
    }
    .navigation li:not( :first-child ):hover ul {
        left: -1px;
    }
    .navigation li ul a {
        font-size: 12px; /* 20 */
        border-top: 1px solid #e15a1f;
        padding: 0.75em; /* 15 (20) */
    }
    .navigation li ul li a:hover, .navigation li ul:not( :hover ) li.active a {
        background-color: #e15a1f;
    }

    .welcomeSection {
        width:100%;
        font-size:11px;
        position:relative;
        margin:0 auto;
        background-color:#F9F9F9;
        border:1px solid #D7D7D7;
        padding:6px 10px 6px 10px;
        min-height:60px;
        line-height:15px;
    }
    .welcomeSection h1 {
        font-size: 20px;
        line-height: 22px !important;
        margin-top: 0;
        margin-bottom: -12px;
    }

    .bodyContainer {
        position:relative;
        width: 100%;
        padding: 0 0 10px 0;	
        background: #f1f1f1;		
    }
    .bodyContainer .leftSection {
        position: relative;
        float: left;
        width: 202px;
        height: auto;	
        transform: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #EEEEEE;
        background-color:#f1f1f1;
    }
    .bodyContainer .leftSection .catHeader {
        position: relative;
        display: none;
    }
    .bodyContainer .leftSection li a {
        display: block;
        color:#2A3C43;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 25px;
        padding-left: 20px;
        border-bottom: 1px dashed #C6C6C6;	
        background: url('../images/leftarrow.png') 8px 10px no-repeat;    
    }
    .bodyContainer .leftSection li.current a {
        display: block;
        color:#ffffff !important;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 25px;
        padding-left: 20px;
        border-bottom: 1px dashed #C6C6C6;
        background: #4b4b66 url('../images/leftarrow-white.png') no-repeat scroll 8px 10px;
    }
    .bodyContainer .leftSection li.related a {
        display: block;
        color: #ff0000 !important;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 25px;
        padding-left: 20px;
        border-bottom: 1px dashed #C6C6C6;	
        background: url('../images/leftarrow-red.png') 8px 10px no-repeat;    
    }
    .bodyContainer .rightSection {
        position:relative;
        margin:0 0 0 210px;
        background:#fff;	
    }
    
    .bodyContainer .rightSection .tiHeader {
        position: relative;
        display: block;
        padding: 5px 0 5px 6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: #FFFFFF;
        background-color: #990000;
    }

    .bodyContainer .rightSection .greyToolBar {
        position: relative;
        width: 100%;
        min-height: 30px;
        padding: 5px 0 5px 0;    
        margin:0 0 8px 0;
        background-color:#D6D6D6;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border:1px solid #C4C4C4;
    }
    .bodyContainer .rightSection .greyToolBar.transparent {
        background-color: rgba(255,255,255,0) !important;
        border: none !important;
    }
    .greyToolBar .selectMenus {
        position: relative;
        float:left;
        width:60%;        
    }
    .greyToolBar .selectMenus .sortOptionContainer {
        position: relative;
        float:left;
        width:70%;
        padding-left: 10px;
        margin-top: 0;
    }
    .greyToolBar .selectMenus .sortOptionContainer span {
        font-size: 10px;   
    }
    .greyToolBar .selectMenus .listOptionContainer {
        position: relative;
        float:left;
        width:30%;
        padding-left: 10px;
        margin-top: 0;
    }
    .greyToolBar .selectMenus .listOptionContainer span {
        font-size: 10px;   
    }
    .greyToolBar .searchArea {
        position: relative;
        margin:0 0 0 61%;
        padding-left: 0;
        padding-right: 10px;
        text-align: right;
        margin-top: 0;
    }
    .greyToolBar .searchArea input[type="text"] {
        width: 80%;
    }
    .greyToolBar .searchArea input[type="image"] {
        vertical-align: middle;
        margin-top: -2px;
    }
    .greyToolBar .optionArea {
        position: relative;
        float: none;
        width: 100%;        
        padding: 0 5px 0 5px;
        margin-top: 8px;
        text-align: center;
    }

    .paginations {
        position: relative;
        width: 100%;
    }
    .paginations ul {
        text-align:center;
        margin-top:5px;
    }
    .paginations ul li {
        display: inline;
        color:#444444;
        height:20px;
        margin: 0 2px 0 2px;
    }
    .paginations ul li a {
        background-color:#EFEDED;
        border:1px solid #D6D6D6;
        line-height:20px;
        padding:0 6px 0 6px;
        color:#444444;
    }
    .pagenations ul li a:hover {
        background-color:#fff;
        text-decoration:none;
    }
    .paginations ul li span {	
        line-height:20px;
        padding:0 4px 0 4px;
        color:#222222;
    }
    .paginations ul li a.prev {
        background-color:#fff;
        border:1px solid #D6D6D6;
    }
    .paginations ul li a.prev:hover {
        background-color:#EFEDED;
        border:1px solid #D6D6D6;
    }
    .paginations ul li a.next {
        background-color:#fff;
        border:1px solid #D6D6D6;
    }
    .paginations ul li a.next:hover {
        background-color:#EFEDED;
        border:1px solid #D6D6D6;
    }

    .trackSection {
        position: relative;
        width: 100%;
        margin: 8px 0 0 0;
        padding: 4px 8px 0 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #E6E5E5;	
        background-color: #fff;
        min-height: 120px;
    }
    .trackSection.searchReference {    
        min-height: 15px;
        margin-bottom:8px;
        padding-bottom:4px;
        font-size:11px;
    }
    .trackSection a {
        color:#006C94;
        text-decoration:none;
        font-weight:bold;
    }
    .trackSection a:hover {
        color:#006C94;
        text-decoration:underline;
    }
    .trackSection h1 {
        color:#006C94;
        font-size:12px;
        float:left;
    }
    .trackSection .trackTop {
        position: relative;
        width: 100%;
    }

    .trackSection .trackTop .trackLeft {
        margin:0 150px 0 0;    
        min-height: 80px;
    }
    .trackSection .trackTop .trackLeft span.normaltext {
        white-space: nowrap;
    }    
    .trackSection .trackTop .trackRight {
        float: right;
        width: 90px;
        margin:0;
        font-size: 10px;    
    }
    .trackRight .priceArea {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .trackRight .playerArea {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;    
    }
    .playerArea .playerContainer {
        position: relative;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 0 0 20px;
    }
    .playerArea .buttonsContainer {
        position: relative;
        float: none;
        width: 100%;
        margin: 0;
        padding-top: 5px;
        text-align: center;
    }
    .trackSection .trackBottom {
        position: relative;
        width: auto;
        margin:0 90px 0 0;
    }
    .trackSection .trackBottom p.normaltext span {
        white-space: nowrap;
        display: block;
    }
    .trackSection .trackBottom p.normaltext span span:first-of-type {
        display: none;
    }
    .trackSection .spectrumArea {
        display: none;        
    }
    .trackSection p {
        padding-top:6px;
        padding-bottom:6px;
        font-size:11px;
    }

    .cartContainer .trackSection .trackTop .trackRight, .upsellContainer .trackSection .trackTop .trackRight, .s4lContainer .trackSection .trackTop .trackRight {
        float: right;
        width: 150px;
        margin:0;
        font-size: 10px;    
    }

    .cartContainer .trackSection .playerArea .playerContainer, .upsellContainer .trackSection .playerArea .playerContainer, .s4lContainer .trackSection .playerArea .playerContainer {
        position: relative;
        float: left;
        width: 70px;
        margin: 0;
        padding: 0;
    }
    .cartContainer .trackSection .playerArea .buttonsContainer, .upsellContainer .trackSection .playerArea .buttonsContainer, .s4lContainer .trackSection .playerArea .buttonsContainer {
        position: relative;
        float: left;
        width: 80px;
        margin: 0;
        padding-top: 6px;
        text-align: left;
    }

    .trackInfoSection {
        position: relative;
        width: 100%;
        margin: 8px 0 0 0;
        padding: 4px 8px 0 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    
        border: 1px solid #E6E5E5;	
        background-color: #fff;
    }
    .trackInfoSection a {
        color:#006C94;
        text-decoration:none;
        font-weight:bold;
    }
    .trackInfoSection a:hover {
        color:#006C94;
        text-decoration:underline;
    }
    .trackInfoSection h1 {
        color: #006C94;
        font-size: 12px;
        font-weight: bold;
        float: left;
    }
    .trackInfoSection p {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 11px;
    }
    .trackInfoSection .trackInfoTop {
        position: relative;
        width: 100%;
    }
    .trackInfoSection .trackInfoTop h1 .songicon {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 4px;
        top: -1px;
    }
    .trackInfoSection .trackInfoTop h1 .songtitle {
        position: relative;
        display: inline-block;
        line-height: 16px;
        padding-left: 20px;
    }
    .trackInfoSection .trackInfoTop .songid {
        font-family: monospace;
        font-size: 10px;	
        color: #808080;
        background-color: #f0f2f1;
        padding: 1px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .trackInfoSection .trackInfoTop span.normaltext {
        color: #666666;
        font-size: 11px;
        font-weight: normal;
        vertical-align: top;
        white-space: nowrap;
    }
    .trackInfoSection .trackInfoTop p.normaltext span {
        white-space: normal;
        display: contents;
    }
    .trackInfoSection .trackInfoTop p.normaltext span span:first-of-type {
        display: contents;
    }
    .trackInfoSection .trackInfoBottom {
        position: relative;
        width: 82%;
        font-size: 10px;
    }
    .trackInfoSection .trackInfoBottom .trackContainer {
        position: relative;
        width: 100%;
        padding: 10px 10px 10px 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #E6E5E5;
    }
    .trackInfoSection .trackInfoBottom .trackDetails {
        position: relative;    
        width: 100%;
        margin: 0 !important;    
    }
    .trackInfoBottom .trackDetails .trackType {
        padding: 0;
        margin: 0;
        padding-top: 17px;
        text-align: left;
    }
    .trackInfoBottom .trackDetails .trackType .tracktype-icon {    
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 2px;
        top: -1px;
    }
    .trackInfoBottom .trackDetails .trackType .tracktype-name {
        position: relative;
        display: inline-block;
        line-height: 16px;
    }
    .trackInfoBottom .trackDetails .playerContainer {
        -ms-flex: 0 0 54px;
        flex: 0 0 54px;
        padding: 0;
        margin: 0;    
        text-align: center;
    }
    .trackInfoBottom .trackDetails .spectrumArea {
        display: none;
    }
    .trackInfoBottom .trackDetails .buttonsContainer {
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        padding: 0;
        margin: 0;
        padding-top: 6px;
        text-align: center;
    }
    .trackInfoBottom .trackDetails .priceArea {
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        padding: 0;
        margin: 0;
        padding-top: 17px;
        text-align: right;
    }
    .trackInfoSection .trackInfoBottom .packageDetails {
        position: relative;    
        width: 100%;
        margin: 0 !important;    
    }
    .trackInfoBottom .packageDetails .packageType {
        padding: 0;
        margin: 0;
        padding-top: 17px;
        text-align: left;
    }
    .trackInfoBottom .packageDetails .packageType .packagetype-icon {    
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 2px;
        top: -1px;
    }
    .trackInfoBottom .packageDetails .packageType .packagetype-name {
        position: relative;
        display: inline-block;
        line-height: 16px;
    }
    .trackInfoBottom .packageDetails .buttonsContainer {
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .trackInfoBottom .packageDetails .priceArea {
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        padding: 0;
        margin: 0;
        padding-top: 17px;
        text-align: right;
    }
    .trackInfoBottom .buttonsContainer input {
        margin: 0;
    }
    
    .bodyContainer .regFormContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 0;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .bodyContainer .regFormContainer span.heading {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .bodyContainer .regFormContainer .infoBox {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 2px 5px 2px 5px;
        margin: 5px 0 10px 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #F5F500;
        background-color: #FFFFCC;
    }
    
    .bodyContainer .agreementContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 0;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .bodyContainer .agreementContainer .infoBox {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 2px 5px 2px 5px;
        margin: 5px 0 10px 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #F5F500;
        background-color: #FFFFCC;
    }

    .bodyContainer .licenseAgreementContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 0;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .bodyContainer .licenseAgreementContainer .licBoxTop {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 20px 20px 20px 20px;
        margin-bottom: 20px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d7d7d7;
        background-color: #eeeeee;
    }
    .bodyContainer .licenseAgreementContainer .licBoxTop span.heading {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxTop span.question {
        display: block;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxTop ul {
        display: block;    
        font-size: 12px;    
        margin-bottom: 25px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxTop ul li {
        display: block;
        text-align: left;    
        margin-bottom: 10px;
    }

    .bodyContainer .licenseAgreementContainer .licBoxBottom {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 20px 20px 20px 20px;
        margin-bottom: 20px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d7d7d7;
        background-color: #ffffff;
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.heading {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.legalDetails {
        display: block;    
        margin-bottom: 10px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.microHeading {
        display: block;
        text-align: center;
        font-size: 11px;    
        margin-bottom: 10px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.content {
        display: block;
        font-size: 12px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.content p {
        display: block;
        text-align: justify;
        padding: 0;
        margin-bottom: 10px;
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.content p.subsection {    
        padding-left: 30px;    
    }
    .bodyContainer .licenseAgreementContainer .licBoxBottom span.content p.sign {    
        padding-top: 10px;    
    }

    .bodyContainer .privacyPolicyContainer {
        position: relative;
        display: block;
        width: 100%;
        min-height: 50px;
        padding: 20px 20px 20px 20px;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border: 1px solid #d7d7d7;
        background-color: #f3f3f3;
    }

    .privacyPolicyContainer .linksContainer {
        position: relative;
        display: block;
        width: 80%;
        height: auto;
        padding: 5px 20px 5px 20px;
        margin: 0 auto;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border-top: 1px solid #808080;
        border-bottom: 1px solid #808080;
        line-height: 16px;
        font-size: 12px;
        font-weight: 600;
        color: #808080;
        text-align: center;
    }
    .privacyPolicyContainer .addressContainer {
        position: relative;
        display: block;
        width: 40%;
        height: auto;
        padding: 10px 10px 10px 10px;
        margin: 20px auto 10px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    

        font-size: 12px;
        color: #444444;
        background-color: #fbfbfb;
    }
    .privacyPolicyContainer .addressContainer span {
        font-weight: 600;
    }

    .privacyPolicyContainer .ppStatementContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 10px 10px 10px 10px;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    

        font-size: 12px;
        color: #444444;    
    }
    .privacyPolicyContainer .ppStatementContainer > span:first-of-type {
         display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }
    .privacyPolicyContainer .ppStatementContainer > span p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .bodyContainer .cartContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 50px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .bodyContainer .cartContainer .topSection {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .cartContainer .topSection .tsLeft {
        position: relative;
        display: block;
        width: 25%;
        float: left;
        padding: 0;
        margin: 0;
        text-align: left;
    }
    .cartContainer .topSection .tsLeft .badge-paypal {
        display: inline-block;
    }
    .cartContainer .topSection .tsLeft .badge-paypal-cards {
        display: none;
    }
    .cartContainer .topSection .tsMid {
        position: relative;
        display: block;
        width: 50%;
        float: left;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .cartContainer .topSection .tsRight {
        position: relative;
        display: block;
        width: 25%;
        float: right;
        padding: 0;
        margin: 0;
        text-align: right;
    }
    .topSection .tsRight a#saveforlater, .topSection .tsRight a#saveforlater:visited {
        display: inline-block;
        background: url('../images/s4l-but.png') scroll no-repeat;
        background-position: top;
        width: 168px;
        height: 32px;
        background-position: top;
    }
    .topSection .tsRight a#saveforlater:hover {
        background-position: bottom;
    }
    .topSection .tsRight a#saveforlater:active {    
        position: relative;
        top: 1px;
    }
    .cartContainer .cartHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 5px;
    }
    .cartContainer .cartMessage {
        position: relative;
        display: block;    
        width: 100%;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        height: auto;    
        margin-top: 10px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border:1px solid #559bb1;
        background-color: #add8e6;
    }
    .cartContainer .emptyCart {
        position: relative;
        display: block;    
        width: 100%;
        text-align: center;
        height: auto;    
        margin-top: 20px;
    }
    .emptyCart span.ec-image {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .emptyCart span.ec-image img {
        width: 16%;
        height: auto;
        outline: none;
    }
    .emptyCart span.ec-heading {
        position: relative;
        display: block;
        font-size: 20px;
        font-weight: bold;
        line-height: 22px;
        color: #111111;
        margin-bottom: 15px;
    }
    .emptyCart span.ec-message {
        position: relative;
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        color: #222222;
    }

    .cartContainer .cartFooter {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0
    }
    .cartContainer .cartFooter .totalPriceArea {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0 10px 0 10px;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border-left: 1px solid #e6e5e5;
        border-right: 1px solid #e6e5e5;
        border-top: none;
        border-left: 1px solid #e6e5e5;
        background-color: #efeeee;

        font-size: 14px;
        font-weight: bold;
        line-height: 48px;
        color: #1B1B1B;
        text-align: right;
    }
    .cartContainer .cartFooter .totalPriceArea span.greentext {
        font-size: 14px;
        font-weight: bold;
        color: #4D9B2B;
    }
    .cartContainer .trackSection .trackTop .trackLeft {    
        min-height: 70px;
    }

    .cartContainer .cartFooter .cartButtonsArea {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        border-left: 1px solid #e6e5e5;
        border-right: 1px solid #e6e5e5;
        border-top: none;
        border-left: 1px solid #e6e5e5;
        background-color: #f7f7f7;
    }
    .cartFooter .cartButtonsArea .buttonsLeft {
        position: relative;
        display: block;
        float: left;
        width: 50%;
        height: auto;
        padding: 5px 0 5px 10px;
        margin: 0;
        text-align: left;
    }
    .cartButtonsArea .buttonsLeft a#continuebutton, .cartButtonsArea .buttonsLeft a#continuebutton:visited {
        display: block;
        background: url('../images/continue-but.png') scroll no-repeat;
        width: 156px;
        height: 26px;
        background-position: top;
    }
    .cartButtonsArea .buttonsLeft a#continuebutton:hover {    
        background-position: bottom;
    }
    .cartButtonsArea .buttonsLeft a#continuebutton:active {    
        position: relative;
        top: 1px;
    }
    .cartButtonsArea .buttonsLeft a.inline, .cartButtonsArea .buttonsLeft a.inline:visited {
        display: block;
        background: url('../images/send-client-but.png') scroll no-repeat;
        width: 134px;
        height: 26px;
        background-position: top;
    }
    .cartButtonsArea .buttonsLeft a#continuebutton:hover {    
        background-position: bottom;
    }
    .cartButtonsArea .buttonsLeft a#continuebutton:active {    
        position: relative;
        top: 1px;
    }

    .cartFooter .cartButtonsArea .buttonsRight {
        position: relative;
        display: block;
        float: right;
        width: 50%;
        height: auto;
        padding: 5px 10px 5px 0;
        margin: 0;
        text-align: right;
    }
    .cartButtonsArea .buttonsRight a#checkout_ccbutton, .cartButtonsArea .buttonsRight a#checkout_ccbutton:visited {
        display: inline-block;
        background: url('../images/checkout-cc-but.png') scroll no-repeat;
        width: 196px;
        height: 26px;
        background-position: top;
    }
    .cartButtonsArea .buttonsRight a#checkout_ccbutton:hover {    
        background-position: bottom;
    }
    .cartButtonsArea .buttonsRight a#checkout_ccbutton:active {    
        position: relative;
        top: 1px;
    }
    .cartButtonsArea .buttonsRight a#checkout_ppbutton, .cartButtonsArea .buttonsRight a#checkout_ppbutton:visited {
        display: inline-block;
        background: url('../images/checkout-pp-but.png') scroll no-repeat;
        width: 196px;
        height: 26px;
        background-position: top;
        margin-top: 6px;
    }
    .cartButtonsArea .buttonsRight a#checkout_ppbutton:hover {    
        background-position: bottom;
    }
    .cartButtonsArea .buttonsRight a#checkout_ppbutton:active {    
        position: relative;
        top: 1px;
    }

    .bodyContainer .upsellContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 50px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .upsellContainer .upsellHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d3d197;
        background-color: #f5f3ad;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 5px;
    }    
    .upsellContainer .trackSection .trackTop .trackLeft {    
        min-height: 110px;
    }

    .bodyContainer .s4lContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 50px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .s4lContainer .s4lHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d3d197;
        background-color: #f5f3ad;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 5px;
    }    
    .s4lContainer .trackSection .trackTop .trackLeft {    
        min-height: 70px;
    }

    .bodyContainer .approvalContainer {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 20px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .approvalContainer .approvalHeading {
        position: relative;
        padding: 0 8px 0 8px;
        color: #5e5e5e;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #d3d197;
        background-color: #bef5ad;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        line-height: 32px;
        margin-top: 10px;
    }
    .approvalContainer .trackSection .trackTop .trackLeft {    
        min-height: 60px;
    }

    .footerContainer {	
        position: relative;
        padding: 20px 0 15px 0;    
        background-color: #f5f5f5;
    }

    .footerContainer .footerNav {
        display:inline-block;
        position:relative;
        width:100%;
        padding-top:0;
        padding-bottom:0;
        margin-bottom: 15px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:600;
        font-style:normal;
        line-height:14px;
        text-align:center;
        word-break: keep-all;
        color:#181818;
    }
    .footerContainer .footerNav .devider {
        display:inline-block;
    }
    .footerContainer .footerNav a, .footerContainer .footerNav a:visited {
        display:inline-block;
        padding:0;
        margin-left:5px;
        margin-right:5px;
        color:#181818;
        text-decoration: underline;
    }
    .footerContainer .footerNav a:hover {
        color:#181818;
        text-decoration:none;
    }
    .footerContainer .footerCopyright {
        font-size: 10px;
        text-align: center;
        color: #555555;
    }

    .tagMe {
        width:200px;
        position:absolute;
        right: 110px;
        top:0;
        padding: 10px 10px 10px 10px;
        text-align:left;
        font-size:12px;
        font-family:Arial, Helvetica, sans-serif;
        background-color: #ffffff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.5);
        z-index: 6666;
    }
    .tagMe input {
        background:url(../images/tooltip-savebut.jpg) no-repeat 0 0;
        width:46px;
        height:21px;
        font-family:Arial, Helvetica, sans-serif;
        color:#fff;
        border:none;
        font-size:11px;
    }
    .tagMe textarea {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#1b1b1b;
        width:180px;
        height:80px;
        border:1px solid #d6d6d6;	
    }
    .notes{ color:#41415b; font-weight:bold; }
    .whatisthis{ height: 0;}
    .tagMeArrow {
        position: absolute;
        width: 28px;
        height: 48px;
        background: url('../images/tooltip-arrow-right.png') no-repeat 0 0 ;	
        top: 20px;
        right: -28px;
        left: auto;
    }
}
/* /General Tablets (portrait) ----------- */



/* Style for Forms */
/*formular One*/
form.formular, .validationEngineContainer {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 10px;
	padding: 0px;
	/*border: 1px solid #A5A8B8;*/
	width: 100%;
	margin: 0 auto;
}
.formular fieldset {
	margin:10px 5px 20px 5px;	
	padding: 10px;
	border: 1px solid #D0CE9F;
	background-color: #FFFFFF;
}

.formular fieldset .captcha {
	border: 1px solid #D0CE9F;
}

.formular fieldset.captcha {
	margin:10px 5px 20px 5px;	
	padding: 10px;
	border: 1px solid #D0CE9F;
	background-color: #FFFFFF;
}
.formular fieldset.noborder {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #FFFFFF;
}
.formular fieldset.border2 {
	border-width: 2px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.formular fieldset.captcha img {	
	border: 1px solid #D0CE9F;	
}

.formular legend {
	display:inline-block;
	width:auto;
	font-size: 12px;
	color: #15428B;
	font-weight: 900;	
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #444444;
	font-weight:bold;
    line-height: 16px;
}
.formular label .badge {
    font-size:11px;
	color: #ffffff;
	font-weight:bold;
    margin-left: 0 !important;
    margin-right: 5px;    
}
.formular label .tag {
    font-size:10px;
	color: #444444;
	font-weight: bold;
    margin-left: 0 !important;
    margin-right: 5px;
    line-height: 26px;
}

.formular input,.formular select,.formular textarea {
	display: block;  /* this breaks relative positioning */
	margin-bottom: 5px;	
}

.formular input[type="text"], .formular input[type="number"], .formular input[type="password"], .formular input[type="email"], .formular input[type="tel"] {
	line-height: 14px;
}

.formular input[type="text"], .formular input[type="number"], .formular input[type="password"], .formular input[type="email"], .formular input[type="tel"], .formular textarea {
	padding: 5px 8px;
	margin: 0;
	width: 100%;
	vertical-align: middle;
	font-size: 13px;
	color: #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b5b5b5;
	background-color: #FFF;
	outline: 0 none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
	-moz-transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
	transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
}

.text-input {
	width: 100%;
	color: #333;
	padding: 4px;
    margin: 0;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	background: #FFF repeat-x;
}

.formular .text-input {
	width: 100%;
	color: #333;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular textarea {
	width: 100%;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .form-group {
    display: flex;
    margin-bottom: 0;
}

.formular .form-group .input-set {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.formular .form-group .input-set .text-input {
	width: 100%;
	color: #333;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 0;
	background: #FFF repeat-x;
}

.formular .form-group .otp-button {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(60, 41, 183);
    box-shadow: none;
    text-transform: none;
    min-width: max-content;
    border: 1px solid rgb(60, 41, 183);
    height: 24px;
    padding: 0 10px;
}

.formular .form-group .otp-button .otp-button-label {
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: rgb(60, 41, 183);
    text-transform: none;
    letter-spacing: 0px;
    border: 0;
}

.formular .form-group .otp-button.disabled {
    background-color: rgb(242, 245, 250);
    color: rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(0, 0, 0, 0.12);
    pointer-events: none;
    cursor: default;
}

.formular .form-group .otp-button.disabled .otp-button-label {
    color: rgba(0, 0, 0, 0.26);
    border: 0;
}

.formular .form-group .otp-button:hover {
    background-color: #EDEAFF;
}

.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular .fieldnote {
	background: #FFF;
	color: #333;
	font-size: 11px;
	margin-bottom: 5px;
}

.formular .fieldalert {
	background: #FFF;
	color: #CC0000;
	font-size: 11px;
	margin-bottom: 5px;
}
.formular .fieldalert.announce {
	color: #00B51D;
}

.formular .btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: #d2d3d3 !important;
    border-color: #c8c9ca !important;
    cursor: not-allowed;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;    
}

.formular span.checkbox-container {
    display: block;
    padding: 0 5px 0 5px;
    margin-bottom: 10px;
}
.formular span.checkbox-container input[type="checkbox"] {
    display: inline;    
    vertical-align: middle;
    margin-right: 4px;
}
.formular span.checkbox-container label {    
    font-size: 12px;
    color: #365F6E;
}

.formular .submit {	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 100%;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

.formular input[data-prompt-position="inline"] {
	display: inline;
}

.formular .myComboList {
    min-width: 50px;
    height: 26px;
    padding: 3px 30px 3px 6px;
    margin-bottom: 8px;
    
    background: rgb(239,239,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 30%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	border:1px solid #CCCCCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;    
    color: #666666;    
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	font-size: 12px;
	line-height: 20px;
}
.formular .myComboLabel {
    position:relative;
    display: inline;
    text-align: left !important;
}
.formular .myComboLabel:after {
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -5px;
    right: 3px;
    /*margin-top: 1px;*/
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}
.formular .myComboLabel:hover:after {    
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #333;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    margin-top: 1px;
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}

.formular .myComboListMini {
    min-width: 50px;
    height: 26px;
    padding: 2px 30px 2px 6px;
    margin-bottom: 0;
    
    background: rgb(239,239,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 30%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	border: 1px solid #BDBDBD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 #BDBDBD, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #BDBDBD, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #BDBDBD, 0 -1px #fff inset;    
    color: #666666;    
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	font-size: 11px;
	line-height: 20px;
}
.formular .myComboLabelMini {
    position:relative;
    display: inline;
    text-align: left !important;
}
.formular .myComboLabelMini:after {
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    margin-top: 1px;
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}
.formular .myComboLabelMini:hover:after {    
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #333;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    margin-top: 1px;
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}

.myComboList {
    min-width: 50px;
    height: 26px;
    padding: 3px 30px 3px 6px;
    margin-bottom: 8px;
    
    background: rgb(239,239,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 30%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	border:1px solid #CCCCCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;    
    color: #666666;    
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	font-size: 12px;
	line-height: 20px;
}
.myComboLabel {
    position:relative;
    display: inline;
    text-align: left !important;
}
.myComboLabel:after {
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -5px;
    right: 3px;
    /*margin-top: 1px;*/
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}
.myComboLabel:hover:after {    
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #333;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    margin-top: 1px;
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}

.myComboListMini {
    min-width: 50px;
    height: 26px;
    padding: 2px 30px 2px 6px;
    margin-bottom: 0;
    
    background: rgb(239,239,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 30%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	border: 1px solid #BDBDBD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 #BDBDBD, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #BDBDBD, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #BDBDBD, 0 -1px #fff inset;    
    color: #666666;    
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	font-size: 11px;
	line-height: 20px;
}
.myComboLabelMini {
    position:relative;
    display: inline;
    text-align: left !important;
}
.myComboLabelMini:after {
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    margin-top: 1px;
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}
.myComboLabelMini:hover:after {    
    position: absolute;
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #333;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    margin-top: 1px;
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;    
    pointer-events: none;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .formular select .myComboList { padding-right: 18px }
    .formular select .myComboListMini { padding-right: 18px }
    select .myComboList { padding-right: 18px }
    select .myComboListMini { padding-right: 18px }
}


.formular .onoffswitch {
    position: relative; width: 58px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.formular .onoffswitch-checkbox {
    display: none;
}
.formular .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.formular .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.formular .onoffswitch-inner:before, .formular .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.formular .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #37D483; color: #FFFFFF;
}
.formular .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.formular .onoffswitch-switch {
    display: block; width: 16px; height:16px; margin: 4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 34px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.formular .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.formular .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
	background-color: #FFFFFF !important;
}

.formular .input-group input[type="text"] {
    width: auto;
    height: 26px;
	padding: 2px 2px 2px 6px;
	margin: 0;	
	vertical-align: middle;
	font-size: 11px;
	color: #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
	background-color: #FFF;
	outline: 0 none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   
	-webkit-transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
	-moz-transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
	transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
}
.formular .input-group input[type="text"]:focus {
    border-left: 1px solid #4b4b66;
    border-top: 1px solid #4b4b66;
    border-right: 1px solid #4b4b66;
    border-bottom: 1px solid #4b4b66;
    -webkit-transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
	-moz-transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
	transition: border .2s ease-out,color .2s ease-out,background-color .2s ease-out,width .2s ease-out;
}
.formular .input-group input[type="text"]:placeholder {
    color: #666666;
}
.formular .input-group input[type="text"]:focus::placeholder {
    color: transparent;
}
.formular .input-group .searchBut {
    height: 26px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    
    -webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;   
    
    color: #fff;
    
    border-left: none;
    border-top: 1px solid #4b4b66;
    border-right: 1px solid #4b4b66;
    border-bottom: 1px solid #4b4b66;
    
    background: rgb(75,75,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(75,75,102,1) 0%, rgba(114,122,153,1) 50%, rgba(75,75,102,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(75,75,102,1) 0%,rgba(114,122,153,1) 50%,rgba(75,75,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(75,75,102,1) 0%,rgba(114,122,153,1) 50%,rgba(75,75,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b66', endColorstr='#4b4b66',GradientType=0 ); /* IE6-9 */
        
    -webkit-transition: border .3s ease-out,color .3s ease-out,background-color .3s ease-out,width .3s ease-out;
	-moz-transition: border .3s ease-out,color .3s ease-out,background-color .3s ease-out,width .3s ease-out;
	transition: border .3s ease-out,color .3s ease-out,background-color .3s ease-out,width .3s ease-out;
}
.formular .input-group .searchBut:hover {    
    color: #fff;    
    border-left: none;
    border-top: 1px solid #242430;
    border-right: 1px solid #242430;
    border-bottom: 1px solid #242430;
    
    background: rgb(36,36,48); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(36,36,48,1) 0%, rgba(68,73,91,1) 50%, rgba(36,36,48,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(36,36,48,1) 0%,rgba(68,73,91,1) 50%,rgba(36,36,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(36,36,48,1) 0%,rgba(68,73,91,1) 50%,rgba(36,36,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242430', endColorstr='#242430',GradientType=0 ); /* IE6-9 */
}
.formular .input-group .searchBut:disabled {    
    color: #858585;
    border-left: none;
    border-top: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    background: #bcbcbc;    
    
    -webkit-transition: border .3s ease-out,color .3s ease-out,background-color .3s ease-out,width .3s ease-out;
	-moz-transition: border .3s ease-out,color .3s ease-out,background-color .3s ease-out,width .3s ease-out;
	transition: border .3s ease-out,color .3s ease-out,background-color .3s ease-out,width .3s ease-out;
}
.formular .input-group .searchBut:focus, .formular .input-group .searchBut:active {    
    outline: none !important;
    box-shadow: none !important;
}

.formular .slim {
    width: 90px;
    border-radius: 50%;
}