/**
 *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 Normalization
 */
body {font: 13px/1.231 Helmet, Freesans, sans-serif; *font-size: small}
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: 90%;}
b, strong, th {font-weight: bold}
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%; font-family: sans-serif; 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}

/**
 * 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}

/**
 * PSA Parts styles
 */
body, select, input, textarea {font: 12px/19px  Arial, "Helvetica Neue", Helvetica, sans-serif; color:#464646}
body {background: #fff url(/i/layout/bg.jpg) center top no-repeat; background-attachment:fixed;}
h1 {font-size:26px; line-height:30px; color: #003D79}
h2 {font-size:12px; line-height:18px; color: #464646}
h2.credit-app {font-size:20px; line-height:28px; color: #003D79; padding-top: 12px}
h1.pad-right, h2.pad-right {padding-right: 110px}
h1 img {margin:0 8px}
h3 {font-size:14px; line-height:15px; color: #003D79}
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; line-height:15px; text-transform:uppercase}
h5 {color:#525252}
h6 {font-size:13px; color:#777d81}

p {color:#525252; font-weight:normal; width:auto; margin: 5px 0 12px}
p.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;
	top: 45px;
	opacity: 0.9;
}
 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!important;
    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:link {-webkit-tap-highlight-color: #fff} /* Overrides the highlight color shown when the user taps a link or a JavaScript clickable element in Safari on iPhone */
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: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;
}

/* Buttons */
.button {
	font:11px/14px Helvetica,Verdana,sans-serif; font-weight:bold; cursor:pointer; padding:6px 12px 4px; 
	background:#F6F6F6 url(/i/button/button_bg.png) 50% 50% repeat-x; border:1px solid #ddd; color:#787878;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.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; color:#fff; border:1px solid #7d4900;
}
.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 {margin-right: 3px; 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;
}
/*.sbox-outter-ctn .list-ctns .button-active {background:#004475 url(/i/button/button_bg_dark_blue.png) 50% 50% repeat-x; border:1px solid #004475; color: #fff}*/
/*.sbox-outter-ctn .list-ctns .button-active {cursor: pointer; background:#2191c0 url(/i/button/button_bg_blue.png) 50% 50% repeat-x; border:1px solid #4297D7; color: #fff}*/
.sbox-outter-ctn .list-ctns .button-active {
	background:#DF851A url(/i/button/button_bg_orange.png) 50% 50% repeat-x; color:#fff; border:1px solid #7d4900; cursor: pointer;
}
.sbox-outter-ctn .list-ctns .button-active:hover, .orange-button:hover, .order-button:hover, .order-button2:hover {
	background:#E08E31; color:#fff; border:1px solid #7d4900
}
/* 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}
.button:hover .ui-icon, .orange-button .ui-icon {background-image:url(/i/icon/icon-set-white.png)}
.sbox-outter-ctn .list-ctns .button:hover .ui-icon {background-image:url(/i/icon/icon-set-grey.png)}
.sbox-outter-ctn .list-ctns .button-active .ui-icon-circle-arrow-e, .sbox-outter-ctn .list-ctns .button-active:hover .ui-icon-circle-arrow-e {background-image:url(/i/icon/icon-set-white.png)}
a:hover .ui-icon {background-image:url(/i/icon/icon-set-orange.png)}

.box-shadow {
	-moz-box-shadow:    0 2px 4px 4px #eee;
	-webkit-box-shadow: 0 2px 4px 4px #eee;
	box-shadow:         0 2px 4px 4px #eee;
}

#prodImgRoller {
	position:absolute; width:600px; height:360px;
	display: none; visibility: visible;
	text-align: center; 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;
}
#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 {width: 200px; font-size:15px; padding:0; margin:0}
.search-box.focusin {color:#333}
.search-form-main {padding: 10px 0; margin: 10px 0}
.search-form-main .search-box {margin: 0;}
.search-form-screen {margin-left: 30px}
.search-btn {
	width: 44px; height: 37px;
	float: left; margin: 0; padding: 0;
	background: url(/i/button/btn-search.jpg) 0 0 no-repeat;
	border: none; text-indent: -9999px
}
/* END SEARCH BOX */

/* Wrappers */
#wrapper {width:996px; margin:0 auto; position: relative; overflow: hidden}
#inner-wrapper {padding:185px 0 0 0; overflow:hidden}
#inner-wrapper-homepage {padding:200px 0 0 0; overflow:hidden}
#inner-wrapper-checkout {padding:130px 0 0 0; overflow:hidden}
#inner-wrapper-account {padding:130px 0 0 0; overflow:hidden}
.cart-wrapper, .checkout-wrapper-narrow, .account-wrapper-narrow {padding: 0 30px;}
.checkout-wrapper, .account-wrapper {padding: 0 5px; position: relative}
#header ul, #nav ul, #footer ul, #header ol, #nav ol, #footer ol, .cats {margin:0; padding:0; list-style:none} /* Remove default list styling where not required */
.content-body-start {margin-top: 20px}

/* HEADER */
#header {position:absolute; top:0; left:0; padding:0 8px 0; width: 985px}
#header ul li {display:inline}

/* PSA logo */
#logo {
	display: block; width: 245px; height: 81px; 
	float: left; margin:25px 0 0; 
	/*background: url(/i/layout/verticle-border.jpg) right 0 repeat-y*/
}
#logo a {
	float:left; width:240px; height:82px;
	background:url(/i/logo/psaparts-set.jpg) 0 0 no-repeat;
	text-indent:-9999px;	
}
#logo a:hover {background-position: 0 -100px; opacity:0.6; transition: opacity 0.3s ease-in 0s, opacity 0.3s ease-out 0s;}

/* Manufacturer logo */
#man-logo {position:absolute; top: 45px; right:10px; width:100px; height: 50px;}

/* Contact bar */
ul#contact {float:right; margin:3px 0 0 0; padding:0 0 25px 50px}
#contact li {
	float:left; height:20px; margin:5px 0; padding:0 15px 0 30px;
	font-size:10px; font-family: verdana, arial; color:#5c5c5c; line-height:20px; /*text-transform: uppercase;*/
	border-right:solid 1px #c7c7c7
}
#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; border:none; 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 {width:55px; font-size:9px}
#contact .site-selector a#drop {
	display: inline-block; width: 110px; 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}
/* Search bar */		
#search-bar {display: inline; margin: 0 0 0 7px; padding:0; height:37px}
/* 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}
/* END HEADER */

/* NAVIGATION */	
#nav {float:left; width:179px; margin: 0 0 0 10px}
#nav div.top {
	float:left; width:179px; height:4px;
	background:url(/i/layout/top-nav.jpg) 0 0 no-repeat;
}
#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; width: 179px;
	background: url(/i/layout/nav-sub-back.jpg) 0 0 repeat-y
}
#nav ul li {float:left; padding:0; cursor:pointer}
#nav ul li span, #nav ul li h6 {
	float:left; width:176px; padding:8px 0 10px 0;
	background:url(/i/layout/nav-back.png) 0 bottom #004a81 no-repeat;
	font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase
}
#nav ul li span i, #nav ul li h6 i {
	float:left; padding: 0 0 0 32px;
	background: url(/i/layout/nav-arrows.png) 10px 5px no-repeat;
	font-style: normal
}
#nav ul li span.active i {background-position: 10px -29px}
#nav ul li ul {float:left; display:block; margin-top:-10px;}
/*#nav ul li ul li:first-child {margin:5px 0 0 5px}*/
#nav ul li ul li.cat-home {
	width: 161px; margin: 0; padding: 0 15px 2px 0; text-align: right;
	background:#003E6D;
}
#nav ul li ul li.cat-home .ui-icon {float:right; margin-top: -1px; background-image:url(/i/icon/icon-set-white.png)}
#nav ul li ul li.cat-home a {color: #fff; font-size: 9px; font-family: tahoma, arial, verdana; font-weight: bold;}
#nav ul li ul li.cat-home a:hover {background: none}
#nav 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 {border:none; margin:0 0 5px 5px}
#nav ul li ul li {
	width:144px;
	float:left; margin:0 0 0 5px; padding:7px 10px;
	border-bottom:1px solid #dadada;
	line-height:14px
}
#nav ul li ul {display: none}
#nav ul li ul li a {color:#717171; text-decoration:none; padding-left: 8px; display:block; width: 100%}
#nav ul li ul li a:hover {color: #D17D18; background:url(/i/layout/icons.png) -5px -101px no-repeat}

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

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

