html,body{
	background:#fff;
	color:#232323;
	font-family:RobotoRegular,Arial,Verdana,Helvetica,'sans-serif';
	font-size:13px;
	margin:0;
	padding:0;
}

a{
	color:#878787;
}

.txt a{
	color:#232323;
}

a:hover,a.blue,.blue,a.active{
	color:#24abf4 !important;
}

a.darkBlue,.darkBlue{
	color:#017ba9 !important;
}

a:focus,a:active,input{
	outline:none;
}

a.delete,.delete a{
	font-size:11px;
	text-decoration:none;
}

.close{
	background:#fff !important;
	border:1px solid #ccc !important;
	border-radius:5px !important;
	display:block;
	height:17px !important;
	margin:0 !important;
	padding:0 !important;
	width:17px !important;
}

.close i{
	display:block;
}

em{
	font-style:italic;
	font-weight:normal;
}

sup,sub{
	position:relative;
	top:-0.4em;
	vertical-align:baseline;
}

sub{
	top:0.4em;
}

label{
	cursor:pointer;
	display:inline-block;
	margin-top:3px !important;
	padding:0 13px 0 4px;
	vertical-align:top;
}

label.large{
	font-size:19px;
	margin-bottom:15px;
}

label.large span{
	font-size:13px;
}

input:not([type=checkbox]):not([type=radio]),select{
	background:#fff;
	border:1px solid #ccc;
	box-sizing:border-box;
	color:#000;
	font-size:12px;
	height:26px;
	line-height:26px;
	padding:1px 2px;
	width:169px;
}

input:not([type=checkbox]):not([type=radio]){
	-webkit-appearance:none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

textarea{
	font-family:Arial,Verdana,Helvetica,'sans-serif';
}

.btn{
	border:0 !important;
	border-radius:11px !important;
	color:#fff !important;
	display:inline-block !important;
	font-size:10px !important;
	font-weight:bold !important;
	height:23px !important;
	line-height:23px !important;
	padding:0 10px !important;
	text-align:center;
	text-decoration:none !important;
	width:auto !important;
}

.btn.lrg{
	font-size:13px !important;
	font-weight:normal !important;
	height:30px !important;
	line-height:30px !important;
}

.btn.grey{
	background:#c3c3c3 !important;
}

.btn.blue{
	background:#24abf4 !important;
	color:#fff !important;
}

input.btn{
	padding:0 16px !important;
}

.btn i{
	margin:0 0 0 7px;
}

.btn:hover{
	color:#fff !important;
	cursor:pointer;
}

.btn.grey:hover{
	background:#aaa !important;
}

.btn.blue:hover{
	background:#00a0dd !important;
}

.btn.grey:disabled{
	background:#ddd !important;
	cursor:auto;
}

.btn.blue:disabled{
	background:#57c8f2 !important;
	color:#fff !important;
	cursor:auto;
}

h1,h2,h3,h4,h5,h6{
	clear:both;
	color:#242424;
	font-family:RobotoMedium;
	font-size:23px;
	font-weight:normal;
	margin:1em 0;
}

h3{
	font-size:18px;
	margin:0 0 26px 0;
}

h4{
	color:#2a2a2a;
	font-size:27px;
	letter-spacing:0.5px;
	line-height:34px;
	margin:0 0 27px 0;
}

h5{
	font-family:MontserratRegular;
	font-size:14px;
	letter-spacing:3px;
}

h6{
	font-size:18px;
	margin:0 0 10px 0;
}

.h{
	border-bottom:1px solid #c7c7c7;
}

.h h2,.h h4{
	border-bottom:3px solid #3798de;
	display:inline-block;
	margin:0 0 -2px 0;
	padding:0 0 9px 0;
}

p,ul,ol,li{
	font-size:15px;
}

p,li{
	line-height:1.6em;
	margin:1.5em 0 10px 0;
}
.smallText h1{
	font-size:18px;
}
.smallText p,.smallText td,.smallText li{
	font-size:12px;
	line-height:1.4em;
	margin:1.1em 0 10px 0;
}

.grey13 p{
	color:#777;
	font-size:13px;
}

.floatL{
	float:left;
}

.floatR{
	float:right;
}

.box50{
	width:50%;
}

.bdrL.box50{
	padding:0 0 0 25px;
}

.bdrR.box50{
	padding:0 25px 0 0;
}

.box50 h2{
	margin-top:5px;
}

.error{
	color:#f00;
}

.warning{
	color:#b88d07;
}

ul.error,ul.warning{
	background:#fff0f0;
	border:1px solid #f00;
	list-style-position:outside;
	margin:1em 0;
	padding:5px 5px 5px 27px;
}

ul.warning{
	background:#ffffb2;
	border-color:#ecda6e;
}

ul.error li,ul.warning li{
	margin:0;
	padding:5px 0;
}

#msgContainer{
	display:none;
	margin:0 0 0 -261px;
	overflow:hidden;
	position:absolute;
	left:50%;
	width:522px;
}

#msgContainer.fixed{
	position:fixed;
	top:0 !important;
}

.msg{
	border:1px solid;
	margin:1em 0;
	padding:1em;
}

.msg.success{
	background:#e0ffdd;
	border-color:#060;
	color:#060 !important;
}

.msg.warning{
	background:#ffffb2;
	border-color:#ecda6e;
}

.msg.warning,.msg.warning p{
	color:#b88d07;
}

.msg.error{
	background:#fff0f0;
	border-color:#f00;
}

.msg p,.msg ul{
	padding:0 0 0 32px;
}

.msg ul{
	list-style:none;
	margin-bottom:0;
}

.msg ul li{
	padding:0 0 4px 0;
}

.msg i.warn + p,.msg i.warn + ul{
	margin:-19px 0 0 0;
	min-height:20px;
}

#msgContainer .msg{
	border-top:0;
	margin:0;
	padding:10px;
	position:absolute;
	width:500px;
}

.content{
	box-sizing:border-box;
	margin:0 auto;
	overflow:hidden;
	width:1170px !important;
}

#dialog .content,#passwordPopup .content{
	box-sizing:content-box;
	width:auto !important;
}

body > div{
	min-width:1170px;
}

#header > div:first-child{
	background:#f1f1f1;
	border-bottom:1px solid #dbdbdb;
	height:72px;
}

#header > div:first-child,#header > div:first-child .content > div > a,#header > div:first-child .content > div > span > a{
	color:#404040;
	font-size:16px;
	text-decoration:none;
}

#header > div:first-child .content > div{
	height:72px;
	line-height:72px;
	padding:0 17px;
}

#header > div:first-child .content > div:first-child{
	padding:0 20px;
}

#header > div:first-child .content > div.floatL,#header > div:first-child .content > div:last-child{
	border-left:1px solid #cdcdcd;
}

#header > div:first-child .content > div.floatR{
	border-right:1px solid #cdcdcd;
}

#header > div:first-child .content > div > span > i,#header > div:first-child .content > div > a > i{
	margin:0 11px 0 0;
}

#header > div:first-child .content > div > a > i{
	margin-bottom:4px;
}

#header > div:first-child .content > div > span a,#header > div:first-child span span{
	vertical-align:middle;
}

#header .content, #menu .content{
	overflow:visible;
}

.logo{
	display:inline-block;
	margin:30px 0;
}

.logo,.logo img{
	height:48px;
	width:258px;
}

#nav{
	float:right;
	height:109px;
	line-height:109px;
}

#nav a{
	color:#4a4a4a;
	font-family:RobotoBold;
	font-size:13px !important;
	margin:0 33px 0 0;
	text-decoration:none;
}

#nav a:last-child{
	margin-right:0;
}

#nav .btn{
	height:53px !important;
	line-height:53px !important;
	padding:0 21px !important;
}

#menu + #headerBanner > div{
	border-top:0;
}

#headerBanner{
	height:532px;
	margin:0 0 90px 0;
}

#headerBanner.txtOnly{
	height:auto;
	text-align:center;
}

#headerBanner > div{
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	float:left;
	height:530px;
	width:50%;
}

#headerBanner.txtOnly > div{
	height:auto;
	padding:93px 0 61px 0;
	width:100%;
}

#headerBanner > div > div{
	box-sizing:border-box;
	width:585px;
}

#headerBanner > div:first-child div{
	float:right;
	padding:127px 65px 0 15px;
}

#headerBanner > div:first-child div p, #headerBanner.txtOnly p{
	color:#2c2c2c;
	font-family:RobotoMedium;
	font-size:22px;
	letter-spacing:0.5px;
	line-height:35px;
	margin:0 0 26px 0;
}

