/**
 *CSS Reset Stylesheet | v1.6.1 2010-09-17 | html5doctor.com/html-5-reset-stylesheet/
 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none}
ins {background-color: #ff9; color: #000; text-decoration: none}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help}
table {border-collapse: collapse; border-spacing: 0}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0}
label {cursor: pointer; font-size:14px;}
label b{font-weight:600;}
pre, code, kbd, samp {font-family: monospace, sans-serif}

/**
 * Base styles
 */
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%} /* 1) Always force a scrollbar in non-IE. 2) Remove iOS text size adjust without disabling user zoom. */
a:hover, a:active {outline: 0}
ul, ol {margin-left: 2em}
ol {list-style-type: decimal}
nav ul, nav li {margin: 0; list-style:none; list-style-image: none}
small {font-size: 85%;}
b, th {font-weight: 600}
strong {font-weight: 700}
td {vertical-align: top}
sub, sup {font-size: 75%; line-height: 0; position: relative}
sup {top: -0.5em}
sub {bottom: -0.25em}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px}
.ie6 legend, .ie7 legend {margin-left: -7px} 
button, input, select, textarea {width: auto; overflow: visible; margin: 0; font-size: 100%;  vertical-align: baseline}
textarea {overflow: auto; vertical-align:text-top; resize:vertical; max-height:500px}
label, input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer}
input::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0} /* Remove extra padding and inner border in Firefox */
/* Colors for form validity */
input:valid, textarea:valid {}
/*input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red} */
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color: #f0dddd}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle}
.img-responsive{
	width:100%;
}
body{
	transition: zoom ease;
}

/**
 * Non-semantic helper classes
 */
/* For image replacement */
.ir {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr}
.ir br {display: none}
/* Hide for both screenreaders and browsers */
.hidden, .hide, .init-hide {display: none; visibility: hidden}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden}
/* Clearfix */
.clearfix:before, .clearfix:after {content: ""; display: table}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
.clear {clear: both; height:0; overflow: hidden}

.clear-both::after{
	content:'';
	display:block;
	clear: both;
}

.image-hover-effect-1 {
	position: relative;
}
.image-hover-effect-1 .img2 {
	display: none;
}
.image-hover-effect-1:hover .img1 {
	display: none;
}
.image-hover-effect-1:hover .img2 {
	display: block;
}
/**
 * PSA Parts styles
 */


.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.inline-block{
    display: inline-block!important;
}
.width-fluid{
	width:100%!important;
}
.font-weight--light{
	font-weight:500!important;
}

h1 {font-size:26px; line-height:30px; font-weight:600}
h2 {font-size:20px; font-weight:600}
h1.pad-right, h2.pad-right {padding-right: 110px}
h3 {font-size:16px; line-height:1; font-weight:600}
h3.center {
	text-align:center;
	padding:0 0 20px;
	text-transform:none;
	font-size:18px;
	line-height:20px;
	display: inline-block;
	width: 100%;	
}
h4, h5 {font-size:14px; text-transform:uppercase; font-weight:600;}
/* h5 {color:#525252}
h6 {font-size:13px; color:#777d81;font-weight:500!important;} */
.no-border-right{border-right:none!important;}
p {font-weight:normal; width:auto; margin: 0 0 12px;}
p.alert {
    color: #876c3e;
    background-color: #f4eabb;
    border-color: #faebcc;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
p.alert b{
	color: #876c3e;
}
p.alert img{
	display:none;
}
 div.alert {
	width: 744px; margin: 15px 0; padding: 3px 5px 3px; background:#FEEE9F; border: 1px solid #fed22f; color: #363636;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	position: absolute;
	top: 45px;
	opacity: 0.9;
}
div.alert-msg{
	margin: 15px 0;
    padding: 3px 5px 3px;
    background: #FEEE9F;
    border: 1px solid #fed22f;
    color: #363636;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	opacity: 0.9;
	display: none;
}
div.alert-msg ul{
	margin-left: 50px;
}
span.alert-msg-txt{
    display: block;
    padding: 5px 3px;
}

p.alert b,div.alert b {font-weight: bold; color:#111}
.checkout-wrapper p.alert, .account-wrapper p.alert {width: 945px}
.cart-wrapper p.alert, .checkout-wrapper-narrow p.alert, .account-wrapper-narrow p.alert {width: 895px}

/* Links */
a {color:#3294CB; outline:none; text-decoration: none}
a:hover {text-decoration: underline}

/*
a.orange.link {
	color: #d17d18;
	background: url(/i/layout/icons.png) -5px -73px no-repeat;
	font-size: 12px; font-weight: bold; line-height:14px; text-decoration: none;
	padding: 0 0 0 10px
}*/
a.orange.link {
	color: #d17d18;
	font-size: 12px; 
	line-height:14px; 
	text-decoration: none;
}
a.orange.link:hover {text-decoration: underline}

a#scroll-top {
	display:none; width: 60px; height: 60px;
	opacity:0.3;
    position:fixed; bottom:20px; right:20px;
    text-indent:-9999px;
	background: #000 url(/i/layout/scroll-top.png) 18px 21px no-repeat;
}

/* Input boxes */
input.edit, select.edit, textarea.edit, select.date, select.year {
	width: 100%; padding: 6px 5px; 
	border-top: 1px solid #abadb3; border-left: 1px solid #e2e3ea; border-bottom: 1px solid #e3e9ef; border-right: 1px solid #dbdfe6;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
select.date, select.year {width: auto; padding: 6px 4px}
input.short {width: 120px}
input.medium {width: 250px}
input.edit:focus {border-top: 1px solid #5794bf; border-left: 1px solid #c5daed; border-bottom: 1px solid #c7e2f1; border-right: 1px solid #b7d5ea;}
input.has-bg-icon {padding: 7px 5px 7px 30px; outline: none;}
input.login-user {background:#fff url(/i/icon/login-form-icons.gif) 6px 5px no-repeat;}
input.login-email {background:#fff url(/i/icon/login-form-icons.gif) 6px -43px no-repeat;}
input.login-pwd {background:#fff url(/i/icon/login-form-icons.gif) 6px -95px no-repeat;}
input.checkbox {margin: -1px 3px 0 1px; vertical-align:middle}
/* Input placeholder text color */
::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
/* Disable chrome's spin box for number input */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.checkbox-large{
	width:18px;
	height:18px;
}
/* Buttons */
.psa-btn{
	cursor:pointer; 
	padding:6px 12px 4px; 
	text-align: center;
	border:1px solid #ddd;
}
.psa-btn.psa-btn-primary{
	background:#DF851A;
	color:#fff; 
	border:1px solid #DF851A;
}
.psa-btn.psa-btn-secondary{
	background:#ddd;
	border:1px solid #ccc;
	color:#666;
}
.psa-btn-none{
	display:none;
}
.psa-btn:hover{
	background:#DF851A;
	color:#fff; 
	border:1px solid #DF851A;
}


.button {
	font:12px/14px Helvetica,Verdana,sans-serif; cursor:pointer; padding:6px 12px 4px; 
	background:#F6F6F6 url(/i/button/button_bg.png) 50% 50% repeat-x; color:#787878;	
	text-align: center; border:1px solid #ddd;
}

.button:hover, .order-button, .order-button2, .orange-button {
	text-decoration:none;
	/*background:#79c9ec url(/i/button/button_bg_light_blue.png) 50% 50% repeat-x; color:#026890; border:1px solid #79c9ec;*/
	/* background:#DF851A url(/i/button/button_bg_orange.png) 50% 50% repeat-x; */
	background:#DF851A;
	color:#fff; 
	border:1px solid #DF851A;
}
.button-grey{
	background-color:#ddd;
	border:1px solid #ccc;
	color:#666;
}
.button.order-button.small{
	padding: 3px 10px!important;
}
.disabled-next-btn {
    opacity: .4;
}
.has-icon {float:left; padding-left:5px}
.has-icon .ui-icon {margin-top: -2px}
.icon-only {float:left; padding-left:5px; padding-right:5px; background:none; border:none}
.icon-only:hover {border:1px solid #ddd}
.order-button, .order-button2 {font-size:13px; padding: 7px 15px 5px}
.float-right {float: right}
.vpn-back-btn {position: absolute; top: 13px; left: 20px; width: 240px; padding: 7px 10px 6px; font-size: 12px}

.sbox-outter-ctn .list-ctns .button{float: right; opacity:0.6}
.sbox-outter-ctn .list-ctns .button:hover {
	background:#F6F6F6 url(/i/button/button_bg.png) 50% 50% repeat-x; border:1px solid #ddd; color:#999;
}




.select-list .selected{
	color:white!important;
	background-color:#1E90FF!important;
}
.select-list.tab{
	margin:auto;
	text-align: left;
}
/* Icons */
.ui-icon, .ui-icon-orange, .ui-icon-blue {
	width:16px; height:16px; display:block; float:left; margin:0;
	background:url(/i/icon/icon-set-grey.png) no-repeat
}
.ui-icon-orange {background:url(/i/icon/icon-set-orange.png) no-repeat}
.ui-icon-blue {background:url(/i/icon/icon-set-blue.png) no-repeat}
.has-icon .ui-icon {margin-right:4px}
.ui-icon-circle-arrow-w {background-position:-80px -192px}
.ui-icon-circle-arrow-e {background-position:-48px -192px}
.ui-icon-enlarge {background-position:-160px -112px}
.ui-icon-alert {background-position:-16px -142px; margin-top:-1px; margin-right: 3px}
.ui-icon-trash {background-position:-176px -96px}
.ui-icon-reload {background-position:-64px -80px}
.ui-icon-tick {background-position:-64px -144px}
.ui-icon-window {background-position:-48px -80px}
.ui-icon-edit {background-position:-64px -112px}
.ui-icon-add {background-position:-16px -128px}
.ui-icon-arrow-back {background-position:0 -64px}
.ui-icon-arrow-down-bar {background-position:-224px -48px}
.ui-icon-arrow-right-bar {background-position:-208px -48px}
.ui-icon-arrow-solid-left {background-position:-96px -16px}
.ui-icon-arrow-solid-right {background-position:-32px -16px}
.ui-icon-house {background-position:0 -112px}
.ui-icon-unlock {background-position:-208px -96px}
.ui-icon-user {background-position:-144px -96px}
.ui-icon-search {background-position:-160px -112px}
.ui-icon-submit {background-position:-32px -64px}



a:hover .ui-icon {background-image:url(/i/icon/icon-set-orange.png)}

.box-shadow {
	-moz-box-shadow:    0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)!important;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)!important;
	box-shadow:         0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)!important;
}

#prodImgRoller {
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);    
	position:absolute; width:600px; height:360px;
	display: none; visibility: visible;
	text-align: center; border: 2px solid #e4e4e4;
	border: 1px solid #e4e4e4;
    -moz-box-shadow: 0 0 9px 5px #cec9c9;
    -webkit-box-shadow: 0 0 9px 5px #cec9c9;
	box-shadow: 0 0 9px 5px #cec9c9;
	z-index: 99999;
}
#prodImgRoller.loading {background: #fff url(/i/icon/load.gif) no-repeat center center}
#roll-over {
	position: absolute; border: 2px solid #e4e4e4;
	-moz-box-shadow: 0 0 6px 6px #999;
	-webkit-box-shadow: 0 0 6px 6px #999;
	box-shadow: 0 0 6px 6px #999;
}
#load {text-align: center}
#load img {margin: 60px auto}

/* PRODUCT TAGS */
.new-in {
	position:absolute; top:3px; left:3px;
	width:101px; height:101px;
	background:url(/i/product_tag/new-in.png) 0 0 no-repeat;
	z-index:9999; text-indent:-9999px
}
/* END PRODUCT TAGS */

/* SEARCH BOX */
/*
.search-box {
	width: 319px; height: 37px; 
	float: left; margin: 0 0 0 26px; padding:0px 0 0 10px;
	font-size:18px; line-height:35px; color:#bbb;
	background: url(/i/layout/input-search.jpg) 0 0 no-repeat;
	border: none; outline:none
}*/
.search-box-short {
	height: 37px;
    float: left;
    color: #bbb;
    line-height: 35px;
    background: url(/i/layout/input-search.jpg) 0 0 no-repeat;
    border: none;
    outline: none;
    width: 200px;
    font-size: 15px;
    padding: 0;
	margin: 0;
	margin-right:-5px;
}
.search-box.focusin {color:#333}
.search-form-main {padding: 10px 0; margin: 10px 0}
.search-form-main .search-box {
	margin: 0;
    width: 75%;
    background: #eee;
    padding: .6em 1em;
    border-radius: 2px;
    border: 1px solid #ddd;
}

/*
.search-btn {
	width: 44px; height: 37px; margin: 0; padding: 0;
	background: url(/i/button/btn-search.jpg) 0 0 no-repeat;
	border: none; text-indent: -9999px;
	float:left;
}*/
/* END SEARCH BOX */

/* Wrappers */
#wrapper {margin:0 auto; position: inherit; min-width:1160px}/*overflow:hidden;*/

.cart-wrapper, .checkout-wrapper-narrow, .account-wrapper-narrow {padding: 0 30px;}
.checkout-wrapper, .account-wrapper {padding: 0 5px; position: relative}
.content-body-start {margin-top: 20px}

/* HEADER */
#header {position:absolute; top:0; left:0; padding:0; width: 100%;}

#header .header-top{ 
	display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	display:flex;
}
#header ul li {display:inline}

/* PSA logo */
#logo {
	display: block; width: 245px; height: 81px; 
	margin:20px 0 0; 
	/*background: url(/i/layout/verticle-border.jpg) right 0 repeat-y*/
}
#logo a {
	float:left; width:195px; height:82px;
	background:url(/i/logo/psaparts-set-vert.jpg) 0 0 no-repeat;
	text-indent:-9999px;	
}

#logo a:hover {
	background-position: -280px 0;
	opacity:0.6; 
	transition: opacity 0.3s ease-in 0s, opacity 0.3s ease-out 0s; 
}


/* Contact bar */
ul#contact {
	margin:20px 0 15px 0;
	margin-left: auto;
	display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	display:flex;
}
#contact li {
	float:left; height:20px; margin:5px 0; padding:0 9px;
	font-size:11px; color:#5c5c5c; line-height:20px; /*text-transform: uppercase;*/
	border-right:solid 1px #c7c7c7
}
#contact li:last-child{
	border-right:none;	
}
#contact .last-item--margin-left--auto{
	margin-left:auto;
}
#contact li a.basket-link{
	color:#0158ae;
	font-weight: bold;
}
#contact li a span{
	display:block;
	color:#5c5c5c!important;
	font-weight: normal;
}
#contact li.icon{padding:0 14px 0 30px;}
#contact li.no-icon {padding:0 10px}
#contact a {text-decoration: none; color:#5c5c5c}
#contact a:hover {color:#01315E}
#contact .contact-link {}
#contact .phone {background:url(/i/layout/icons.png) 10px -49px no-repeat}
#contact .email {background:url(/i/layout/icons.png) 10px -28px no-repeat}
#contact .site-selector {padding:0 5px 0px 10px;position:relative; z-index:2}
#contact .site-selector img {
	display: block; width: 16px;
	float: left; margin: 2px 2px 0 0;
	vertical-align: 0
}
#contact .site-selector span {display: block; margin:0; float: left; text-align: center}
#contact .site-selector span.currency {width:21px; text-align: right; padding-right: 4px}
#contact .site-selector span.lang {font-size:11px}
#contact .site-selector a#drop {
	display: inline-block;height: 18px; padding: 0 20px 0 0;
	background: url(/i/button/btn-dropdown.png) 110px 1px no-repeat;
	position: relative; z-index: 2
}	
#contact .site-selector ul {
	position:absolute; left:-9999px; top: -4px;
	padding: 28px 5px 10px 5px;
	background: white; border: 1px #C7C7C7 solid;
	border-radius: 3px; z-index: 1
}
#contact .site-selector:hover ul {left:-7px; cursor:pointer}
#contact .site-selector ul li {height: 18px; margin: 1px 0; padding: 0; border:none; overflow: hidden}
#contact .site-selector ul li a {background:none; display: block; width: 130px; padding: 0 0 1px 11px; overflow: hidden}
#contact .site-selector ul li a:hover {background: #F89F34}