/* BREADCRUMB */
#breadcrumb {
	width:780px; margin:0 0 20px 0; padding:0 0 10px;
	border-bottom:1px solid #dfe0e1; overflow: hidden;
}
#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/icons.png) -5px -102px no-repeat;
	list-style: none; list-style-position: inside;
}
#breadcrumb li a {color:#d17d18}
#breadcrumb li a:hover {text-decoration: underline}

/* Checkout tracker */
#checkout-tracker {
	width:950px; margin:0 0 10px 0; padding:6px 10px 8px; overflow: hidden;
	background: url("/i/layout/confidence-banner.jpg") 0 bottom repeat-x;
	border-top: 1px solid #f6f6f6;
}
#checkout-tracker li {
	float:left; margin-left: 5px; padding:13px 0 0; height: 29px; max-width: 200px; overflow: hidden;
	list-style: none; list-style-position: inside; color: #bbb; font-weight: bold; line-height: 13px
}
#checkout-tracker li span.step {
	float:left; width: 42px; height: 42px; margin: -13px 5px 0 0; font-size: 28px; line-height: 42px; text-indent: 13px; color:#f2f2f2; font-weight: bold;
	background: url(/i/layout/checkout-tracker.png) 0 0 no-repeat;
}
#checkout-tracker li.curr span.step {background-position: -100px 0; color: #fff}
#checkout-tracker li.curr {color: #D17D18}
#checkout-tracker li.curr a {color: #D17D18}
#checkout-tracker li.prev span.step {background-position: -50px 0; color:#fff}
#checkout-tracker li.prev a {color:#bbb}
#checkout-tracker li.prev a:hover {color:#2C76B3}
#checkout-tracker li span.arrow {
	float: left; width: 18px; height: 42px; margin: -13px 0 0 0;
	background: url(/i/layout/checkout-tracker.png) 0 -42px no-repeat; 
}
#checkout-tracker li.curr span.arrow {background-position: -100px -42px}
#checkout-tracker li a {font-weight: bold; float: left;}