#headerBanner > div:first-child div p:first-child, #headerBanner.txtOnly p:first-child{
	color:#fff;
	font-size:35px;
	line-height:44px;
}

#headerBanner > div:first-child div a.btn,#footer-noaccount a.btn,.prod a.btn{
	border:2px solid #fff !important;
	font-family:RobotoBold;
	font-size:13px !important;
	height:54px !important;
	line-height:54px !important;
	padding:0 31px !important;
}

#headerBanner > div:first-child div a.btn:hover,#footer-noaccount a.btn:hover{
	background:#00a0dd;
}

#headerBanner > div:first-child div a.btn.browse,.prod a.btn{
	float:right;
}

.prod a.btn{
	border-color:#999 !important;
	color:#999 !important;
	height:44px !important;
	line-height:44px !important;
	margin:-16px 0 0 20px;
	padding:0 20px !important;
}

.prod a.btn:hover{
	background:#e0e0e0;
}

#headerBanner > div:last-child > div{
	padding:100px 0 0 50px;
}

#headerBanner .image{
	max-width:720px;
	min-width:585px;
	overflow:hidden;
	padding:0 !important;
	width:auto;
}

#headerBanner .images{
	height:325px;
	overflow:hidden;
	width:485px;
}

#headerBanner .images img{
	height:325px;
	width:485px;
}

#headerBanner .pager{
	margin:26px 0 0 0;
	text-align:center;
	width:485px;
}

.pager span{
	background:#d8d8d8;
	border-radius:50%;
	cursor:pointer;
	display:inline-block;
	height:14px;
	margin:0 4px 0 3px;
	width:14px;
}

.pager .active{
	background:#1bb1f4;
}

#main{
	margin:0 0 131px 0;
}

#main.default,#dialog .content,#passwordPopup .content{
	font-family:Arial,Verdana,Helvetica,'sans-serif';
}

#footer-noaccount{
	padding:63px 0 60px 0;
	text-align:center;
}

#footer-noaccount p{
	color:#f2f2f2;
	font-family:RobotoBold;
	font-size:26px;
	letter-spacing:0.48px;
	margin:0 0 36px 0;
}

#footer{
	background:#383838;
	clear:both;
	padding:65px 0 55px 0;
}

#footer,#footer ul,#footer li,#footer a{
	color:#f2f2f2;
	font-size:14px;
	line-height:13px;
	text-decoration:none;
}

#footer h4,#footer h4 a{
	color:#27b7ec;
	font-size:18px;
	font-weight:normal;
	margin:0 0 22px 0;
}

#footer .floatL{
	margin:0 58px 0 0;
}

#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}

#footer li{
	margin:0 0 10px 0;
}

#footer li:last-of-type{
	margin-bottom:0;
}

#footer .logo{
	bottom:0;
	height:35px;
	margin:0;
	position:absolute;
	right:15px;
	width:187px;
}

#footer .logo img{
	height:35px;
	width:187px;
}

#footer-copyright{
	background:#292929;
	color:#939393;
	font-size:14px;
	padding:21px 0;
}

#footer .content, #footer-copyright .content{
	padding:0 15px;
	position:relative;
}

.centered{
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}

.narrow{
	width:818px;
}

#index{
	padding:82px 0 105px 0;
}

#index > div{
	float:left;
	height:480px;
	width:50%;
}

#index > div > div{
	box-sizing:border-box;
	max-width:720px;
	min-width:585px;
	overflow:hidden;
	padding:0;
	text-align:center;
}

#index > div > div.brands{
	padding:106px 0 0 0;
}

#index > div:nth-child(odd) > div{
	float:right;
}

#index > .txt > div{
	padding:133px 15px 0 130px;
	width:585px;
}

#index > .txt:nth-child(odd) > div{
	padding-left:15px;
	padding-right:130px;
}

.brands{
	background:#232323;
	height:100%;
}

.brands div{
	background:#fff;
	display:inline-block;
	font-family:MontserratRegular;
	font-size:14px;
	height:73px;
	letter-spacing:2px;
	line-height:73px;
	margin:0 27px 25px 0;
	padding:0 10px;
	text-align:center;
	vertical-align:middle;
	width:123px;
}

.brands div.twoLines{
	height:54px;
	line-height:18px;
	padding-top:19px;
}

.brands div:nth-of-type(3n){
	margin-right:0;
}

.sidebar-right{
	float:right;
	margin:0 0 0 23px;
	padding:32px 27px;
	width:316px;
}

.sidebar-right > img:first-child{
	margin:-32px -27px 30px -27px;
}

.sidebar-right p{
	color:#fff;
	font-size:17px;
	line-height:28px;
	margin:0 0 20px 0;
}

.sidebar-right p:first-of-type{
	font-family:RobotoMedium;
	font-size:25px;
	line-height:34px;
}

.sidebar-right + div{
	float:left;
	width:777px;
}

.sidebar-right div.cta{
	background:#fff;
	border-radius:12px;
	color:#404040;
	font-family:RobotoMedium;
	font-size:21px;
	line-height:58px;
	margin:29px 0 0 0;
	padding:0 0 0 19px;
}

.txt h1, .txt p, .faq h2, .faq th, .faq td{
	font-size:17px;
	letter-spacing:0.5px;
	margin:0;
	padding:0 32px;
}

.faq th, .faq td{
	padding:0 20px 0 2px !important;
}

.faq th{
	line-height:28px;
	white-space:nowrap;
}

.faq td{
	font-size:14px;
	letter-spacing:0;
	line-height:20px;
	padding-bottom:6px !important;
	padding-top:6px !important;
}

.faq td:last-child{
	white-space:nowrap;
}

.faq th:last-child, .faq td:last-child, .faq td:first-child{
	padding-right:6px !important;
}

.txt h1, .faq h2{
	font-size:22px;
	line-height:34px;
	margin-bottom:24px;
	padding-bottom:21px;
	padding-top:21px;
}

.faq h2{
	color:#343434;
	cursor:pointer;
	margin-bottom:0;
}

.txt p,.txt li{
	line-height:28px;
	padding-bottom:26px;
}

.txt li{
	font-size:17px;
	margin:0;
	padding:0 0 26px 0;
}

.txt li li:last-child{
	padding-bottom:0;
}

.txt p:first-child{
	margin-top:26px;
}

.txt h1.bg-blue, .txt h2.bg-blue{
	color:#fff;
}

.faq{
	border-bottom:3px solid #fff;
}

.faq h2{
	background:#e6e6e6;
	transition:all 0.4s;
}

.faq.active h2{
	background:#24abf4;
	color:#fff;
}

.faq h2 > span{
	color:#7b7b7b;
	float:right;
	font-size:19px;
	height:34px;
	letter-spacing:0.35px;
	margin:0 0 0 50px;
	overflow:hidden;
	text-align:right;
}

.faq h2 span span{
	vertical-align:top;
}

.faq h2 span span:first-child{
	display:inline-block;
	line-height:34px;
	transition:all 0.4s;
}

.faq.active h2 span span:first-child{
	margin-top:-34px;
}

.faq h2 span span:last-child{
	margin:0 0 0 12px;
}

.faq div > :first-child{
	margin-top:0;
	padding-top:24px;
}

.faq div > div:first-child{
	margin:0;
	padding:24px 32px 26px 32px;
}

.faq.active h2 span{
	color:#146794;
}

.faq h2 span i{
	transition:transform 0.4s;
}

.faq.active h2 span i{
	transform:rotate(180deg);
}

.faq h2 + div{
	height:0;
	overflow:hidden;
	transition:height 0.4s;
}

.faq.active h2 + div{
	height:auto;
}

.faq table{
	margin:0;
	padding:0 !important;
}

#services div{
	float:left;
	height:505px;
	margin:62px 34px 0 0;
	width:568px;
}

#services div:nth-child(2n){
	margin-right:0;
}

#services div img{
	display:block;
	height:343px;
	margin:0 0 34px 0;
	width:568px;
}

#services div h2{
	font-size:27px;
	line-height:34px;
	margin:0 0 10px 0;
}

#services div h2 a{
	text-decoration:none;
}

#services div p{
	margin:0;
}

#contact{
	height:498px;
	margin:0 auto;
	width:1166px;
}

#contact img{
	height:498px;
	width:583px;
}

#contact div{
	float:left;
	padding:5px 0;
	text-align:center;
	width:583px;
}

#contact div p{
	font-size:17px;
	line-height:28px;
}

#contact div p a{
	color:#222;
	text-decoration:none;
}

#how-it-works{
	padding:0 0 0 1px;
}

#how-it-works > i.i{
	float:left;
	margin:119px 19px 0 19px;
}

