.ac-container{
	width: 100%;
	margin: 0px auto 15px auto;
	text-align: right;
}
.ac-container label{
	padding: 0px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
	margin-bottom: 0px;
	font-weight: 500;
}
.ac-container label:hover{
	background: #fff;
	padding: 0px;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #fff;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 0px;
	top: 8px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.ac-container article p{
	font-style: normal; font-family: Arial, Helvetica, sans-serif;
	color: #777;
	line-height: 23px;
	font-size: 11pt;
	padding: 5px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	/*-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;*/
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.ac-container input:checked ~ article.ac-small{
	height: auto;
}

article.ac-small ul
{
    margin-top: -15px;
}

.main-header .header-lower .cart-box-btn{
	position: absolute;
    left: 0px;
    top: 20px;
    width: 100%;
	z-index: 99;
}

.main-header .header-lower .cart-box-btn .cart-btn{
	position:relative;
	display:block;
	font-size:13px;
	font-weight:500;
	color:#1a7bb2;
	padding:0px 5px;
	line-height:38px;
	background:#fff;
	border:1px solid #fff;
	text-align:center;
	cursor:pointer;
	/*box-shadow:0px 0px 3px 0px #1a7bb2;
	-webkit-box-shadow:0px 0px 3px 0px #1a7bb2;
	-ms-box-shadow:0px 0px 3px 0px #1a7bb2;
	-o-box-shadow:0px 0px 3px 0px #1a7bb2;
	-moz-box-shadow:0px 0px 3px 0px #1a7bb2;*/
}

.main-header .header-lower .cart-box-btn .cart-btn .item-count{
	position:relative;
	right:0px;
	width:100%;
	text-align:center;
	color:#1a7bb2;
	font-weight: bold;
}

.cart-btn span
{
	padding: 0 10px 0 0;
}

a.personal {
    background: #00b0dc;
    color: #fff;
	float:right;
	width:100%;
	text-align: right;
    margin: 5px 0px 3px 5px;
	padding-right:10px;
	margin-top: 15px;
}

a.corporate {
    background: #be7950;
    color: #fff;
	float:right;
	width:100%;
	text-align: right;
    margin: 5px 0px 3px 5px;
	padding-right:10px;
}

a.newuser {
    background: #1b7aaf;
    color: #fff;
	float:right;
	width:100%;
	text-align: right;
    margin: 5px 0px 5px 5px;
	padding-right:10px;
}

article.ac-small li a i {
    margin-left: 8px;
}

.lablehide
{
	margin-right: -24px !important;
}

@media only screen and (max-width: 479px) {
.ac-container label:hover {
    background:transparent !important;
}

.ac-container label:hover:after, .ac-container input:checked + label:hover:after {
    display:none;
}

	article.ac-small ul {
	background: rgba(255, 255, 255,1);
    padding: 6px;
    margin: -15px 0px 0px;
	}
	
	.ac-container input:checked ~ article {
    background: rgba(255, 255, 255, 1);
	top: 9px;
    margin: 0px;
    right: -236px;
    width: 84%;
}

.ac-container input:checked + label, .ac-container input:checked + label:hover {
    background: transparent !important;
}

.lablehide
{
	visibility:hidden;
	margin-right: 0px !important;
}




}


@media only screen and (min-width: 481px) and (max-width: 767px)
{
   .ac-container label:hover {
    background:transparent !important;
}

.ac-container label:hover:after, .ac-container input:checked + label:hover:after {
    display:none;
}

	article.ac-small ul {
	background: rgba(255, 255, 255,1);
    padding: 6px;
    margin: -15px 0px 0px;
	}
	
	.ac-container input:checked ~ article {
    background: rgba(255, 255, 255, 1);
	top: 9px;
    margin: 0px;
    left: 360px;
    width: 84%;
}

.ac-container input:checked + label, .ac-container input:checked + label:hover {
    background: transparent !important;
}

.lablehide
{
	visibility:hidden;
    margin-right: 0px !important;
} 
}