@import "common.css";
@import "example2.css";
@import "jquery.fullPage.css";
@import "jquery.fancybox.css";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/*style*/
:focus {
	outline-color: #346C92;
	outline-width: 1px;
	outline-style: solid;
}
b {
	font-weight: bold;
}
.wrapper {
	max-width: 1170px;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
/*header*/
header {
	top: 0;
	left: 0;
	height: auto;
	background: white;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin: 0;
}
header .floatbanner {
	background-image: url(../image/banner_web.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 0;
	width: 100%;
	display: block;
	padding-top: 10.5%;
	display: none;
}
.bannernew {
	height: auto;
	width: 100%;
	display: inline-block;
	/*margin-bottom: 2%;*/
	margin-bottom: 12px;/*float: left;*/
}
.bannerinner {
	width: 50%;
	height: auto;
	float: left;
}
#bannerpop1, #bannerpop2, #bannerpop3 {
	display: none;
}
.bannerpopinner {
	height: 232px;
	max-height: 860px;
	overflow: hidden;
	padding: 5px 0 10px 5px;
	width: 455px;
}
.bannerpopinnernew {
	overflow: hidden;
	padding: 5px 0 10px 5px;
}
.bannerpopinner {
	/*height: 232px;*/
	height: auto;
	width: auto;
	max-height: 860px;
	overflow: hidden;
	padding: 5px;/*width: 455px;*/
}
.bannernew img {
	width: 100%;
	height: auto;
}
.bannerinner2 {
	width: 33.4%;
	height: auto;
	float: left;
}
header .menubox {
	border-top: 3px solid #656565;
}
.cornerwrap {
	display: inline-block;/*	position: absolute;
	top: 5px;
	right: 3%;*/
}
.cornerwrap > div.opto {
	display: inline-block;
	vertical-align: middle;
}
header .fblike {
	float: right;
	margin-right: 5px;
}
header .loggined {
	float: right;
	text-align: right;
}
header .loggined a {
	color: #9c9c9c
}
header .loggined .hello_msg small {
	margin-right: 5px;
}
header .loggined .hello_msg a {
}
header .hidlinks {
	display: none;
}
header nav {
	position: absolute;
	right: 0px;
	bottom: 5px;
	font-size: 16px;
	height: auto;
	display: block;
	margin-right: 15px;
}
header .wrapper {
}
header .notification .wrapper {
	height: 34px;
}
header .notification {
	position: relative;
	background: #c275b5;
	height: 34px;
	text-align: center;
}
header .logo {
	background: url(../image/b4unew/pure-shop-logo.jpg) top left no-repeat;
	width: 250px;
	height: 100px;
	display: block;
	top: 5px;
	left: 0px;
	background-size: auto 100%;/*margin-left: 2%;*//*margin-top: 2%;*/
}
header b {
	line-height: 34px;
	color: white;
}
.linkbor {
	border-left: 2px solid #0075BD;
}
.boutus {
	margin-left: 2px;
}
header .navlink {
	position: absolute;
	right: 0px;
	font-size: 16px;
	height: auto;
	display: block;
	border-bottom: 3px solid #346C92;
}
header .navlink ul {
	color: #9c9c9c;
	font-weight: bold;
	font-size: 16px;
	margin-right: 10px;
}
header .navlink ul li {
	display: inline-block;
	margin: 10px 0 5px 0;
	color: #9c9c9c;
	background: #fff;
	background: rgba(255,255,255, 0.5);
}
header .navlink ul li a {
	text-decoration: none;
	color: #9c9c9c;
	padding: 2px 5px 0 5px;
}
header .navlink li ul {
	font-weight: bold;
	text-decoration: none;
	color: #9c9c9c;
	padding: 2px 5px 0 0;
	display: none;
}
header .navlink li:hover a {
	color: #0075BD;
}
header .navlink li:hover > ul {
	font-weight: bold;
	text-decoration: none;
	color: #0075BD;
	padding: 2px 5px 0 0;
	display: block;
	position: absolute;
}
header .navlink li:hover > ul > li {
	display: inline-block;
	color: #0075BD;
}
.ustop {
	height: 20px;
	display: block;
	border-left: 1px solid #A7A9AB;
	padding-left: 5px;
}
#menu li {
	display: inline-block;
	margin: 10px 0 5px 0;
	color: #9c9c9c;
	background: #fff;
	background: rgba(255,255,255, 0.5);
	padding-left: 6px;
}
#menu li.active {
	color: #A7A9AB;
}
#menu li a {
	text-decoration: none;
	color: #9c9c9c;
	padding: 2px 5px 0 5px;
}
#menu li a:hover {
	color: #0075BD;
}
#menu li:hover {
}
#menu li.active a {
	color: #A7A9AB;
}
header .login {
	background: #346C92;
	color: #fff;
	padding: 2px 8px;
	position: absolute;
	right: 0px;
	top: 10px;
	margin: 7px 14px 0 0;
	font-size: 16px;
}
header .loginright {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #346C92;
	color: #fff;
	padding: 2px 8px;
	position: absolute;
	right: 0px;
	font-size: 16px;
	margin: 0 10px;
	display: none;
}
header #menu li .login {
	background: #346C92;
	color: #fff;
	padding: 2px 4px;
	position: relative;
	right: inherit;
	top: inherit;
	margin: 7px 4px 0 2px;
	font-size: 16px;
}
header .login:hover {
	color: #fff;
}
/*index*/
#section0, #section1, #section2, #section3, .slide {
	background-size: cover;
}
.copyaddress {
	display: block;
	background: #A7A9AB;
	color: white;
	border: none;
	margin: 10px 0 5px 0;
	border-radius: 2px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: left;
	font-size: 12px;
	clear: both;
	padding: 2px;
}
.copyaddress:hover {
	background: #0075BD;
}
.section.active {
/*top:100px;*/
}
#section0 {
	background-image: url(../image/index.jpg);
	padding: 0 0 0 0;
	height: 100%;
	display: block;
}
section.index {
	background: url(../image/b4unew/back1.jpg);
	background-repeat: no-repeat;
	min-height: 700px;
	background-position: center top;
	background-size: 100%;
}
section.index .wrapper {
	background: none;
}
/*
.loginfloat{
	width: 96%;
	background-size: contain;
	top: 0;
	position:absolute;
	right: 2%;
	padding-top: 2%;
}

.loginspace {
	width: 100%;
	float:right;
	display: block;
	padding-top: 10.7%;
	margin-bottom: 2%;
	height: 0;
}

*/