#how-it-works div{
	float:left;
	height:434px;
	width:320px;
}

#how-it-works div i.i{
	border:0 solid #24abf4;
	margin:0;
}

#how-it-works div i.hiwArrow{
	border-width:74px;
	border-left-width:117px;
	border-right-width:118px;
}

#how-it-works div i.hiwComputer{
	border-width:68px;
	border-left-width:74px;
	border-right-width:74px;
}

#how-it-works div i.hiwBasket{
	border-width:78px;
	border-left-width:92px;
	border-right-width:92px;
}

#how-it-works p{
	margin:0;
	padding:0 31px;
}

#how-it-works p:first-of-type{
	font-family:RobotoMedium;
	font-size:22px;
	letter-spacing:0.4px;
	line-height:34px;
	margin:23px 0 15px 0;
}

#how-it-works a{
	text-decoration:none;
}

#products{
	height:100%;
}

#products > div{
	padding:125px 140px 0 0;
	position:relative;
	width:445px;
}

#products > div:nth-child(n+2){
	display:none;
}

#products .img{
	height:195px;
}

#products h5{
	margin:30px 0;
}

#products .price{
	font-family:RobotoBold;
	height:170px;
	position:absolute;
	right:49px;
	text-align:center;
	top:75px;
	width:143px;
}

#products .price > div{
	border-radius:8px 8px 0 0;
	font-size:20px;
	height:76px;
	letter-spacing:0.5px;
	line-height:1.6em;
	padding:9px 0 0 0;
}

#products .price > div:last-of-type{
	border-radius:0 0 8px 8px;
	font-size:18px;
}

#products .price > div span{
	color:#fff;
	font-size:30px;
	letter-spacing:1px;
}

#products .price > div:last-of-type span{
	color:#232323;
	font-size:28px;
}

#products .pager{
	position:absolute;
	bottom:40px;
	padding:0;
	right:60px;
	width:auto;
}

.prod{
	height:418px;
	margin:0 0 65px 0;
}

.prod > div{
	float:left;
	height:418px;
	padding:0 42px 0 51px;
	position:relative;
	width:592px;
}

.prod > div > div{
	background:#e1e1e1;
	bottom:0;
	height:111px;
	left:0;
	padding:39px 0 0 51px;
	position:absolute;
	right:0;
}

.prod .brands div{
	margin:0 45px 0 0;
	width:141px;
}

.prod h3{
	font-size:30px;
	letter-spacing:0.55px;
	line-height:34px;
	margin:51px 0 27px 0;
}

.prod p{
	font-size:17px;
	line-height:28px;
	margin:0;
}

.prod p:last-of-type{
	text-align:right;
	margin-top:3px;
}

.prod p a{
	text-decoration:none;
}

.popupContainer{
	display:block;
	position:relative;
}

.popupContainer.active .popup{
	display:block;
}

.popup{
	background:#f1f1f1;
	border:1px solid #dbdbdb;
	border-top:0;
	display:none;
	line-height:26px;
	min-height:31px;
	min-width:100px;
	position:absolute;
	right:-1px;
	z-index:999;
}

.popup a.close{
	display:block;
	position:absolute;
	right:6px;
	top:6px;
}

#login{
	padding:14px 23px 20px 23px;
	width:291px;
}

#login h3{
	color:#333;
	margin:0 0 9px 0;
}

#login .error{
	font-size:13px;
	font-weight:normal;
}

#login label{
	color:#333;
	display:inline-block;
	font-size:15px;
	padding:0 0 0 2px;
	width:83px;
}

#login input{
	width:200px;
}

#login form a{;
	display:block;
	font-size:11px;
	line-height:1em;
	margin:5px 0 14px 89px;
	text-decoration:underline;
}

#login form .btn{
	margin-left:86px;
}

#login p{
	color:#333;
	font-size:12px;
	line-height:1.2em;
	margin:1.4em 0 0 0;
}

#login p a{
	color:#333;
	text-decoration:underline;
}

#countryPicker a{
	color:#404040;
	display:block;
	font-size:14px;
	margin:12px 16px;
	text-decoration:none;
	white-space:nowrap;
}

#countryPicker a i{
	margin:0 13px 2px 0;
}

#menu{
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	height:63px;
	line-height:63px;
}

#menu, #menu a{
	color:#fff;
	font-family:RobotoBold;
	font-size:12px;
}

#menu span:hover > a{
	color:#383838 !important;
}

#menu .content > span{
	display:inline-block;
	margin:0 0 0 40px;
	position:relative;
}

#menu .content > span#orderSummary{
	border-left:1px solid #287ba7;
	float:right;
	font-family:RobotoRegular;
	height:63px;
	line-height:63px;
	margin:0;
	min-width:250px;
	padding:0 40px;
}

#menu .content > span > a{
	display:block;
	text-decoration:none;
}

#menu .content > span > a > span{
	display:inline-block;
	height:27px;
	padding:0 2px;
	position:relative;
}

#menu .content > span#orderSummary > a{
	text-align:center;
}

#menu .content > span#orderSummary > a > span{
	font-size:12px;
}

#menu .content > span > a > span.active{
	border-bottom:3px solid #24abf4;
}

#menu .content > span > div{
	box-shadow: 4px 4px 4px -2px #b0b0b0;
	display:none;
	left:0;
	position:absolute;
	top:63px;
	z-index:999;
}

#menu .content > span > div > div{
	background:#fff;
	border:1px solid #ddd;
	border-top:0;
	padding:6px 3px;
}

#menu .content > span#orderSummary > div{
	width:100%;
}

#menu .content > span#orderSummary > div > div{
	line-height:19px;
	overflow:hidden;
}

#menu .content > span#orderSummary > div > div > form,#menu .content > span#orderSummary > div > div > div{
	padding:0 7px;
}

#menu .content > span:hover > div{
	display:block;
}

#menu .content > span > div > div > a{
	border-radius:5px;
	color:#333;
	display:block;
	font-family:RobotoRegular;
	font-size:12px;
	font-weight:normal;
	line-height:1em;
	margin:2px 0;
	min-width:88px;
	padding:6px 4px;
	text-decoration:none;
	white-space:nowrap;
}

#menu .content > span > div > div > a:hover{
	background:#ddd;
	color:#333 !important;
}

#menu .i{
	margin:0 0 4px 10px;
}

#orderSummary{
	color:#444;
	font-size:12px;
}

#orderSummary form{
	margin:0 0 10px 0;
}

#orderSummary label{
	margin:0;
	font-weight:bold;
}

#orderSummary select{
	border-color:#999;
	width:100%;
}

#orderSummaryLeft,#orderSummaryRight{
	box-sizing:border-box;
	float:left;
	font-size:12px;
	font-weight:bold;
	width:50%;
}

#orderSummaryLeft{
	border-right:1px solid #bbb;
}

#orderSummaryLeft div{
	box-sizing:border-box;
	float:left;
	margin:0 0 10px 0;
	width:50%;
}

#orderSummaryLeft div > span{
	display:block;
	font-size:24px;
}

#orderSummaryLeft .btn{
	padding-left:0 !important;
	padding-right:0 !important;
	width:100% !important;
}

#orderSummaryRight{
	border-left:1px solid #bbb;
	margin-left:-1px;
}

#orderSummaryRight div,#msgContainer{
	font-weight:normal;
	line-height:1.2em;
}

#orderSummaryRight div{
	font-size:11px;
	padding:0 25px 15px 0;
	position:relative;
}

#orderSummaryRight div em{
	display:inline-block;
	margin:5px 0 0 0;
}

#orderSummaryRight div a{
	display:block;
	height:11px;
	position:absolute;
	right:0;
	top:1px;
	width:9px;
}

#orderSummaryRight div a i{
	display:block;
	margin:0 !important;
}

#orderSummaryRight div a:hover i{
	background-position:-124px 0;
}

#orderSummaryRight > a{
	font-weight:normal;
}

#filters{
	overflow:hidden;
}

#filters a, #filters input{
	margin:0 10px 15px 0;
}

#filters :last-of-type{
	margin-right:0;
}

#filters form{
	clear:both;
}