/* Basket */
#header #basket {float: right; margin: 0; padding: 0 6px 0; max-width:330px}
#header #basket li {float:left; line-height:16px; height: 35px}
#header #basket li#basket-link a {
	display:block; height: 27px; padding:8px 0 0 42px;
	background: none; line-height: 13px;
	background: url(/i/icon/basket.png) 0 0 no-repeat; 
}
#header #basket li#basket-link span {display: block; color: #787878; font-weight: normal; font-size: 10px; line-height: 14px;}
#header #basket #checkout {width: 120px; padding-left: 5px}
#header #basket #checkout a {
	display:block; float:right; margin-top: 7px
}
#header #basket #checkout a span.ui-icon {margin-right: 1px; margin-top:-1px}
/* Horizontal menu bar - large version*/
#header #hbar {
	width:980px;
	float:left; margin:15px 0 0 0; padding:6px 0 10px 0;	
	background:url(/i/layout/confidence-banner.jpg) 0 bottom repeat-x;
	border-top:1px #e0e0e0 solid;
}
#hbar li {
	float:left; width:325px; height:auto;
	background:url(/i/layout/verticle-border.jpg) right 0 repeat-y
}
#hbar li:last-child {width:324px; background:none}
#hbar li div {
	background: url(/i/layout/confidence-icon-l.png) 30px 0px no-repeat;
	padding: 3px 0 3px 90px
}
#hbar li h5 {margin-top: 8px}
#hbar li#hbar-delivery div {background-position: 30px 8px}
#hbar li#hbar-trade div {background-position: 30px -69px}
#hbar li#hbar-account div {background-position: 30px -158px}
#hbar p {line-height:16px; font-size:14px; margin:0}

/* Horizontal menu bar - small version*/
/* INTERNAL PAGES */
#header #hbar-sm {
	float:left; width:980px; margin:15px 0 0; padding:4px 0 10px 0;	
	background:url(/i/layout/confidence-banner-small.jpg) 0 bottom repeat-x;
	border-top:1px #e0e0e0 solid;
}
#header #hbar-sm li {
	float:left; width:325px; height:auto;
	background:url(/i/layout/verticle-border.jpg) right 0 repeat-y;	
}
#header #hbar-sm li:last-child {width:324px; background:none}	
#header #hbar-sm li div {background: url(/i/layout/con-small.png) 40px 7px no-repeat; padding: 6px 5px 0px 100px}
#header #hbar-sm li#trade div{background-position: 50px -33px}
#header #hbar-smli#account div {background-position: 50px -70px}
#header #hbar-sm li div h5 {font-size:12px; line-height:12px; display:block; color:#444}
#header #hbar-sm li div p {line-height:16px; font-size:14px}
#header #hbar-sm li div a {
	font-size: 11px; background: url(/i/layout/icons.png) -5px -99px no-repeat;
	display: block; line-height: 18px;				
}
#hbar-sm li#hbar-delivery div {background-position: 40px 7px}
#hbar-sm li#hbar-trade div {background-position: 50px -33px}
#hbar-sm li#hbar-account div {background-position: 50px -70px}

.mainBanner {
	width: 100%;
	height: auto;
	text-align: center;
	overflow:hidden;
	margin-top: 1em;
}
.mainBanner p{
	margin:0!important;
	text-align: left;
}
/* END HEADER */

/* NAVIGATION */	
.sidebar-top {
	padding: 0 15px;
	margin-bottom:2.5em;
}
.sidebar-top p{
	line-height: 15px;
}
.sidebar-top p:first-child {
    padding-top: 0;
    margin-top: 0;
}

#nav {
	display: none;
	float:left; width:195px; 
}
#nav-left{
	float:left; width:195px; 
}
#nav div.bottom {
	float:left;	width:179px; height: 5px;
	background:url(/i/layout/nav-bottom.jpg) 0 0 no-repeat
}
#nav ul {
	float:left; display:block; 
}

#nav ul li, #nav-left ul li {float:left; padding:0; cursor:pointer; width:100%;border-bottom:3px solid white;}
#nav > ul > li:first-child{
	border-top: 1px solid #eee;
}
#nav > ul  > li span i:hover, #nav > ul > li.active span i{
	color: #F88E02; background:url(/i/layout/icons.png) 7px -97px no-repeat;
}
#nav ul li span, #nav ul li h6,#nav ul li span i,
#nav-left ul li span, #nav-left ul li h6, #nav-left ul li span i{
	float:left; width:100%; padding:6px 0;
	background:#eee;
	font-size:12px; font-weight:bold; color:#0158ae; text-transform:uppercase
}
#nav ul li span i, #nav-left ul li span i{
	width:160px;
}
#nav ul li span i, #nav ul li h6 i,
#nav-left ul li span i, #nav-left li h6 i {
	float:left; padding: 0 0 0 25px;
	background: url(/i/layout/nav-arrows-blue.png) 10px 7px no-repeat;
	font-style: normal;
	font-size:13px;
	font-weight:500!important;
}
#nav ul li span.active i,
#nav-left ul li span.active i {background-position: 10px -29px}
#nav ul li ul,#nav-left ul li ul  {float:left; display:block;}
/*#nav ul li ul li:first-child {margin:5px 0 0 5px}*/
#nav ul li ul li.cat-home,
#nav-left ul li ul li.cat-home {
	width: 175px; margin: 0; padding: 0 15px 2px 0; text-align: right;
	background:#eee;
}
#nav ul li ul li.cat-home .ui-icon,
#nav-left ul li ul li.cat-home .ui-icon {float:right; margin-top: -1px; background-image:url(/i/icon/icon-set-blue.png)}
#nav ul li ul li.cat-home a,
#nav-left ul li ul li.cat-home a{color: #0158ae; font-size: 9px;  font-weight: bold;}
#nav ul li ul li.cat-home a:hover,
#nav-left ul li ul li.cat-home a:hover {background: none}
#nav ul li ul li.cat-home a:hover .ui-icon,
#nav-left ul li ul li.cat-home a:hover .ui-icon {background-image:url(/i/icon/icon-set-orange.png)}
#nav ul li ul li:last-child,
#nav-left ul li ul li:last-child {border:none; margin:0 0 5px 5px}
#nav ul li ul li,
#nav-left ul li ul li {
	width:160px;
	float:left; margin:0 0 0 5px; padding:7px 10px;
	border-bottom:1px solid #dadada;
	line-height:14px
}

#nav ul li ul li a, #nav-left ul li ul a {color:#0158ae; text-decoration:none; padding-left: 8px; display:block; width: 100%}
#nav ul li ul li a:hover, #nav-left ul li ul a:hover {color: #D17D18; background:url(/i/layout/icons.png) -5px -101px no-repeat}

#nav ul.account-nav li h6 i, #nav-left ul.account-nav li h6 i {background:none; padding-left: 13px}
#nav ul li div, #nav-left ul li div{float:left; padding: 5px 10px 10px}
#nav ul li div p, #nav-left ul li div p {line-height: 16px; color: #585858;}
#nav ul li div p em, #nav-left ul li div p em {margin-top: -1px}
#nav ul li div .button, #nav-left ul li div .button{float: right; margin-right: 10px}

#nav .addthis {margin-left:25px; padding-top: 20px; float: left}
/* END NAVIGATION */
 
/* CONTENT */
#content-left-filters, #content-left-nav {
	float: right; 
	width: 785px;
	margin: 0 0 20px 11px; 	
	position:relative
}
#content a {text-decoration:none}
#content-no-lbar {width: 980px; margin: 0 0 20px 0; padding: 0 10px}

/* BREADCRUMB */
#breadcrumb {
	margin:0; padding:1rem;overflow: hidden;
}
#breadcrumb.after-banner{
	margin-top:1.5em;
	border-bottom: none;
	margin-bottom:0;
	padding-bottom:0;
}
#content-no-lbar #breadcrumb {width: 100%;}
#breadcrumb li:first-child {
	padding:0; background:none;	
}
#breadcrumb li {
	float:left; margin: 0 0 5px 0; padding:0 0 0 10px;
	font-size:11px; line-height:11px; font-weight:bold; text-transform:uppercase;
	background: url(/i/layout/nav-arrows-blue.png) 0.1em 0.1em no-repeat;
	list-style: none; list-style-position: inside;
	font-weight: 600;
}
#breadcrumb li a {
    color: #878787;
    font-weight: 600;
}
#breadcrumb li a:hover {text-decoration: underline}

/* Checkout tracker */
#checkout-tracker {
    display: flex;
    justify-content: center;
    margin: 2em 0;
}
#checkout-tracker li {
    list-style-type: none;
    max-width: 200px;
    display: flex;
    align-items:center;
    font-size: 14px;
    margin-right: 1em;
}
#checkout-tracker li .step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 24px;
    font-weight: 700;
    padding: .2rem;
    line-height: 1;
    background: #e4e4e4;
    border-radius: 50%;
    color: white;
}

#checkout-tracker .prev .step {
    background: #42AE49;
}

#checkout-tracker li .text {
    margin-left: .5em;
    display: inline-block;
    font-weight: 600;
}

#checkout-tracker .curr .step {
    background: #5cb2f0;
}

/* SECTION TILES */
.cats{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}
.cat{
	background: white;
    position: relative;
    width: calc(25% - .5rem);
    margin-bottom: 1em;
    height: auto;
    padding: 0;
}
.cat img {
    width: 100%;
    height: auto;
}
.no-margin-right {margin-right: 0}
/* {
	position:absolute; left:0; bottom:0;
	width:252px; height:6px;
}*/

.cat a {
	display: block; overflow: hidden; padding: 2px 2px 6px 2px; 
	border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.cat a.longer {height: 190px}
.cat a.longest {height: 205px}
.cat a:hover {
	border-color: #55aaff;
	-moz-box-shadow: 1px 1px 5px #55aaff; -webkit-box-shadow: 1px 1px 5px #55aaff; box-shadow: 1px 1px 5px #55aaff;
}
.cat a:hover h3 {color:#5cb2f0}
.cat h3 {padding: 8px 0 3px 5px; font-size: 16px; text-transform: uppercase;}
.cat p {padding:0 5px; font-size:14px; margin:0; font-weight: 400;    color: #06070b;}
.cat div.overlay {
	position: absolute; top: 33px; right: 8px;
	width: 104px; height: 98px; padding: 6px 0 0;
	background: url(/i/layout/cat-over.png) 0 0 no-repeat;
	opacity:0.85; filter:alpha(opacity=92);
	transition: opacity 0.3s linear, top 0.3s;
}
.cat a:hover div.overlay {
	opacity:1; top: 25px; transition: opacity 0.3s linear, top 0.3s;
}
.cat div img {display:block; margin:0 auto}
/* END SECTION TILES */
/*block-panels*/
.dockPanels h4 a,.dockPanels h4{
	display:block;
	text-align: center;
	min-height: 31px;
}
.dockPanels div p{
	height:226px;
}
/**/



/* SLIDERS */
#sliders {width:792px; float:right; padding:0 0 40px; overflow: hidden}
#slider-lg .bx-wrapper, #slider-lg .bx-window{ 
	height:auto!important;
	width:100%!important;
}

#slider-lg ul {
	height: auto;
	float: left; 
	margin:0px;
}
#wrapper-slider-lg {
	position: relative;
	display: inline-block;
	width:100%;  
	margin-top:10px;
}
#slider-lg ul li {width:100%!important; background:none; list-style:none; max-width: 1160px;}

#slider-sm {
	float:left;
	background: url(/i/slider/slider-back-s.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	width: auto;
	height: auto;
}
#wrapper-slider-sm {
	height: 393px;
	position: relative;
  	display: inline-block;
  	width: 252px;
}
#slider-sm ul {margin:0}
#slider-sm ul li {list-style: none}
#slider-sm ul li div {position:relative; width:247px; height:235px; margin:0 auto}
#slider-sm ul li div img {margin:0 auto}
#slider-sm ul li a {text-align:center; text-decoration:none}
#slider-sm ul li a h3{text-align:center}
#slider-sm ul li a p {width:140px; margin:5px auto 18px; line-height:13px; text-align:center}
#slider-sm ul li a p strong {font-size:14px; line-height:16px; text-align:center}
.cat-slider {
	width: 264px;
	float: left;
}
.cat-slider > .cat {
	margin-right: 7px !important;
}
.bx-wrapper {height:388px}
.bx-window {height:355px}
.slider:hover .bx-next, .slider:hover .bx-prev{
	opacity:1;
	transition: opacity .2s ease-in-out;
}
.bx-prev,.bx-next{
	opacity:.1;
	transition: opacity .2s ease-in-out;
}
.bx-prev {
	position: absolute;	 
	width: 35px;
	bottom:0;
	left: 0px;
	height: 100px;
	text-indent: -9999px;
	background: linear-gradient(to right,rgba(0,0,0,.5) , rgba(0,0,0,.1));
}
.bx-prev::before {
    height: 100px;
    width: 35px;
    position: relative;
    display: block;
    content: '';
    background: url(/i/slider/arrows.png) 0 0 no-repeat;
}
.bx-next {	
	position: absolute;
    width: 35px;
    bottom: 0;
    right: 0;
    text-indent: -9999px;
    height: 100px;
	background: linear-gradient(to left,rgba(0,0,0,.5) , rgba(0,0,0,.1));
}
.bx-next::before {
    height: 100px;
    width: 35px;
    position: relative;
    display: block;
    content: '';
    background: url(/i/slider/arrows.png) -166px 0 no-repeat;
}
.bx-pager {position:absolute; bottom:5px}
.bx-pager a {
	width: 8px; height: 8px;
	float: left; Margin: 4px;
	text-indent: -9999px;
	background-color: white;
	border-radius: 50%;
	opacity:7.5;
}	
.bx-pager a.pager-active {background-color:#0158ae!important;opacity:1!important;}
#slider-sm .bx-prev {left:2px; bottom:2px}
#slider-sm .bx-next {left:218px; bottom:2px}
#slider-sm .bx-pager {bottom:13px}
/* End SLiders */

/* About section */
/* div.about {
	float:left; width:996px; padding: 35px 0 0 0;
	background: #f0f0f0 url(/i/layout/about-back.jpg) 0 top no-repeat;
	border-top: 1px #e4e4e4 solid
} */
div.about {
    width: 100%;
	padding: 2em 0 1em;
	margin-top: 1em;
    background: #f0f0f0 url(/i/layout/about-back.jpg) 0 top no-repeat;
    background-size: cover;
    border-top: 1px #e4e4e4 solid;
}
div.about > * {
    margin: auto;
}
div.about div {width:996px}
div.about p {
	width:800px; margin:0 auto; padding:0 0 10px;
	font-size:13px; line-height:17px; color:#959595; text-align: left;
}
div.about strong {margin:0 auto; display:block}
div.about a.read {
	display: block; height: 35px; margin: 15px auto 40px; color:#d17d18;
	text-align: center; text-transform: uppercase;
	background: url(/i/layout/icons.png) center -132px no-repeat;
	cursor: pointer;
}
div.about a.read.active {background: url(/i/layout/icons.png) center -211px no-repeat}
/* End About section */



/* Top manufacturer logo */
#content #brands {
	width: 64em;
    padding: 5px 3px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
    margin-bottom: 40px;
    background:white;
}
#content #brands ul {margin:0}
#content #brands ul li {list-style:none; float:left; height:94px; display:block; text-align: center;}
#content #brands ul li a {display:block; width:190px; font-size: 24px; font-weight: bold; padding-top: 36px;}
#content #brands ul li a img {margin:-14px auto 0 auto; display:block; padding:0 0 22px}
/* manufacturer A-Z */
#content #atoz {
	width: 64em;
    padding: 5px 3px 30px 3px;
    background: white;
    border: 1px solid #e4e4e4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
    margin-bottom: 40px;
}
#content #atoz #tabs ul#tab-links {
	margin: 0 auto; padding: 30px 25px 10px;
	display: block; width: 616px; height: 17px; line-height: 12px;
	border-bottom: 1px solid #DFE0E1;
}
#content #tabs ul#tab-links li {
	float:left; list-style:none; padding: 0 5px;
	font-size:15px; font-weight:bold;
}
#content #tabs ul#tab-links li a {color:#848688; padding:6px 7px}
#content #tabs ul#tab-links li.active a {color:#004273}
#atoz #tabs div.tabs {background:none; padding:25px 0 0}
#atoz #tabs div.tabs ul {
	float: left; width: 100px;
	margin: 0; padding: 0 0 0 80px; border: none;
}
#atoz #tabs div.tabs ul li {
	width:115px;padding:0; clear:both;
	font-size:12px; line-height:23px; font-weight:normal; list-style:none;
}
#atoz #tabs div.tabs ul li a {color:#717171}
#atoz div.tab-contents {
	margin:0 0 0 30px; padding:10px 10px 20px;
	overflow:hidden; min-height:180px;
}
#atoz div.tab-contents .tab-content {margin:10px 0 0 0; padding:0; display:none; overflow: hidden; width:670px}
#atoz div.tab-contents .tab-content th {width:35px; padding: 10px 15px 0 0}
#atoz div.tab-contents .tab-content th .index {
	width:16px; margin: 8px 0 12px; padding:0 8px;  float:none;
	border: 1px solid #b6b6b6; background: #c8c8c8; color: #fff; font-size:22px; line-height:28px; font-weight:bold;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	overflow:hidden; clear:both;
}
#atoz div.tab-contents .tab-content td {padding: 12px 0 18px 0; border-bottom: 1px dashed #e8e8e8}
#atoz div.tab-contents .active {display:block}
#atoz div.tab-contents .tab-content a {
	 display: block; float: left;
	 width: 146px;  padding-left:8px; margin: 10px 0 10px 0; 
	 color:#717171; line-height: 12px;
}
#atoz div.tab-contents .tab-content a:hover {color:#56ace0}