/* SECTION TILES */
.cats {margin-top: 6px}
.cats .cat p {margin:0}
.cat, .slider {
	position: relative; width: 252px; height:auto;
	float: left; margin: 0 12px 13px 0; padding: 0;
}
.no-margin-right {margin-right: 0} {
	position:absolute; left:0; bottom:0;
	width:252px; height:6px;
}
.cat a {
	display: block; height: 175px; overflow: hidden; padding: 2px 2px 6px 2px; 
	border: 2px 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:#3294CB}
.cat h3 {padding: 8px 0 3px 5px; text-transform: uppercase; font-family: Segoe UI,Arial,Verdana,Tahoma,sans-serif}
.cat p {padding:0 5px; line-height:14px}
.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);
}
.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 */

/* SLIDERS */
#sliders {width:792px; float:right; padding:0 0 40px; overflow: hidden}
#slider-lg { 
	float:left;	
	background: url(/i/slider/slider-bg-l.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	height: auto;
	width: auto;
}
#slider-lg ul {
	width: 514px; height: 391px;
	float: left; margin: 2px;
}
#wrapper-slider-lg {
	width:514px; 
	position: relative;
  	display: inline-block;
}
#slider-lg ul li {width:518px; background:none; list-style:none}
#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}
.bx-prev, .bx-next {
	position: absolute;	left: 3px; bottom: 3px;
	float: left; width: 27px; height: 29px;
	background: url(/i/slider/slider-arrows.jpg) 0 0 no-repeat;
	text-indent: -9999px
}
.bx-next {left:488px; background-position: -29px 0}
.bx-pager {position:absolute; bottom:10px}
.bx-pager a {
	width: 8px; height: 8px;
	float: left; Margin: 4px;	
	background: url(/i/slider/pagers.png) 0 -8px no-repeat;
	text-indent: -9999px;
}	
.bx-pager a.pager-active {background: url(/i/slider/pagers.png) 0 0px no-repeat}
#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 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 */

/* FOOTER */
#footer {width:100%; padding:15px 0 0 0; overflow: hidden; margin-top: 60px; border-top: 2px solid #0072bc; background:url(/i/layout/footer-bg.jpg) right bottom no-repeat}
#footer h6 {padding:0 0 15px 8px}
#footer a {font-size:11px; color:#999; text-decoration: none; padding-left: 8px}
#footer a:hover {color: #D17D18; text-decoration:underline; background:url(/i/layout/icons.png) -5px -101px no-repeat}