#filters a{
	background-image:-webkit-linear-gradient(top, #e8e8e8, #f8f8f8);
	background-image:-moz-linear-gradient(bottom, #e8e8e8, #f8f8f8);
	background-image:-o-linear-gradient(bottom, #e8e8e8, #f8f8f8);
	background-image:linear-gradient(to bottom, #e8e8e8, #f8f8f8);
	border:1px solid #999;
	border-radius:6px;
	color:#181818 !important;
	float:left;
	height:34px;
	line-height:34px;
	padding:0 10px;
	text-decoration:none;
}

#filters a:hover{
	background-image:-webkit-linear-gradient(bottom, #e8e8e8, #f8f8f8);
	background-image:-moz-linear-gradient(top, #e8e8e8, #f8f8f8);
	background-image:-o-linear-gradient(top, #e8e8e8, #f8f8f8);
	background-image:linear-gradient(to top, #e8e8e8, #f8f8f8);
}

#filters span{
	color:#444;
	font-style:italic;
}

#filters span.blue{
	font-weight:bold;
}

#filters label{
	color:#181818;
	font-weight:bold;
}

#sort{
	margin:0 0 10px 0;
}

#sort a{
	border:1px solid #999;
	border-radius:4px;
	display:inline-block;
	font-size:0;
	height:20px;
	line-height:20px;
	margin:0 0 0 4px;
	opacity:0.55;
	text-align:center;
	width:20px;
}

#sort a:hover,#sort a.active{
	opacity:1;
}

#sort a .i{
	margin:0;
	padding:0;
}

#export{
	display:inline-block;
	height:22px;
	line-height:22px;
	margin:0 30px 10px 0;
}

#export a,h1 a{
	color:#333;
	font-family:Arial,Verdana,Helvetica,'sans-serif';
	font-size:11px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

.clearBoth{
	clear:both;
	float:none !important;
	font-size:0;
	height:0 !important;
	line-height:0;
	width:100% !important;
}

table{
	border:0;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
}

th{
	border-bottom:1px solid #ccc;
	padding:6px !important;
	text-align:left;
}

td{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#333;
	padding:6px !important;
	vertical-align:top;
}

th.center,td.center{
	text-align:center;
}

th.action,td.action{
	white-space:nowrap;
	width:1px;
}

#results td{
	font-size:12px;
	line-height:1.6em;
	padding:6px 20px 8px 0;
	white-space:nowrap;
	width:52px;
}

#results td:first-child{
	padding-left:6px;
	padding-right:13px;
}

#results td:first-child a,#results td:first-child span{
	background:#fff;
	border:1px solid #ccc;
	display:block;
	height:58px;
	line-height:58px;
	text-align:center;
	width:58px;
}

#results td:first-child a img{
	vertical-align:middle;
}

#results td:nth-child(2){
	color:#555;
	white-space:normal;
	width:auto;
}

#results td:nth-child(2) span{
	color:#333;
	font-size:16px;
}

#results td:nth-child(2) span.blue{
	font-size:12px;
	font-weight:bold;
}

#results td:nth-child(3){
	padding-bottom:11px;
	vertical-align:bottom;
}

#results td:nth-child(3):last-child{
	vertical-align:top;
}

#dialog #results td:nth-child(3){
	display:none;
}

#results td:nth-child(3) i.i{
	cursor:pointer;
}

#results td:nth-child(4){
	text-align:right;
}

#results td:nth-child(4) b{
	color:#666;
	display:inline-block;
	font-size:22px;
	margin:7px 0 0 0;;
}

#results td:nth-child(5){
	padding-right:9px;
}

#results td:nth-child(5) input{
	border-radius:10px;
	height:46px;
	font-size:26px;
	line-height:46px;
	text-align:center;
	width:46px;
}

#results td:last-child{
	padding-left:0;
	padding-right:13px;
	padding-top:10px;
}

#results td:last-child a{
	margin:2px 0 0 0;
}

#results ::-webkit-input-placeholder{
	color:#ccc;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#results :-moz-placeholder{
	color:#ccc;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	opacity:1;
}

#results ::-moz-placeholder{
	color:#ccc;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	opacity:1;
}

#results input:-ms-input-placeholder{
	color:#ccc;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#dialog h2,#passwordPopup h2{
	border-bottom:0;
	margin-top:0;
	padding-bottom:0;
}

#dialog h3,#passwordPopup h3{
	margin-bottom:16px;
	margin-top:0;
}

#dialog .scrollable{
	height:250px;
	overflow:hidden;
	overflow-y:auto;
	width:660px;
	
	position:relative;
}

#dialog .scrollable .col3,#dialog .scrollable .col1-12{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:200px;
}

#dialog .col1-12{
	padding-right:20px;
	width:160px;
}

#dialog .scrollable .col3:last-child{
	margin-right:0;
}

#dialog .scrollable .col2-12{
	float:left;
	width:380px;
}

#dialog .loading{
	background-image:url(img/loading-bar.gif) !important;
	background-position:50% 50% !important;
	background-repeat:no-repeat !important;
}

#dialog .error .error{
	border:0;
	box-sizing:border-box;
	display:inline-block;
	padding:0 0 0 48px;
	vertical-align:top;
}

#dialog .error ul.error{
	background:transparent;
	margin:0 0 0 10px;
}

#dialog .error i.error{
	margin:0 -28px 0 0;
	padding:0;
}

.col-12-vline{
	position:relative;
}

.col-12-vline:after{
	background:#e0e0e0;
	bottom:0;
	content:'';
	height:100%;
	left:180px;
	position:absolute;
	top:0;
	width:1px;
}

.hdnChk{
	display:none;
}

.hdnChk + label{
	display:inline-block;
	font-size:12px;
	margin:5px 0;
	padding:0;
}

.hdnChk + label:before{
	background:#fff;
	border:1px solid #ccc;
	content:'';
	display:inline-block;
	height:10px;
	margin:1px 5px 0 0;
	vertical-align:top;
	width:10px;
}

.hdnChk:checked + label:before{
	background:#24abf4;
}

.catList{
	display:none;
}

.buttons{
	clear:both;
	text-align:right;
}

#dialog .buttons{
	margin:31px 0 0 0;
}

#dialog .buttons a{
	margin:0 0 0 15px;
}

#dialog .buttons input[type=submit]{
	display:none;
}

#dialog .sliderValue{
	margin:0 0 5px 0;
}

#dialog .sliderValue.max{
	float:right;
}

#dialog .ui-slider{
	border:1px solid #e0e0e0;
	border-radius:5px;
	height:6px;
}

#dialog .ui-slider-range{
	background:#e0e0e0;
}

#dialog .ui-slider-handle{
	background:#24abf4;
	border:1px solid #818286;
	border-radius:50%;
	cursor:w-resize;
	height:11px;
	outline:none;
	width:11px;
}

#paging{
	font-size:14px;
	font-weight:bold;
	padding:0 0 20px 0;
	text-align:center;
}

#paging p{
	margin-bottom:8px;
}

#paging a,#paging span{
	margin:0 7px;
	text-decoration:none;
}

#paging a.btn{
	margin:0 20px;
}

.optionGroupFilter{
	margin:0 5px 15px 0;
}

.optionGroup{
	display:none;
}

#newOrder,#existingOrder,#duplicateOrder{
	width:441px;
}

#newOrder label,#duplicateOrder label{
	width:240px;
}

#newOrder input,#existingOrder select,#duplicateOrder input{
	margin-bottom:19px;
}

#newOrder input[type=submit],#existingOrder input,#duplicateOrder input[type=submit]{
	margin:0 0 0 257px;
}

#existingOrder select{
	width:100%;
}

.export + label{
	color:#222;
	cursor:pointer;
	font-size:14px;
	height:32px;
	line-height:32px;
	margin:10px 0;
	vertical-align:middle;
}

.yourCode{
	width:250px;
}

#dialog .yourCode{
	width:150px;
}

#stockFileFieldSort,.days,.address,#paymentMethodPicker,#paymentAmounts{
	list-style:none;
	margin:0;
	padding:0;
}

.days{
	float:left;
	margin:10px 0 0 0;
	width:140px;
}

#stockFileFieldSort li,.days li,.address li,#paymentMethodPicker li,#paymentAmounts li{
	color:#222;
	display:inline-block;
	margin:3px 0 21px 0;
	padding:0 0 0 5px;
	vertical-align:top;
	width:229px;
}

.days li,.address li,#paymentMethodPicker li,#paymentAmounts li{
	display:list-item;
	width:auto;
}

.address li:last-of-type{
	margin-bottom:10px;
}

#stockFileField input,.days input,.address input,#paymentMethodPicker input,#paymentAmounts input{
	float:left;
	margin:1px -20px 0 0;
}

#paymentAmounts input[type=text]{
	float:none;
	margin:-4px 5px 0 5px;
	width:60px;
}

#stockFileField label,.days label,.address label,#paymentMethodPicker label,#paymentAmounts label{
	margin-top:0 !important;
	padding:0 10px 0 20px;
}

#paymentMethodPicker label,#paymentAmounts label{
	color:#777;
}

#paymentMethodPicker input:checked + label,#paymentAmounts input:checked + label{
	color:#222;
}

