* {
	padding:0;
	margin:0;
	border:0;
}

body, #wrapper {
	margin:0;
	padding:0;
	color:#333;
	font:normal 16px system-ui, sans-serif, Tohoma, Arial;
	overflow:auto;
}
a {
	color:#ed8000;
	text-decoration: none;
}
a:hover{ 
	color:#333;
}
h1, h2, h3 {
	color: #000;
	padding:12px 0 6px 0;
}
h1,h2 { font-weight: normal; }
p {
	margin:9px 6px 9px 0;
	line-height: 140%;
	display:block;
}
li {
	margin:9px 6px 9px 20px;
}
ol {list-style-type: lower-alpha;}

label { font-size:80%; }
.captcha { text-align:center;margin-bottom:0; background:url(media/captcha.png); padding:3px; font-size:115%; }
form input[type="submit"] { max-width:45%; cursor:pointer; }
form input, form textarea {
	width:95%;
	font: inherent;
	margin:2px 0 8px;
	padding:5px 6px;
	background:#efefef;
	border:1px solid #ccc;
}
input[type="checkbox"] {
  cursor: pointer;
 -ms-transform: scale(1.6); /* IE */
 -moz-transform: scale(1.6); /* FF */
 -webkit-transform: scale(1.6); /* Safari and Chrome */
 -o-transform: scale(1.6); /* Opera */
  margin-left: 10px;
}

/*--------------- header -----------------*/
#header {
	width:100%; 
	position:fixed;
	top:0;
	left:0;
	border-bottom:1px solid #efefef;
	box-shadow: 0 8px 6px -6px #CCC;
	background:#fff;
	z-index:5;
}
#toplink {
	max-width:1150px;
	position:relative;	
	padding:10px 20px;
	margin:0 auto;
	text-align:right;
	z-index:9;
}
#toplink a, #banner a { color: #333; }
#toplink a:hover, #banner a:hover { color: #ed8000; }

#banner {
	max-width:1150px;
	padding:5px 20px 10px;
	margin:-35px auto 0;
}
.lgLogo {
	height:95px;
	background:#fff url(media/logo_onefulfilment.png) 3px 2px no-repeat;
}
.smLogo {
	height:37px;
	background:#fff url(media/logo_onefulfilment_small.png) 5px 3px no-repeat;
}
.mobilink, .mobiclose { display: none; float:right; margin:9px 15px 6px 15px; width:30px; height:28px; background:#fff url(media/icon-mobile.gif) -1px 1px no-repeat; }
.mobiclose { background-position: -35px 1px; }
.clickable { width:220px; height:100%; float:left; position:relative; z-index:9; }

#banner ul {
	float:right;
	list-style:none;
	display:inline;
	text-align: left;
	position:relative;
	z-index:8;
}
#banner ul li { 
	display: inline-block;
	padding-left:28px; 
	margin:0;
	margin-top:65px; 
}
#banner ul li.signin { display: none; background-color:#ed8000; }
#banner ul li.signin a { color:#fff; }
#banner ul li.language { display:none; }

/*--------------- main -----------------*/
#content {
	max-width:1150px;
	min-height:300px;
	margin:0 auto;
	padding:120px 20px 25px;
	background:#fff;
	overflow:hidden;
	border-bottom:1px solid #efefef;
}
#content .float-text {
	position: absolute;
	top: 58%;
	left: 0%;
	margin-left:40px;
	width:50%;
	font-size:115%;
	padding-left: 12px;
	background: rgba(255, 255, 255, 0.65);
}
#content .block, #content .pageintro {
	display:table;	
	width: 100%;
	position: relative;
	margin: 18px 0;
}
#content .how-it-works {
	width:100%;
	height:910px;
	margin: 12px 0;
	padding-top:5px;
	background:url(media/fulfilment-process.jpg) 50% 0 no-repeat; 
}	
#content .text-left, #content .text-right {
	width:39%;
	height:118px;
	padding-top:10px;
	background:none;
	position: relative;
}
#content .text-left { text-align:right; }
#content .text-right { margin-left:61%;	}
#content .text-left h2, #content .text-right h2 { padding-top:0; }
	
#content .button {
	text-align:center;
	margin: 35px auto 50px;
}
#content .button a {
	color:#ed8000;
	padding: 8px 18px;
	margin: 20px 12px;
	border: 2px solid #ed8000;
	border-radius: 10px;
	font-size:110%;
	white-space: nowrap;
}	
#content .button a:hover {
	background:#ed8000;
	color:#fff;
}
/*---------------- columns ---------------------*/
#content .box2, #content .box3 {
	padding: 6px 28px 10px 0;
}
#content .two-column {
	float:left;
	width:50%;
}
#content .two-column img {
	width:100%;
	position:relative;
}

#content .three-column {
	float:left;
	width:33.33%;
}
#content .box-icon {
	width: 35px;
	height: 35px;
	float: left;
	margin: -5px 12px 0 0;
	background-image:url(media/icon-features.png) ; 
}

#content .four-column {
	width:25%;
	position: relative;
	float: left
}
#content .four-column-img, #content .how-img {
	position: absolute;
	top:0;
	left: 15px;
	width: 100px;
	height: 100px;
	background-image:url(media/icon-steps.png); 
}
#content .how-img { display: none; }

#content .four-column-wrap {
	padding:15px;
	padding-top: 40px;
	margin: 54px 25px 8px 0;
	background: #fbf7f4;
	border-radius:12px;
}


/*-------------- FAQ collapsible ---------------*/
.collapsible {
	cursor: pointer;
	padding: 8px;
	margin-top: 2px;
	width: 99%;
	border: none;
	background: #f1f1f1 url(media/icon-dropdown.gif) 98% no-repeat;
}

.showme {
	padding: 0 5px 10px 5px;
	display: none;
	overflow: hidden;
}

/* ------------- pricing slicer ---------------*/
.slider {
  -webkit-appearance: none;
	appearance: none;
	width: 88%;
	height: 15px;
	background: #ddd;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border: 1px solid #555;
	border-radius:7px;
}

.slider::-moz-range-thumb {
	width: 15px;
	height: 35px;
	background: #fa6300;
	cursor: pointer;

}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 35px;
	background: #fa6300;
	cursor: pointer;
	border: 1px solid #555;
	border-radius:7px;
	box-shadow: 2px 4px 2px -2px  #999;
}

.boxes {
	width:75%; 
	margin:1px auto; 
	min-width:300px; 
	max-width:600px;
	background:#f1f1f1;
	padding:4px;
}
.boxes h3, .boxes p { text-align:center; margin:0; padding:0; }

/*--------------- footer -----------------*/
#footer {
	width:100%;
	font-size:90%;
	background:#ed8000;
	position:absolute;
	padding:20px 0;
}
#sub-footer {
	max-width:1150px;	
	color:#fff;
	margin: 0 auto;
}
#sub-footer .copyright {
	float:left;
	width:40%;
	padding:10px 0;
}
#sub-footer ul {
	float:right;
	list-style:none;
}
#sub-footer ul li { 
	display: inline-block;
	padding-left:18px; 
}
#sub-footer a { color:#fff; }
#sub-footer a:hover{ color:#ffeedd; }