#ft-links {padding:0 45px}
#ft-links ul {float:left; width:195px}
#ft-links ul.icons {float: right; width:310px; margin-top: -15px}
#ft-links ul.icons a {padding: 0;}
#ft-links ul.icons a:hover {background:none}
#ft-links ul.icons li {line-height:11px; line-height:14px; clear:both}
#ft-links ul.icons img.iconl {float: left; margin: 0 15px 0 0; vertical-align: middle; padding-bottom: 25px}
#ft-links a.cat-download {
	width: 128px; height: 150px; display:block; margin-top:-20px;
	background:url(/i/logo/catalogue.png) 0 0 no-repeat;
}
#ft-links a.cat-download:hover {background-position: 0 -151px}

#ft-pay-icons {
	margin:0 50px 0 0; width: 990px; padding:10px 0 0; overflow: hidden; float: left;
}
#ft-pay-icons h6 {padding: 0 0 5px 3px; text-transform: uppercase}
#ft-pay-icons div {float:left; display:block; height:63px;}
#ft-pay-icons div.pay {margin-left: 120px}
#ft-pay-icons div.secure {float:right; margin-right: 120px}
#ft-pay-icons div.pay a {background:none; padding-left: 0}
#ft-pay-icons div.pay a:hover {background: none}
#ft-pay-icons ul {overflow: hidden}
#ft-pay-icons ul li {
	float: left; list-style: none; margin-right: 10px;
}
#ft-pay-icons ul li a, #ft-pay-icons ul li a:hover {display: block; height: 35px; background:url(/i/layout/secure.jpg) 0 0 no-repeat}
#ft-pay-icons ul li.verified-by-visa a {background-position: -1px 0; width: 58px}
#ft-pay-icons ul li.mastercard-securecode a {background-position: -77px 0; width: 58px}
#ft-pay-icons ul li.comodo-ssl a {background-position: -153px 0; width: 65px}
#ft-pay-icons ul li.thawte-ssl a {background-position: -238px 0; width: 82px}

/*
#ft-social-links {float:left; width:100px}
#ft-social-links a {
	float:left; padding:0 0 2px 23px;
	background:url(/i/layout/social.jpg) 0 0 no-repeat;
}
#ft-social-links .facebook a {background-position:0 1px}
#ft-social-links .twitter a {background-position:0 -19px}
#ft-social-links .youtube a {background-position:0 -39px}
*/

#ft-newsletter {float: right; padding: 0 0px 0 0px; width: 284px}
#ft-newsletter h6 {width:240px}
#ft-newsletter p {color:#acacac; padding:0 0 15px;width:240px}
#ft-sign-up input {
	float:left; width:149px; height:23px; padding:0 0 0 10px;
	background:url(/i/layout/sign-input.jpg) 0 0 no-repeat;
	border:none; outline:none;
}
#ft-sign-up input.placeholder{color:#bbb}
#ft-sign-up #sign-btn{
	float: left; margin: 0; padding: 0;
	color: white; text-decoration: none;
	border: 0;
}
#ft-sign-up #sign-btn span {
	display:block; margin:0 10px 0 0px; padding:0 0 0 10px;
	font-size:12px; line-height:23px
}
#ft-sign-up #sign-btn {background:url(/i/button/btn-sm.png) center right no-repeat}
#ft-sign-up #sign-btn span {background:url(/i/button/btn-sm.png) center left no-repeat}
#ft-consent {float:left; padding:5px 120px 10px 120px}
#ft-consent p {color: #888; font-size: 11px}
#ft-consent a {color: #D87D18; padding:0}
#ft-consent a:hover {background:none}
/* END FOOTER */

/* Top manufacturer logo */
#content #brands {
	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;
}
#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: 760px; padding: 5px 3px 30px 3px; background: #f7f7f7;
	border: 2px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#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 a:hover {color:#3294CB}
#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: #D17D18; background:url(/i/layout/icons.png) -5px -102px no-repeat}