.address label{
	display:block;
	font-size:12px;
}

.address label b{
	font-size:13px;
}

.address label .cost{
	float:right;
	margin:0 0 0 20px;
}

.address label .cost.free{
	font-weight:bold;
}

.bdrR,.bdrL{
	box-sizing:border-box;
}

.bdrR{
	border-right:1px solid #c8c8c8;
}

.bdrL{
	border-left:1px solid #c8c8c8;
}

.floatL.bdrR + .floatL.bdrL{
	margin-left:-1px;
}

.striped{
	background:#fff;
}

.striped:nth-child(odd),.odd
{
	background:#e4e4e4;
}

.infoContainer
{
	color:#222;
	font-size:12px;
	padding:10px;
}

.infoContainer a{
	float:right;
	margin:0 0 10px 20px;
}

.infoContainer p{
	font-size:13px;
	margin:0 0 5px 0;
}

a.add{
	margin:0 0 0 40px;
}

#address label,#address input,#address select,#api label,#api input,#api select{
	margin:0 0 19px 0;
	width:200px;
}

#address label,#api label{
	padding-left:0;
	width:175px;
}

#address .indent{
	margin-left:188px;
}

#api label,#api input,#api select{
	width:175px;
}

.directDispatch td,.storedPaymentMethods td{
	vertical-align:middle;
}

.directDispatch th:first-child,.directDispatch td:first-child{
	white-space:nowrap;
	width:175px;
}

.directDispatch th:nth-child(3),.directDispatch td:nth-child(3){
	white-space:nowrap;
	width:75px;
}

.directDispatch th:last-child,.directDispatch td:last-child{
	white-space:nowrap;
	width:100px;
}

.directDispatch input{
	margin:0 5px;
	width:60px !important;
}

.api th:first-child,.api td:first-child{
	white-space:nowrap;
	width:70px;
}

.api .key span{
	display:none;
}

.api th:nth-child(3),.api td:nth-child(3){
	padding-right:30px;
	text-align:center;
	white-space:nowrap;
	width:50px;
}

.api td:nth-child(3) .i{
	margin-right:0;
}

.invoices td{
	vertical-align:middle;
}

.invoices th:first-child,.invoices td:first-child{
	width:200px;
}

.invoices th:nth-child(4),.invoices th:nth-child(5),.invoices td:nth-child(4),.invoices td:nth-child(5){
	white-space:nowrap;
	width:1px;
}

.invoices td:nth-child(4),.invoices td:nth-child(5){
	padding-right:18px;
	text-align:right;
}

.invoice th,.invoice td{
	padding-right:18px;
	white-space:nowrap;
	width:1px;
}

.invoice th:nth-child(2),.invoice td:nth-child(2){
	white-space:normal;
	width:auto;
}

.invoice td:nth-child(4),.invoice td:nth-child(5),.invoice td:last-child{
	text-align:right;
}

.invoice th:last-child,.invoice td:last-child{
	font-size:10px;
	padding-right:6px;
	vertical-align:middle;
}

.statement td{
	vertical-align:middle;
}

.statement td:nth-child(3),.statement td:nth-child(4),.statement td:nth-child(5),.statement td:nth-child(6)
{
	white-space:nowrap;
	width:1px;
}

.statement td:nth-child(6)
{
	font-size:11px;
	font-style:italic;
	padding-left:0;
}

.statement td:nth-child(3),.statement td:nth-child(4){
	padding-right:18px;
}

.statement td:nth-child(3),.statement td:nth-child(4),.statement td:nth-child(5){
	text-align:right;
}

.invoice .vatSummary td{
	border:0;
	font-size:12px;
	text-align:right;
}

.invoice .vatSummary td:nth-child(4) b{
	font-size:13px;
}

#recentActivity,#paymentMethods{
	float:left;
	padding:0 25px 20px 0;
	width:560px;
}

#paymentMethods{
	padding-left:25px;
	padding-right:0;
}

#recentActivity td:nth-child(1),#recentActivity td:nth-child(3),#recentActivity td:nth-child(4){
	white-space:nowrap;
	width:1px;
}

#recentActivity td:nth-child(4){
	font-size:11px;
	font-style:italic;
	padding-left:0;
}

#recentActivity .scrollable-y,#paymentMethods .scrollable-y{
	border:1px solid #ccc;
	box-sizing:border-box;
	height:200px;
	overflow:scroll;
	overflow-x:hidden;
	width:100%;
}

#recentActivity tr:first-child td,#paymentMethods tr:first-child td{
	border-top:0;
}

#recentActivity tr:last-child:nth-child(n+8) td,#paymentMethods tr:last-child:nth-child(n+6) td{
	border-bottom:0;
}

#paymentMethods td:first-child{
	width:46px;
}

.inputHelp{
	font-size:11px;
}

td.cardLogo{
	width:46px;
}

.onlinePaymentStep2{
	display:none;
}

#bankTransferDetails th,#bankTransferDetails td{
	border:0;
}

#pendingTransactions td:last-child{
	text-align:right;
	white-space:nowrap;
	width:1px;
}

.recBox{
	box-sizing:border-box;
	clear:left;
	padding:0 30px 50px 0;
}

.recBox:nth-child(2n){
	clear:none;
	padding-left:30px;
	padding-right:0;
}

.recBox h3{
	margin:0 0 5px 0;
}

.recBox a{
	text-decoration:none;
}

.recBox h3 a{
	float:right;
	font-size:16px;
	font-weight:normal;
}

.recBox table{
	background:#e8f8ff;
}

.recBox table td:first-child{
	width:60px;
}

.recBox table td:first-child div{
	background:#fff;
	border:1px solid #ccc;
	height:58px;
	line-height:58px;
	text-align:center;
	width:58px;
}

.recBox table td:first-child div img{
	vertical-align:middle;
}

.recBox table td:nth-child(2){
	color:#333;
	font-size:16px;
}

.recBox table td:nth-child(2) div{
	height:60px;
	overflow:hidden;
}

.recBox table td:nth-child(3){
	text-align:right;
	white-space:nowrap;
	width:1px;
}

.recBox table td:nth-child(3){
	font-size:14px;
	line-height:1.3em;
}

.recBox table td:nth-child(3) b{
	font-size:22px;
}

.recBox table td:nth-child(3) span.rrp{
	color:#333;
	font-size:12px;
	font-style:italic;
}

.recBox table td:nth-child(3) span.pd, #results span.pd{
	color:#00b000;
}

.scroller{
	height:82px;
	margin:0 0 50px 0;
	position:relative;
}

.scroller > a{
	border:1px solid #c7c7c7;
	display:block;
	height:80px;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:19px;
}

.scroller > a:first-of-type{
	left:0;
	right:auto;
}

.scroller > a i.i{
	height:42px;
	margin:19px 0 0 5px;
	width:9px;
}

.scroller a.dis{
	cursor:default;
	opacity:0.5;
}

.scroller .scroller-inner{
	height:100%;
	left:26px;
	overflow:hidden;
	position:absolute;
	right:26px;
}

.scroller-inner ul{
	height:100%;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	white-space:nowrap;
}

.scroller-inner li{
	display:inline-block;
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0 40px 0 0;
	vertical-align:top;
	width:276px;
}

.scroller-inner li div{
	background:#fff;
	border:1px solid #ccc;
	float:left;
	height:80px;
	line-height:80px;
	margin:0 5px 0 0;
	text-align:center;
	width:80px;
}

.scroller-inner li div img{
	vertical-align:middle;
}

.scroller-inner li p{
	font-size:14px;
	height:36px;
	line-height:1.3em;
	margin:0;
	overflow:hidden;
	white-space:normal;
}

.scroller-inner li .price{
	font-size:20px;
	font-weight:bold;
}

.scroller-inner li .wasprice{
	color:#999;
	font-size:17px;
	font-weight:bold;
	margin:0 0 0 10px;
	text-decoration:line-through;
	vertical-align:top;
}

.scroller-inner li .avail{
	font-size:14px;
}

#pictureTerms{
	margin:0;
	padding:0 0 0 30px;
}

#pictureTerms li{
	margin:0;
	padding:0 0 15px 0;
}

#picAccessList table{
	font-size:14px;
	margin:0 0 16px 0;
	width:auto;
}

#picAccessList table td:first-input{
	width:1px;
}

#picAccessList label{
	margin:0 !important;
	padding:0;
}

#wishList{
	color:#333;
	font-size:14px;
	margin:0 0 10px 0;
}

#wishList th{
	font-size:17px;
	font-weight:normal;
}

#wishList th,#wishList td{
	border:0;
	text-align:center;
}

