@charset "utf-8";
/* CSS Document */


/* Mask for background, by default is not display */
#mask {/*
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;*/
}

/* You can customize to your needs  */
.login-popup {
	width:234px;
	height:272px;
    display: none;
    background: #fcfaf8;
    padding: 10px;
	border-radius:4px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 200px;
    left: calc(50% + 170px);
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
        -webkit-border-radius: 3px;
    /* Safari, Chrome */;
}

img.btn_arrow {
	float: left;
    margin: -27px 0 0 50px;
}
img.cart_btn_arrow {
	float: left;
    margin: -17px 0 0 260px;
}
img.btn_close {
	float: right;
    margin: -20px -20px 0 0;
}
fieldset {
    border: none;
}

form.signin .textbox label {
    display: block;
    padding-bottom: 7px;
}

form.signin .textbox span {
    display: block;
}

form.signin p, form.signin span {
    color: #999;
    font-size: 11px;
    line-height: 18px;
}

form.signin .textbox input {
    background: #ffffff;
    border: 1px solid #ebeaea;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: Lato-Regular;
	font-size:11;
	color:#3e3e3e;
    padding: 6px 6px 4px;
    width: 196px;
	height:37px;
	
	
}

form.signin .recover{
	padding-top:25px;
}
form.signin .recover a{
	font-family:Myriad Pro Regular;
	font-size:10px;
	color:#999999;
	text-decoration:underline;
}
form.signin .recover a:hover{
	text-decoration:none;
}
form.signin button{
	font-family:OpenSans-Regular;
	font-size:10px;
	color:#767578;
	width:60px;
	height:26px;
	border-radius:5px;
	border:1px solid #b0b0b1;
	background-color: #ecebed; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ecebed), to(#dcdbdd));
	background-image: -webkit-linear-gradient(top, #ecebed, #dcdbdd);
	background-image: -moz-linear-gradient(top, #ecebed, #dcdbdd);
	background-image: -ms-linear-gradient(top, #ecebed, #dcdbdd);
	background-image: -o-linear-gradient(top, #ecebed, #dcdbdd);
	background-image: linear-gradient(to bottom, #ecebed, #dcdbdd);
	margin:22px 0 0 55px;
}

form.signin button:hover{
	font-family:OpenSans-Regular;
	font-size:10px;
	color:#767578;
	width:60px;
	height:26px;
	border-radius:5px;
	border:1px solid #b0b0b1;
	background-color: #d0e791; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d0e791), to(#add662));
	background-image: -webkit-linear-gradient(top, #d0e791, #add662);
	background-image: -moz-linear-gradient(top, #d0e791, #add662);
	background-image: -ms-linear-gradient(top, #d0e791, #add662);
	background-image: -o-linear-gradient(top, #d0e791, #add662);
	background-image: linear-gradient(to bottom, #d0e791, #add662);
	cursor:pointer;
}
#login-box .bottom_imgs{
	text-align:center;	
	margin:10px 0 10px 0;
}







/* You can customize to your needs  */
.register-popup {
	width:204px;
	height:77px;
    display: none;
    background: #fcfaf8;
    padding: 10px;
	border-radius:4px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 106px;
    left: calc(50% + 280px);
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
        -webkit-border-radius: 3px;
    /* Safari, Chrome */;
}
#register-box .bottom_imgs{
	text-align:center;	
	margin:10px 0 10px 0;
}
.register_box_separator{
	background-image:url(../images/register_box_separator.jpg);
	width:100%;
	height:2px;	
	margin:5px 0 5px 0;
}
#register-box a{
	font-family:Lato-Regular;
	font-size:11px;
	color:#3e3e3e;
}
#register-box a:hover{
	color:#3b8686;
}
#register-box i{
	color:#3b8686;
	padding:0 15px 0 10px;
}






/* You can customize to your needs  */
.cart-popup {
	width:320px;
	height:auto;
    display: none;
    background: #FFFFFF;
	border-radius:4px;
	border:1px solid #3b8686;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 260px;
    left: calc(50% + 300px);
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
        -webkit-border-radius: 3px;
    /* Safari, Chrome */;
	
	padding-bottom:14px;
}
#cart-box .bottom_imgs{
	text-align:center;	
	margin-top:10px 0 10px 0;
}



/*//////////////////////////////////

*/

#cartbox_small_title{
	font-family:Lato-Regular;
	font-size:10px;
	color:#7f817b;
	text-align:center;
	margin:5px 0 20px 0;
}
.cartbox_title{
	width:160px;
}
.cartbox_title a{
	font-family:Lato-Regular;
	font-size:11px;
	color:#3b8686;
	text-decoration:none;
}
.cartbox_title a:hover{
	font-family:Lato-Regular;
	font-size:11px;
	color:#3b8686;
	width:160px;
	text-decoration:underline;
}
.cartbox_subtitle{
	font-family:Lato-Regular;
	font-size:9px;
	color:#aeafac;
}
.cartbox_subtitle span{
	font-family:Lato-Regular;
	font-size:9px;
	color:#79bd9a;
}
.cartbox_price{
	font-family:Lato-Regular;
	font-size:11px;
	color:#3b8686;
	text-align:center;
}
.cart_separator{
	width:100%;
	height:15px;
	background-image:url("../images/cart_separator.jpg");	
}
#cart_total_panel{
	width:100%;
	height:43px;	
	background-color:#3b8686;
}
.cartbox_holder{
	margin:15px 10px 15px 10px;	
}
.cart_total_col1{
	font-family:Lato-Regular;
	font-size:13px;
	color:#ffffff;
	width:150px;
}
.cart_total_col1 span{
	font-family:Lato-Regular;
	font-size:9px;
	color:#ffffff;
}
.cart_total_col2{
	width:135px;
	font-family:Lato-Regular;
	font-size:16px;
	color:#ffffff;
	line-height:43px;
	text-align:right;
}
.cartbox_btns{
	text-align:center;	
	margin-top:10px;
}