.text-grey{color:#333}
.text-lightgrey{color:#888}
.text-small{font-size:14px}
.text-smaller{font-size:12px}
.text-red{color:red}
.text-black{color:#000}
.floatleft{float:left}
.floatright{float:right}
.hr-blue{border:1px solid #D4EDF6}
.aligntop{vertical-align:top}
.text-justify li{text-align:justify}
table p{text-align:left}
h1 {border-bottom:2px dashed #CDDCE1;padding:0 0 10px; margin:0 0 20px}
.btn-blue{background:blue}
.cursor-default{cursor: default;}
.ak-container{padding:0 20px}
/**.redeem-banner{background:url(images/bg.png) no-repeat 50% 100%; background-size:100%; text-align:center;}**/
.redeem-banner img{margin-bottom: 0px;}
.r-item{padding:20px;transition: all 0.5s ease;}
.r-item h3{font-size:17px;text-align:center;color:#0094CC;min-height:70px}
.r-item .option{font-size:14px;}
.r-item:nth-child(odd){border:5px solid #f3f3f3}
.r-item:nth-child(even){border:5px solid #d9f3fc}
.r-item:hover{border:5px solid #fff537;box-shadow:0 1px 8px rgba(0,0,0,.3)}
.r-item{width:100%;float:none;margin:0 0 20px}
.r-item .thumb{width:100%;background:#fff;margin-bottom:10px;text-align:center;align-content:center}
.r-item .option input {margin-right:10px}
.login-box h4{border-bottom:1px dashed rgba(0,0,0,.2);padding-bottom:10px;color:#00AFE9}
.login-box p{margin:0;}
.btn-wrap input{padding:10px 50px}
#date-boxes .date-label div{width:16px; float:left; margin:0 3px 0 0; text-align:center}
#date-boxes {display:inline-block}

.redeem-nav ul {list-style: none; background-color: #01adee; text-align: center; padding: 0; margin: 0;}
.redeem-nav ul ul{background-color:rgb(213, 241, 252);}
.redeem-nav li {text-align: left;}
.redeem-nav a {text-decoration: none; color: #fff; display: block; padding: 8px 15px; border-bottom: 2px solid rgba(255,255,255,.2); transition: .3s background-color; position:relative}
.redeem-nav a:hover {background-color: rgba(255,255,255,.5); color:#333}
.redeem-nav a.active {background-color:#fff04b; color: #444; cursor: default;}
.redeem-nav i{margin-right:8px}

/* Sub Menus */ .redeem-nav li li { font-size: .9em;}
.redeem-nav li li a {border-bottom:1px solid #fff; color:#006cae; padding-left:25px}
.redeem-nav li li a i{margin-right:8px; color:#222}

table.no-border td{border:0}
.no-wrap td{white-space: nowrap;}
th{background:#01ADEE;color:#fff}
table.basic tr:nth-child(odd) td{background:#e9f3f7}
table.basic tr:hover td{background:#FFF04B}
table.basic input, table.basic select{width:auto}
table.basic .heading td{background:#c6e8f5;}
table.basic .heading h3{margin:0; text-align:center}
.bg-yellow{background:#FFF200!important}
.bg-lightblue{background:#8ED9F6!important;}
.bg-lightblue2{background:#BCE3F2!important;}

.input-group{position:relative; border-collapse:separate;display:table;}
.input-group-addon:first-child{border-right:0}
.form-group{margin-bottom:15px}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;
	border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-small{font-size:13px;padding:5px 15px; border-radius:15px;min-width:20px}
.btn-wrap{display:inline-block;margin:10px 0 0}
.btn-wrap a:first-child{margin-right:10px}
.form-wrap{padding:30px; background:#e9f3f7;font-family:Arial, sans-serif;font-size:13px}
.form-wrap h3{color:#00ADEE; border-bottom:2px solid #B2E0F2;padding:0 0 5px }
.form-wrap ol{list-style:decimal}
.wrap{background:#eee}
.right-wrap {padding:20px; box-shadow:0 1px 4px rgba(0,0,0,.3); margin:0 auto 30px}
.right-wrap ul{margin:0}
.right-wrap p{line-height:20px; font-size:14px; margin:10px 0}
.cart {font-size:14px}
.cart h1{border-bottom:5px solid #D4EDF6; color:#01ADEE;}
 .right-wrap h4 {border-bottom:5px solid #D4EDF6; color:#01ADEE;padding-bottom:10px}
.cart h1 i, .right-wrap h4 i{color:#A0D9EE}
.profilemenu li{text-align:center; min-width:120px; float:left;font-size:12px;margin:0 0 15px}
.profilemenu i{display:block;margin:0;font-size:30px; vertical-align:middle;}
#nav-cart{padding:5px 15px }
.table-autoscroll{min-height:.01%; overflow-x:auto;}
.table-cart img{width:100px; margin-right:10px}
.highlight-wrap{background:#fff; padding:30px 50px; margin:0 auto; width:80%;border:5px solid #00afff;box-shadow:0 1px 5px rgba(0,0,0,.4)}
.highlight-wrap p{margin:0}
.highlight-wrap h3{border-bottom:2px solid rgba(0,0,0,.1);text-align:center;}
.highlight-red{background:red; color:#fff; padding:30px 50px; margin:0 auto; width:80%}
.order-to p{margin:0;line-height:22px;}
.nopad{padding:0}
.msg-wrap p{margin:0;text-align:center;line-height:20px}
.btn-red{background:red;border-bottom:3px solid #D10404}
.addtocart {margin:10px auto;}
.addtocart .btn-ga{padding:5px 20px;font-size:13px;}
#login-top{padding:10px 20px;margin:0}
#login-top p{margin:0}
.blue-nav{display:none;}
img {
    border: 0 none;
    margin-right: 15px;
    margin-bottom: 10px;
}

@media (min-width: 768px){
	.form-inline .input-group{display:inline-table; vertical-align:middle}
	.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn{width:auto;}
	.form-inline .form-group{display:block; vertical-align:middle; }
	.form-inline .form-control{display:inline-block; vertical-align:middle; width:auto}
	.form-inline .form-group label{width:180px}
	.btn-wrap{display:inline-block;margin:0 0 0 20px}
}


@media screen and (min-width: 650px) {
  .redeem-nav li {
    border-bottom: none;
	line-height: 30px;
    display: inline-block;
    margin-right: -4px;
  }
  .redeem-nav ul ul{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2)}
  .redeem-nav a {border-bottom: none; }
  .redeem-nav > ul > li {text-align: center; }
  .redeem-nav li ul { position: absolute; display: none; width: inherit; }
  .redeem-nav li:hover ul { display: block; }
  .redeem-nav li ul li {display: block;}
  .redeem-nav li li a {padding:8px 30px}
  .redeem-nav > ul > li.current-menu-parent > a:after {
    background: #228aca;
    border: medium none;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 999999;
	}

}

@media screen and (max-width: 649px) {
	.content-right{display:none}
	.highlight-wrap{padding:20px; margin:0 auto; width:100%}
	.highlight-red{padding:20px; margin:0 auto; width:100%}
	.form-wrap{padding:0;background:transparent}
}

@media (min-width:561px) and (max-width:767px){
	.r-item{float:left;width:49%;margin-right:10px;}
	.r-item:nth-child(2n+2){margin-right:0}
	.r-item .thumb{min-height:240px;}
	.small-thumb-special {display:none;}
	.r-item-large {width:95%;}
	
}


@media (min-width:768px) and (max-width:1139px){
	.r-item{float:left;width:31%;margin-right:10px;}
	.r-item:nth-child(3n+3){margin-right:0}
	.r-item .thumb{height:160px;overflow:hidden;}
	.redeem-nav{display:none}
	.small-thumb-special {display:none;}
	.r-item-large {width:95%;}
}

@media (min-width:1140px){
	.r-item .thumb{height:200px;overflow:hidden;}
	.profilemenu li{float:none;text-align:left;font-size:15px; border-bottom:1px dashed #ddd;margin:0;padding:7px 15px}
	.profilemenu li i{display:initial; margin:0 10px 0 0;}
	.profilemenu li:hover {background:yellow}
	.redeem-nav{display:none}
	.blue-nav{background:#01adee;height:20px;display:block;}
}
@media (max-width:560px){
	.r-item{float:none;width:100%;margin:0 0 20px;}
	.menu-redeem a{display:block;font-size:17px; border-width:0 0 2px 0;margin-left:0}
	.menu-redeem a:nth-child(1){border-width:0 0 2px 0}
	table.autoscroll td{display:block}
	.profilemenu li{float:none;text-align:left;font-size:15px; border-bottom:1px dashed #ddd;margin:0;padding:7px 15px}
	.profilemenu li i{display:initial; margin:0 10px 0 0;}
	.profilemenu li:hover {background:yellow}
	.video-wrap embed, iframe, object {height:250px}
	.large-thumb-special {display:none;}

}
@media (min-width:1140px) and (max-width:1499px){
	.r-item{float:left;width:31%;margin-right:5px;}
	.r-item:nth-child(3n+3){margin-right:5px}
	.content-right{float:right;width:25%}
	.content-main{float:left;width:72%}
	.r-item-large {width:95%;}
	.small-thumb-special {display:none;}
}
@media (min-width: 1500px) {
	.ak-container{width:90%}
	.content-right{float:right;width:22%}
	.content-main{float:left;width:75%}
	.r-item{float:left;width: 30%;
    min-height: 456px;margin-right:10px;}
	.r-item:nth-child(4n+4){margin-right:10px}
	.r-item-large {width:95%;}
	.small-thumb-special {display:none;}
}

/* Gallery thumbnail display */
#links {text-align:center}
#links a{width:100px; height:100px; overflow:hidden; display:inline-block; box-shadow:0 1px 3px rgba(0,0,0,.5); margin:0 5px 20px}
#links img{border:5px solid #fff; display:block; height:100%; }
.copyright {
    position: inherit;
}
.invoice-print {
    width: 520px;
    padding: 30px;
    margin: 0 auto;
}
/**Pop up dialog **/

.j-popup-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dims the background */
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}

.j-popup-content {
    background: white;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    width: 90%; max-width: 400px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    animation: popIn 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

#j-popup-text {
    font-family: 'Arial', sans-serif;
    color: #333;
    margin: 20px 0;
}

.j-btn {
    background-color: #a1bcd1; /* Your requested shirt color */
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.j-btn:hover { background-color: #8da9be; }

/* Simple entrance animation */
@keyframes popIn {
    from { transform: scale(0.5); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
table.fixedwidth {width:auto;}