#wishList th:first-child,#wishList td:first-child{
	text-align:left;
}

#wishList th:last-child,#wishList td:last-child{
	text-align:right;
}

#wishList td input{
	margin:0 3px;
	width:72px;
}

#wishList td:first-child input{
	margin:0 0 4px 0;
	width:402px;
}

#wishList td:nth-child(4) input{
	width:47px;
}

#wishList td:first-child input + span{
	color:#666;
	display:block;
	font-size:11px;
	padding:0 0 0 5px;
}

#wishList tfoot tr td{
	border-top:1px solid #ccc;
	vertical-align:top;
}

#wishList a{
	display:inline-block;
	height:14px;
	margin-right:10px;
	width:11px;
}

#register label,#register span.l,#unsubscribe label{
	color:#242424;
	font-size:14px;
	padding:0 13px 0 0;
	width:200px;
}

#register input,#register select,#register textarea,#register span.inp,#unsubscribe input{
	margin:0 0 20px 0;
	vertical-align:top;
	width:286px;
}

#register span.l,#register span.inp{
	display:inline-block;
}

#register span.inp{
	color:#000;
}

#register input,#unsubscribe input{
	margin-left:213px;
}

#register label + input,#unsubscribe label + input{
	margin-left:0;
}

#register label input{
	margin:0;
	width:auto;
}

#register input.short,#register select{
	width:180px;
}

#register textarea{
	height:5.6em;
}

#register input + span,#register select + span,#register textarea + span{
	color:#242424;
	display:none;
	font-size:11px;
	margin:5px 0 0 10px;
	position:relative;
}

#register input:focus + span,#register select:focus + span,#register textarea:focus + span{
	display:inline-block;
}

#register span span{
	left:0;
	position:absolute;
	top:-5px;
	width:250px;
}

#wcLogo{
	margin:0 0 20px 0;
	max-width:526px;
	overflow:hidden;
}

#wcLogo div{
	float:left;
	height:100px;
	line-height:100px;
	margin:0 15px 0 0;
	text-align:center;
	width:225px;
}

#wcLogo div + label{
	margin-bottom:10px;
}

#wcLogo div img{
	vertical-align:middle;
}

#forgotPass label{
	padding:0 15px 0 0;
	width:125px;
}

#forgotPass input{
	margin:0 0 15px 0;
}

#forgotPass input[type=submit]{
	margin:0 0 0 140px;
}

#orderFilters{
	font-size:12px;
	margin:0 0 20px 0;
}

#orderFilters select{
	margin-right:25px;
	width:130px;
}

#orders td:first-child{
	width:11px;
}

#orders td:nth-child(8),#orders td:nth-child(9){
	white-space:nowrap;
	width:70px;
}

#orders .placed,.order .placed{
	color:#d27e00 !important;
}

#orders .partdispatched,#orders .dispatched,.order .partdispatched,.order .dispatched{
	color:#096 !important;
}

#orders .cancelled,.order .cancelled{
	color:#c00 !important;
}

#orders a{
	text-decoration:none;
}

.order{
	font-size:15px;
	width:365px;
}

.order:first-of-type{
	padding:0 70px 0 0;
}

.order span{
	display:inline-block;
	padding:0 0 30px 0;
	vertical-align:top;
	width:215px;
}

.order span.l{
	width:150px;
}

.order span.l + span{
	color:#333;
}

.order span a{
	font-size:12px;
	margin:0 0 0 20px;
}

.order h1{
	margin-bottom:1.5em;
	position:relative;
}

.order h1 i{
	font-size:12px;
	left:0;
	position:absolute;
	top:29px;
}

#orderTabs{
	clear:both;
}

#orderTabs li{
	float:left;
	font-size:17px;
	list-style:none;
	margin:0 1px 0 0;
}

#orderTabs li a{
	background:#bbb;
	border-radius:5px 5px 0 0;
	color:#fff !important;
	display:block;
	padding:4px 34px 4px 12px;
	text-decoration:none;
}

#orderTabs li.ui-tabs-active a{
	background:#0099d2;
}

#orderTabs > div{
	border-top:1px solid #0099d2;
	padding:5px 0 30px 0;
}

#orderItems th:first-child,#orderItems td:first-child{
	padding-right:40px;
	white-space:nowrap;
	width:1px;
}

#orderItems td:first-child{
	padding-left:15px;
}

#orderItems td:first-child span{
	color:#999;
	display:inline-block;
	margin:0 8px 0 0;
	text-decoration:line-through;
}

#orderItems th:nth-child(4),#orderItems td:nth-child(4),#orderItems th:nth-child(5),#orderItems td:nth-child(5){
	padding-left:40px;
	text-align:right;
	white-space:nowrap;
	width:1px;
}

#orderItems .firstBreakBulk td,.orderDetails .firstBreakBulk td{
	border-top:2px solid #333;
}

#orderItems .breakBulkItem td,.orderDetails .breakBulkItem td{
	font-size:11px;
	font-style:italic;
}

#orderItems .breakBulkItem td:nth-child(3),.orderDetails .breakBulkItem td:nth-child(2){
	padding-left:25px;
}

.total td{
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	color:#242424;
	font-weight:bold;
}

#packingList div{
	line-height:1.8em;
	margin:0 0 20px 0;
}

#packingList div b{
	color:#000;
	font-size:17px;
	font-weight:normal;
}

#packingList div b,#packingList div i,#packingList div a{
	display:inline-block;
	margin:0 25px 0 0;
	vertical-align:middle;
}

#billing th:nth-child(1),#billing td:nth-child(1){
	padding-right:40px;
	white-space:nowrap;
	width:1px;
}

#billing th:nth-child(3),#billing td:nth-child(3),#billing th:nth-child(4),#billing td:nth-child(4){
	padding-left:90px;
	text-align:right;
	white-space:nowrap;
	width:1px;
}

#newDDOrder > div{
	margin:0 0 20px 0;
}

#newDDOrder label{
	color:#242424;
	margin:0 0 15px 0;
	width:120px;
}

#newDDOrder input,#newDDOrder select{
	margin:0 100px 15px 0;
	width:250px;
}

#newDDOrder input.indent{
	margin-left:137px;
}

#newDDOrder #postagePackingRow td:nth-child(-n+2),#newDDOrder .vatApplicable td:nth-child(-n+2){
	border:0;
}
#newDDOrder #postagePackingRow.bottomBorder td,#newDDOrder .vatApplicable.bottomBorder td{
	border-bottom-color:#242424;
}

#deliveryMethod{
	display:inline-block;
	margin:3px 0 0 0;
	width:360px;
}

#deliveryMethod div{
	display:none;
}

#deliveryMethod input{
	margin-right:5px;
	width:auto;
}

#deliveryMethod label{
	margin-top:0 !important;
	max-width:330px;
	padding-right:0;
	width:auto;
}

#newDDOrderItems th:first-child,#newDDOrderItems td:first-child{
	text-align:center;
	white-space:nowrap;
	width:1px;
}

#newDDOrderItems th,#newDDOrderItems td{
	padding-right:50px;
	vertical-align:middle;
}

#newDDOrderItems th:nth-child(3),#newDDOrderItems td:nth-child(3),#newDDOrderItems th:nth-child(4),#newDDOrderItems td:nth-child(4),#newDDOrderItems th:nth-child(5),#newDDOrderItems td:nth-child(5){
	text-align:right;
	white-space:nowrap;
	width:1px;
}

#newDDOrderItems tfoot tr:not(:first-child) td:nth-child(3),#newDDOrderItems th:nth-child(4),#newDDOrderItems td:nth-child(4){
	padding-right:20px;
}

#newDDOrderItems tfoot tr:not(:first-child) td:nth-child(3){
	text-align:left;
}

#newDDOrderItems th:nth-child(4),#newDDOrderItems td:nth-child(4){
	width:50px;
}

#newDDOrderItems td:nth-child(5){
	text-align:center;
}

#newDDOrderItems tfoot td{
	color:#242424;
}

#newDDOrderItems input{
	margin:0;
	width:400px;
}

#newDDOrderItems td:first-child input{
	text-align:center;
	width:40px;
}

#newDDOrderItems th:last-child,#newDDOrderItems td:last-child{
	padding-right:10px;
	width:11px;
}

#newDDOrderItems #add{
	height:14px;
	width:14px;
}

ul.ui-autocomplete{
	background:#fff;
	border:1px solid #666;
	list-style:none;
	margin:0;
	max-height:150px;
	max-width:398px;
	overflow:hidden;
	overflow-y:auto;
	padding:0;
	position:absolute;
}