/* man/dev/oempno select boxes */
.sbox-outter-ctn {
	height:282px; overflow: hidden; margin-bottom: 40px; padding-top: 25px;
	background: url(/i/layout/select-background-all.jpg) 0 20px no-repeat;
}
.sbox-outter-ctn-small {background: url(/i/layout/select-background.jpg) 0 20px no-repeat;}
.simple-ctn {
	background:#F7F7F7; width: 580px; border: 2px 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%; width: 45px; height: 32px; padding-top: 13px; background: #e1e1e1; margin-left: 5px;
	font-weight: bold; text-transform: uppercase; color: #fff;
}
.simple-ctn .list-ctns .circle {margin-left: 20px}
.sbox-outter-ctn .list-ctns .active {background: #F88E02;}
.sbox-outter-ctn .list-ctns h4 {
	font-family: Arial, sans-serif; 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: #F88E02; 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; font-family:verdana; text-align: center;
}
.sbox-outter-ctn .filter input {
	width: 180px; padding:1px 3px 0 4px;
	vertical-align: top; color:#777; font-family:verdana; font-size:12px;
}
.sbox-outter-ctn .filter a.clear {
	display:block; float: right; width:16px; height:16px;  margin: 1px; 
	vertical-align: top; background:url(/i/icon/tick_cross.png) 0px 2px no-repeat;
}
.sbox-outter-ctn .filter a.cross {background-position: -32px 2px}
.sbox-outter-ctn .select-list {
	width: 212px; padding:0; clear:both; margin-top: 5px;
	font-size: 12px; border: 2px solid #064676; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	overflow-y: scroll;
}
#filterMan,#filterDevice,#filterOem{
	width: 90%;
    padding: 2px 3px 2px 4px;
    vertical-align: top;
    color: #777;
    font-family: verdana;
	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 option.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}
#content ul.seo-link a {padding-left:8px; color: #d17d18; background:url(/i/layout/icons.png) -5px -102px no-repeat; font-weight: bold}
#content ul.seo-link a:hover {text-decoration: underline}