.logininfo {
	padding: 10px 1% 0px 2%;
	width: 26%;
	background-image: url(../image/b4unew/infoback.png), url(../image/b4unew/infoback2.png);
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto, contain;
	float: right;
	display: block;
	height: 460px;
}
.logininfo h1 {
	font-family: 'Dosis', sans-serif;
	padding: 5% 0px 0 14%;
	line-height: 37px;
	font-size: 17px;
	font-weight: 500;
}
.logininfo p {
	font-size: 15px;
	margin: 4% 0 4% 0;
	padding: 3% 0 0 0;
	float: left;
	width: 100%;
	color: #A7A9AB;
}
.logininfo p a.innerhtmlfancy {
	color: #0075BD;
	text-decoration: none;
}
.logininfo p a.innerhtmlfancy:hover {
	color: rgba(52, 108, 146,0.8);
	text-decoration: none;
}
.logininfo p a.innerhtmlfancy:active {
	color: #ffffff;
	text-decoration: none;
	background: #A7A9AB;
}
.logininfo a.btn {
	height: 27px;
	width: 89%;
	color: #A7A9AB;
	margin: 3px 0 3px 0;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: right;
	text-align: left;
	line-height: 25px;
	font-size: 12px;
	padding-left: 11%;
}
.loginlogin {
	background-image: url(../image/b4unew/info1.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.loginbhome {
	background-image: url(../image/b4unew/info2.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.logintrack {
	background-image: url(../image/b4unew/info3.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.logininfo a.btn:hover {
}
.index ul li {
	display: block;
	float: left;
	width: 33%;
}
.index ul {
	width: 100%;/*margin-top: 250px;*/
}
.topus ul {
	display: table;
	width: 94%;
	margin: 0 3% 0 3%;
}
/*Calculator*/
.cal {
	width: 100%;
	height: auto;
	padding: 3% 0 3% 0;
	transition: all 1s ease 0;
	overflow: hidden;
	font-size: 15px;
	color: #A7A9AB;
}
#toggle {
	position: absolute;
	appearance: none;
	cursor: default;
	left: -100%;
	top: -100%;
	display: none;
}
#toggle + label {
	height: 27px;
	width: 89%;
	color: #A7A9AB;
	margin: 3px 0 3px 0;
	cursor: default;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: right;
	text-align: left;
	font-size: 12px;
	padding-left: 11%;
	background-image: url(../image/b4unew/info4.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
#toggle + label:hover {
}
#toggle:checked ~ .cal {
	display: block;
}
#toggle:checked + label {
}
.calleft {
	width: 20%;
	height: 20px;
	float: left;
	padding: 3px 0 3px 0;
}
.calright {
	width: 45%;
	height: 20px;
	float: left;
	padding: 3px 0 3px 0;
}
.calselect {
	width: 34%;
	height: 20px;
	float: left;
	padding: 3px 0 3px 1%;
}
.calselect2 {
	width: 34%;
	height: 20px;
	float: left;
	padding: 3px 0 3px 1%;
}
.calsmall {
	width: 8%;
	height: 20px;
	float: left;
	padding: 3px 0 3px 0;
}
.calsmall2 {
	width: 6%;
	height: 20px;
	float: left;
	padding: 3px 0 3px 1%;
}
.calsub {
	width: 99.5%;
	height: 25px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.size {
	width: 100%;
	background: #FFFBD5;
	border: 1px solid rgba(138, 158, 185, 0.5);
}
.weight {
	width: 95%;
	background: #FFFBD5;
	border: 1px solid rgba(138, 158, 185, 0.5);
}
.result {
	width: 95%;
	padding: 2%;
	float: left;
	background: #FFFBD5;
	border: 1px solid rgba(138, 158, 185, 0.5);
	font-size: 15px;
}
.selection {
	width: 100%;
	border: none;
	background: #FFFBD5 url(../image/arrow.png) no-repeat;
	background-position: right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float: left;
	padding: 1px 1px 1px 3px;
	border: 1px solid rgba(138, 158, 185, 0.5);
	border-radius: 0px;
	cursor: pointer;
	color: #A7A9AB;
	height: 20px;
	font-size: 13px;
}
.subbtn {
	width: 40%;
	background-color: #A7A9AB;
	color: #fff;
	border: none;
	height: 24px;
	float: right;
	cursor: pointer;
	font-size: 15px;
}
.subbtn:hover {
	width: 40%;
	background-color: #0075BD;
	color: #fff;
	border: none;
	height: 24px;
	float: right;
	cursor: pointer;
	font-size: 15px;
}
/*Calculator ends*/
	
/*form css*/
.login-content h5 {
	color: #463E2F;
	display: block;
	font-size: 22px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	border-bottom: 4px solid #463E2F;
}
.form {
	margin: 10px 0;
}
table.form td {
	padding: 0px 5px 0 0;
}
.form input[type="text"] {
	width: 100%;
	padding: 0;
}
.form i {
	color: red;
}
.form em, .common_content em a {
	color: red;
	font-size: 10px;
	background-color: #fffed8;
	padding: 2px;
}
input[type="text"].error {
	border: 1px solid red;
}
.login-content b {
	font-family: swiss_721bold_condensed, Helvetica, sans-serif;
	;
}
.cart-content th {
	background: #463E2F;
	color: #D8D1CB;
	padding: 7px;
	font-family: swiss_721bold_condensed, Helvetica, sans-serif;
}
.account .quantity input {
	width: 20px;
}
.account .cart-content td {
	border-bottom: 1px solid #DDD;
}
.form small {
	font-size: 9px;
}
.form big {
	font-size: 16px;
}
.account-login .related-item li {
	margin: 10px 2px 0 0;
}
.account-login .related-item {
	margin: 5px 0px 5px 25px;
}
.account-login .bottom-tab p {
	margin: 5px 0px 5px 25px;
	padding: 0;
}
.event {
	border-bottom: 1px solid #D8D1CB;
	float: left;
	padding: 20px 0 10px 0;
}
.event .image-e {
	float: left;
	width: 160px;
}
.event .detail {
	float: left;
	width: 620px;
}
.event .detail em {
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}
.event .detail .date {
	font-size: 11px;
	margin-top: 0px;
	line-height: 5px;
}
.event .share {
	float: right;
	width: 100px;
	text-align: right;
}
.previous {
	background: url(../../../../../imgs/previous.jpg) left 4px no-repeat;
	padding-left: 15px;
	margin-left: 20px;
}
.next {
	background: url(../../../../../imgs/next.jpg) left 4px no-repeat;
	padding-left: 15px;
	margin-left: 20px;
}
/*section*/
section {
	width: 100%;
	height: 100%;
}
section.infopg {
	background: url(../image/b4unew/back1.jpg);
	background-repeat: no-repeat;
	min-height: 700px;
	background-position: center top;
	background-size: 100%;
	float: left;
}
section .wrapper {
	background: rgba(255,255,255,0.8);
}
section {
/*color:#58585B;*/
}
section .content {
/*float: left;*/
	/*padding: 2%;*/
	/*width: 96%;*/
	/*margin: 0 0 200px 0;*/
}
section .subheadline {
	padding: 0 2% 0 2%;
	width: 96%;
	float: left;
}
.stephead img {
	height: 40px;
	;
	width: auto;
}
section .content2 {
	float: left;
	width: 100%;
	background-color: #ffffff;
	margin-right: 1%;
	padding-bottom: 20px;
	margin-bottom: 30px;
	-webkit-animation: myfirst 2s;
	display: block;
	min-height: 450px;
}
section .content2 iframe {
	max-width: 560px;
	width: 100% !important;
}
 @-webkit-keyframes myfirst {
 from {
opacity: 0.25;
-moz-opacity: 0.25;
filter:alpha(opacity=0.25);
}
to {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
}
}
 @keyframes myfirst {
 from {
opacity: 0.25;
-moz-opacity: 0.25;
filter:alpha(opacity=0.25);
}
to {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
}
}
section .content3 {
	/*float: left;*/
	width: 100%;
	margin-right: 1%;
	font-family: 'Dosis', sans-serif;
	/*min-height: 484px;*/
	background: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.logobox {
	display: none;
}
.stephead {
	padding: 2% 0 0 0;
	border-top: 1px solid #A7A9AB;
	width: 100%;
}
.stephead h1 {
	padding: 0;
}
.stephead img {
	height: 30px;
}
.signupnow {
}
section .content3 .signupnow a {
	color: #FFFFFF;
}
section .content3 .signupnow p {
	font-size: 35px;
}
.content3 img {
	width: 100%;
}
.popfancy {
	z-index: 9999;
	top: 0;
	width: 900px;
	height: 860px;
	/*width: 100%;*/
	/*height:100%;*/
	
	background-color: #FFFFFF;
	color: #A7A9AB;
	max-height: 860px;
	overflow-y: scroll;
}
.popfancy div.formcontainer {
	width: 900px;
	height: 860px;
	max-height: 860px;
	/*overflow-y: scroll;*/
	padding: 10px 0px 10px 0px;
}
.formcontainer span.toplogo {
	display: block;
	height: 88px;
	width: 100%;
	margin: 0 auto;
	background: url(../image/b4unew/form_logo.png) top left no-repeat;
	background-position: 50% 0%;
}
.popfancy .contenttitle {
	border-bottom: #A7A9AB;
	margin: 0 2% 0 2%;
}
.popfancy .contenttitle p {
	font-size: 25px;
	font-family: 'Dosis', sans-serif;
	margin-top: 15px;
}
.popfancy .contenttext p {
	font-size: 16px;
	margin-top: 10px;
	padding: 0 2% 0 2%;
}
.popfancy .contenttext {
	padding-bottom: 2%;
}
.adlist {
	font-size: 35px;
	color: #fff;
}
.adlist ul li {
	float: left;
	width: auto;
	height: 10%;
	margin-left: 1%;
	margin-top: 3%;
	list-style: none;
	border: none;
}
.adlist2 {
	font-size: 25px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.adlist2 a {
	color: rgba(0,0,0,0.5);
}
.adlist2 img {
	float: left;
	width: 100px;
	margin-right: 20px;
}
.adlist2 ul li {
	float: left;
	width: auto;
	height: 10%;
	margin-top: 2%;
	list-style: none;
	border: none;
	color: rgba(0,0,0,0.5);
}
section .content2 .contenttitle {
	border-bottom: solid 1px #A7A9AB;
	margin: 0 3% 0 3%;
	padding-bottom: 1%;
}
section .content2 .contenttext ul li {
	display: block;
	float: left;
	width: 28%;
	height: 10%;
	margin-left: 3%;
	margin-top: 3%;
	overflow: hidden;
	list-style: none;
	border: none;
}
section .content2 .contenttext ul li img {
	width: 100%;
	height: auto;
	border-style: none;
}
section .content2 .contenttitle p {
	font-size: 35px;
	font-family: 'Dosis', sans-serif;
	margin-top: 15px;
	font-weight: 500;
	text-transform: uppercase;
}
section .content2 .contenttext p {
	font-size: 15px;
	margin-top: 15px;
	padding: 0 3% 0 3%;
	color: #A7A9AB;
}
#shipping-address {
	margin-left: 15px;
	margin-top: 5px;
	background-color: #FFFBD5;
	overflow: auto;
}
#payment-address {
	margin-left: 15px;
	margin-top: 5px;
	background-color: #FFFBD5;
}
.topus ul li {
	display: block;
	float: left;
	width: 18%;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 3%;
	overflow: hidden;
	list-style: none;
	border: none;
}
.topus ul li img {
	width: 100%;
	height: auto;
	border-style: none;
}
section .content2 .contenttext .faq {
	padding: 0 0;
	margin-top: 20px;
}
section .content2 .contenttext .faq p {
	display: none;
	margin-bottom: 10px;
}
section .content2 .contenttext .faq input {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	display: none;
	margin: 0;
	width: 100%;
	height: 36px;
}
section .content2 .contenttext .faq label+p {
	display: block;
	-webkit-transition: opacity .3s ease-out;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin: 0;
}
section .content2 .contenttext .faq input[type=checkbox]:checked~p {
	display: block;
	font-size: 15px;
	height: auto;
	opacity: 1;
	margin: 10px 0px 0px 35px;
}
section .content2 .contenttext .faq label {
	font-size: 15px;
	background: #f5f5f5;
	display: block;
	position: relative;
	height: auto;
	padding: 7px 10px;
	padding-left: 10px;
	transition: all 0.3s ease-out;
	margin: 0 3% 0 3%;
	cursor: pointer;
}
section .content2 .contenttext label::selection {
	background: none;
}
section .content2 .contenttext label:hover {
	background: #f39905;
	color: #fff;
}
section .title {
	height: 70px;
	padding: 0 0 0 60px;
	float: left;
}
.bring {
	background: url(../image/b4unew/info2.png) center left no-repeat;
	background-size: 50px 50px;
}
section h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 500;
	font-size: 40px;
}
section h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 30px;
	border-bottom: 2px solid #A7A9AB;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #0075BD;
}
section h3 {
	color: #0392cf;
	padding: 0 3% 0 3%;
	font-size: 18px;
	margin-top: 15px;
	padding: 0 3% 0 3%;
	text-transform: uppercase;
}
.formBlock label {
	vertical-align: middle;
	display: inline-block;
	margin: 0 !important;
	min-height: 25px;
	float: none;
	width: 23%;
	font-size: 13px;
}
.contactcon h1 {
	color: #346C92;
	font-size: 16px;
	margin-bottom: 16px;
	font-weight: 600;
	padding-bottom: 6px !important;
	border-bottom: 1px solid #ccc;
	padding: 0;
}
.contactcon {
	padding: 0 3%;
	font-size: 15px;
	color: #A7A9AB;
	/*float: left;*/
	width: 100%;
	line-height: 20px;
}
.leftinner {
	margin-left: 2%;
	color: #A7A9AB;
}
.contactcon img {
	margin-top: 1px;
	position: absolute;
	margin-left: 5px;
	height: 30px;
}
.formBlock {
	margin: 20px 0;
}
.formBlock input {
	background-color: #FFFBD5;
	border: none;
	height: 30px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	/* padding-left: 5px; */
	color: rgba(0,0,0,0.8);
	padding: 0 0 0 8px;
	width: 45%;
	border: 1px solid rgba(138, 158, 185, 0.5);
	box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
}
.formBlock span {
	font-size: 11px;
	margin-left: 8px;
}
.form-itemBlock {
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
}
.form-itemBlock input {
	background-color: #FFFBD5;
	border: none;
	height: 30px;
	color: rgba(0,0,0,0.8);
	padding: 0 0 0 8px;
	width: 100%;
	border: 1px solid rgba(138, 158, 185, 0.5);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
}
.form-itemBlock label {
	margin: 0 !important;
	min-height: 25px;
	width: 100%;
	font-size: 13px;
}
.form1b {
	width: 30%;
	float: left;
	padding-right: 12px;
}
.mp {
	padding-top: 30px;
	margin-right: 11px;
	float: left;
}
.form2b {
	width: 25%;
	float: left;
	padding-right: 12px;
}
.frm-amt .form1b {
	width: 25%;
}
.frm-amt .form1b input {
	padding-left: 46px !important;
	width: 100%;
}
.frm-amt .form4b input {
	padding-left: 44px !important;
	width: 100%;
}
.frm-amt .form2b {
	width: 15%;
}
.frm-amt .form3b {
	width: 18%;
}
.frm-amt .form3b input {
	width: 72%;
}
.frm-amt .form4b {
	width: 31.9%;
}
.frm-amt .form3b label, .frm-amt .form4b label, .frm-amt .form2b label {
	font-size: 11px;
}
.rel-form {
	position: relative;
}
.inName {
	position: absolute;
	position: absolute;
	top: 26px;
	font-size: 11px;
	border-right: 1px solid #ccc;
	/* height: 30px; */
	padding: 4px 10px 5px 6px;
}
.form3b {
	width: 25%;
	float: left;
	padding-right: 12px;
}
.form4b {
	width: 20%;
	float: left;
}
.specialBox {
	border-bottom: 2px solid #ccc;
}
.specialBox textarea {
	margin-top: 5px;
	background-color: #FFFBD5;
	border: none;
	margin-bottom: 5px;
	vertical-align: middle;
	height: 30px;
	width: 85.8%;
	color: rgba(0,0,0,0.8);
	padding: 8px;
	border: 1px solid rgba(138, 158, 185, 0.5);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
}
.specialBox label {
	width: 11%;
}
.linkBox {
	padding: 20px 0;
}
a.moreItems {
	text-transform: uppercase;
	font-weight: 600;
}
a.minItems {
	text-transform: uppercase;
	font-weight: 600;
	color: #C00;
	float: right;
	margin-top: -40px;
}
a.minItems:before {
	content: '-';
	margin-right: 4px;
}
a.moreItems:before {
	content: '+';
	margin-right: 4px;
}
.frm-btns {
	padding-top: 20px;
}
.frm-btns input[type="submit"] {
	background: #0075BD;
	color: #fff;
	border: 0;
	padding: 12px 20px;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 12px;
}
.frm-btns input[type="reset"] {
	background: #C00;
	color: #fff;
	border: 0;
	padding: 12px 20px;
	text-transform: uppercase;
	cursor: pointer;
}
.readyhome {
	width: 100%;
	border: 1px solid rgba(138, 158, 185, 0.5);
	background: #fff;
	float: left;
	margin-bottom: 10px;
}
.halfwidth {
	width: 49%;
	border: 1px solid rgba(138, 158, 185, 0.5);
	background: #fff;
	float: left;
	min-height: 605px;
	margin-right: 0px;
}
.halfwidth:nth-child(odd) {
	float: right;
}
.halfwidth:nth-child(even) {
	float: left;
}
.halfwidth h5 {
	color: #346C92;
	display: block;
	font-size: 18px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	margin-left: 10px;
	margin-top: 0px;
}
.readyhome .content {
	float: left;
}
/*ready home table*/
.itemlist .titleTable {
	background: #A7A9AB;
	padding: 3px 8px;
	color: #ffffff;
	width: 100%;
	float: left;
}
.itemlist ul {
	width: 100%;
	float: left;
	border: 1px solid #A7A9AB;
	padding: 0 8px;
}
.itemlist ul li {
	/*border-bottom: 1px solid #A7A9AB;*/
	float: left;
	width: 100%;
	margin: 12px 0;
	padding-bottom: 0px;
}
.iteminfo, .arrivalTime, .dimension, .buttongp, .chargeableweight {
	float: left;
}
.iteminfo ul {
	display: none;
	width: 80%;
	margin: 8px;
	font-size: 12px;
	list-style: decimal inside;
	background: rgba(80, 120, 156,0.1);
	padding: 5%;
	border: 1px solid rgba(138, 158, 185, 0.5);
}
.iteminfo ul li {
	list-style: decimal inside;
	border-bottom: none;
}
.itemdetail {
	margin: 3px 5px;
	display: block;
	background: #A7A9AB;
	color: white;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: left;
	font-size: 12px;
	clear: both;
	padding: 2px;
}
.arrivalTime b, .dimension b, .buttongp b, .chargeableweight b {
	display: none;
}
.iteminfo p, .arrivalTime p, .dimension p, .buttongp p, .chargeableweight p {
	margin: 3px 5px;
}
.iteminfo {
	width: 25%;
}
.arrivalTime {
	width: 10%;
}
.dimension {
	width: 16%;
}
.chargeableweight {
	width: 14%
}
.labelbox img {
	width: 100%;
}
.labelbox {
	background-color: #fff;
	height: auto;
	float: left;
	width: 50%;
	margin-top: 20px;
}
.dtextl {
	width: 49.5%;
	float: left;
}
.dtextr {
	width: 49.5%;
	float: left;
	margin-left: 1%;
}
.labell {
	width: 49.5%;
	float: left;
}
.labelr {
	width: 49.5%;
	float: left;
	margin-left: 1%;
}
.buttongp {
	width: 33%;
	float: right;
}
.buttongp ol li {
	width: 48.8%;
	height: auto;
	border-color: #8A9EB9;
	border-bottom-width: 1px;
	border-width: 1px;
	border-style: solid;
	position: relative;
	font-size: 0px;
	height: 80px;
}
.buttongp ol li span:first-child {
	font-size: 18px;
	margin-bottom: 0;
}
.buttongp ol li span {
	float: left;
	margin-left: 5px;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;
}
/*.buttongp ol li span:last-child {
	margin-top: 0px;
	}*/
.buttongp ol li input {
	opacity: 0;
	-webkit-opacity: 0;/*width: 100%;
	height: 100%;*/
}
.buttongp ol li:hover {
	border-color: #ffffff;
}
.buttongp ol li.exp {
	color: #fe026d;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li:hover.exp, .buttongp ol li.exp.active {
	background: #fe026d;
	color: #fff;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li.sta {
	color: #ff9f07;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li:hover.sta, .buttongp ol li.sta.active {
	background: #ff9f07;
	color: #fff;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li.ord {
	color: #34a7d7;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li:hover.ord, .buttongp ol li.ord.active {
	background: #34a7d7;
	color: #fff;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li.con {
	color: #08d778;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li:hover.con, .buttongp ol li.con.active {
	background: #08d778;
	color: #fff;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li.lat {
	color: #A7A9AB;
	padding: 24px 5px 17px 5px;
	margin: 2px;
}
.buttongp ol li:hover.lat, .buttongp ol li.lat.active {
	background: #A7A9AB;
	color: #fff;
	cursor: pointer;
	padding: 18px 5px 17px 5px;
	margin: 2px;
}
.buttongp ol li.rep {
	color: #0075bd;
	padding: 5px 5px 5px 5px;
	margin: 2px;
}
.buttongp ol li:hover.rep, .buttongp ol li.rep.active {
	background: #0075bd;
	color: #fff;
	cursor: pointer;
}
/*warming*/
.login2014 .success, .login2014 .warning, .login2014 .attention, .login2014 .information {
	font-size: 12px;
	float: left;
}
.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
}
.error {
	/*display: block;*/
	color: white;
	clear: both;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
/*address*/
.address {
	width: 100%;
}
form ol {
	margin: 10px 0;
}
form ol li {
	width: 100%;
	margin: 5px 0;
	float: left;
	border-bottom-color: rgba(52, 108, 146,0.1);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
form input[type='radio'] {
	width: 5%;
}
form label {
	width: 90%;
}
form input[type='radio'], form label {
	vertical-align: middle;
	display: block;
	float: left;
	margin: 5px;
	min-height: 25px;
}
.contactsub input {
	height: 44px;
	width: 30%;
	background: #7bc043;
	color: white;
	border: none;
	margin: 2% 3% 5px 2%;
	border-radius: 2px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	background-image: url(../image/arrow-r.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
}
.contactsub input:hover {
	background: #f39905;
}
.contactcon input[type=text] {
	padding: 4px 6px;
}
/*form input[type=submit] {
	height: 44px;
	width: 47%;
	background:#A7A9AB;
	color: white;
	border: none;
	margin: 0 2% 5px 2%;
	border-radius: 2px;
	cursor: pointer;
	transition:all 1s ease;
	-webkit-transition: all 1s ease;
	float:right;
	background-image: url(../image/arrow-l.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top left;
}*/
/*form input[type=submit]:hover {
	background:rgba(52, 108, 146, 0.8);
	background-image: url(../image/arrow-l.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top left;
}*/
label[for=pay] {
	background: url(../image/payapal.png) top right no-repeat;
}
.address .form {
	float: left;
	width: 85%;
	margin: 0 0 0 10%;
}
.address .form input[type="text"], .address .form select {
	border: medium none;
	color: #3D382D;
	height: 24px;
	margin: 2px 0 10px;
	text-indent: 5px;
	text-align: left;
	vertical-align: middle;
	background: #E8E8E8;
	width: 100%;
}
.paymenttable {
	margin: 10px 0;
}
.paymenttable td {
	padding: 5px 10px 5px 15px;
	border-bottom-color: rgba(52, 108, 146,0.1);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.paymenttable td.total {
	font-size: 150%;
	border-bottom-color: rgba(52, 108, 146,0.4);
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
/*tracking section*/
.tablewrapper {
	display: table;
	width: 100%;
}
.tracklist {
	width: 20%;
	float: left;
	background: #F6F6F6;
	min-height: 500px;
	width: 250px;
	display: table-cell;
}
.tracklist .content {
	margin: 10px 0;
	width: 90%;
	padding: 0 5%;
}
.track_pointlist li p {
	margin: 0px 25px;
	padding: 5px;
	background: rgba(52, 108, 146, 0.7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #ffffff;
}
.track_pointlist {
	margin-top: 20px;
	float: left;
	width: 100%;
}
.itemlist2 {
	float: left;
	margin: 5px 0;
	clear: both;
}
.itemlist2 li {
	margin: 10px 0;
	background: rgba(80, 120, 156,0.1);
	padding: 15px 30px;
	border: 1px solid rgba(138, 158, 185, 0.5);
	float: left;
	width: 230px
}
.track_pointlist li:nth-child(1) {
	background-image: url(../image/listbg.png);
	background-position: 0px 10px;
}
.track_pointlist li {
	background-image: url(../image/listbg2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
}
.track_pointlist li.current {
	background-image: url(../image/listbg3.png);
}
.track_pointlist li.current p {
	background: #A7A9AB;
}
.track_pointlist .current~li {
	background-image: url(../image/listbg4.png);
}
.track_pointlist .current~li p {
	background: #b8b8b8;
}
.trackcontent {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}
.trackcontent .buttongp {
	float: left;
	clear: both;
}
.trackcontent .content {
	margin: 10px 0;
	width: 95%;
	padding: 0 2.5%;
}
.tracklist form {
	float: left;
	width: 100%;
	margin: 5px 0 10px 0;
}
.tracklist input[type='search'] {
	font-size: 14px;
	text-align: center;
	width: 100%;
	border: 1px solid #a9a9a9;
	border-radius: 0;
	height: 38px;
	line-height: 14px;
	text-indent: 8px;
}
.tracklist input[type='submit'] {
	width: 100%;
}
.tracklist b {
	font-size: 18px;
}
section .tracklist ol {
	list-style-type: inherit;
	list-style-position: inside;
	margin: 10px 5px;
}
section .tracklist ol li {
	list-style-type: inherit;
	color: #6f6f6f;
	list-style-position: inside;
	margin: 5px 0;
}
section .tracklist li a {
	transition: 1s ease all;
	-webkit-transition: 1s ease all;
	color: #6f6f6f;
}
section .tracklist li a, section .tracklist li a:visited {
	color: #6f6f6f;
}
section .tracklist li a:hover {
	color: #b373c9;
}
section .tracklist li a.active {
#A7A9AB;
}
 @media only screen and (max-width: 1020px) {
#menu-icon {
	background: url(../image/menu_mobile.png) center no-repeat;
	float: right;
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-right: 2%;
	margin-top: -3%;
	background-size: 100%;
}
#menu li {
	display: block;
}
#menu-icon.act {
	opacity: 0.6;
	-webkit-opacity: 0.6;
}
header nav {
	width: 50%;
}
header nav {
	border-bottom: 0px;
}
header nav ul {
	display: none;
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 5px solid #444;
	right: 10px;
	top: 50px;
	z-index: 999;
	transition: 2s ease all;
	-webkit-transition: 2s ease all;
}
header li:first-child {
	text-align: center;
}
header nav li {
	z-index: 9999;
	text-align: center;
	width: 100%;
	padding: 3px 0;
	margin: 0;
	float: left;
	clear: both;
	border-bottom: 1px solid #444;
}
header nav li:hover a {
	color: #a34fbf;
}
.linkbor {
	border-left: 0px solid #346C92;
}
}
 @media only screen and (max-width: 999px) {
.form-itemBlock .form1b, .form-itemBlock .form2b, .form-itemBlock .form3b, .form-itemBlock .form4b {
	width: 50%;
	margin-right: 0;
	margin-bottom: 12px;
	padding: 0 8px;
}
.specialBox textarea, .frm-amt .form1b input, .specialBox .formBlock label {
	width: 100%;
}
.frm-amt .form3b input {
	width: 85%;
}
.frm-amt .form2b input {
	width: 97%;
}
.frm-amt .form4b input {
	padding-left: 44px;
	width: 100%;
}
.mnt-frm {
	text-align: center;
}
.mp {
	padding-top: 30px;
	margin-right: 0px;
	float: left;
	padding: 30px 4px 0px 6px;
}
.frm-amt .form1b, .frm-amt .form4b {
	width: 100%;
	margin-right: 0;
	margin-bottom: 12px;
}
.frm-amt .form2b {
	width: 40%;
	margin-right: 0;
	margin-bottom: 12px;
}
.frm-amt .form3b {
	width: 40%;
	margin-right: 0;
	margin-bottom: 12px;
}
.loginfloat {
	width: 96%;
	background-size: contain;
	top: 0;
	position: absolute;
	right: 2%;
	padding-top: 2%;
}
.loginspace {
	width: 100%;
	float: right;
	display: block;
	padding-top: 10.7%;
	margin-bottom: 2%;
}
.logininfo {
	padding: 10px 1% 10px 2%;
	width: 34%;
	background-image: url(../image/b4unew/infoback.png), url(../image/b4unew/infoback2.png);
	background-repeat: no-repeat, repeat-y;
	background-size: contain, contain;
	float: right;
	display: block;
	height: 450px;
}
.logininfo h1 {
	font-family: 'Dosis', sans-serif;
	padding: 6% 0px 0 14%;
	line-height: 37px;
	font-size: 16px;
	font-weight: 500;
}
section .content2 {
	/*float: left;
	width: 62%;*/
	background-color: rgba(255,255,255,0.90);
	margin-right: 1%;
	padding-bottom: 20px;
	margin-bottom: 15px;
}
/*section .content3 {
	float: left;
	width: 61%;
	margin-right: 1%;
	height: 470px;
	background: #fff;
	background-image: url(../image/b4unew/banner3_2.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}*/
section h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 500;
	font-size: 27px;
	padding: 0 0 0 0;
}
section .title {
	height: auto;
	padding: 0 0 0 60px;
	margin: 0px 0 10px 0;
	float: left;
}
.stephead img {
	height: 27px;
	width: auto;
}
.stephead {
	padding: 2% 0 0 0;
	border-top: 1px solid #A7A9AB;
	width: 100%;
}
.stephead h1 {
	font-size: 25px;
}
.buttongp ol li {
	width: 43%;
	height: auto;
	border-color: #8A9EB9;
	border-bottom-width: 1px;
	border-width: 1px;
	border-style: solid;
	position: relative;
	font-size: 0px;
}
.labelbox {
	background-color: #fff;
	height: auto;
	float: left;
	width: 50%;
	margin: 20px 2px 0 2px;
}
#menu-icon {
	background: url(../image/menu_mobile.png) center no-repeat;
	float: right;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 2%;
	margin-top: -3%;
}
#menu li {
	display: block;
}
#menu-icon.act {
	opacity: 0.6;
	-webkit-opacity: 0.6;
}
header nav {
	width: 50%;
}
header nav {
	border-bottom: 0px;
}
header nav ul {
	display: none;
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 5px solid #444;
	right: 10px;
	top: 50px;
	z-index: 999;
	transition: 2s ease all;
	-webkit-transition: 2s ease all;
}
header li:first-child {
	text-align: center;
}
header nav li {
	z-index: 9999;
	text-align: center;
	width: 100%;
	padding: 3px 0;
	margin: 0;
	float: left;
	clear: both;
	border-bottom: 1px solid #444;
}
header nav li:hover a {
	color: #a34fbf;
}
.linkbor {
	border-left: 0px solid #346C92;
}
}
 @media only screen and (max-width: 1300px) {
header .floatbanner {
	background-image: url(../image/banner2.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 0;
	width: 100%;
	display: block;
	margin-left: 0px;
	padding-top: 15%;
	display: none;
}
header {
	height: auto;
}
}
 @media only screen and (max-width: 767px) {
.labelbox {
	background-color: #fff;
	height: auto;
	float: left;
	width: 99%;
	margin: 20px 2px 0 2px;
}
.indeximg {
	position: relative;
	width: 50%;
	clear: both;
	margin-top: 10px;
}
.loginfloat {
	width: 100%;
	background-size: contain;
	top: 0;
	position: static;
	right: 2%;
	padding-top: 2%;
}
.loginspace {
	width: 100%;
	float: right;
	display: block;
	padding-top: 10.1%;
	margin-bottom: 2%;
	display: none;
}
.logininfo {
	padding: 1% 2% 1% 2%;
	width: 92%;
	background-image: url(../image/b4unew/infoback.png), url(../image/b4unew/infoback2.png);
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto, contain;
	float: right;
	display: block;
	margin-left: 2%;
	margin-right: 2%;
}
.logininfo h1 {
	font-family: 'Dosis', sans-serif;
	padding: 8% 0px 0 15%;
	line-height: 37px;
	font-size: 19px;
	font-weight: 500;
}
.logininfo p {
	font-size: 18px;
	margin: 4% 0 4% 0;
	padding: 3% 0 0 0;
	float: left;
	width: 100%;
	color: #A7A9AB;
}
.logininfo a.btn {
	height: 38px;
	width: 87%;
	color: #A7A9AB;
	margin: 3px 0 3px 0;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: right;
	text-align: left;
	line-height: 35px;
	font-size: 18px;
	padding-left: 13%;
}
#toggle + label {
	height: 38px;
	width: 87%;
	color: #A7A9AB;
	margin: 3px 0 3px 0;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: right;
	text-align: left;
	line-height: 20px;
	font-size: 18px;
	padding-left: 13%;
	background-image: url(../image/b4unew/info4.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
.bannerinner {
	width: 100%;
	height: auto;
	float: left;
}
.bannerinner2 {
	width: 100%;
	height: auto;
	float: left;
}
/*.index ul li {
	display: block;
	float: left;
	width: 76%;
	margin-left: 2%;
	margin-right: 2%;
}*/
.index ul li img {
	width: 100%;
}
.trackcontent, .tracklist {
	display: block;
}
.tracklist {
	width: 100%;
	min-height: inherit;
}
section .tracklist ol li {
	float: left;
}
section .tracklist ol {
	list-style-type: inherit;
	list-style-position: outside;
	margin: 10px 5px;
}
section .tracklist ol li {
	list-style-type: inherit;
	color: #6f6f6f;
	list-style-position: outside;
	margin: 5px 10px;
}
section .content2 {
	/*margin-right: 2%;
	margin-left: 2%;*/
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	padding-bottom: 3%;
	margin-bottom: 15px;
}
section .title {
	height: auto;
	padding: 0 0 0 60px;
	margin: 10px 0 10px 5px;
	float: left;
}
section .content3 {
	width: 100%;
	/*height: 0px;*/
	float: left;
	margin: 0 0 0 0;
	border: 0px solid #DDDDDD;
	background: #fff;
	background-image: url(../image/b4unew/banner3_1.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;/*padding-top: 81%;*/
}
.content3 a {
	display: block;
	height: 100%;
	width: 100%;
}
.stephead {
	padding: 2% 0 0 0;
	/*margin-top: 25%;*/
	border-top: 1px solid #A7A9AB;
	width: 100%;
}
section .content {
	float: left;
	padding: 0% 0% 2% 0%;
	width: 100%;
	background-color: #fff;
}
section .content2 .contenttext .faq label {
	font-size: 20px;
	background: rgba(239,243,245,1.00);
	display: block;
	position: relative;
	height: auto;
	padding: 7px 10px;
	padding-left: 10px;
	border: 1px solid rgba(138, 158, 185, 0.2);
	transition: all .3s ease-out;
	margin: 0 3% 0 3%;
}
.logobox {
	display: block;
	width: 100%
}
.logobox img {
	width: 100%;
	display: none;
}
.main_img img {
	width: 100%
}
.popfancy .contenttitle p {
	font-size: 20px;
	font-family: 'Dosis', sans-serif;
	margin-top: 15px;
}
.popfancy .contenttext p {
	font-size: 12px;
	margin-top: 10px;
	padding: 0 2% 0 2%;
}
.discount_content {
	width: 96%;
}
.discount_content h2 {
	width: 100%;
	float: left;
	border-bottom: #A7A9AB 1px solid;
	font-size: 20px;
	margin: 18px 0 8px 0;
	font-family: 'Dosis', sans-serif;
	color: #A7A9AB;
}
.discount_content .searchbox {
	float: right;
	padding-left: 6px;
	background-color: rgba(80, 120, 156,0.1);
	border: none;
	color: #463E2F;
	font-size: 12px;
	height: 30px;
	line-height: 24px;
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
.discount_content td {
	padding: 5px 5px 5px 10px;
	font-size: 12px;
}
.discount_content .personalInfo {
	position: absolute;
	bottom: 39px;
	line-height: 15px;
	font-size: 12px;
}
section.index {
	width: 100%;
	height: 100%;
	padding: 0;
}
section .content2 .contenttext label:hover {
	background: rgba(246,248,250,1.00);
}
form label {
	width: 85%;
}
.buttongp {
	min-width: inherit;
}
.buttongp ol li {
	/*width: 95%;
	height: auto;
	border-color: #8A9EB9;
	border-bottom-width: 1px;
	border-width: 1px;
	border-style: solid;
	position: relative;
	font-size: 0px;*/
	width: 48%;
	height: auto;
	border-color: #8A9EB9;
	border-bottom-width: 1px;
	border-width: 1px;
	float: left;
	border-style: solid;
	margin: 10px 1% 4px 1% !important;
	position: relative;
	font-size: 0px;
}
.buttongp ol li.lat, .buttongp ol li:hover.lat, .buttongp ol li.lat.active {
	padding: 15px 5px 15px 5px;
}
.halfwidth {
	height: auto;
	min-height: inherit;
}
header {
	height: auto;
}
header .fblike {
	display: none !important;
	float: right;
}
header .loggined {
	float: right;
}
header .hidlinks {
	display: block;
}
header .floatbanner {
	background-image: url(../image/banner2.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 0;
	width: 100%;
	display: block;
	padding-top: 15%;
	display: none;
}
header .menubox {
	border-top: 0px;
}
header .login {
	top: 65px;
	right: 0px;
	margin: 7px 8px 0 0;
}
header nav {
	top: 26px;
}
/*header .logo {
	background-size: auto 70px;
	height: 85px;
}*/
#menu-icon {
	background: url(../image/menu_mobile.png) center no-repeat;
	float: right;
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-right: 3%;
	margin-top: 13%;
	background-size: 100%;
}
#menu-icon.act {
	opacity: 0.6;
	-webkit-opacity: 0.6;
}
header nav {
	width: 50%;
}
header nav {
	border-bottom: 0px;
}
header nav ul {
	display: none;
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 5px solid #444;
	right: 10px;
	top: 50px;
	z-index: 999;
	transition: 2s ease all;
	-webkit-transition: 2s ease all;
}
header li:first-child {
	text-align: center;
}
header nav li {
	z-index: 9999;
	text-align: center;
	width: 100%;
	padding: 3px 0;
	margin: 0;
	float: left;
	clear: both;
	border-bottom: 1px solid #444;
}
header nav li:hover a {
	color: #a34fbf;
}
header .navlink {
	display: none;
}
s header li:last-child {
	border-bottom: none;
}
.linkbor {
	border-left: 0px solid #346C92;
}
.itemlist .titleTable {
	display: none;
}
span.item-tl {
	display: inline-block !important;
	font-weight: 600;
	vertical-align: top;
	padding-top: 3px;
}
.iteminfo p, .arrivalTime p, .dimension p, .chargeableweight p {
	display: inline-block !important;
}
.buttongp ol li span {
	display: block;
	width: 100%;
}
.buttongp ol li input {
	display: none;
}
.iteminfo b, .arrivalTime b, .dimension b, .buttongp b, chargeableweight b {
	width: 30%;
	display: block;
	float: left;
}
.iteminfo {
	width: 100%;
}
.arrivalTime {
	width: 100%;
}
.chargeableweight {
	width: 100%;
}
.dimension {
	width: 100%;
}
.buttongp {
	width: 100%;
}
.halfwidth {
	width: 100%;
	float: left;
	margin: 10px 0;
}
.halfwidth:nth-child(odd) {
	float: left;
}
}
/*login 2014*/

.login2014 {
	background: url(../image/b4unew/pure-shop-logo.png) top left no-repeat;
	background-position: 50% 3%;
}
.login2014.addressinfo {
	background: none;
}
.login2014.addressinfo div.formcontainer14 {
	padding: 10px 30px;
}
.login2014 div.formcontainer14 {
	width: 320px;
	padding: 90px 30px 10px 30px;
	background-position: 50% 3%;
}
.login2014 h1 {
	width: 100%;
	float: left;
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	font-size: 40px;
	border-bottom: #A7A9AB;
	padding: 20px 0 0 20px;
	color: #A7A9AB;
}
.login2014 form {
	margin: 5px 0 15px 0;
	width: 100%;
	display: block;
	float: left;
}
.login2014 form label {
	margin: 0 0 0 5px;
	display: block;
	float: left;
	width: 240px;
	font-size: 10px;
}
.login2014 form .warning {
	font-size: 10px;
	color: red;
}
.login2014 span.error {
	width: 260px;
	text-indent: 0px;
	font-size: 10px;
	color: red;
	margin: 5px 0;
}
.login2014 form input[type='checkbox'] {
	float: left;
	height: 18px;
}
.login2014 form input[type='text'], .login2014 form input[type='email'], .login2014 form input[type='password'] {
	font-size: 14px;
	width: 260px;
	border: 1px solid #a9a9a9;
	height: 38px;
	line-height: 14px;
	text-indent: 8px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
}
.login2014 form input[type='text']:active, .login2014 form input[type='email']:active, .login2014 form input[type='password']:active {
	border: 1px solid rgba(52, 108, 146, 0.5);
	background: rgba(52, 108, 146, 0.3);
}
.login2014 form input[type='text']:focus, .login2014 form input[type='email']:focus, .login2014 form input[type='password']:focus {
	border: 1px solid rgba(52, 108, 146, 0.5);
	background: rgba(52, 108, 146, 0.1);
}
.login2014 form input:not(:root:root) {
	background: red;
}
.login2014 form input[type='submit'] {
	height: 44px;
	width: 260px;
	background: #0075BD;
	color: white;
	border: none;
	margin: 10px 0 5px 0;
	border-radius: 2px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
a span.buy-now-promo {
	height: 44px;
	width: 100%;
	background: #0075BD;
	color: white;
	border: none;
	margin: 0;
	border-radius: 2px;
	padding: 12px 0;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	text-align: center;
	display: block;
}
a:hover span.buy-now-promo, .discount_content .button:hover {
	text-decoration: none;
	background: #d4426d;
}
.discount_content .button {
	height: 44px;
	width: 140px;
	background: #0075BD;
	color: white;
	border: none;
	margin: 0;
	border-radius: 2px;
	padding: 12px 0;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	text-align: center;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
span.coupon-text {
	display: inline-block;
	width: 72%;
	vertical-align: middle;
}
span.coupon-promo {
	display: inline-block;
	width: 28%;
	vertical-align: middle;
}
span.coupon-promo a:hover {
	text-decoration: none;
}
.login2014 form input[type='submit']:hover {
}
.login2014 .loginWithFB {
	display: block;
	float: left;
	background: url(../image/facebook_login.png) top left no-repeat;
	width: 260px;
	height: 44px;
	margin: 25px 0px 15px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.login2014 .loginWithFB:hover {
	background: url(../image/facebook_login_h.png) top left no-repeat;
}
.login2014 .or {
	float: left;
	width: 100%;
	height: 14px;
	background: url(../image/or.png) top left repeat;
}
.login2014 .alignCenter {
	width: 100%;
	text-align: center;
	margin: 5px 0 15px 0;
	font-size: 12px;
}
.login2014 a {
}
.login2014 a:hover {
	color: #000000;
}
.login2014 p {
	color: #727272;
}
.login2014 ul li {
	float: left;
	width: 100%;
	margin: 7px 0;
}
.inform {
	font-size: 18px;
	background: rgba(80, 120, 156,0.1);
	border: 1px solid rgba(138, 158, 185, 0.5);
	height: 232px;
	max-height: 860px;
	overflow-y: scroll;
	padding: 5px 0 10px 5px;
	width: 400px;
}
.inform h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #346c92;
	font-weight: 200;
	border-bottom: 2px solid #346c92;
}
.topus ul li {
	display: block;
	float: left;
	width: 18%;
	height: auto;
	margin-left: 1%;
	text-align: center;
	margin-right: 1%;
	margin-top: 3%;
	max-height: 80px;
	min-height: 80px;
	overflow: hidden;
	list-style: none;
	border: none;
}
.topus ul li img {
	width: 100%;
	height: auto;
	border-style: none;
	max-width: 100%;
}
 @media only screen and (max-width: 767px) {
section .subheadline {
	float: left;
	padding: 0 2% 0 2%;
	width: 96%;
	margin-top: 0px;
}
.login2014 {
	background: url(../image/b4unew/form_logo_n.png) top left no-repeat;
	background-position: 50% 3%;
}
.login2014 div.formcontainer14 {
	width: 200px;
	padding: 90px 30px 10px 30px;
}
.login2014.addressinfo div.formcontainer14 {
	padding: 10px 0px;
}
#menu ul li {
	margin: 10px 0;
}
.login2014 form input[type='text'], .login2014 form input[type='email'], .login2014 form input[type='password'] {
	font-size: 14px;
	width: 200px;
	border: 1px solid #a9a9a9;
	height: 38px;
	line-height: 14px;
	text-indent: 8px;
}
.login2014 form input[type='submit'] {
	height: 44px;
	width: 200px;
	background: #A7A9AB;
	color: white;
	border: none;
	margin: 10px 0 5px 0;
	border-radius: 2px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: left;
}
.login2014 .loginWithFB {
	display: block;
	float: left;
	background: url(../image/facebook_login_n.png) top left no-repeat;
	width: 200px;
	height: 44px;
	margin: 25px 0px 15px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.login2014 .loginWithFB:hover {
	background: url(../image/facebook_login_h_n.png) top left no-repeat;
}
.login2014 .or {
	float: left;
	width: 100%;
	height: 14px;
	background: url(../image/or_n.png) top left repeat;
}
header .loginright {
	display: none;
}
.featureWrap ul li .fLeft {
	width: 18% !important;
}
.featureWrap ul li .fRight {
	width: 82% !important;
}
}
/*address from */
 
 /*address*/
.content .quantity input {
	width: inherit
}
.content .address {
	width: 100%;
}
.content .forma ol {
	margin: 5px 0 7px 0;
}
.content .forma ol li {
	width: 95%;
	padding: 7px 0.5%;
	float: left;
}
.content .forma input[type='radio'] {
	width: 5%;
}
.content .forma label {
	width: 90%;
}
.content .forma input[type='radio'], .contentb .forma label {
	vertical-align: middle;
	display: block;
	float: left;
	margin: 5px 0;
}
.content .forma .clickedd {
	background: #F6F6F6;
	color: #463e2f;
}
.content .form-payment-method {
	width: 100%;
	padding: 15px 22px 0 22px;
	display: block;
}
.content .form-payment-method input[type='radio'] {
}
.content .form-payment-method input[type='radio'], .contentb .form-payment-method label {
	vertical-align: middle;
	display: block;
	float: left;
	margin: 3px 6px 5px 0px;
}
.content .form-payment-method input[type=radio]:checked {
	background: #0075BD;
}
.content .bringbutton {
	height: 32px;
	width: 47%;
	text-align: center;
	background: #A7A9AB;
	color: white;
	border: none;
	border-radius: 2px;
	padding-top: 5px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: right;
	margin-left: 2%;
	background-image: url(../image/arrow-r.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
}
.content .paypalbutton {
	height: 45px;
	width: 47%;
	text-align: center;
	background: #A7A9AB;
	color: white;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: right;
	margin-left: 2%;
	background-image: url(../image/arrow-r.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
}
.content .paypalbutton:hover {
	background: #0075BD;
}
.content .backbutton {
	height: 32px;
	width: 47%;
	text-align: center;
	background: #A7A9AB;
	color: white;
	border: none;
	border-radius: 2px;
	padding-top: 12px;
	cursor: pointer;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	float: left;
	margin-left: 2%;
	background-image: url(../image/arrow-l.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top left;
}
.content .backbutton:hover {
	background: #0075BD;
}
#button_conf {
	width: 100%;
}
.content .bringbutton:hover {
	background: #0075BD;
	background-image: url(../image/arrow-r.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
}
.content .form {
	float: left;
	margin: 0 0 0 5%;
}
.content .form input[type="text"], .content .form select {
	border: medium none;
	color: #939597;
	height: 24px;
	text-indent: 5px;
	text-align: left;
	vertical-align: middle;
	background: #FFFBD5;
	width: 100%;
}
.halfwidth form {
	margin: 5px 0;
	float: left;
	width: 100%
}
.login-content .contentb h5 {;
	border-bottom: #8c877e 3px solid;
	margin: 5px 5px;
	font-size: 18px;
}
.content .form ::-webkit-input-placeholder {
 color:#818180;
}
 .content .form :-moz-placeholder { /* Firefox 18- */
 color:#818180;
}
 .content .form ::-moz-placeholder {  /* Firefox 19+ */
 color:#818180;
}
 .content .form :-ms-input-placeholder {
 color:#818180;
}
.content .buttons {
	text-align: right;
	clear: both;
}
/*fix for old css*/
.contentb .onecheckout-content {
	border-bottom: none;
	margin: 0 5px;
}
.content .onecheckout-content select.existingadd {
	width: 93%;
	height: 60px;
	margin: 0px 0 0 5%;
	font-size: 11px;
	background: #FFFBD5;
	color: #939597;
}
.content #shipping-new input[name=lastname] {
	padding-right: 0px;
}
.halfwidth select.existingadd {
	width: 95%;
	margin-bottom: 15px;
	height: 70px;
	margin: 5px 15px 15px 18px;
	background-color: #FFF;
	border: 1px solid #808080;
}
.remarks {
	width: 98%;
	height: 70px;
	margin: 5px 5px;
	background-color: #FFFBD5;
	border: none;
}
/*footer*/
footer {
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #A7A9AB;
}
.footer { /*background: url(../images/divider.jpg) no-repeat;*/
	padding: 4px 0px 12px;
	font-size: 12px;
	margin: 0 auto;
	position: relative;
	height: 141px;
	clear: both;
}
.footer .footer_line {
	display: none;
	border-top: 1px solid #5A4F3B;
	margin-top: 25px;
}
/*disabled links*/
.footerlink {
	/*display: none;*/
	width: 145px;
	float: left;
	margin: 22px 10px 30px;
}
.footerlink li {
	color: #463E2F;
	text-transform: capitalize;
	line-height: 16px;
}
.footerlink li p {
	margin-bottom: 5px;
	font-family: swiss_721bold_condensed, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.cn .footerlink li p, .zh-HK .footerlink li p {
	font-weight: bold;
}
.footerlink li a {
	color: #463E2F;
	border: 0px;
	text-transform: none;
	font-weight: normal;
}
.footerlink li a:hover {
	color: #f39905;
	text-decoration: none;
}
/*copy right*/
.copyright {
	color: #463E2F;
	float: right;
	margin-top: 22px;
	margin-right: 0px;
}
.copyright p {
	position: relative;
	text-align: center;
	color: #463E2F;
	font-size: 12px;
	margin-bottom: 10px;
}
.login_member_group {
	font-size: 10px;
	margin: 5px 5px 0 0;
	text-transform: uppercase;
	border: 1px solid #DDDDDD;
	padding: 3px;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 19.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
 @media only screen and (max-width: 480px) {
.form-itemBlock .form1b, .form-itemBlock .form2b, .form-itemBlock .form3b, .form-itemBlock .form4b {
	width: 100%;
	margin-right: 0;
	margin-bottom: 12px;
}
.form-itemBlock input {
	width: 97.5%;
}
.frm-uper .formBlock label {
	display: block;
	float: none;
	width: 100%;
}
.frm-uper .formBlock input {
	display: block;
	float: none;
	width: 97.5%;
}
.specialBox .formBlock label {
	width: 100%;
}
.specialBox textarea {
	width: 96.2%;
}
.mp {
	padding-top: 0px;
	margin-right: 0px;
	/* float: none; */
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 600;
}
.frm-amt .form1b input {
	padding-left: 17%;
	width: 98%;
}
.frm-amt .form4b input {
	padding-left: 15%;
	width: 98%;
}
.mp span {
	display: block;
	text-align: left;
	margin-left: 0;
	font-weight: normal;
}
.frm-amt .form2b input {
	width: 60%;
}
.frm-amt .form3b input {
	width: 60%;
}
.formBlock span {
	display: block;
}
}
.accordion {
	list-style-type: none;
	padding: 0;
	margin: 0 0 12px;
	border: 1px solid #9c9c9c;
	display: inline-block !important;
}
.accordion ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li {
	background: #b4b4b4;
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100% !important;
	border-bottom: 1px solid #ccc;
}
.accordion li:last-child {
	border-bottom: 0px;
}
.accordion li.active>a {
	background: url('close.gif') no-repeat center right;
}
.accordion li div {
	padding: 20px;
	background: #fff;
	display: block;
	clear: both;
}
.accordion a {
	font-size: 16px;
	text-decoration: none;
	font: bold 1.1em/2em Arial, sans-serif;
	color: #fff;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url('open.gif') no-repeat center right;
	font-weight: normal;
}
/* Level 2 */
.accordion li ul li {
	background: #7FD2FF;
	font-size: 0.9em;
}