ul.ui-autocomplete .ui-menu-item{
	margin:0;
	padding:2px;
}

ul.ui-autocomplete .ui-menu-item a,ul.ui-autocomplete .ui-menu-item span{
	border-radius:5px;
	color:#333;
	display:block;
	font-size:12px;
	line-height:1em;
	padding:6px 4px;
}

ul.ui-autocomplete .ui-menu-item.ui-state-focus a{
	background-color:#ddd;
	color:#333 !important;
	cursor:pointer;
}

.i,.ui-datepicker-header a span,.ui-datepicker:before{
	background-image:url(img/icon-sprite.png) !important;
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline-block;
	margin:0 6px 0 0;
	vertical-align:middle;
}

td a .i{
	margin:0;
}

.orderFile{
	margin-top:2em;
}

.orderFile label{
	color:#242424;
    font-size:14px;
    padding:0 13px 0 0;
	width:150px;
}

.orderFile.breakBulkUpload label{
	width:225px;
}

.orderFile input,.orderFile select{
	margin:0 0 15px 0;
	width:200px;
}

.orderFile input[type=submit]{
	margin-left:238px;
}

#PromoCode{
	margin-right:10px;
}

.orderDetails th:first-child,.orderDetails td:first-child{
	white-space:nowrap;
	width:1px;
}

.orderDetails th:nth-child(3),.orderDetails td:nth-child(3),.orderDetails th:nth-child(4),.orderDetails td:nth-child(4){
	text-align:right;
	white-space:nowrap;
	width:1px;
}

.orderDetails th:nth-child(4),.orderDetails td:nth-child(4){
	padding-left:50px;
}

#termsText ol { counter-reset: item; display: block; }
#termsText li { display: block }
#termsText li:before { content: counters(item, ".") " "; counter-increment: item }

#regCountryPicker{
	margin:30px 0;
}

#regCountryPicker a{
	margin-right:15px;
}

#regCountryPicker a i:last-child{
	margin-right:0;
}

#ddPaymentMethodForm{
	display:inline-block;
	margin-top:10px;
}

#ddPaymentMethodForm label{
	padding-right:25px;
}

#ddPaymentMethodForm select{
	margin:0 0 19px 0;
	max-width:500px;
	width:auto;
}

.ddOrderConfirmation{
	margin-bottom:50px;
	overflow:hidden;
}

.ddOrderConfirmation h5{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

.ddOrderConfirmation h5 span{
	margin-left:50px;
}

.ddOrderConfirmation .address,.ddOrderConfirmation table,.ddOrderConfirmation .options{
	float:left;
	margin:0 20px 0 0;
	width:220px;
}

.ddOrderConfirmation table{
	width:560px;
}

.ddOrderConfirmation table td{
	font-size:12px;
}

.ddOrderConfirmation table td span.warning{
	display:inline-block;
	margin-right:6px;
	text-decoration:line-through;
}

.ddOrderConfirmation table tr:last-child td{
	font-weight:bold;
}

.ddOrderConfirmation .options{
	width:160px;
}

.ddOrderConfirmation .options label{
	display:inline-block;
	margin:0 0 10px 0;
}

#ddSettings > label{
	margin:0 0 19px 0;
	padding-left:0;
	width:125px;
}

#ddSettings > input{
	margin:0 0 19px 0;
	width:200px;
}

#ddSettings > input.indent{
	margin-left:138px;
}

.stockFileFieldSortable{
	border:1px solid #c8c8c8;
	border-radius:6px;
	min-height:205px;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:10px 0 0 10px;
	width:547px;
}

.stockFileFieldSortable li{
	border:1px solid #c8c8c8;
	border-radius:6px;
	cursor:move;
	float:left;
	font-size:12px;
	line-height:29px;
	margin:0 10px 10px 0;
	padding:0 10px;
	white-space:nowrap;
	
	background-image:-webkit-linear-gradient(top, #e8e8e8, #f8f8f8);
	background-image:-moz-linear-gradient(bottom, #e8e8e8, #f8f8f8);
	background-image:-o-linear-gradient(bottom, #e8e8e8, #f8f8f8);
	background-image:linear-gradient(to bottom, #e8e8e8, #f8f8f8);
}

.stockFileFieldSortable li.disabled{
	cursor:default;
	opacity:0.4;
}

#stockFileFieldsSelected li{
	list-style:decimal inside;
}

#stockFileFieldsSelected li.ui-sortable-helper{
	list-style:none;
}

#packingList div.packListBreakBulk{
	font-size:11px;
	font-style:italic;
	margin:0;
	padding:0 0 0 25px;
}

#closureMessage .content{
	border:5px solid #24abf4;
	font-family:RobotoMedium;
	margin:0 auto 10px auto;
	padding:10px;
	text-align:center;
}

#closureMessage .content p:first-child{
	margin-top:0;
}

#closureMessage .content p:last-child{
	margin-bottom:0;
}

#passwordPopup label{
	width:100px;
}

#passwordPopup input{
	margin:0;
}

#passwordPopup a{
	display:inline-block;
	font-size:11px;
	line-height:1em;
	margin:5px 0 14px 0;
}

#passwordPopup a,#passwordPopup .btn{
	margin-left:117px;
}

#passwordPopup a.btn{
	margin-left:15px;
}

#passwordPopup .error{
	display:none;
	margin:10px 0 15px 0;
}

i.dTriangle{background-position:-60px -12px;height:3px;width:5px}
i.dTriangleGreen{background-position:-115px -11px;height:6px;width:11px}
i.uV{background-position:-133px 0;height:9px;width:15px}
i.dV{background-position:-148px 0;height:9px;width:15px}
i.flag{height:12px !important;width:14px !important;border-radius:2px}
i.flagLrg{height:19px;width:24px;border-radius:3px}
i.flag.gb{background-position:-163px 0}
i.flag.ie{background-position:-177px 0}
i.flag.at{background-position:-191px 0}
i.flag.de{background-position:-205px 0}
i.flag.es{background-position:-74px -17px}
i.flag.be{background-position:-88px -17px}
i.flag.dk{background-position:-102px -17px}
i.flag.no{background-position:-116px -17px}
i.flag.nl{background-position:-74px -29px}
i.flag.it{background-position:-88px -29px}
i.flag.se{background-position:-102px -29px}
i.flag.fi{background-position:-116px -29px}
i.flagLrg.gb{background-position:-136px -123px}
i.flagLrg.ie{background-position:-160px -123px}
i.flagLrg.at{background-position:-184px -123px}
i.flagLrg.de{background-position:-208px -123px}
i.flagLrg.es{background-position:-232px -123px}
i.flagLrg.be{background-position:-256px -123px}
i.flagLrg.dk{background-position:-280px -123px}
i.flagLrg.no{background-position:-160px -142px}
i.flagLrg.nl{background-position:-304px -123px}
i.flagLrg.it{background-position:-328px -123px}
i.flagLrg.se{background-position:-352px -123px}
i.flagLrg.fi{background-position:-136px -142px}
i.x,i.xDark{background-position:-72px 0;height:11px;margin:3px 4px;width:9px}
i.xDark{background-position:-115px 0;margin:0}
i.gbpPd{background-position:-198px -167px;height:12px;width:14px}
i.gbpPu{background-position:-212px -167px;height:12px;width:15px}
i.eurPd{background-position:-294px -176px;height:12px;width:15px}
i.eurPu{background-position:-278px -176px;height:12px;width:16px}
i.dkkPd,i.sekPd,i.nokPd{background-position:-309px -174px;height:12px;width:15px}
i.dkkPu,i.sekPu,i.nokPu{background-position:-324px -174px;height:12px;width:17px}
i.az,i.za{background-position:-378px -174px;height:18px;width:15px}
i.za{background-position:-363px -174px}
i.starBlue,i.starGreyOut{margin-right:0;padding-right:1px}
i.starBlue{background-position:-81px 0;height:16px;width:16px}
i.starGreyOut{background-position:-98px 0;height:16px;width:16px}
i.download{background-position:-108px -153px;height:18px;width:15px}
i.error{background-position:0 -153px;height:28px;width:28px}
i.excel{background-position:-303px -142px;height:32px;width:29px}
i.pdf{background-position:-332px -142px;height:32px;width:31px}
i.csv{background-position:-363px -142px;height:32px;width:30px}
i.tick{background-position:-154px -186px;height:11px;width:14px}
i.cross{background-position:-184px -167px;height:14px;width:14px}
i.pdfSml{background-position:-111px -171px;height:16px;width:16px}
i.warn{background-position:-341px -174px;height:20px;margin-right:10px;width:22px}
i.docViewSml{background-position:-97px -178px;height:16px;width:14px}
i.visa{background-position:-238px -178px;height:25px;width:40px}
i.visadebit{background-position:-184px -142px;height:25px;width:40px}
i.mastercard,i.mastercarddebit{background-position:-68px -153px;height:25px;width:40px}
i.maestro{background-position:-28px -153px;height:25px;width:40px}
i.amercianexpress{background-position:-136px -161px;height:25px;width:40px}
i.cart{background-position:-82px -178px;height:18px;width:15px}
i.lTriangleGrey{background-position:-127px -153px;height:42px;width:9px}
i.rTriangleGrey{background-position:-228px -156px;height:42px;width:9px}
i.delete{background-position:-224px -142px;height:14px;width:11px}
i.add{background-position:-28px -179px;height:14px;width:14px}
i.chk{background-position:-12px -181px;height:12px;width:12px}
i.chkChecked{background-position:0 -181px;height:12px;width:12px}
i.gTick{background-position:-42px -179px;height:14px;width:14px}