/* 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; font-family: helvetica;
	-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 {width:785px; height:370px; margin:25px 0 0; padding:0; overflow: hidden; list-style: none;}
ul.oem-prod-ctn {height: 410px}
ul.prod-ctn li {width: 370px; padding:0; margin:0 20px 20px 0; list-style: none; list-style-position: inside; display:block; float:left}
ul.prod-ctn li.hidden {display:none; float: left;}
ul.prod-ctn h3 {
	margin:0; padding: 10px 10px 3px; min-height:30px;
	color:#fff; text-align:center; line-height:14px; background: #A37A00;
}
ul.prod-ctn h4 {
	margin:0; padding:1px 0 0; 
	color:#333; text-align: center; font-size: 11px; line-height: 15px;
	border: 2px solid #e4e4e4; 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;
}
ul.oem-prod-ctn .extra-padding {padding-top:7px}
ul.prod-ctn h3 a {color:#fff}
ul.prod-ctn h3 b {display:block; font-size: 18px; line-height: 24px; font-family: Arial, Arial, Helvetica, sans-serif; margin-top:-8px;}
ul.prod-ctn .prod-dtl {
	height: 315px; padding:0; margin:0; position: relative; overflow: hidden;
	border: 2px solid #e4e4e4; border-top:none;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
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 5px 0 15px; line-height:17px}
ul.prod-ctn li p.more-info a {font-weight: bold; color: #D17D18; background:url(/i/layout/icons.png) -5px -101px no-repeat; padding-left: 8px}
ul.prod-ctn li div.brandImage {
	height:24px; width:105px;
	padding:3px 4px 3px 0;
	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;
}
	
table.order {
	margin: 5px 10px 0 15px; padding:0; width:335px;
	border-top: 1px solid #e1e1e1;
}
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 div.pStock {margin:-5px 0 0 2px; padding:0; color: #5EAF44; font-size: 12px; line-height: 13px; text-align: left; font-weight: bold}
table.order td.pStock div.pStock {padding-left: 31px; margin: 0px 0 5px 0}
table.order div.order-btn {margin-top:15px}
table.order td.order-btn .order-button {float: left; margin-left: 0px}
/*Qty box and buttons */
.qty-text {float: left; line-height: 29px; margin-right: 3px}
.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: 12px; line-height: 16px; color: #999}
.pPrice span {font-size: 9px; font-weight: normal; text-transform:uppercase}
.pPrice span.excTax {color:#003D79; font-weight: bold; font-size: 10px}
.pPrice span.rrp {color: #EE8F1C; font-weight: bold}
.pPrice em {color: #003D79; font-style: normal; font-size: 29px; font-weight: bold; line-height: 34px}
.pPrice i {color: #EE8F1C; font-style: normal; text-decoration: line-through; font-weight: bold}

div.alt-images-ctn {
	position: absolute; top: 2px; right: 9px;
	width: 67px; margin:0; padding:0;
}
ul.alt-images {width: 67px; margin:0; padding:0; overflow: hidden}
ul.alt-images li {
	float:left; display:block; width: 65px; height: 57px; margin:3px 0 0; padding:0; overflow: hidden;
	cursor: pointer; background:url(/i/layout/product-tab.jpg) 6px 0 no-repeat; text-align:right;
	opacity:0.5; filter:alpha(opacity=50);
}
ul.alt-images li.curr {
	background:url(/i/layout/product-tab-active.png) 0 0 no-repeat;
	opacity:1.0; filter:alpha(opacity=100); 
}
ul.alt-images li img {margin: 9px 1px 0 0}

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

/* Product grids */
.p-grids {overflow: hidden; margin-top: 10px}
.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:100px; 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 15px 15px 0; padding: 15px 9px 10px; overflow:hidden; 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:#333; font-weight: bold; font-size:11px; text-align: center; text-transform: uppercase;
	position: absolute; top: 1px; left:10px; width: 105px;
}
.p-grids .p-grid ul {
	margin-left: 1px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.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;
	background:#fff; color:#003D79; font-weight: bold; text-align: center; line-height: 15px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.p-grids .p-grid ul li.title {
	height: 35px; display: table-cell; margin: 0 5px; padding: 2px 5px 0 5px; position: relative;
	color:#fff; font-size: 13px; vertical-align: middle;
}
.p-grids .p-grid ul li.title i {display: block; width: 98px; margin:0; font-size: 11px; color:#F98C30;  font-style: normal; text-transform: uppercase; top: 1px; left:0}
.p-grids .p-grid ul li.selected {background:#fff url(/i/layout/selected-cell.gif) 0 0 no-repeat;}
.p-grids .p-grid ul li.empty {opacity:0.5; 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:#003D79; font-weight: bold; margin:1px 0 0; padding-top: 1px;}
.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: width:780px; margin-top: 25px; position: relative;}
.product-ctn h3 {font-size: 21px; line-height: 26px; font-weight: normal; margin-bottom: 6px}
.product-ctn h3 img {float: right}
.product-ctn td {padding: 0; vertical-align: top; border: 2px solid #efefef}
.product-ctn td.img-ctn {width:300px; padding: 30px 0 5px 0;}
.product-ctn td.img-ctn p.enlarge-photo {padding-left: 5px; position: absolute; top: 190px; left: 5px}
.product-ctn ul.alt-images {width: 100%;}
.product-ctn ul.alt-images li {
	background: none; border: 1px solid #dedede; margin-left: 5px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.product-ctn .box td {border: 1px solid #efefef; border-top: none; border-left: none; padding: 20px 20px 10px; width: 440px}
.product-ctn .box td.no-border {border: none;}
.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: 16px; color: #F88E02; font-style: normal}
.product-ctn p.main-prop em {font-size: 20px; line-height: 28px; 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; padding-left: 2px}
.product-ctn table.order td.order-btn {text-align: right}
h4.tab-name {
	width:760px; padding:0; margin:25px 0 6px;
	font-size: 15px; line-height: 20px; text-align: center; color: #003D79;
}
div.tab-content {
	border: 2px solid #E4E4E4; width:730px; background:#f9f9f9; padding: 15px 20px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 18px;
}
div.tab-content p {line-height: 18px; margin: 5px 0;}
table.properties {width: 100%}
table.properties th {
	padding:5px 8px 5px 5px; line-height:18px; border:1px solid #efefef; border-top:none; border-left:none; text-align:right; width:30%; 
	font: 12px Oswald, arial, serif; text-transform: uppercase; color: #003D79; font-weight: bold;
}
table.properties td {padding:5px 5px 5px 8px; line-height:18px; border:1px solid #efefef; border-top:none; border-right:none; width:70%}

/* Printer device page*/
.printer-pdt-ctn {
	margin: 25px 0 5px; width: 780px; 
	border-bottom: 2px solid #002A5B; background: #fafafa
}
.printer-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;
}
.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: bold; font-size: 13px; color:#3294CB}
.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: #003D79; text-transform: uppercase; font-weight: bold}
.printer-pdt-ctn table.oview-tbl .price em {font-style: normal; font-size: 22px; text-transform:none}
.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: block; float: left; width: 241px; margin: 0 20px 25px 0; padding:0;
	list-style: none; position: relative;height: auto !important;
}
#content > ul.product-listing.clearfix > li:last-child {
}
ul.product-listing div.clear {display: block; height: auto; margin-top: 25px;}
h3.listing-cat {padding:12px 0 0 0; font-size: 21px; line-height: 30px; border-top: 1px dashed #dedede; text-align:center; padding:10px 0 10px;}
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: 2px solid #dedede; 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 0; 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; font-family: arial, serif; 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: #D17D18}
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: #003D79}
ul.product-listing div.text-ctn p {font-size: 10px;}
ul.product-listing div.text-ctn p.promo-text {color: #990000; font-family: arial; 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}
ul.product-listing table.order .price em {font-size: 21px; color: #003D79; font-weight: bold; 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; font-family: Arial;}
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:#003D79; text-transform: none;}
ul.tile-ctn {
	margin: 5px 10px 30px 10px; padding:0;
	list-style: none;
}
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: 0 20px 25px 0; padding: 0;
}
ul.tile-ctn li.tile h3 {margin:8px 19px; font-size: 16px; line-height: 20px; color:#003D79; text-align: left;}
ul.tile-ctn li.tile h3 a {color:#003D79;}
ul.tile-ctn .cat-img {
	border: 2px 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; font-size: 11px; line-height: 16px; font-family: tahoma, arial}
ul.tile-ctn ul li a {color:#525252; padding-left: 9px; display:block; width: 100%;}
ul.tile-ctn ul li a:hover {color: #D17D18; background:url(/i/layout/icons.png) -5px -99px no-repeat}

/* 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: #004679; font-size: 17px; font-weight: bold; line-height: 18px; width: 745px;
}
table.search-res {width: 770px; margin-bottom: 30px;}
table.search-res th, table.search-res td {text-align: left; padding: 1px 0 40px; line-height: 14px; color: #aaa}
table.search-res th {padding-top: 7px; padding-bottom: 1px; font-family: verdana; font-size: 14px; line-height:18px; font-weight: bold}
table.search-res th a {color:#3294CB}
table.search-res th a:hover {color:#35A1FF}
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; font-family: verdana}
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; font-family: verdana}
table.search-res em {font-style: normal; color: red}
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: 20px 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:#004679; color: #fff; font-weight: bold; padding-top:7px; pading-bottom: 6px}
table.cart th.product {padding-left: 28px}
table.cart td {border-bottom: 1px solid #f1f1f1}
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 {float: right; margin-left: 25px; color: red; font-weight: bold}

table.order-total {width: 100%;}
table.order-total th {background: none; text-align: right; font-size: 13px; color: #585858; text-transform: uppercase}
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:#003D84; 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;}
p.security-msg {margin: 10px auto 0 auto; text-align: center}
p.security-msg img {margin-right: 10px; vertical-align: top}

/* Checkout pages */
.panel {
	width: 100%; margin: 20px 0 35px; background:#fafafa; overflow: hidden;
	border-top: 2px solid #002A5B; border-bottom: 2px solid #002A5B;
}
.panel h3 {
	margin: 0; padding: 12px 5px 2px 15px;
	font-size: 21px; 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 th {text-align: right}
.panel table td {padding: 5px 15px 5px 15px}
.panel .action-bar {
	background:#f3f3f3; padding: 12px 15px 8px; text-align: left; font-weight: bold;
	border-top: 2px solid #f1f1f1; overflow: hidden;
}

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.signup-form {width: 645px}
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 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}
p.customer-ref input.edit {width: 100px}

/* Order review page */
.review-order-panel table.review-addrs {width: 970px; margin: 10px 0 5px}
.create-login {border-bottom:none; margin-bottom:0; padding-bottom: 15px}
.create-login table {margin:0px}
.create-login th {width: 300px}
.review-order-panel-2 {margin-top:0; border-top: 1px solid #ddd}
.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 #f1f1f1; padding-top: 11px}
.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 #f1f1f1; padding-top: 30px}
.email-pref {font-weight: normal; text-align: left; padding: 0; line-height: 16px; color:#787878}
.submit-button-ctn {overflow: hidden; padding: 0; text-align: right; 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; font-family: helvetica, arial}
.order-ref td b {font-size: 23px; line-height: 30px}

/* 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;
	border: 1px solid #e8e8e8; background: #F9F9F9; margin: 0 0 15px 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 1px 1px 5px #eee; -webkit-box-shadow: 1px 1px 5px #eee; box-shadow: 1px 1px 5px #eee;
}
.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 {1px solid red; margin: 5px 0 0; width: 780px}
table.account-search td {padding:0; width:50%}
table.account-search td form {
	margin: 0 8px 20px 8px; border: 1px solid #e8e8e8; background: #F9F9F9; padding: 10px 15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 1px 1px 5px #eee; -webkit-box-shadow: 1px 1px 5px #eee; box-shadow: 1px 1px 5px #eee;
}
table.account-search td input.edit {float: left; width: 200px; margin-right: 10px}

/* Account reports styles */
em.m-red {color:#CC0000; font-style:normal}
em.m-green {color:#008000; 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; font-family:Verdana, Arial, Helvetica, sans-serif; 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 {
	width: 775px; 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 0 40px 0; overflow: hidden;
	border: 2px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
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;
}
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 img {margin: 0 auto}
ul#screen-search-methods li h3 b {font-size: 22px; line-height:28px}
.screen-search-methods-circle {
	position: absolute; top: 250px; left: 361px;
	border-radius: 50%; width: 45px; height: 45px; background: #F88E02; border: 2px solid #fff;
	line-height: 45px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;
}
ul#screen-search-methods li .img-text {font-size: 16px; color:#999;}
ul#screen-search-methods li p {text-align: left}
ul#screen-search-methods li .search-box-short {margin-left: 28px; padding-left: 8px}
ul#screen-search-methods li .action-bar {height: 40px; padding-top: 10px; overflow: hidden}
ul#screen-search-methods li .action-bar-button {padding-top: 18px; height: 32px;}
ul#screen-search-methods li .action-bar .button {font-size: 16px}

/*Screen product page*/
.screen-pdt-ctn {
	margin: 15px 0 5px; width: 780px; 
}
.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; float: left; padding: 10px 0; position: relative;
	border-top: 2px solid #f1f1f1;
}
.screen-pdt-ctn ul.screen-list li table {width: 100%; line-height: 12px}
.screen-pdt-ctn ul.screen-list li .cell-1 {width: 275px;}
.screen-pdt-ctn ul.screen-list li .cell-2 {width: 190px}
.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 {float:left}
.screen-pdt-ctn .pStock {color: #5EAF44; font-weight: bold; float:left; margin-top: 3px;}
.screen-pdt-ctn .more-info {float: right; margin:0 10px; text-align: right}
.screen-pdt-ctn .more-info a {font-weight: bold; color: #D17D18; background:url(/i/layout/icons.png) -5px -101px no-repeat; padding-left: 8px}

.screen-pdt-ctn ul.screen-list li table td.bottom-row {vertical-align: middle; padding: 10px 0 10px 0}

.screen-pdt-ctn table.props {width: 100%;}
.screen-pdt-ctn table.props th, table.props td {
	padding: 5px 0; vertical-align: top;
	font-weight: bold; font-size: 11px; line-height: 16px; font-family: verdana; 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%;
}
 
#closeBtn {
}

#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 > thead > tr {
}

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;
}

.disabled {
	color: grey;
	background-color: #DCDCDC;
}

.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 {
	border-color: 1px solid black;	
} */

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: 5% !important;
	font-weight: bold;
	padding-top: 3% !important;
}
#userPriceLabel-small {
	color: #0099FF !important;
	font-weight: bold;
}
td.pStock.right {
	height: 25px !important;
}
.customerPrice {
    background-color: rgb(170, 232, 170) !important;
    border-radius: 12px;
    padding: 5%;
    margin-right: 5px;
}
.customerPrice-small {
	background-color: rgb(170, 232, 170) !important;
    border-radius: 12px;
    padding: 1.15%;
    margin-right: 5px;
    width: 55%;
    text-align: center;
}
.horizontalProductListing .customerPrice-small {
	width: auto !important;
}
.customerPrice-blob {
	background-color: rgb(170, 232, 170) !important;
    border-radius: 12px;
    padding: 1%;
    margin-right: 5px;
    margin-top: 3px;
    width: auto;
    text-align: left;
    padding-left: 5%;
}
#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;
}
.prod-highlights {
	width: 100% !important; 
	margin: 5% 5% 1% 0% !important; 
	color: #003D79 !important;
	font: 13px Oswald, arial, serif !important;
}
.prod-highlights td {
	font-weight: bold;
	border: 2px solid #E4E4E4;
	text-align: center;
	padding: 1%;
}

/** 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 > div:nth-child(n+1):hover {
	cursor: pointer;
}
.device {
	float: left;
	width: 25px;
	height: 30px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 8px;
}
.device:last-child {
}
#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;
    font-family: monospace;
}
.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 top no-repeat;
	width: 17px;
	height: 17px;
	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 */

/** 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 {
    cursor: pointer;
    color: #3294CB;
	font-weight: bold;
	float:right;
	position:relative;
	z-index: 10000;

}
span#enterAddrManually:hover {
    text-decoration: underline;
}
.hidden{
	display:none;
}
/*Tool tip*/
.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width:100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top:-125%;
    padding: .5em;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: .9;
}