/* man/dev/oempno select boxes */
.sbox-outter-ctn {
	overflow: hidden;
    padding-top: 10px;
    background-image: url(/i/layout/select-background-all.png);
    background-repeat: no-repeat;
    background-size: 100% 99%;
    min-height: 305px;
    width: 64em;
    margin: auto;
    margin-bottom: 40px;
}

.sbox-outter-ctn-small {
	background-image: url(/i/layout/select-background-small.png);
    background-repeat: no-repeat;
    background-size: 100% 99%;
	min-height:310px; 
	width: 505px;
}
.simple-ctn {
	background:white; width: 580px; border: 1px solid #DEDEDE; margin-top: 25px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.single-list {width: 250px}
.sbox-outter-ctn .list-ctns {margin:4px 10px 8px 15px; width:96%}
.sbox-outter-ctn .list-ctns td, .sbox-outter-ctn .list-ctns th {vertical-align: top; text-align:left; padding:0}
.sbox-outter-ctn .list-ctns .circle {
	border-radius: 50%;
    color: #fff;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.simple-ctn .list-ctns .circle {margin-left: 20px}
.sbox-outter-ctn .list-ctns .active {background: #313e48;}
.sbox-outter-ctn .list-ctns h4 {
	font-size:13px; line-height:13px;
	padding:3px 0 8px 0; margin:0; color: #ACACAC; text-transform: none;
}
.sbox-outter-ctn .list-ctns h4.active, .simple-ctn .list-ctns h4 {color:  #06070b; background:none}
.sbox-outter-ctn .list-ctns p.select-man {
	height: 90px; padding:65px 10px 35px 10px; margin: 25px 0 0 0;
	border:1px solid #e1e1e1; background:#e8e8e8;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	font-size:14px; color: #b8b8b8; font-weight: bold; line-height:18px; text-align: center;
}
.sbox-outter-ctn .filter input {
	width: 180px; padding:.2rem .5rem;
	vertical-align: top; color:#777;  font-size:12px;
}
.sbox-outter-ctn .filter a.clear {
	display:none;
}
.sbox-outter-ctn .filter a.cross {background-position: -32px 2px}
.sbox-outter-ctn .select-list, div.select-list, section.select-list {
	padding:0; clear:both; margin-top: 5px;
	font-size: 13px; border: 1px solid #06070b; 
	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
	overflow-y: scroll;
	height: 190px;
    margin-bottom: 5px;
    
}


.sbox-outter-ctn .select-list span,.select-list span{
	display:block;
	padding:0 5px;
	cursor: default;
}


#filterMan,#filterDevice,#filterOem{
	width: 90%;
    padding: 2px 3px 2px 4px;
    vertical-align: top;
    color: #777;
	font-size: 12px;
	border-radius: 0!important;
}
div.select-list.mob-man,div.select-list.mob-device,div.select-list.mob-oem{
	height:185px!important;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}
div.select-list > div {
    padding: .2em .5em;
}
div.select-list > div.visible:nth-of-type(odd){
    background-color:#EFEBEF;
}
/* .sbox-outter-ctn .select-list option.zebra {background: #EFEBEF} */
.select-list .zebra {background: #EFEBEF}
.select-list-hidden {display: none}

/* Device drill down seo links */
#content ul.seo-link {margin:0; padding:0; list-style:none; list-style-position:inside; display:block;text-align:center;}
#content ul.seo-link a {
	font-weight: bold;
	text-align:center;
}

/* Device and Oempno listings on SEO listing pages */
table.wide-listing-ctn {width: 100%; margin-top: 25px;}
table.wide-listing-ctn td {padding-right: 10px}
table.wide-listing-ctn td div {
	border: 2px solid #dedede; border-top:none; background: #F7F7F7;
	overflow: hidden; padding: 5px 5px 10px 10px;
}
table.wide-listing-ctn td h3 {text-align: center; padding: 9px 5px; background:#014576; color:#fff}
table.wide-listing-ctn td h4 {
	margin: 15px auto 5px auto; width:540px; padding: 3px 0;
	border: 1px solid #b6b6b6; background: #c8c8c8; color: #707070; font-size:17px; line-height:22px; font-weight:normal; text-align: center; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
table.wide-listing-ctn td h5 {margin: 15px 0 0; line-height:18px; padding-left: 8px}
table.wide-listing-ctn td ul {overflow: hidden; margin:0 0 15px 0; padding:0}
table.wide-listing-ctn td ul li {width: 180px; float: left; list-style:none; list-style-position: inside; margin: 5px 0 3px 0}
table.wide-listing-ctn td ul li a {color: #717171; padding-left:8px; display: block;}
table.wide-listing-ctn td ul li a:hover {color: #D17D18; background:url(/i/layout/icons.png) -5px -98px no-repeat}

/* Product page styles */	
ul.prod-ctn li.hidden {display:none; float: left;}
ul.prod-ctn h3 {
	margin:0;min-height:30px;
	color: #06070b; text-align:center;;
}
ul.prod-ctn h4 {
	margin:0; padding:1px 0 0; 
	color:#333; text-align: center; font-size: 11px; line-height: 15px;	
}
ul.oem-prod-ctn .extra-padding {padding-top:7px}
ul.prod-ctn h3 a {color:#0b0b0b;display:block;padding:10px;font-size: 16px;font-weight: 700;}
ul.prod-ctn h3 b {display:block; font-size: 18px; line-height: 24px;  margin-top:-8px;}
ul.prod-ctn .prod-dtl {
	padding:0; padding-bottom:10px; margin:0; position: relative; overflow: hidden;
	
}
ul.prod-ctn .upper-wrapper {height: 230px}
/*
ul.prod-ctn li.battery h3 {background-color: #003D79}
ul.prod-ctn li.power h3 {background-color: #810083}
ul.prod-ctn li.screen h3 {background-color: #218242}
ul.prod-ctn li.oem-replacement h3 {background-color: #990000}
*/
/*ul.prod-ctn li.oem-replacement .prod-dtl {border-color: #990000}*/
ul.prod-ctn div.img-ctn {padding:0; margin:0; text-align:center}
ul.prod-ctn div.img-ctn img {margin: 0 auto}
ul.prod-ctn div.hasAltImgs {text-align: left}
ul.prod-ctn div.hasAltImgs img {margin:0 0 0 15px}
p.enlarge-photo {line-height:16px; height:16px; overflow: hidden; padding:0; background:#fff;}
ul.prod-ctn p.enlarge-photo {position:absolute; top: 162px; left: 15px; line-height:16px; height:16px; overflow: hidden; padding:0; background:#fff;}
p.enlarge-photo a {line-height:16px; height:16px; font-size:11px; color:#888}
ul.prod-ctn li p {margin:0; padding:0 0px 0 15px; line-height:14px;font-size:14px;}
.prod-ctn li .more-info {margin-left:auto; margin-top:auto; padding-right:15px;}
ul.prod-ctn li p.more-info a {font-weight: bold; color: #5cb2f0; padding-left: 8px; font-size:14px;}
ul.prod-ctn li div.brandImage {
	height:24px; width:105px;
	padding:3px 4px 3px 5px;
	position: absolute; top: 3px; left: 0;
	background:none; opacity:0.9; filter:alpha(opacity=90);
}
ul.prod-ctn li div.brandImage div.border {
	border: 2px solid #dedfde; margin-left: 5px; background: #fff
}
ul.prod-ctn li div.brandImage p {
	background: #2975ce; margin:2px; padding: 3px 2px; 
	color:#fff; font-size: 12px; line-height: 15px; text-align:center; font-weight: bold;
}

.prod-dtl table.order .pPrice.left div{
	font-size: 11px;
    color: #525252;
}
.prod-dtl table.order .pPrice.left div.price-container{
	margin-top:5px;
}
.prod-dtl table.order td{
	vertical-align: bottom;
}
table.order td.right div.pStock{
	margin:0;
}
table.order {
	padding:0; 
	width:335px;
	margin: auto!important;
}
.display-block{
	display:block;
}
table.order td {border: 0; padding:0; vertical-align: top}
table.order td.left {width: 200px}
table.order td.right {width: 135px; padding-top: 10px; text-align: right}
table.order td.right div.price-blob-wrapper{
	padding-left:20px;
}
table.order div.pStock {margin:-5px 0 0 2px; padding:0; color: #4da331; 
	font-size: 14px;
    line-height: 1; text-align: left; font-weight: bold}
.prod-dtl table.order div.pStock{text-align: center!important;}
table.order td.pStock div.pStock {margin: 10px 0 0}
table.order .promo-phase{color:#333;font-weight: bold;margin-bottom:5px;}
table.order div.order-btn {margin-top:10px}
table.order td.order-btn .order-button {float: left; margin-left: 0px}
/*Qty box and buttons */
.qty-text {    margin-right: .5em;
    font-size: 12px;}
.qty-button {
	background:#F6F6F6 url(/i/button/button_bg.png) 50% 50% repeat-x; border:1px solid #ddd; color:#787878;
	margin: 0 4px; moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.qty-button:hover {background:#dedede}
.qty-button .ui-icon {
	margin-top: -1px;
}
.qty-box {float: left; width: 40px; border:1px solid #ddd; height: 23px; text-align: center; vertical: middle}

.pPrice {font-size: 11px; line-height: 16px; color: #999}
.pPrice span {font-size: 11px; font-weight: 700; text-transform:uppercase}
.pPrice span.excTax { 
	color: #06070b;
    font-weight: bold;
	font-size: 11px;
}
.pPrice span.incTax{
    margin-right: 10px;
    padding-right: 8px;
    border-right: 1px solid;
}
.pPrice span.rrp {color: #5cb2f0}

.pPrice em {  
	color:  #06070b;
    font-style: normal;
    font-size: 24px;
	font-weight: 600;}
.pPrice.pPrice-in-fulldetail em{
	font-size:20px;
}	
.pPrice-in-fulldetail > div{
	margin-top:20px!important;
}
.pPrice i {color: #5cb2f0; font-style: normal; text-decoration: line-through; font-weight: bold}


/**/
.check-box-td--no-padding--center{
	padding: 0!important;
    vertical-align: middle;
    text-align: center;
}
table.summary table.total{
	width:70%;
}
.panel table.total td {
	padding:0 5px 2px 10px;
}

.panel td.term-container{
	padding-left:100px;
	padding-top:0;
}
.select-qty{
    padding: 2px 8px;
    margin-right: 1em;
}
.qty-wrapper{
	text-align: center;
}


/* Custom CSS for OEMPNO page */
div.oem-type {
	height:19px; margin: 0; padding: 0; 
	color:#333; font-size: 11px; line-height:19px;
	text-align: center; font-weight: bold; 
	border: 1px solid #c2c2c2; border-bottom: none;
}
div.blank {border-color: #fff}

/* Product grids */
.man-logo-above-title{
	position: relative;
	float: right;
	top:-15px;
	right:5px;
}

.man-logo{
	display: inline-block;
    margin-right: .5rem;
}
.man-logo img {
    height: 45px;
    width: auto;
}

.p-grids {padding-top: 20px;}
.p-grids ul {list-style: none; list-style-position: inside; float: left; overflow: hidden; margin:0}
.p-grids ul.branding-grid {padding: 58px 0 0; margin:0 3px}
.p-grids ul.branding-grid li {
	display:block; width:20px; height:105px; overflow:hidden; text-indent:20px;
	background: url(/i/layout/product-branding.gif) 0 0 no-repeat;
}
.p-grids ul.branding-grid li.duracell {background-position: -50px 0}
.p-grids ul.branding-grid li.compatible {background-position: 0 0}
.p-grids ul.branding-grid li.refurbished {background-position: -100px 0}
.p-grids ul.branding-grid li.oem {background-position: -150px 0}

.p-grids .p-grid {
	float: left; margin:0 0 15px 0; padding: 0 10px; position: relative;
	/*background:#ebebeb; border: 1px solid #ebebeb;*/
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.p-grids .p-grid .cat {
	    color: #06070b;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 113px;
    margin: 0;
    position: absolute;
    top: -30px;
    /* left: 16px; */
    width: calc(100% - 30px);
    /* border-bottom: 2px solid #5cb2f0; */
    padding: .2em .5em;
}

.laptop-keyboard-bg { background-color: #003D79!important;}
.memory-laptop-bg {background-color: #27724a!important;}
.memory-pc-bg {background-color: #ef8b1b!important;}
.memory-server-bg {background-color:#333!important}
.memory-laptop-font {color: #27724a!important;}
.memory-pc-font {color: #ef8b1b!important;}
.memory-server-font {color: #333!important;} 
.p-grids .p-grid ul {
	margin-left: 1px;
	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius:1px;
	margin-right: 5px;
}
.p-grids .p-grid ul:last-child {
	margin-right: 0;
}
/*
.p-grids .battery-grid ul, .p-grids .battery-grid ul li.title, .oem-related-grid ul.battery, .oem-related-grid ul.battery li.title {background:#003D79}
.p-grids .power-grid ul, .p-grids .power-grid ul li.title, .oem-related-grid ul.power, .oem-related-grid ul.power li.title {background:#730075}
.p-grids .screen-grid ul, .p-grids .screen-grid ul li.title, .oem-related-grid ul.screen, .oem-related-grid ul.screen li.title {background:#218242}
.p-grids .other-grid ul, .p-grids .other-grid ul li.title, .oem-related-grid ul.other, .oem-related-grid ul.other li.title {background:#A37A00}
.p-grids .oem-replacement-grid ul, .p-grids .oem-replacement-grid ul li.title, .oem-related-grid ul.oem, .oem-related-grid ul.oem li.title {background:#990000}
*/

.p-grids .p-grid ul li {
	width: 98px;
    height: 95px;
    margin: 5px 5px 10px;
    background: #fff;
    color: #003D79;
    font-weight: normal;
    text-align: center;
    line-height: 15px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 2px solid white;
}
.p-grids .p-grid ul li.title {
	height: 35px;
    display: table-cell;
    margin: 0 5px;
    padding: 2px 5px 0 5px;
    position: relative;
    color: #06070b;
    font-size: 13px;
    vertical-align: middle;
    border: 2px solid transparent;
    background: transparent;
    font-weight: 600;
}
.p-grids .p-grid ul li.title i {
	  display: block;
    /* width: 98px; */
    /* margin: 0; */
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    /* top: 1px; */
    /* left: 0; */
}
.p-grids .p-grid ul li.title i::before {
	content: '(';
}
.p-grids .p-grid ul li.title i::after {
	content: ')';
}
.p-grids .p-grid ul li.selected {
	border: 2px solid #5cb2f0;
	
}
.p-grids .p-grid ul li.empty {opacity:0.8; filter:alpha(opacity=50)}
.p-grids .p-grid ul li a {display: block; padding-top: 10px; overflow: hidden; height: 85px; margin-bottom: -18px; outline: 0}
.p-grids .p-grid ul li p.price {
    color: #06070b;
    font-weight: 600;
    margin: 10px 0 0;
    font-size: 14px;
    }
.p-grids .p-grid ul li div.colour-option {
	float:left; margin:0 0 0 4px; padding: 0;
	border:1px solid #333; background:#fff;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.p-grids .p-grid ul li div.colour-option a {display:block; width:11px; height:10px; margin:1px; padding:0; outline: 0}

.product-ctn {width:100%; position: relative;}
.product-ctn h3 {font-size: 16px;  font-weight: 600!important;margin-bottom:10px;}
.product-ctn .sub-heading{margin-bottom: 15px;}
.product-ctn .sub-heading p{margin-top:0;color:#999;}
.product-ctn h3 img {float: right}
.product-ctn td {padding: 0; vertical-align: top}
.product-ctn td.img-ctn {width:65%; text-align: center;}
.product-ctn td.img-ctn img{width:300px;}
.product-ctn td.img-ctn img.has-image{width:520px;}
.product-ctn td.img-ctn p.enlarge-photo {padding-left: 5px; position: absolute; top: 285px; left: 5px}
.product-ctn.alt-images {width:max-content!important; position: absolute;}
.product-ctn.alt-images li {
	background: none; border: 1px solid #dedede; margin-left: 5px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

ul.alt-images-cover {
    width: intrinsic;
	width: -moz-max-content;
	width: max-content;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
ul.alt-images-cover li {
	float:left;
	height:64px;
	width:64px;
}
.product-ctn .box{margin-left:20px;min-height: 312px;height:312px;}
.product-ctn .box td {border: none;}
.product-ctn .box .bullet-points{margin-left:1.1em;}
.product-ctn .box td.no-border {border: none;vertical-align: bottom;}
.product-ctn .box td.alert {background:#f7f7f7; color: #F48204; font-weight: bold}
.product-ctn .box table {margin:0; padding:0; width: 100%;}
.product-ctn .box table td {margin:0; padding:0; border:none;}
.product-ctn .box table td.rating {width: 110px;}
.product-ctn .box table td.brand-image {width: 105px;}
.product-ctn p.main-prop {font-size: 12px; color: #F88E02; font-style: normal;margin-bottom: 0;}
.product-ctn p.main-prop em {font-size: 12px; font-style: normal}
.product-ctn table.order {width:100%; margin:0; border: none}
.product-ctn table.order td {padding:0; vertical-align: middle; border: none;}
.product-ctn table.order td.left {width: 250px;}
.product-ctn table.order td.left > div{margin-bottom:10px;margin-top:10px;}
.product-ctn table.order td.order-btn {text-align: right}
h4.tab-name {
	width:760px; padding:0; margin:25px 0 6px; text-transform: none;
	font-size: 12px; line-height: 20px; text-align:left; color: #444;font-weight: bold!important;
}
h4.tab-name::first-letter{text-transform: uppercase!important;}
div.tab-content {
	line-height: 18px;
}
div.tab-content.display--flex{
	display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	display:flex;
}
div.tab-content p {line-height: 18px; margin: 5px 0;}
table.properties {width:100%;}
div.tab-content .notes{
	width: 50%;
	display: inline-block;
	margin-left: 10px;
	margin-top:-8px;
}

.branding-wrapper{
	vertical-align: middle;
    width: 100%;
}
.branding-name {    
    padding: 0;
    margin: 0;
}
.branding-name.branding-name-margin-left{
	margin-left:40px;
}
table.branding-info{
	width:100%;
}
span.branded-text {
    display: inline-block;
    position: relative;
    top: 2px;
    font-weight: 600;
}
table.properties th {
	padding:.5rem 1rem; line-height:18px; border:none; text-align:left; width:30%; 
	color: #666; font-weight:normal;background-color:white; vertical-align: middle;
}
table.properties td {padding: .5rem 1rem; line-height:18px;border:none; width:70%;background-color:white;color:#666;}
table.properties tr:nth-of-type(even) > *{background-color:#efefef}
/* Printer device page*/
.printer-pdt-ctn {
	margin: 25px 0 5px; width: 100%;
	border-bottom: 2px solid #313e48; background: white;
}
.printer-pdt-ctn h3 {
	margin: 0px; padding:9px 5px 5px; background: #313e48;
	font-size:16px; line-height:18px; height:20px; text-indent: 5px; color: #fff; font-weight: bold;
}
.printer-pdt-ctn h3 span {font-size:11px; color: #E8F5FF; font-weight: normal; margin-right: 5px; display: block; float:right; text-transform: uppercase}
.printer-pdt-ctn h3 span b {font-size: 14px}
.printer-pdt-ctn table.oview-tbl {width: 760px; margin: 10px}
.printer-pdt-ctn table.oview-tbl th, table.oview-tbl td {
	text-align: left; vertical-align: top;
	font-size: 11px; color: #333;
}
.printer-pdt-ctn table.oview-tbl th {color:#777; font-size: 12px; line-height:13px; vertical-align: top; font-weight: normal; padding: 5px 0}
.printer-pdt-ctn table.oview-tbl td {line-height:13px; padding: 18px 0 8px 0; vertical-align: middle; font-size:12px; border-top: 1px solid #f1f1f1}
.printer-pdt-ctn table.oview-tbl .pno {line-height: 20px; font-size: 11px; font: 11px verdana; padding-right: 5px}
.printer-pdt-ctn table.oview-tbl .pno a {font-weight: 500!important; font-size: 13px; color:#5cb2f0}
.printer-pdt-ctn table.oview-tbl td p {margin:0; padding:0}
.printer-pdt-ctn table.oview-tbl td p.light {color: #666; font-size:11px; margin-top: 5px; font-weight: bold;}
.printer-pdt-ctn table.oview-tbl .stp {width:135px}
.printer-pdt-ctn table.oview-tbl .dtl {padding-left: 5px}
.printer-pdt-ctn table.oview-tbl .order {width: 160px; text-align: right}
.printer-pdt-ctn table.oview-tbl .stock {color: #5EAF44; font-weight: bold; margin-top: 3px}
.printer-pdt-ctn table.oview-tbl .stock b {font-size: 12px}
.printer-pdt-ctn table.oview-tbl .price {font-size:10px; color: #5cb2f0; text-transform: uppercase; font-weight: bold}
.printer-pdt-ctn table.oview-tbl .price em {font-style: normal; font-size: 22px; text-transform:none; font-weight:500!important;}
.printer-pdt-ctn table.oview-tbl td.dtl {color: #333; padding-right: 10px}
.printer-pdt-ctn table.oview-tbl .oempno-set {margin: 5px 5px 0 0; font-size: 12px; line-height: 14px; color:#999}
.printer-pdt-ctn table.oview-tbl .oempno-set p {font-size: 11px; color: #999; margin-bottom:3px; text-transform:uppercase}
.printer-pdt-ctn table.oview-tbl .oempno-set span {color:#585858}

/* Product listing page */
ul.product-listing {
	margin: 0 0 15px; padding: 0;
	list-style: none; list-style-position:inside; overflow: hidden;
}
ul.product-listing li {
	display: flex;
    flex-flow: column;
    float: left;
    width: 241px;
    padding: .5em;
    margin: 0 1em 2em 0;
    list-style: none;
    height: auto !important;
    min-height: 335px;
    background: white;
}
ul.product-listing div.clear {display: block; height: auto; margin-top: 25px;}
h3.listing-cat {
    border-top: none;
    background-color: #eee;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 1em;
    color: #06070b;
}
p.about {margin: 4px 0 1px 0; padding: 0; line-height: 16px}
ul.product-listing li:hover .img-ctn {
	border-color: #55aaff;
	-moz-box-shadow: 1px 1px 5px #55aaff; -webkit-box-shadow: 1px 1px 5px #55aaff; box-shadow: 1px 1px 5px #55aaff;
}
ul.product-listing .img-ctn {
	border: 1px solid transparent; text-align: center; line-height: 18px;  padding-bottom: 6px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
ul.product-listing p.about {margin: 3px 0 10px 0; line-height: 19px;}
ul.product-listing p.enlarge-photo {position:absolute; top: 125px; left:10px; line-height:16px; height:16px; overflow: hidden}
ul.product-listing div.brandImage {
	margin: 2px 5px; padding:0;
	position: absolute; top: 0; left: 2px;
	background: none; opacity:0.9; filter:alpha(opacity=90);
}
ul.product-listing div.brandImage div.border {
	border: 1px solid #3E5A90; background: #fff; margin: 10px 0 0 3px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
ul.product-listing div.text-ctn div.brandImage p {
	background: #fff; color:#3E5A90;
	margin: 2px; padding: 1px 4px 0 4px; 
	font-size: 11px; line-height: 12px; font-weight:bold; text-align:center;  text-transform: uppercase;
}
ul.product-listing div.text-ctn {margin: 0 5px}
ul.product-listing div.text-ctn {margin-top: 8px; overflow: hidden;}
ul.product-listing div.text-ctn a {color: #171B69}
ul.product-listing div.text-ctn a:hover {color: #5cb2f0;}
ul.product-listing div.text-ctn p, h4, h5 {margin: 0; padding: 0; color: #777}
ul.product-listing div.text-ctn h4 {font-size: 11px; line-height: 14px; font-weight: normal; padding-bottom:2px; height:28px;}
ul.product-listing div.text-ctn h4 a {color: #666F6D}
ul.product-listing div.text-ctn h5 {font: 13px Oswald, arial, serif; line-height: 20px; font-weight: bold; text-transform: uppercase}
ul.product-listing div.text-ctn h5 a {
	color: #06070b;
    min-height: 40px;
	display: block;
}
ul.product-listing div.text-ctn p {font-size: 10px;}
ul.product-listing div.text-ctn p.promo-text {color: #990000; font-size: 10px; line-height:12px; margin: 0 0 4px 0}
ul.product-listing div.text-ctn p.tag {color:#F88E02; font-weight: bold; font-size: 12px; margin: 2px 0; text-transform: uppercase}
ul.product-listing table.order {width: 225px; border:none; margin:5px}
ul.product-listing table.order td {width: 100%}
ul.product-listing table.order .stock {font-size: 11px; line-height: 13px; color: #5EAF44; margin:1px 0 2px 0}
ul.product-listing table.order .stock b {font-weight: bold; font-size:12px;color:#4da331;}
ul.product-listing table.order .price em {font-size: 20px; color: #003D79; font-weight:normal; font-style: normal;}
ul.product-listing table.order .price span {font-size: 10px; color: #003D79; text-transform: uppercase; font-weight: bold}
ul.product-listing p.price-per-batt {margin: 5px 0 0; padding:0; color: #888; font-size: 10px; line-height: 11px;}
ul.product-listing input.order-qty {
	border: 1px solid #ccc; 
	padding: 2px 1px; width: 20px;
	font-size: 9px; height: 10px; line-height: 9px; color:#777; text-align: right;
	vertical-align: middle;
}
ul.product-listing input.order-button {padding: 2px 5px; font-size: 11px;}

/* Duracell index categories*/
h4.cat-grp {font-size: 21px; line-height: 30px; border-top: 1px dashed #dedede; text-align:center; padding:10px 0; margin:6px 0; color:#06070b; text-transform: none;}
ul.tile-ctn {
	margin: 5px auto 30px auto;
	list-style: none;
	width: 801px;
}
ul.tile-ctn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.tile-ctn li.tile {
	list-style: none;
    display: block;
    float: left;
    width: 235px;
    margin: .5em;
    background: white;
    padding: .5em;
}
ul.tile-ctn li.tile h3 {margin:8px 10px; font-size: 16px; line-height: 20px; color:#06070b; text-align: left;}
ul.tile-ctn li.tile h3 a {color:#06070b;}
ul.tile-ctn .cat-img {
	border: 1px solid #dedede; padding: 3px 0 6px; text-align: center;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
ul.tile-ctn li:hover .cat-img {
	border-color: #55aaff;
	-moz-box-shadow: 1px 1px 5px #55aaff; -webkit-box-shadow: 1px 1px 5px #55aaff; box-shadow: 1px 1px 5px #55aaff;
}
ul.tile-ctn .cat-img a {display: block; width: 100%;}
ul.tile-ctn ul {margin:0 10px; padding:0}
ul.tile-ctn ul li {list-style: none; list-style-position: outside; margin: 2px 0; }
ul.tile-ctn ul li a {
    color: #252b30;
    display: block;
    font-size: 12px;
    width: 100%;
   }
ul.tile-ctn ul li a:hover{
   	color:#5cb2f0;
   }

/* Search page */
div.search-intro {margin-left: 5px}
div.search-intro ul {margin:3px 0 0 14px; color: #676767; line-height: 20px}
div.search-help {margin: 15px 30px 0 0; padding: 10px 0 0; border-top: 1px solid #eee;}
h3.search-help-title {font-size: 20px; line-height: 30px}
div.search-help p {margin: 8px 0; color:#676767}
div.search-help ul {margin:0 0 0 14px; padding:0; color: #676767; line-height: 20px}
div.search-help a.link {font-size: 14px; background-position: -5px -72px}
table.search-info {width: 770px; border: 1px solid #e1e1e1}
table.search-info th, table.search-info td {text-align: left; padding: 3px 0 3px; background: #f3f3f3; line-height: 14px}
table.search-info th {padding: 3px 5px 3px 20px;}
h3.search-res-title {
	height: 22px; margin: 0; padding: 0;
	color: #525252; font-size: 13px;width: 745px;	
}
.searchResult {
	color: #424242 !important;
}
.searchResult-blue, .searchResult-blue em{
	color:#0158b4!important;
}
.search-match-siteSections span {margin-right:5px;}
.search-match-siteSections span:last-child{border:none;margin-right:0;}
.search-match-man{font-size:12px;color:#858585}
table.search-res {width: 770px; margin-bottom: 30px; margin-left:10px;}
table.search-res th, table.search-res td {text-align: left; padding: 1px 0 40px; line-height: 14px; color: #aaa; font-weight: 500!important;}
table.search-res th {padding-bottom: 10px; font-size: 14px; line-height:18px; }
table.search-res th a {color:#0158b4}
table.search-res th a:hover,.searchResult-blue:hover {color:#35A1FF!important;}
table.search-res th a i {font-weight: normal; font-style: normal; color: #999}
table.search-res td {padding-bottom: 4px; color:#777; font-size: 11px}
table.search-res td a {color:#777; text-decoration: underline; font-size: 11px; }
table.search-res td a:hover {color:#3294CB}
table.search-res td.rel {width: 280px; text-align: right; padding: 10px 10px 10px; color:#999; font-size: 11px}
table.search-res td span {color:#999; }
table.search-res em {font-style: normal; color:black;font-weight: bold;}
ul.relevance {
	width:150px;
	/*border-top: 1px solid #808774; border-bottom: 1px solid #cecbce; border-left: 1px solid #b5b6b5; border-right: 1px solid #c6c7c6;*/
	padding:1px 0 1px 1px; margin:3px 0 0 5px;
	float:right; overflow:hidden;
	list-style: none; list-style-position:inside;
}
ul.relevance li {
	float:left; width:9px; height:6px;
	margin-right:1px; border-bottom:1px solid #BBD9F7; border-left:1px solid #B3D1EF; background:#B2D8FF;
}

/* Contact us page */
h2.contact-title {
	height: 20px; margin: 20px 0 0; padding: 8px 5px 3px 20px; background: #004679;
    color: #fff; font-size: 16px; font-weight: bold; line-height: 18px; width: 745px;
	border: 1px solid #004679; border-bottom: none;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
}
.enquiry-form, .contact-ctn {
	margin:0 0 20px; width: 730px; padding: 15px 20px 10px; background:#f7f7f7;
	border: 1px solid #e1e1e1; border-top: none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.enquiry-form h3 , .contact-ctn h3 {margin: 10px 0 5px; font-size: 17px; line-height: 30px}
.enquiry-form table {width: 730px;}
.enquiry-form table th, .enquiry-form table td {padding:3px 0;}
.enquiry-form table th {text-align: right; padding: 10px 10px 5px 5px; width: 260px}
.enquiry-form table td.optional {width: 120px; text-align: left; padding:10px 0 0 0; color:#999;}
.enquiry-form table td input {margin:0 5px 0 0; vertical-align: middle}
.enquiry-form table td input.edit, .enquiry-form table td select {margin: 0 0 8px; padding:5px; width: 260px}
.enquiry-form table td select {width: 272px; padding: 5px 1px}
.enquiry-form table td input.dis {background:#f1f1f1; border: 1px solid #ddd; border-top: 1px solid #bbb}
.enquiry-form table td.btn {padding: 10px 0 6px}
.enquiry-form table td.btn a.button {font-size: 12px; text-transform: uppercase;}
.enquiry-form table tr.line th, .enquiry-form table tr.line td {border-top: 1px solid #e8e8e8; padding-top: 20px}
.enquiry-form table tr.line th {padding-top: 24px}
.enquiry-form table tr.line td.optional {padding-top: 24px}
.contact-ctn table.details {width: 730px; margin: 10px 0}
.contact-ctn table.sales-details {margin-left: 180px; width: 550px}
.contact-ctn table.details th {text-align: right; padding-right: 10px; vertical-align: top; width: 120px}
.contact-ctn table.details td {text-align: left; vertical-align: top;}
.contact-ctn table.details td pre {padding: 0;}
table.about-details {width: 770px; margin: 10px 0}
table.about-details th, table.about-details td {padding: 5px 0}
table.about-details th {text-align: center; padding-right: 10px; vertical-align: top; width: 120px}
table.about-details td {vertical-align:middle}

/* Information page styles */
div.info-block {margin-top: 20px; border-top: 1px solid #eee}
div.info-block pre {margin: 0; padding: 0}
div.info-block h3 {margin: 10px 0 5px; font-size: 18px; line-height: 30px}
ul.page-list li {color:#6e6e6e; margin: 4px 0; list-style: disc; list-style-position: outside}
ul.page-list li a {color:#6e6e6e; font-weight: bold;}
ul.page-list li a:hover {color:#3294CB}

/* Shopping Cart */
table.cart {margin: 0 0 25px; width: 100%; border-bottom: 2px solid #002A5B; background: #fafafa}
table.cart th, table.cart td {padding: 4px 10px 3px; text-align: left; vertical-align: middle}
table.cart th {background:#252b30; color: #fff; font-weight: bold; padding-top:7px; font-size:14px;}
table.cart th.product {padding-left: 28px}
table.cart td {border-bottom: 1px solid #f1f1f1;     font-size: 13px;}
table.cart td.desc {width: 400px}
table.cart td.desc a {font-weight: bold; color:#464646}
table.cart td.desc a:hover {color:#3294CB}
table.cart td.desc img {
	vertical-align: middle; display: inline-block; margin:5px 8px 4px 0; border: 1px solid #f1f1f1;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
table.cart td.remove a {float: left; padding-top: 2px}
table.cart td.spacer {border:none}
table.cart td.update-qty {padding-top: 12px}
table.cart td.discount {text-align: right; padding-right:0; color: #989898}
table.cart td.total {text-align: right; padding-left:0;}
table.cart td.total-saving {color:green}
table.cart td.order-summary {vertical-align: top}
table.cart td.action-bar {background:#F3F3F3; padding: 12px 10px 10px; text-align: center; border-top: 2px solid #f1f1f1}
table.cart td.action-bar .button {font-weight: bold; font-size: 12px; float: right; padding: 8px 15px 6px 10px}
table.cart td.action-bar .checkout-button {margin-left: 25px; padding: 8px 10px 6px 15px}
table.cart td.action-bar .checkout-button span {float: right; margin-left: 5px; margin-right: 0}
table.cart td.promo-code {background:#F3F3F3; padding: 20px 10px 14px; text-align: left; border-top: 2px solid #f1f1f1}
table.cart td.promo-code input {text-align: left; width: 70px; padding: 4px 5px; vertical-align: baseline}
table.cart input.qty {text-align: center; width: 50px; padding:1px 2px; outline: none;}
table.cart input.qty.no-border {border:none; border: 1px solid #fafafa; background:#fafafa}
table.cart input.qty, table.cart input.qty:focus {background:#fff; border: 1px inset #ccc;}
table.cart .promo-apply {color:green; padding-left: 5px; font-weight: bold;}
table.cart .min-spend {
	margin: 0 0 0 2rem;
    color: red;
    font-weight: 600;
}

table.order-total {width: 100%;}
table.order-total th {background: none; text-align: right; font-size: 13px;  color: #06070b; text-transform: uppercase; font-weight:600;}
table.order-total td {text-align: right; padding-right: 0; border: none}
table.order-total tr.total th {border-top: 2px solid #e1e1e1; line-height: 14px; vertical-align: middle; padding-bottom: 10px}
table.order-total tr.total td {border-top: 2px solid #e1e1e1; font-size: 24px; line-height: 30px; font-weight: normal; color:#06070b; text-transform: none; padding-bottom: 10px}

.delivery-box {
	margin: 5px auto 10px auto; background:#f4f4f4; border: 1px solid #cecece; padding: 4px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.delivery-box table {width: 100%;}
.delivery-box table th, .delivery-box table td {background:#fff; border: none; padding: 10px 10px 4px; vertical-align: top}
.delivery-box table th {color:#333; text-align: right; width: 190px}
.delivery-box table td input {margin:0; padding:0; width: auto; height: auto; line-height:12px; vertical-align: middle}
.delivery-box table td {font-weight: bold; vertical-align: top}
.delivery-services {font-weight: bold;}
.delivery-services div input {margin:0 2px 0 0; vertical-align: baseline; margin-top:-1px}
.delivery-services div {margin-bottom: 5px}
.delivery-services span.ssDoNote {font-weight: normal; color:#787878;}
.delivery-services span.ssDoExtra {font-weight: normal; color:#006EC8;}
.delivery-services input:disabled + label {
    opacity: .4;
}
p.security-msg {margin: 10px auto 0 auto; text-align: center}
p.security-msg img {margin-right: 10px; vertical-align: top}

/* Checkout pages */
.panel {
	background:#fafafa; 
	border-top: 2px solid #002A5B; border-bottom: 2px solid #002A5B;
}
.panel.no-styling{
	background: transparent!important;
	border:none!important;
}
.panel h3 {
	margin: 0; padding: 12px 5px 2px 15px;
	font-size: 16px; line-height: 30px; font-weight: bold;
	/*background: #004679; color: #fff;*/
}
.panel h4 {text-align: left; padding-left: 15px; color: #333; font: 11px verdana; line-height: 16px}
.panel p {padding: 0 5px 0 15px;}
.panel table {width: 100%; margin-top: 12px}
.panel table th, .panel table td {padding: 5px 10px; text-align: left;}
.panel table td {padding: 5px 15px 5px 15px}
.panel .action-bar {
	background:#f3f3f3; padding: 5px 15px 5px 10px; text-align: left; font-weight: bold;
	border-top: 2px solid #f1f1f1; overflow: hidden;
}
.panel table.create-password{margin-left:20px;}
#inner-wrapper-checkout .panel .action-bar{background:transparent!important;border-top: none;}
.border-red{
	border-color:red!important;
}
#inner-wrapper-checkout .panel table {width: 100%; margin-top: 0px!important}
#inner-wrapper-checkout h2.heading{font-size:14px;padding: 5px 15px;font-weight: bold;}
#inner-wrapper-checkout h2{font-size: 14px;font-weight: bold;}
form.login-form {width: 300px; float: left}
form.login-form table td input.has-bg-icon {width: 230px}
form.login-form table td.action-bar {padding-right: 13px}
form.login-form .login-button {margin-left: 25px; padding: 8px 10px 6px 15px; float: right}
form.login-form .login-button span {float: right; margin-left: 5px; margin-right: 0}

form.float-right {float: right}
/*form.signup-form h4 {text-align: left; padding-left: 15px; color: #333; font: 11px verdana; line-height: 16px}*/
form.signup-form table table {margin:0 0 7px;}
form.signup-form table table b {color:#383838}
form.signup-form table small, form.edit-invoice-form table small {display: block; float: right; font: 10px arial; color:#999; margin:3px -10px 0 0}
form.signup-form table p {margin:5px 0 0; padding:0 0 0 15px; line-height: 16px; text-align: left; color:#989898}
form.signup-form table p.vatno-extra {margin:12px 0 0; padding:0; line-height: 16px; text-align: left; font-size:11px; font-weight: bold}
table td.customer-detail {width:45%; padding:0 10px 0 0}
table td.invoice-address {width:55%; padding:0 15px 0 0}
form.signup-form table td.no-right-padding {padding-right: 2px}
form.signup-form select.edit {padding-left:0; padding-right:4px;}
form.signup-form .signup-button {margin-left: 25px; padding: 8px 10px 6px 15px; float: right}
form.signup-form .signup-button span {float: right; margin-left: 5px; margin-right: 0}
form.edit-invoice-form .save-button {float:right; margin-right: 5px}

form.new-account-form {width: 400px; float:left; margin-left: 40px}
form.new-account-form table td input {width: 360px}
form.new-account-form table td select {width: 372px}
.password-hint {
	font-size: 11px;
	color: #999;
	text-align: center;
	margin-top: 3px;
	line-height: 13px;
}
/* Password remind form */
form.pwd-remind-form {width: 400px}
form.pwd-remind-form input.edit {width: 332px}
form.pwd-remind-form .button {float:right}

/* Delivery options page */
.choose-delivery {width: 55.7%; float:left}
.choose-delivery .button-edit {margin-right: 10px; float:right}
.choose-delivery-smartpay {float:left;width: 100% !important;}
.choose-delivery-smartpay .button-edit {margin-right: 60% !important; float:right;}
.choose-delivery .button-add-address {margin: 10px 0 15px;}
.choose-delivery th {width: 180px}
.choose-delivery td.addr {padding-top: 0; font: 12px verdana}
.choose-delivery td.plain-label input {vertical-align: middle; margin-right: 2px}
.choose-delivery td.plain-label {padding-top: 14px; font-weight: bold}
.choose-pay {width: 41.7%; float:right}
.choose-pay .action-bar {
	background:#f3f3f3; padding: 12px 15px 8px;  text-align: left; font-weight: bold;
	border-top: 2px solid #f1f1f1; text-align: center; overflow: hidden
}
.choose-pay ul.pay-methods {margin: 10px 0; padding: 10px 15px; line-height: 18px; list-style: none; list-style-position:inside}
.choose-pay ul.pay-methods li {padding: 0; margin: 8px 0}
.choose-pay ul.pay-methods li input {margin: 0 5px 0 15px; vertical-align: baseline}
.choose-pay .button-next {font-weight: bold; font-size: 12px; float: right; padding: 8px 15px 6px 10px}
.next-form-arrow {position: absolute; top: 150px; left: 546px}
.next-form-arrow-smartpay {position: absolute; top: 150px; left: 546px;display: none !important;}

/* Add delivery address */
table td.add-address {width:45%; padding:0 10px 0 0}
table td.choose-address {width:45%; padding:0 15px 0 10px}
table td.add-address table .no-bg {padding: 10px auto 12px auto; background: none; border:none}
table td.add-address table small {display: block; float: right; font: 10px arial; color:#999; margin:3px -10px 0 0}
.choose-address h4 {padding-left: 30px}
.choose-address .addr {
	float: left;  width: 400px; margin: 20px 0 0 26px; padding: 4px;
	background:#f4f4f4; border: 1px solid #cecece; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.choose-address .addr h5 {padding: 7px 5px 3px; font-size: 13px; color:#787878}
.choose-address .addr .addr-top {background:#fff}
.choose-address .addr .addr-bottom {padding: 8px 0 2px; overflow: hidden}
.choose-address .button {float:right}

.payment-panel .action-bar p {float: left; padding: 3px 0 0 5px}
.review-order-panel p {width: 710px; float: left; margin:0; padding:0}
.payment-panel pre {margin:0; padding: 0}
.payment-panel .button, .review-order-panel .button {float: right}

.card-pay-form {width: 610px;}
.card-pay-form table {width: 600px;}
.card-pay-form table td {padding-left:15px}
.card-pay-form table td.left {width: 265px; padding-right: 0}
.card-pay-form div.card-extra-box {
	border: 1px solid #eee; margin: 10px 0 20px 0;
	background:#f4f4f4; border: 1px solid #cecece; padding: 4px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.card-pay-form div.card-extra-box p {margin-top: 10px}
.card-pay-form table td small {display: block; float: right; font: 10px arial; color:#999; margin:3px 55px 0 0}
.card-pay-form div.card-extra-box table {width: 260px}

p.customer-ref {width: 100%; text-align: left; padding-left:0!important}
p.customer-ref input.edit {width: 100px}

/* Order review page */
table.review-addrs {margin: 10px 0 10px; border-top:1px solid #ccc;}
table.order {margin: 10px 0 10px;}
.panel.review-order-panel-2{background-color:white!important;border:none!important}
.create-login {border:none!important; margin-bottom:0; padding-bottom: 15px; background-color:white!important;}
.create-login table {margin:0px}
.create-login th {width: 300px}
.review-order-panel-2 {margin-top:0; border-top: 0;}
.review-order-panel table.review-addrs td {width: 50%; margin: 0; padding: 0 15px}
.review-order-panel table.review-addrs td.line-top {border-top: 1px solid #ccc; padding-top: 10px}
.review-order-panel table.review-addrs td h4 {padding: 5px 0}
.review-order-panel table.order {width: 970px; margin:10px 0 0}
.review-order-panel table.order th {text-align: left; padding-left: 15px}
.review-order-panel table.order th.align-right, .review-order-panel table.order td.align-right {text-align: right}
.review-order-panel table.order td.order-total {font-size: 23px; padding-bottom: 15px}
.review-order-panel table.order td.line-top {border-top: 1px solid #ddd;}
.email-pref {font-weight: normal; text-align: left; padding: 0; line-height: 16px; color:#787878}
.submit-button-ctn {overflow: hidden; padding: 0; color: green}
.submit-button-ctn .button {font-weight: bold; font-size: 12px; float: right; padding: 8px 15px 6px 10px}
.order-ref th {width: 100px; padding-top: 0}
.order-ref td {padding-top: 20px; font-size: 19px; line-height: 26px; }
.order-ref td b {font-size: 23px; line-height: 30px}

#inner-wrapper-checkout .submit-button-ctn{
	text-align: left!important;
}
#inner-wrapper-checkout .submit-button-ctn .button{
	float: left!important;
}
.panel.review-order-panel{
	border:none!important;
	background-color:white!important;
}
/* Account suite */
/* Credit application form */
.credit-app-form table td {width: 50%;}
.credit-app-form table .pad-top h4 {margin-top: 40px}
.credit-app-form .action-bar .button {float: right}
.credit-app-form table td small {display: block; float: right; font: 10px arial; color:#999; margin:3px -10px 0 0}
.credit-app-form #add-creditor {margin-left: 15px; margin-top: 8px}

/*Account index*/
.custPrice {color: #0099FF; font-weight: bold; font-style: normal}
.stdPrice {color: #003D79; font-weight: bold; font-style: normal}

.account-col-2 {
	width: 345px; height: 240px; padding:10px 15px; float: left; overflow: hidden;
background: #F9F9F9; margin: 0 0 15px 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}
.account-col-2 h3 {padding:5px 0 2px}
.account-col-2 h4 {padding:6px 0; color: #585858}
.account-col-2 p {margin: 2px 0; padding:0; line-height: 16px;}
.account-col-2 input {margin:0 5px 0 0; vertical-align: baseline}
.account-col-2 ul {list-style: none; list-style-position: inside; margin:5px 0 0 6px;}
.account-col-2 ul li a.link {padding-left: 12px}
table.account-search td {padding:0; width:50%}
table.account-search td form {
	margin: 0 8px 20px 8px; background: #F9F9F9; padding: 10px 15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}
table.account-search td input.edit {float: left; width: 200px; margin-right: 10px}

/* Account reports styles */
.pd--0 {padding: 0!important;}
.mb--0 { margin-bottom: 0!important;}
.mb-1{margin-bottom:1em!important;}
.mb-2{margin-bottom:2em!important;}
.mr-1{margin-right:1em!important;}
.pl-10{padding-left:10px!important;}
.pl-30{padding-left:30px!important;}
.pt-5{padding-top:5px!important;}
.pb-10{padding-bottom:10px!important;}
.pt-10{padding-top:10px!important;}
.text-red{color:#CC0000!important;}
.text-red a{color:#CC0000!important;}
.text-black{color:#464646!important;}
em.m-red {color:#CC0000; font-style:normal}
em.m-green {color:#008000; font-style:normal}
em.bg-light-green{background-color:#aae8aa; font-style:normal}
em.m-gray {color:#808080; font-style:normal}
em.m-invoice-purple {padding-left:18px; color:#3355FF; font-style:normal} 
em.m-invoice-purple2 {padding-left:18px; color:#8844FF; font-style:normal}
em.m-invoice-red {padding-left:18px; color:#CC0000; font-style:normal}
em.m-invoice-no {padding-left:22px; font-style:normal}
table.m-outter {width:100%; margin: 10px 0}
table.m-outter td {vertical-align:top}
table.m-outter td.m-info {width:48%; text-align:left}
table.m-outter td.m-info1 {width:66%; text-align:left}
table.m-outter td.m-info2 {width:30%; text-align:left}
table.m-outter td.m-vatInfo {width:12%; text-align:left}
table.m-outter td.m-statusInfo {width:20%; text-align:left}
table.m-outter td.m-orderHelpInfo {width:62%; text-align:left}
table.m-outter tr.m-pageLinks td {text-align:left; color:#171B69; font-size:13px; padding:0.3em 0em 0.1em 0em}
.m-head {background: #E8F6FF; border-top: 2px solid #56A7D6}
.m-head h3 {margin: 0px 10px 0px 10px; padding:4px 0 3px; font-size:17px; color:#003D79; line-height: 24px}
.m-content {background: #E8F6FF; border-bottom: 2px solid #56A7D6; font-size:11px;}
.m-content div {margin-left: 12px; padding: 5px 0px 0px 0px;}
.m-content div p {margin: 1px 5px 5px 5px;}
.m-content div p.m-blank {margin: 0px 0px 0px 0px; font-size:3px}
.m-content li {margin-left: 12px; list-style-position: outside}
table.m-trxType {font-size:11px; width:100%; margin-top:3px}
table.m-trxType td{ padding-left:10px}
tr.m-spacer {font-size:11px; height: 1em}
/* Table OrderList Style */
table.m-OrderList {
	border-bottom: 2px solid #002A5B; margin: 4px 0 10px; width:100%; font-size:11px;
	-moz-box-shadow: 0 2px 4px 4px #eee; -webkit-box-shadow: 0 2px 4px 4px #eee; box-shadow: 0 2px 4px 4px #eee;
}
table.m-OrderList th {padding: 3px 8px 3px; text-align:left; vertical-align: middle; background:#004679; font-weight:bold; color: #fff; font-size: 12px; line-height: 16px}
table.m-OrderList th.m-Price {text-align:right}
table.m-OrderList td.m-Price {text-align:right}
table.m-OrderList td.m-Date {text-align:right}
table.m-OrderList td {background-color: #EEF0FF; padding: 3px 8px 3px; vertical-align:top}
table.m-OrderList td.m-newdate {border: 0; padding: 1px 0 0; font-size:1px;	background: #EEF0FF}
table.m-OrderList tr.m-grayBg td {background-color: #f9f9f9}
table.m-OrderList tr.m-whiteBg td {background-color: #fff}
table.m-OrderList tr.m-highlightBg td {background-color: #E2F5FF}
table.m-OrderList tr.m-topRow td {border-width:1px 0 0}
table.m-OrderList td.m-imgs img {vertical-align: text-bottom}
table.m-OrderList td.m-imgs p {margin: 4px 0px 2px}
/* Table odrLines Style */
table.m-odrLines {width:98%; font-size:11px}
table.m-odrLines th {text-align:left; font-weight:normal; background-color:transparent; color:#464646}
table.m-odrLines td {text-align:right; vertical-align:top}
/* Table page links Style */
table.m-OrderList tr.m-pageLinks td {background:#e8e8e8; text-align:left; color:#171B69; font-size:13px; padding:5px 0}
.m-redirect {background-color: #FFFFFF; border: 1px solid #DEDEB8; margin-right:1px; vertical-align: middle; padding: 0px 4px 0px 4px}
a:hover.m-redirect {background-color: #F5FBFF; border: 1px solid #86B9D6; text-decoration: none}
.m-num {background-color: #fff; border: 1px solid #ddd; margin-right:1px; vertical-align: middle; padding: 1px 5px}
a:hover.m-num  {background: #E4871F; border: 1px solid #333; text-decoration: none; color:#fff}
.m-text {background: #DE8817; border: 1px solid #666; margin-right:0.5em; vertical-align: middle; padding: 1px 5px; color:#fff}
a:hover.m-text  {border: 1px solid #333; text-decoration: none}
.m-curpage {margin-right:1px; padding: 1px 5px; background: #fff; border: 1px solid #ddd; vertical-align: middle; font-weight: bold; color: #999}
.m-curpage:hover {text-decoration: none}
a.m-pageinfo {vertical-align: middle; padding: 1px 5px; color:#585858; font-size: 10px; margin-right: 5px}
a.m-pageinfo:hover {text-decoration: none}
/* Table OrderTbl Style */
table.m-OrderTbl {border-width:1px; border-color:#004679; border-style:solid; width:100%; font-size:11px}
table.m-OrderTbl th {padding: 2px 5px 2px 5px; text-align:center; background:#0A4A82; color:#fff}
table.m-OrderTbl th.m-left {text-align:left; padding-left:1em}
table.m-OrderTbl th.m-right {text-align:right; padding-right:1em}
table.m-OrderTbl td {background-color: #FFFFFF; padding: 2px 5px 2px 5px; vertical-align:top}
table.m-OrderTbl td.m-left {text-align: left; padding-left:1em}
table.m-OrderTbl td.m-center {text-align: center}
table.m-OrderTbl td.m-right {text-align: right; padding-right:4em}
table.m-OrderTbl tr.m-grayBg td {background-color:#F5F5F5}
table.m-OrderTbl tr.m-whiteBg td {background-color:#FFFFFF}
table.m-OrderTbl td.m-product {background-color: #FFFFFF; padding: 3px 1em 3px 1em; font-size:11px}
table.m-OrderTbl td.m-topline {text-align:right; border-width:1px 0px 0px 0px; border-color:#004679; border-style:dotted; padding: 2px 5px 2px 0px}
table.m-OrderTbl td.m-currency {border-width: 0px 0px 1px 0px; border-style: dotted dotted dotted dotted; border-color: #004679; font-size:11px; text-align:right; padding-right:1em}
table.m-OrderTbl td.m-currency-total {font-weight:bold; font-size:11px; text-align:right; padding-right:1em}
/* Table orderAddr Style */
table.m-orderAddr {width:100%}
table.m-orderAddr td.m-leftaddr {width: 100px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #004679 #BBBBBB #004679 #004679; background-color: #0A4A82; text-align:right; padding: 3px 5px 3px 30px; font-size:12px; color:#fff; font-weight: bold}
table.m-orderAddr td.m-rightaddr {border-width: 1px 1px 1px 0px; border-style: solid; border-color: #004679 #004679 #004679 #E0E0E0; background-color: #FFFFFF; text-align:left; padding: 3px 30px 3px 5px; font-size:12px} 
/* Table OrderInfo Style */
table.m-OrderInfo {width:100%; font-size:11px; }
table.m-OrderInfo td {background: #fff; padding: 2px 10px 2px; vertical-align:top; font-size: 12px}
table.m-OrderInfo td.m-leftheader {width: 100px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #004679 #BBBBBB #E0E0E0 #004679; background-color: #0A4A82; text-align:right; padding: 3px 5px 3px 30px; font-size:12px; font-weight: bold; color:#fff;}
table.m-OrderInfo td.m-leftfooter {width: 100px;border-width: 0px 1px 1px 1px; border-style: solid; border-color: #004679 #BBBBBB #004679 #004679; background-color: #0A4A82; text-align:right; padding: 3px 5px 3px 30px; font-size:12px; font-weight: bold; color:#fff;}
table.m-OrderInfo td.m-left {width: 100px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #E0E0E0 #BBBBBB #E0E0E0 #004679; background-color: #0A4A82; text-align:right; padding: 3px 5px 3px 30px; font-size:12px; font-weight: bold; color:#fff;}
table.m-OrderInfo td.m-rightheader {border-width: 1px 1px 0px 0px; border-style: solid; border-color: #004679 #004679 #E0E0E0 #E0E0E0; background-color: #FFFFFF; text-align:left; padding: 3px 30px 3px 5px; font-size:12px}
table.m-OrderInfo td.m-rightfooter {border-width: 0px 1px 1px 0px; border-style: solid; border-color: #004679 #004679 #004679 #E0E0E0; background-color: #FFFFFF; text-align:left; padding: 3px 30px 3px 5px; font-size:12px}
table.m-OrderInfo td.m-right {border-width: 0px 1px 0px 0px; border-style: solid; border-color: #E0E0E0 #004679 #E0E0E0 #E0E0E0; background-color: #FFFFFF; text-align:left; padding: 3px 30px 3px 5px; font-size:12px}
/*Order card printable*/
html body.m-invoice {margin:10px;  background:none; height: 100%; overflow-x: hidden}
/* Table InvoiceHeader Style */
table.m-InvoiceHeader {border-width:0px 0px 1px 0px; border-color:#ddd; border-style:solid; font-size:13px; padding:0}
table.m-InvoiceHeader td.m-invoiceTitle {font-size:24px; vertical-align:top; text-align:center; padding:0}
table.m-InvoiceHeader td.m-vatNo { vertical-align: bottom; text-align: left; padding:0}
/* Table InvoiceAddr Style */ table.m-InvoiceAddr {font-size:11px}
table.m-InvoiceAddr td.left {font-weight:bold; text-align:left; padding: 0 5px 0 2px; vertical-align:top}
table.m-InvoiceAddr td.right{text-align:left; padding: 0 5px 0 2px}
table.m-InvoiceAddr td.space{font-size:1px; padding:0}
/* Table InvoiceDetails Style */
table.m-InvoiceDetails { font-size:11px; vertical-align:top; border: 1px; border-style:solid; border-color:#ddd; }
table.m-InvoiceDetails td.left{ padding:2px 5px 2px 5px; border-right: 1px solid #CCCCCC; vertical-align:top; text-align:right; font-size:11px; font-weight:bold; background: #f8f8f8; width:35%; }
table.m-InvoiceDetails td.right{ padding:2px 5px 2px 5px; vertical-align:top; }
/* Table InvoiceOneRow Style */
table.m-InvoiceOneRow {font-size:11px; border: 1px; border-style:solid; border-color:#ddd; }
table.m-InvoiceOneRow td{ text-align:center; vertical-align:top;	 }
/* Table InvoiceOrderList Style */
table.m-InvoiceOrderList {border-width:1px; border-color:#ddd; border-style:solid; font-size:11px; }
table.m-InvoiceOrderList th {background-color: #f8f8f8; font-size:11px; padding:2px 5px 2px 5px; }
table.m-InvoiceOrderList th.alignLeft { text-align:left; }
table.m-InvoiceOrderList th.alignRight { text-align:right; }
table.m-InvoiceOrderList td {border-bottom-color:#ddd; padding:2px 5px 2px 5px; text-align:left; }
table.m-InvoiceOrderList td.alignCenter {text-align: center; }
table.m-InvoiceOrderList td.alignRight {text-align:right; }
table.m-InvoiceOrderList tr.m-grayBg td {background-color: #F5F5F5; }
table.m-InvoiceOrderList tr.m-whiteBg td {background-color:#FFFFFF; }
table.m-InvoiceOrderList td.rightAlign {
text-align:right; padding: 2px 5px 2px 0px}
table.m-InvoiceOrderList td.topline {text-align:right; border-width:1px 0px 0px 0px; border-color:#ddd; border-style:dotted; padding: 2px 5px 2px 0px;	 }
table.m-InvoiceOrderList td.leftline {text-align:right;	padding: 2px 5px 2px 0px; }
table.m-InvoiceOrderList td.leftbottomline {text-align:right; padding: 2px 5px 2px 0px; }
table.m-InvoiceOrderList td.topline2 {text-align:right; padding: 2px 5px 2px 0px; }
table.m-InvoiceOrderList td.price {text-align:right; border-width:1px 0px 0px 0px; border-color:#ddd #CCCCCC #CCCCCC #ddd; border-style:dotted dotted dotted dotted; padding: 2px 5px 2px 0px; }
table.m-InvoiceOrderList td.total {text-align:right; border-width:1px 0px 0px 0px; border-color:#ddd #CCCCCC #CCCCCC #ddd; border-style:dotted dotted dotted dotted; padding: 2px 5px 2px 0px; font-weight: bold; }
/* Table InvoiceFooter Style */
table.m-InvoiceFooter { border-width:1px 0px 0px 0px; border-color:#ddd; border-style:solid; font-size:11px; }
	
/* Common table styles */
table th.align-center, table td.align-center {text-align: center}
table th.align-left, table td.align-left {text-align: left; overflow: hidden}
table th.align-right, table td.align-right {text-align: right}
table td.select-box-ctn {padding-right:3px}

ul#slider-ctn {
	 margin:0; overflow: hidden; position:relative;
}
ul#slider-ctn li.content-ctn {
	list-style: none; list-style-position: inside;
	/*width: 775px; */
	float:left; overflow: hidden;
	position: relative;
}
ul#slider-ctn li#right-ctn img.loading {
	margin: 50px 0 0 380px; display: none;
}

/* Screen index page */
ul#screen-search-methods {
	width: 770px; padding: 5px 3px; margin: 20px auto 40px; overflow: hidden;
	border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background:white;
}
ul#screen-search-methods li {
	width: 360px; float: left; margin: 5px 0 8px; padding: 0 10px;
	list-style: none; list-style-position: inside; text-align: center;
}
#screen-search-methods p {
    font-size: 12px;
    margin-top: 2em;
}
ul#screen-search-methods li:first-child {border-right: 1px dashed #e1e1e1}
ul#screen-search-methods li h3 {
    padding: 0 0 20px; font-size: 13px; line-height: 16px; text-align: center;
}
ul#screen-search-methods li h3 a.tab-heading,ul#screen-search-methods li h3.tab-heading{
	font-size: 18px;
    line-height: 28px;
    font-weight: 500!important;
    color: #0158ae;
}
ul#screen-search-methods li img {margin: 0 auto}
ul#screen-search-methods li h3 b {font-size: 18px; line-height:28px; font-weight:500!important;}
.screen-search-methods-circle {
	position: absolute; 
	top: calc(50% - 30px);
    left: calc(50% - 30px);
	border-radius: 50%; width: 45px; height: 45px; background: #252b30; border: 2px solid #fff;
	line-height: 45px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;
}
.screen-search-methods-circle.center{
	top:50%!important;
}
ul#screen-search-methods li a.img-wrapper{
	display:block;
	text-align: center;
	min-height: 242px;
}
ul#screen-search-methods li .tab.button,ul#screen-search-methods li .tab-left.button{
	float: none;
	display: inline-block;
    position: relative;
    right: -76px;
}
ul#screen-search-methods li a.tab.button{
	opacity: 0.6;
}
ul#screen-search-methods li a.tab.button:hover{
	background: #F6F6F6;
    color: #787878;
    border: 1px solid #ddd;
}
ul#screen-search-methods li a.tab.button:hover .ui-icon-circle-arrow-e{
	background: url(/i/icon/icon-set-grey.png) no-repeat;
	background-position: -48px -192px;
}

ul#screen-search-methods li  a.tab.button-active, ul#screen-search-methods li  a.tab.button-active:hover{
	background:#DF851A; color:#fff; border:1px solid #ccc; cursor: pointer; opacity:1;
}
ul#screen-search-methods li  a.tab.button-active .ui-icon-circle-arrow-e,ul#screen-search-methods li  a.tab.button-active:hover .ui-icon-circle-arrow-e{
	background-image: url(/i/icon/icon-set-white.png);
}

ul#screen-search-methods li .img-text {font-size: 16px; color:#999;}
ul#screen-search-methods li p {text-align: left}
.search-wrapper .search-box-light{
	width: 70%;
    background: #eee;
    padding: .6em 1em;
    border-radius: 2px;
	border: 1px solid #ddd;
	outline-color:  #5cb2f0;
}
ul#screen-search-methods li .action-bar {height: 40px; padding-top: 10px; overflow: hidden; position:relative;}
ul#screen-search-methods li .action-bar-button a {display: inline-block; padding: .6em 1em; }
ul#screen-search-methods li .action-bar .button {font-size: 16px}
ul#screen-search-methods li .action-bar-button{padding-top:12px!important;}
/*Screen product page*/
.screen-pdt-ctn {
	margin: 15px 0 5px; 
	width: 100%;
}
.screen-pdt-ctn h3 {
	margin: 0px; padding:9px 5px 5px; background: #004679;
	font-size:16px; line-height:18px; height:20px; text-indent: 5px; color: #fff; font-weight: bold;
}
.screen-pdt-ctn h3 span {font-size:11px; color: #E8F5FF; font-weight: normal; margin-right: 5px; display: block; float:right; text-transform: uppercase}
.screen-pdt-ctn h3 span b {font-size: 14px}

.screen-pdt-ctn ul.screen-list {margin:0 0 50px 0; padding:0; list-style: none}
.screen-pdt-ctn ul.screen-list li {
	width:100%; 
	display: block;  
	position: relative;
	padding:1em;
	box-sizing: border-box;
    background: white;
    margin-bottom: 1em;
}
.screen-pdt-ctn ul.screen-list li table {width: 100%; line-height: 12px}
.screen-pdt-ctn ul.screen-list li .cell-1 {width: 280px;}
.screen-pdt-ctn ul.screen-list li .cell-1 a{text-align: center;}
.screen-pdt-ctn ul.screen-list li .cell-2 {width: 200px}
.screen-pdt-ctn ul.screen-list li .cell-3 {width: 120px}
.screen-pdt-ctn ul.screen-list li .cell-4 {width: 200px}

.screen-pdt-ctn p.enlarge-photo {position: absolute; top: 152px; left: 0}
.screen-pdt-ctn p.vpn-info {margin:8px 0 2px 0}
.screen-pdt-ctn .order-btn a{display:inline-block;margin-top: 10px;}
.screen-pdt-ctn .pStock {color: #5EAF44; font-weight: bold; margin: 5px 0;}
.screen-pdt-ctn .more-info a {color: #5cb2f0;}

.screen-pdt-ctn ul.screen-list li table td.bottom-row {vertical-align: middle; padding: 20px 0 10px 0}
table.props.leftProps {
    width: 80%!important;
}
.screen-pdt-ctn table.props {width: 100%;}
.screen-pdt-ctn table.props th, table.props td {
	padding: 5px 0; vertical-align: top;
	font-weight: normal; font-size: 11px; line-height: 16px; color:#555
}
.screen-pdt-ctn table.props th {text-align: right; padding-right: 5px}
.screen-pdt-ctn table.props tr.lighter th, table.props tr.lighter td {color:#bbb}
.screen-pdt-ctn table.props tr.darker th, table.props tr.darker td {color:#555}
.screen-pdt-ctn table.props tr.em th, table.props tr.em td {color:#CF1B2E}

.connector-img {width: 200px; float: left; margin: 0 30px 0 0}
div.tab-content .connector-img p {width: 200px; text-align: center; height: 12px; line-height: 12px; margin-top: -15px; background:#fff}

/* New styles to be merged into the latest psa.css file when made live. */
#content .landingBox {
	width: 760px;
	padding: 5px 3px;
	margin-bottom: 40px;
	overflow: hidden;
	border: 2px solid #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.landingBox .orCircle {
	border-radius: 50%;
	width: 45px;
	height: 32px;
	padding-top: 13px;
	/* background: #e1e1e1; */
	margin-left: 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #F88E02;
	text-align:centre;
}

div.landingBox ul.double {
  width:480px;
  margin-top:14px;
  /*margin-bottom:20px;*/
  overflow:hidden;
  /*border-top:1px solid #ccc;*/
  padding-left:20px;
}
div.landingBox ul.double li{
  line-height:1.5em;
  /*border-bottom:1px solid #ccc;*/
  float:left;
  display:inline;
  width:50%;
}

/* B. CSS RMA Form */
h1 {
	padding: 10px 0 15px 0;
}
	
#returnForm {
	margin: 2%;
	display: none;
}

#abandonBtn {
	margin-left: 15%;
}

#finalStepMessage {
	margin-top: 5%;
	margin-left: 20%;
}


#rmaAdvReplacementArea {
 	resize: none;
 	width: 85%;
 	box-sizing: border-box;
	font: 12px/19px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #464646;
	height: 255px;

 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#rmaPackageTermsArea {
 	resize: none;
 	width: 85%;
 	box-sizing: border-box;
	font: 12px/19px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #464646;
	height: 335px;

 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#rmaAdvReplacement > h1, #rmaPackageTerms > h1 {
	font-size: 29px;
	margin-bottom: 28px;
	margin-left: 14%;
	margin-top: 2%;
	width: 70%;
}

.icon-packaging {
	width: 64px;
	height: 64px;
	display: block;
	float: left;
	margin-left: 10%;
	background: url(i/icons/packaging.png);
}
.icon-delivery {
	width: 64px;
	height: 64px;
	display: block;
	float: left;
	margin-left: 7%;
	background: url(i/icons/delivery.png);
}

.icon-dagger {
	width: 10px;
	height: 20px;
	display: inline-block;
	float: left;
	margin-left: 7%;
	background: url(i/icons/dagger-custom.png);
}

.dagger {
	font-weight: bold;
	font-size: 15px;
}

#unexpectedProblem {
	margin-top: 5%;
	margin-left: 35%;
	font-weight: bold;
}

#items {
	width: 200px;
}

#termMsg { 
	text-align: left;
	margin-left: 120px;
}

#nextBtn, #abandonBtn, #prevBtn, #sendBtn {
	width: 25%;
	height: 16px;
	display: inline-block;
	padding-top: 6px;
}
#closeBtn {
	width: 6%;
	height: 16px;
	display: inline-block;
	padding-top: 6px;	
	margin-left: 80%;
}
#addItem, #addAllItem {
	width: 50%;
	height: 16px;
	display: inline-block;
	padding-top: 6px;
}
#addItem {
	width: 65%;
}

#acceptAdvReplacementBtn, #acceptTermsBtn {
	width: 25%;
	height: 16px;
	display: inline-block;
	padding-top: 6px;
}
.contentAdvReplacement {
	text-align: center;
}
.contentAdvReplacement > div > div, .contentTerms > div > div {
	background-color: #FF9943;
	display: inline-block;
	padding: 3px 3px 0px 3px;
	margin-left: 2px;
	border: 1px solid orange;
	text-align: center;
}
#nextBtn > span {
	margin-left: 15%;
	float: right;
}

#abandonBtn > span {
 	margin-left: 8%;
}


#addItemWrapper > table {
	width: 72%;
}

#addItemWrapper > table > tbody > tr > td {
	vertical-align: middle;
}

#addItemWrapper > div {
	float: left;
}
table.rmaTable {
	border: 1px solid black;
	margin-left: 2%;
	margin-right: 10%;
	margin-top: 5%;
	width: 100%;
}

table.rmaTable > tbody {
	margin-top: 2%;
}

table.rmaTable > tbody > tr {
	padding-top: 2px;
	border: 1px solid black;
}

table.rmaTable > td {
	text-align: left;
}

table.rmaTable > thead > tr:first-child {
	background-color: #004679;
	color: white;
}
table.rmaTable > thead > tr:nth-child(2) {
	background-color: #4682AB;
	color: white;
}

.other {
	vertical-align: middle;
	height: 40px;
}

.first {
	padding-left:10px;
	text-align:left;
	height: 40px;
	vertical-align: middle;
}

.action {
	margin-top: 5%;
	margin-left: 30%;
	margin-bottom: 15%;
}

.actionPopup {
	margin-top: 5%;
	margin-left: 40%;
	margin-bottom: 15%;
}
	
.ui-icon-info {
	background-position: -16px -146px;
	cursor: pointer;
}

.ui-icon-delete {
	background-position: -95px -132px;
	cursor: pointer;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.error {
	border: 1px red solid;
}

.disabledBtn {
	color: grey;
	border: 1px solid grey! important;
}


.step {
	display: block;
}

.btn-rma {
	border: 1px solid black;
	padding: 3px 6px;
	margin-left: 5px;
	cursor: pointer;
	display: inline;
	text-align: center;
	vertical-align: middle;
}

.green {
	color: green;
}

.red {
	color: red;
}

.popupTerms {
    position: fixed;
    border: solid 1px black;
    left: 30%;
    top: 30%;
    width: 40%;
    display: none;
    background-color: white;
	z-index: 1000;
}

.popupAdvReplacement {
    position: fixed;
    border: solid 1px black;
    left: 30%;
    top: 30%;
    width: 40%;
    display: none;
    background-color: white;
	z-index: 1000;
}
 
.cover {
    background:#000;
    width: 100%;
    height: 100%;
  	display: none;
    position: fixed;
	z-index: 999;
	opacity: 0.8;
}

.contentTerms { 
	text-align: center;
}

.contentAdvReplacement { 
	text-align: center;
}

.rmaReason {
	margin-left: 5%;
}

.olStatus {
	color: red;
}

.invalidItem {
	border: 1px solid black;
}

.m-whiteBg {
	background-color: white;
}

.m-grayBg {
	background-color: #F5F5F5;
}

.safeReason {
	margin-top: 2%;
	margin-bottom: 2%;
}

.d-safe {
	margin-left: 5%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.d-safe > input {
	vertical-align: middle;
	margin-left: 5px;
}

.info-bulb {
	z-index: 9999;
	width: 15%;
	border: 1px solid grey;
	left: 0;
	top: 0;
	position: fixed;
	background-color: #F6F6F6;
	display: none;
	border-radius: 10px;
    box-shadow: 2px 2px 1px #999999;
    padding: 0.5%;
}

.info-icon {
	float: right;
}

.rmaAction {
	width: 143px; 
}

.shineCbx {
	-moz-box-shadow: 0px 0px 1.5px 1.5px #00CC66;
	-webkit-box-shadow: 0px 0px 1.5px 1.5px #00CC66;
	box-shadow: 0px 0px 1.5px 1.5px #00CC66;
}

.alignmentReturn {
	margin-left: -28px;
}

.rmaReturn {
	width: 135px;
}

.contact {
	margin-left: 5px;
}

.closePopup {
	position: absolute;
	top: 5%;
	left: 95%;
	border: 1px solid grey;
}

.closePopup:hover {
	cursor: pointer;
}

.qty {
	width: 9%;
	text-align: center;
}
.w-rtnAgreement {
	float: left;
	border: 4px solid orange;
	padding: 0;
	width: 12px;
	height: 12px;
}
.item-info {
	padding: 1% 0 1% 1%;
	font-weight: 700;
}
.item-info > label {
	font-weight: normal;
	padding-top: 0.15em;
	display: block;
}
.icon-print {
	width: 25px;
	height: 25px;
	display: block;
	margin-left: 70%;
	background: url(i/icons/print.png);
}
table.resumeRmaTable {
	margin-left: 2%;
	margin-right: 10%;
	margin-top: 5%;
	width: 95%;
}

table.resumeRmaTable > thead > tr:first-child {
	background-color: #efefef;
	border: 1px solid #6b6d6b;	
}

table.resumeRmaTable > thead > tr:nth-child(2) {
	background-color: white;
	border: none;
}

table.resumeRmaTable > tbody {
	margin-top: 2%;
}

table.resumeRmaTable > tbody > tr {
	padding-top: 2px;
}
.emptyTr {
	height: 50px;
}
.item-header {
	border-top: 1px solid #6b6d6b;
	border-left: 1px solid #6b6d6b;
	border-right: 1px solid #6b6d6b;
}
.item-content {
	border-top: none;
	border-left: 1px solid #6b6d6b;
	border-right: 1px solid #6b6d6b;
	border-bottom: none;
}
.item-footer {
	height: 42px;

	border-top: none;
	border-left: 1px solid #6b6d6b;
	border-right: 1px solid #6b6d6b;
	border-bottom: 1px solid #6b6d6b;
}
.item-footer-cell {
	padding-top: 1%;
	padding-left: 2%;
}
#replacement-conditions > div, #packaging-conditions > div {
  border: 1px solid #6b6d6b;
  width: 99.5%;
  height: 27px;
  padding-top: 4px;
  padding-left: 1%;
  background-color: #F5F5F5;
  font-weight: bold;
  cursor: pointer;
  margin-top: 5%;
}
/* End CSS RMA Form */

/* Logged in bg */
.loggedin-user {
	background-color: rgb(170, 232, 170) !important;
 	border-radius: 6px !important;
 	margin-left: 4px !important;
}

/* Cart items promo code link */
.promo-code > div:first-child > a:hover {
	cursor: pointer;
}

/* User label displayed above customer price */
#userPriceLabel {
	color: #0099FF !important;
	padding-bottom: 5px !important;
	font-weight: normal!important;
}
#userPriceLabel-small {
	color: #0099FF !important;
	font-weight: normal!important;
	font-weight: bold;
	margin-bottom:3px;
}
td.pStock.right {
	height: 25px !important;
}
.customerPrice {
    background-color:#D1E8CA !important;
    border-radius: 1px;
	padding: 5px 10px;
	margin-right: 5px;
}
.customerPrice-small {
	background-color:#D1E8CA !important;
    border-radius: 3px;
	padding: 5px 10px;
	margin-bottom: 10px;
    width: 55%;
}
.horizontalProductListing .customerPrice-small {
	width: auto !important;
}
.customerPrice-blob {
	background-color: #D1E8CA !important;
    margin-top: 8px;
    text-align: left;
    margin-left: 1em;
    padding: .5em;
}
.service-container{
	position: relative;
	display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3em .5em;
    border: 1px solid #df851a;
    line-height: 16px;
}
.service-container input{
	margin-right: .5em;
}
#content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(1) > td.pPrice.left {
	padding-right: 1%;
}
.loggedInIncVatPriceLb {
	font-weight: bold !important;
	font-size: 10px !important;
}

/** Filters MDW */
.filter label {
	color: #004a81;
}
.fHeader {
	text-transform: uppercase;
	color: #004a81;
	font-size: 1em;
	font-weight: bold;
}
.fTitleA {
	color: white;
	font-weight: bold;
	background: #004a81; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #004a81 , white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #004a81, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #004a81, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #004a81 , white); /* Standard syntax */
   	height: 4.2em;
   	position: relative;
   	width: 75%;
}
.fTitleA > div {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 4%;
    /* margin-right: -95%; */
    transform: translate(0%, -50%);
    font-size: 1.5em;
    /* text-transform: uppercase;*/
   }
.fTitleB {
	text-transform: uppercase;
	color: #004a81;
	font-size: 1em;
	border-bottom: 0.1em solid lightgrey;
	font-weight: bold;
	padding-bottom: 1em;
}
#fDevice {
	padding-top: 1em;
	width: 21%;
	margin-left: 1%;
	border-right: 0.1em solid lightgrey;
}
#fDevice a{
	color:#004a81;
}
#fDevice > div:nth-child(n+1):hover {
	cursor: pointer;
}
.device {
	float: left;
	width: 25px;
	height: 30px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 8px;
}
#fUsage {
	padding-top: 1em;
	width: 20%;
	margin-left: 2%;
	margin-right: 1%;
	border-right: 0.1em solid lightgrey;
}
#fUsage > div:nth-child(n+1) > div{
	margin-bottom: 0.25em;
}
#fSize {
	width: 52%;
	padding-top: 1em;
	margin-left: 2%;
}
#fSpeed {
	width: 52%;
    padding-top: 1em;
    margin-left: 2%;
}
.fCriteria {
	border: 0.1em solid lightgrey;
	width: 100%;
	padding: 2%;
	display: inline-block;
	width: 93%;
}
#fCriteria > div {
	float: left;
}
.sorter {
	margin-left: 75.5%;	
}
#size-values > span {
	display: inline-block;
}
#size-values > span:nth-child(n+1) {
	text-align: right;
}
#fButtons {
  	text-align: right;
  	margin-right: 2%;
  	margin-top: 0;
  	display: block;
  	width: 100%;
}
.fButton {
  	background-color: #004a81;
  	color: white;
  	width: 75px;
  	display: inline-block;
  	text-align: center;
 	height: 22px;
 	padding-top: 0.3em;
 	margin-left: 2%;
}
.fButton:hover {
  	cursor: pointer;
}
.fAbout {
	display: none;
}
.fInfo {
	font-size: 12px;
    color: #004A56;
    background-color: white;
    width: 18px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
}
.fInfo:hover {
	cursor: pointer;
}
.activeDevice {
  	color: orange;
}
.desactiveUsage label, .desactiveSpeed label {
	color: lightgrey;
}
.selectedBox {
	background: #fff url(/i/filters/activeBox.png) center top no-repeat !important;
	width: 19px;
	height: 18px;
	display: inline-block;
}
.selectedBox:hover {
	cursor: pointer;
}
.speedClass {
  	display: block;
  	height: 20px;
}
.usage {
	/* display: table-cell; */
	height: 20px;
}
.usage > * {
	vertical-align: middle;
}
.usage > span, .speedClass > span {
	background: #fff url(/i/filters/unactiveBox.png) center top no-repeat;
	width: 19px;
	height: 18px;
	display: inline-block;
}
.help {
	background: transparent url(/i/filters/help.png) center 4px no-repeat;
	display: inline-block;
}
.digitalCamera_active {
	background: #fff url(/i/filters/Digital-camera_active.png) center top no-repeat;
}
.digitalCamera_disabled {
	background: #fff url(/i/filters/Digital-camera_disabled.png) center top no-repeat;
}
.digitalCamera_inactive {
	background: #fff url(/i/filters/Digital-camera_inactive.png) center top no-repeat;
}

.dslrCamera_active {
	background: #fff url(/i/filters/DSLR-camera_active.png) center top no-repeat;
}
.dslrCamera_disabled {
	background: #fff url(/i/filters/DSLR-camera_disabled.png) center top no-repeat;
}
.dslrCamera_inactive {
	background: #fff url(/i/filters/DSLR-camera_inactive.png) center top no-repeat;
}

.goPro_active {
	background: #fff url(/i/filters/GoPro_active.png) center top no-repeat;
}
.goPro_disabled {
	background: #fff url(/i/filters/GoPro_disabled.png) center top no-repeat;
}
.goPro_inactive {
	background: #fff url(/i/filters/GoPro_inactive.png) center top no-repeat;
}

.mobilePhone_active {
	background: #fff url(/i/filters/Mobile_phone_active.png) center top no-repeat;
}
.mobilePhone_disabled {
	background: #fff url(/i/filters/Mobile_phone_disabled.png) center top no-repeat;
}
.mobilePhone_inactive {
	background: #fff url(/i/filters/Mobile_phone_inactive.png) center top no-repeat;
}

.proVideoCamera_active {
	background: #fff url(/i/filters/Pro-video-camera_active.png) center top no-repeat;
}
.proVideoCamera_disabled {
	background: #fff url(/i/filters/Pro-video-camera_disabled.png) center top no-repeat;
}
.proVideoCamera_inactive {
	background: #fff url(/i/filters/Pro-video-camera_inactive.png) center top no-repeat;
}

.smartphone_active {
	background: #fff url(/i/filters/Smartphone_active.png) center top no-repeat;
}
.smartphone_disabled {
	background: #fff url(/i/filters/Smartphone_disabled.png) center top no-repeat;
}
.smartphone_inactive {
	background: #fff url(/i/filters/Smartphone_inactive.png) center top no-repeat;
}

.sportsPhotography_active {
	background: #fff url(/i/filters/Sports_photography_active.png) center top no-repeat;
}
.sportsPhotography_disabled {
	background: #fff url(/i/filters/Sports_photography_disabled.png) center top no-repeat;
}
.sportsPhotography_inactive {
	background: #fff url(/i/filters/Sports_photography_inactive.png) center top no-repeat;
}

.tablet_active {
	background: #fff url(/i/filters/Tablet_active.png) center top no-repeat;
}
.tablet_disabled {
	background: #fff url(/i/filters/Tablet_disabled.png) center top no-repeat;
}
.tablet_inactive {
	background: #fff url(/i/filters/Tablet_inactive.png) center top no-repeat;
}
.ui-widget-header {
	background: #004a81 50% 50% repeat-x !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #004a81 50% 50% repeat-x !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #004a81 50% 50% repeat-x !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content {
    border: 1px solid #004a81 !important;
}
/** End filters */
.sCategories{
	display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.sCategory {
	text-align: center;
    width: calc(25% - 2em);
    height:135px;
    background: white;
    margin: .5em;
    padding: .5em;
}

.sCatImg {
	height: 100px;
	margin-bottom: .5em;
}
.sCatImg img{
	width:125px;
}
.sCategory a .sCatTitle {
	display: inline-block;
	font-size:16px;
	color:#06070b;
}
/** Pagination **/
.pagination-wrapper .page-number, .pagination-wrapper .page-next,.pagination-wrapper .page-previous {
	padding: .5em;
    line-height: .5em;
    margin-right: .5em;
    color: #06070b;
    border: 1px solid #06070b;
    font-size: 1.2em;
    background:white;
}
.pagination-wrapper .page-number.active{
	color:#5cb2f0;
	border-color: #5cb2f0;
}
.pagination-wrapper .page-number:hover,.pagination-wrapper .page-next:hover,.pagination-wrapper .page-previous:hover{
	color:#5cb2f0;
	border-color: #5cb2f0;
	cursor: pointer;
}


/** Addition tweets for order review page **/
tr td h2 {font-size: 14pt;}
tr td h2 a {font-size: 10pt;}

.pointer-not-allowed:hover {
    cursor: not-allowed;
}
input.pointer-not-allowed{
	color:#777;
}

/** Lookup address style **/
span#enterAddrManually, span#clearAddress {
        cursor: pointer;
    color: #5cb2f0;
    font-weight: 600;
    float: right;
    position: relative;
    z-index: 10000;
    font-size: 14px;
}
span#clearAddress{display:none;}
span#enterAddrManually:hover {
    text-decoration: underline;
}
.hidden{
	display:none!important;
}
/*Tool tip*/
.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    width: max-content;
    max-width: 300px;
	background-color: #b74e48;
	border: 1px solid #b74e48;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    transform: translate(-100%, -35px);
    left: -15px;
    padding: 1em;
    display: none;
}
.tooltip .tooltiptext.right {
	transform: translate(100%, -35px)!important;
}
.tooltip .tooltiptext.top {
	transform: translate(0, -100%);
    left: 0;
    top: -35px;
}

.tooltip .tooltiptext span{
	display:none;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 9px;
    left: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #b74e48;
}
.tooltip .tooltiptext.right::after {
	left: -6%! important;
	border-color: transparent #b74e48 transparent transparent;
}
.tooltip .tooltiptext.top::after {
	border-color: #b74e48 transparent transparent transparent;
    left: 10px;
    top: 100%;
}
.err-out {
    border: 1px solid #b74e48!important;
}
.warning-red{
	display:none;
    background: url(/i/layout/warning_red.png) no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: .5rem;
}
.warning-red.right-0{
	right:0!important;
}
.tooltip .err-out + .warning-red{
	display:inline-block;
}

.tooltip .err-in + .warning-red + .tooltiptext{
	display:block;
}

.tooltip .err-hint + .warning-red{
	background: url(/i/layout/warning_yellow.png) no-repeat;
	background-size: 20px 20px;
	display: inline-block;
}

.tooltip .err-hint.err-in + .warning-red,
.tooltip .err-hint.err-out + .warning-red{
	background: url(/i/layout/warning_red.png) no-repeat;    
	background-size: 20px 20px;
}

.tooltip .warning-red:hover + .tooltiptext {
	display: block
}

.tooltip .err-focused{
	border:1px solid #b74e48!important;
	outline: none;
}

#special-email{
	display:none;
}

/* Pop up*/
.popup-wrapper{
	display: none;
    position: absolute;
    z-index: 1000;
    top: 5px;
    right: 0;
    width: 500px;
    background: #f3f3f3;
    padding: .5em;
    transition: all 3s;
    -webkit-transition: all 3s;
}
.popup-wrapper .content{
	color: red;
    font-size: 12px;
    line-height: 20px;
}
  
/*Toogle switch*/

.switch {
	position: relative;
	display: inline-block;
	width: 27px;
	height: 10px;
  }
  
  .switch input {display:none;}
  

  .slider-toggle {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(216, 63, 36,.4);
	-webkit-transition: .4s;
	transition: .2s;
  }
  
  .slider-toggle:after {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 0px;
	bottom: -3px;
	-webkit-transition: .4s;
	transition: .2s;
	background-color: rgba(216, 63, 36,.8);
  }
  input:focus + .slider-toggle {
	box-shadow: 0 0 1px rgb(33, 168, 21);
  }

  input:checked + .slider-toggle {
	background-color: rgba(33, 168, 21,.4);
  }

  input:checked + .slider-toggle:after {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
	background-color: rgba(33, 168, 21,.8);
  }

  input:checked + .slider-toggle.disabled{
	background-color: rgb(175 193 173 / 40%);
  }
  input:checked + .slider-toggle.disabled:after {
	background-color: rgb(193 198 192 / 60%);
	}

  .switch-on{
	display:block;
	text-align: center;
	font-weight: bold;
	position: relative;
    top: -5px;
  }

	.switch-off{
		display: block;
		text-align: center;
		font-weight: bold;
		position: relative;
		top: -5px;
	}

	.switch .on, .switch .off {
		display: block;
		text-align: center;
		position: relative;
		top: 13px;
		-webkit-transition:all  .8s ease-in-out;
		transition:all .8s ease-in-out;	
		cursor:default;
	}

  /* Rounded sliders */
  .slider-toggle.round {
	border-radius: 34px;
  }
  
  .slider-toggle.round:after {
	border-radius: 50%;
  }


  .radio-container {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}
.payment-method-row td{
	height: 15px!important;
    padding-bottom: 5px;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #868686
}
.info-msg-paypal{
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    margin-right: 10px;
    padding: 5px;
    font-size: 12px;
}

.radio-container:hover input ~ .checkmark {
    border: 2px solid rgba(33, 168, 21, .5)
}

.radio-container:hover input ~.checkmark:after {
    background: rgba(33, 168, 21, .5)
}

.radio-container input:checked ~ .checkmark {
    border: 2px solid rgba(33, 168, 21, .8)
}

.radio-container input:checked ~.checkmark:after {
    background: rgba(33, 168, 21, .8)
}

.checkmark:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dadada
}
	
    /* Cookie container*/
   
.cookie-wrapper {
	display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px;
    z-index: 9999999;
    background: rgba(1,1,1,0.5);    
    justify-content: center;
    align-items: center;
}

.cookie-container{
	background: white;
    border-radius: 4px;
    width: auto;
    max-width: 600px;
    margin: 1em;
    display:flex;
    flex-flow: column;
}

.cookie-body {
    padding: 1.5em;
    margin-bottom:1.5em;
    height: 17em;
    overflow-y: scroll;
}

.cookie-footer {
    padding: 1em;
    border-top: 1px solid;
    border-color: #0072bc;
    display: flex;
    justify-content: flex-end;
}

.cookie-control {
    margin-bottom: .5em;
    display: flex;
    align-items: flex-start;
}
.cookie-control .switch-wrapper {
    margin-top: 0.3em;
    margin-right: 2em;
}

.cookie-container .btn {
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)!important;
}
.cookie-container .btn.btn-orange {
    background-color: #DF851A;
}
.cookie-container .btn.btn-grey {
    background-color: gray;
}
.cookie-container .btn.btn-orange:hover {
    background-color: #cf7913;
}
.cookie-container .btn.btn-grey:hover {
    background-color: rgb(87, 87, 87);
}    
    
    
  
	/*flex-box*/
	.d-flex {
		display: -ms-flexbox!important;
		display: flex!important;
	}
	.justify-content-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
	}
	.align-items-center {
		-ms-flex-align: center!important;
		align-items: center!important;
	}
	.align-items-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important;
	}
	.flex-vertical{
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	.content-center {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
	}


	.grid-wrapper #slider-ctn li.content-ctn {
    width: 100%;		
	}

	.grid-wrapper .prod-ctn{
	    margin-bottom: 5em;
	    margin: 0 0 5em;
	    overflow: hidden;
	    float: none;
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	    list-style: none;
	}
	.grid-wrapper .oem-prod-ctn{
		justify-content: start;
	}

	.grid-wrapper .oem-prod-ctn.show-oem-related{
		justify-content: space-between;
	}

	.grid-wrapper .prod-ctn > li{
		width: 48%;
		margin: 0;
		float: none;
		background: white;
    	border: 1px solid #d9d9d9;
    	min-height: 350px;
	}

	.grid-wrapper .prod-ctn table.order{
		width: 425px;
	}

	.grid-wrapper .p-grids{
		display: flex;
	}

	.grid-wrapper .p-grids > *{
		flex:1;
	}

	/*Repair service block*/
	.service__block  {
		display: block;
		padding: .5em;
		margin-top: 1em;
		background-color: #FFEECA;
	}
	.service__block.collapsed {
		background-color: #fff;
	}
	.service__block .service__block--body{
		display: block;
	}

	.service__block.collapsed .service__block--body {
		display: none;
	}

	.service__block--header {
		margin-bottom: 1em;
		font-weight: bold;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.service__block--header:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	.service__block--header .tools-icon{
		width: 2em;
	}
	.service__block--header .tools-icon img {
		width: 1.6em;
	}
	.service__block--checkbox input {
		margin-right: .8em;
		width: 1.3em;
		height: 1.3em;
		margin-top: .4em;
	}
	.service__block--checkbox > div {
		margin-bottom: .5em;
	}
	.service__block--actions {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: flex-end;
	}
	.service__block--actions-close{
		padding-right: 1em;
		margin-right: 1em;
		border-right: 1px solid #333;
		cursor: pointer;
	}
	.service__block--actions .difficulty-icon {
		text-align: center;
		margin-left: auto;
	}
	.service__block--body label.collectAndReturn a{
		color: #464646;
	}


.dropdown-menu {
	float: none;
		position: absolute;
		 top: 101%;
		left: 0;	    
		display: none;
		float: left;
		min-width: 10rem;
		padding: .5rem 0;
		font-size: 1rem;
		color: #212529;
		text-align: left;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
	border: 1px solid #ddd;
		border-radius: 2px;
		 -webkit-box-shadow: 0 5px 4px rgba(0,0,0,.2);
		-moz-box-shadow: 0 5px 4px rgba(0,0,0,.2);
		-ms-box-shadow: 0 5px 4px rgba(0,0,0,.2);
		box-shadow: 0 5px 4px rgba(0,0,0,.2);
		z-index: 9999;
		border: 1px solid #ddd;
		border-top: none;
}


.dropdown-menu.left, .dropdown-item > .dropdown-menu{
	left: 100%;
		top: 0;
}
.dropdown-menu.right{
	right: -100%;
		top: 0;
}


.dropdown-item {
		display: block!important;
		position:relative;
		width: 100%;
	padding: .3em .5em;
		clear: both;
		text-transform: uppercase;
		text-align: inherit;
		white-space: nowrap;
		background-color: white;
	border: 0;
}
.dropdown-item a{
	font-size:13px;
	color:#333;
}

.icon-right .icon{
	margin-left: .5rem;
}
.icon-left .icon {
	padding-right: .5rem;
}
i.icon {
	display: inline-block;
}
i.icon.icon-small {
	height: .8em;
	width: .8em;
}
i.icon.arrow-down{
	background: url(/i/layout/nav-arrows-down.png) no-repeat;
	background-position-y: 2px;
}
i.icon.arrow-right{
	background: url(/i/layout/nav-arrows-right.png) no-repeat;
	background-position-y: 2px;
}


	
.info-related-products * {
	color: #aaa;
}
.info-related-products.show * {
	color: #525252;
}

.info-related-products .stock-message * {
	font-weight: normal;
}

.info-related-products .title h3{
cursor: pointer;
}

.info-related-products .body{
display: none;
}

.info-related-products.show .body{
display: block;
}

.info-related-products table{
width: auto;
}

.info-related-products td{
padding: .2em .5em;
}

.info-related-products .br-inline br{
content: ' ';
margin-left: .5em;
}


.common-device-top-filters {
	border-bottom: 2px solid #ebebeb;
}

.psa-tabs {
	display: flex;
	align-items: flex-end;
	width: 100%;
	padding: 0 1em;
	box-sizing: border-box;
	margin-bottom: -2px;
}
.psa-tabs * {
	box-sizing: border-box;
}
.psa-tabs .tab-item {
	background: none;
	margin-right: 1em;
	border-bottom: 4px solid  #d9d9d9;
}
.psa-tabs .tab-item:hover{
	border-bottom: 4px solid rgb(92 178 240 / 35%);
}
.psa-tabs .tab-item.active{
	border-bottom: 4px solid #5cb2f0;
}
.psa-tabs .tab-item:last-child {	
	margin-right:0;
}

.psa-tabs .tab-item > *{
    padding: .5rem 3rem;
    color: #06070b;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.psa-tab-content {
    padding: 3em 1em 0;
}
	

.laptop-bg {
background: #2A81A8;
}
.laptop-screen-bg {
background: #218242;
}
.laptop-dock-bg {
background: darkslategrey;
}
.hard-drive-bg, .storage-bg {
background: coral;
}
.laptop-font {
color: #2A81A8;
}
.laptop-screen-font {
color: #218242;
}
.laptop-dock-font {
color: darkslategrey;
}
.hard-drive-font, .storage-font {
color: coral;
}


.payment-logos .title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 5px;
	display: block;
	color: #06070b;
}

.payment-logos-wrapper {
	border: 1px solid #ced1da;
	padding: 15px;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: white;
}

.payment-logos-wrapper .images {
	margin-bottom: 10px;
}

.payment-logos-wrapper .images img {
	height: 30px;
	margin-right: 10px;
}

.payment-logos-wrapper .images img:last-child{
	margin-right: 0;
}

.payment-logos-wrapper .text {
	font-size: 13px;
	color: #888;
}

.btn-input-select {
	font-size: 12px;
	position: relative;
	padding-right: 25px;
	cursor: pointer;
	background: white;
	padding: 6px 5px;
	border-top: 1px solid #abadb3;
	border-left: 1px solid #e2e3ea;
	border-bottom: 1px solid #e3e9ef;
	border-right: 1px solid #dbdfe6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
}
.btn-input-select-phc{
	width: 100%;
}

.btn-input-select::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #a4a4a4;
	position: absolute;
	right: 8px;
	top: calc(50% - 4px);
}


.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}
.input-group .input-group-prepend{
	width: 65px;
}
.input-group input {
	flex-grow: 1;
	width:auto;
}
.input-group{
	box-sizing: border-box;
}
.input-group-prepend{
	margin-right: -1px;
}
.input-group-append{
	margin-left: -1px;
}
.input-group-append, .input-group-prepend {
	display: -ms-flexbox;
	display: flex;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #bdbdbd;
	border-radius: .25rem;
	height: 400px;
	overflow: hidden;
	overflow-y: scroll;
}

.dropdown-menu.show{
	display: block;
}
.dropdown-menu .list-item {
	padding: 5px 10px;
	display: ms-flex;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 12px;
}
.dropdown-menu .list-item:hover {
	background: #efefef;
}

.dropdown-menu .list-item .country {
	margin-right: 10px;
}

.dropdown-menu .list-item .code {
	color: #7a7a7a;
}

.dropdown-menu .list-item * {
	font-size: 12px;
}
#forcePhoneNumberWrapper{
	display:none;
	margin-top:.5rem;
}


.image-hover .img2{
	display:none;
}
.image-hover:hover .img1{
	display:none;
}
.image-hover:hover .img2{
	display:block;
}

.which-best-img {
    display: block;
    position: absolute;
    right: 10px;
}
.which-best-img img{
	width:60px;
}