i.phoneBlue{height:26px;width:13px}
i.envelopeBlue{background-position:-13px 0;height:17px;width:23px}
i.vanBlue{background-position:-13px -20px;height:21px;width:31px}
i.userBlue{background-position:-36px 0;height:20px;width:23px}
i.dArrowLrg{background-position:0 -26px;height:8px;width:13px}
i.dArrowLrgWhite{background-position:0 -34px;height:8px;width:13px}
i.dArrowLrgDarkGrey,span:hover i.dArrowLrgWhite{background-position:0 -42px;height:8px;width:13px}
i.vDownBlue{background-position:-44px -20px;height:30px;width:30px}
i.hiwComputer{background-position:-221px 0;height:123px;width:172px}
i.hiwBasket{background-position:0 -50px;height:103px;width:136px}
i.hiwArrow{background-position:-136px -12px;height:111px;width:85px}
i.progressArrow{background-position:-237px -142px;height:34px;width:66px}

.ourBrands i.i{background-image:url(img/our-brands-sprite.jpg) !important;height:86px;margin:45px 20px 45px 74px;width:117px}

@media (max-width: 1000px){
	body{
		width:1000px;
	}
}

body > div#ui-datepicker-div{min-width:0}
table.ui-datepicker-calendar{width:auto}
.ui-datepicker{font-size:12px;margin:10px 0 0 0}
.ui-datepicker-header{height:26px;padding:0 0 6px 0;position:relative}
.ui-datepicker-header a{border:1px solid #ccc;border-radius:6px;height:10px !important;left:2px;padding:5px 8px 5px 6px!important;position:absolute;top:2px;width:6px !important}
.ui-datepicker-header a.ui-datepicker-next{left:auto;padding:5px 6px 5px 8px!important;right:2px}
.ui-datepicker-header a.ui-state-disabled{opacity:0.25}
.ui-datepicker-header a span{background-position:-62px -179px;height:10px;width:6px}
.ui-datepicker-header a.ui-datepicker-next span{background-position:-56px -179px}
.ui-datepicker-title{margin:0 29px;white-space:nowrap}
.ui-datepicker-title select{width:50%;min-width:70px}
.ui-datepicker-unselectable{opacity:0.4}
.ui-datepicker-calendar th,.ui-datepicker-calendar td{border:0;padding:1px 1px 2px 2px !important;text-align:center}
.ui-datepicker-calendar td a,.ui-datepicker-calendar td span{background:#fff;border:1px solid #ccc;display:block;min-width:19px;padding:2px;text-align:right;text-decoration:none}
td a.ui-state-hover{border-color:#24abf4;color:#24abf4 !important}
.ui-datepicker:before{background-position:-136px -186px;content:'';height:10px;left:12px;position:absolute;top:-10px;vertical-align:top;width:18px}
td a.ui-state-active,td span.ui-state-active{background:#24abf4;border-color:#ccc;color:#fff !important}

#btForm #card-number,#btForm #cvv,#btForm #expiration-month,#btForm #expiration-year{border:1px solid #ccc;width:200px}
#btForm #cvv{width:60px}
#btForm #expiration-month,#btForm #expiration-year{width:35px;display:inline-block;vertical-align:middle}
#btForm #expiration-slash{border:1px solid #fff;box-sizing:border-box;font-size:20px;padding:1px 3px;text-align:center;width:17px}
#btForm label{display:inline-block;margin-top:5px !important;width:100px}
#btForm > div:not(.buttons){border:1px solid #fff;box-sizing:border-box;display:inline-block;height:26px;line-height:26px;margin:0 0 19px 0;padding:1px 2px;vertical-align:top}


/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.2 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
#dialog,#passwordPopup,.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;background:#333;background:rgba(51,51,51,0.4);}
#dialog:before,#passwordPopup:before,.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
#dialog .content,#passwordPopup .content,.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:31px;min-width:380px;max-height:85%;background:#fff;cursor:auto;white-space:normal}
#dialog .content,#passwordPopup .content{overflow:hidden;width:auto}
#dialog .close,.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:6px;right:6px;line-height:17px;width:17px;cursor:pointer;text-align:center;background:#fff}
.featherlight .featherlight-inner{display:block}
.featherlight img.featherlight-inner{margin-left:auto;margin-right:auto}
.featherlight .featherlight-image{width:100%}
.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}
.featherlight iframe{border:0}
.featherlight-inner.disclaimer{clear:both;font-size:11px;margin-bottom:0;width:380px}
.featherlight-content a{display:inline-block;float:right;margin:15px 0}



/* 
Created on:17 Sep, 2014, 4:29:37 PM
plugin:timepicker
Author:senthil
*/

.timepicker .ti_tx,.timepicker .mi_tx,.timepicker .mer_tx{text-align:center;margin:10px 0;}
.timepicker .time,.timepicker .mins,.timepicker .meridian{width:48px;float:left;margin:0 0 0 10px;font-size:20px;color:#2d2e2e;font-family:arial;font-weight:700;}
.timepicker .time{margin-left:0;}
.timepicker .prev,.timepicker .next,.ui-datepicker-header a,.ui-datepicker-header a.ui-state-disabled:hover{background:#d3d3d3;cursor:pointer;height:9px;padding:12px;width:15px;border:1px solid #ccc;margin:auto;border-radius:5px;
-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.timepicker .prev:hover,.timepicker .next:hover,.ui-datepicker-header a:hover{background-color:#aaa;}
.time_pick{display:inline-block;position:relative;}
.timepicker.timepicker_wrap,.ui-datepicker{padding:10px;border-radius:5px;z-index:998;display:none;box-shadow:2px 2px 5px 0 rgba(50,50,50,0.35);background:#f6f6f6;border:1px solid #ccc;position:absolute;top:27px;left:0;}
.timepicker .arrow_top{position:absolute;top:-10px;left:12px;width:18px;height:10px;z-index:999;}
.timepicker .arrow_top i.i{background-position:-136px -186px;height:10px;margin:0;vertical-align:top;width:18px;}
.timepicker input.timepicki-input{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;border-radius:5px 5px 5px 5px;float:none;margin:0;text-align:center;width:34px;}
.timepicker a.reset_time{float:left;margin-top:5px;color:#000;}
.timepicker .uV,.timepicker .dV,.ui-datepicker-header a span{margin:0;vertical-align:top;}

.bg-grey{
	background:#eee;
}

.bg-lightgrey{
	background:#f4f4f4;
}

.bg-midgrey{
	background:#e6e6e6;
}

.bg-blue{
	background:#24abf4;
}

@font-face {
	font-family:'RobotoRegular';
	src:url('font/RobotoRegular.eot');
	src:url('font/RobotoRegular-1.eot') format('embedded-opentype'), url('font/RobotoRegular.woff') format('woff'), url('font/RobotoRegular.ttf') format('truetype'), url('font/RobotoRegular.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'RobotoBold';
	src:url('font/RobotoBold.eot');
	src:url('font/RobotoBold-1.eot') format('embedded-opentype'), url('font/RobotoBold.woff') format('woff'), url('font/RobotoBold.ttf') format('truetype'), url('font/RobotoBold.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'RobotoMedium';
	src:url('font/RobotoMedium.eot');
	src:url('font/RobotoMedium-1.eot') format('embedded-opentype'), url('font/RobotoMedium.woff') format('woff'), url('font/RobotoMedium.ttf') format('truetype'), url('font/RobotoMedium.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'MontserratRegular';
	src:url('font/MontserratRegular.eot');
	src:url('font/MontserratRegular-1.eot') format('embedded-opentype'), url('font/MontserratRegular.woff') format('woff'), url('font/MontserratRegular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}