/* =Reset
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Istok+Web');
@import url('https://ricoh.static.fontplus.jp/css/fonts.css');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align: top;}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}h1,h2,h3,h4,h5,h6{clear:both}html{overflow-y:scroll;font-size:100%;}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#fff9c0;text-decoration:none}hr{background-color:#ccc;border:0;height:1px;margin:24px;margin-bottom:1.714285714rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5rem}sub{bottom:-0.25rem}small{font-size:smaller}img{border:0;}a{text-decoration:none}

html,
button,
input,
select,
textarea {
    color: #222;
	border-radius: 0;
}

 html {
	background-color: #717171;
} 

/*new style added for T&C page to display in white color */
html.terms-conditions {
       background-color: #fff;
}


html.no-footer, html.email {
	background-color: #fff;
}

body {
	font-family: arial, helvetica, sans-serif;
    
	font-size: 13px;
    line-height: 1.4;
	color: #666;
}

h2 {
	font-size: 21px;
	font-weight: normal;
	color: #555;
	margin-bottom: 15px;
}
/* this code part added for resolving 1 or 2 product available in search result page */
.three-col-grid div div.empty {
	border: none;
	cursor: default;
	background: none;
}
p+h2 {
	margin-top: 15px;
}

h3, .accordion-list dt h3 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #555;
	line-height:20px;
}
.accordion-list dt p {
	color: #555;
}

/* heading style for PLP page product discontinued and description */
h3.discontinued {
	font-size: 	13px;
	color: #CC132A;
	margin: 10px 0;
}

/* heading style for PLP page product  description */
.description h3{
       font-size:    13px;
       color: #CC132A;
       margin: 10px 0;
}

div+h3 {
	margin-top: 20px;
}

.button.successor {
	margin: 10px 0;	
}

p+h3 {
	margin-top: 35px;
}

h5 {
	color: #000;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 2rem auto;
    padding: 0;
	/* width: 940px; */
	/* Removed as part of Delivery Tracking UI changes */
}

hr.invisible {
	border: none;
}
img {
    vertical-align: middle;
}

.img-borders img {
	border: 1px solid 	#eee;
}

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

.content fieldset p {
	width: 340px;
	display: inline-block;
	line-height: 30px;
	margin: 0;
}

p.accesoriesNote {
	color: #B7D342;	
	font-size: 12px;
}
a.jump-link {
  color: #fff !important;
  /* background: #B7D342; */
  padding-left: 25px !important;
  padding-right: 25px !important;
  position: relative;
}
a {
  color: #333;
}
a {
  text-decoration: none;
}
#primaryNav a.jump-link:after {
  background-position: right -785px;
}


.box-shadow-outset {
  display: inline-block;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

textarea {
    resize: vertical;
    border-style: none; 
    border: 1px solid #ccc;
}

/* custom css */
/* heading style for PDP page product  description  */
.description h2 {
color: #000;
font-size: 22px;
margin-bottom: 15px;
}

legend, .contact-form h3 {
	font-size: 20px;
	font-weight: normal;
	color: #545454;
	border-bottom: 1px solid #BBB;
	padding: 10px 0 10px;
	margin: 20px 0 20px;
	width: 100%;
}

.clear-both{
	clear:both;
	}

/* PDP Long description show more/ less */

 .showLess{
    background: url(/images/design/spritesheet-icons.png) left -1931px no-repeat; 
    padding-left: 29px;
    font-weight: bold;
}

.showMore{
    background: url(/images/design/spritesheet-icons.png) left -44px no-repeat;
    padding-left: 25px;
    font-weight: bold;
}

.showMore, .showLess{
        display: none;
} 
  
.showMoreLessOptions ul{
   line-height : 15px !important;
   margin: 12px auto 20px 15px !important;
} 

.showMoreLessOptions{
   line-height : 15px !important;
   font-family:"FrutigerLTPro-Roman";
}

/* Enquiry/Request form */

#overlay .blanket > #request-dialogue, #overlayOrg .blanket, #overlay1 .blanket > #request-dialogue  {
	padding: 50px 30px 50px 50px;
	width: 100%;
}
#popupOverlay .blanket > #request-dialogue, #overlayOrg .blanket, #overlay1 .blanket > #request-dialogue  {
	padding: 50px 30px 50px 50px;
	width: 100%;
}
#overlay .blanket > #request-dialogue, #overlay1 .blanket,  > #request-dialogue  {
	padding: 50px 30px 50px 50px;
	width: 100%;
}
#popupOverlay .blanket > #request-dialogue, #overlay1 .blanket,  > #request-dialogue  {
	padding: 50px 30px 50px 50px;
	width: 100%;
}


  
#overlay #request-dialogue  fieldset input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin: 6px 0 6px 0;	
}

#popupOverlay #request-dialogue  fieldset input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin: 6px 0 6px 0;	
}

#overlay .blanket > #request-dialogue .wrapper {
	text-align: left;
}

#popupOverlay .blanket > #request-dialogue .wrapper {
	text-align: left;
}

.blanket > #request-dialogue p {
	width: auto;
	margin: 0 0 15px;
}

#request-dialogue form > p {
	margin: 0px auto 20px auto;
}

#request-dialogue form p img {
	width: 100%;
	height: auto;
}

#request-dialogue h2 {
	border-top: 1px solid #ccc;
	padding: 25px 0 0;
}
#overlay h3, #overlayOrg h3, #overlay1 h3 {
	margin-top: 10px;
}

#popupOverlay h3, #overlayOrg h3, #overlay1 h3 {
	margin-top: 10px;
}

#overlay .blanket > #request-dialogue form {
	padding: 0 20px 0 0;	
}

#popupOverlay .blanket > #request-dialogue form {
	padding: 0 20px 0 0;	
}

.content fieldset.enquiry-request-form,
fieldset.enquiry-request-form {
	margin: 0 0 25px;
	width: 100%;
	clear: left;
}

fieldset.enquiry-request-form,
#overlay fieldset.enquiry-request-form, #popupOverlay fieldset.enquiry-request-form, #overlayOrg fieldset.enquiry-request-form{
	width: 100%;	
}


fieldset.enquiry-request-form label,
fieldset.enquiry-request-form p,
fieldset.enquiry-request-form input,
fieldset.enquiry-request-form select {
	float: left;
	line-height: 1.5;
	margin: 0 0 5px;
	border-color: #BBBBBB;
}

fieldset.enquiry-request-form select {
	height: 30px;
	background: #fff;
}

fieldset.enquiry-request-form label {
	margin: 0 0 20px;	
}

fieldset.enquiry-request-form p {
	margin: 0 0 10px;
}

fieldset.enquiry-request-form select {
	padding: 5px 10px 5px 10px;
	width: 220px;
	margin: 0 0 15px;
}

fieldset.enquiry-request-form select option {
	padding: 10px;
	font-weight: bold;
}

fieldset.enquiry-request-form p {
	color: #000;
	font-weight: bold;
}

#request-dialogue form th {
	padding-top: 0;	
}

fieldset.enquiry-request-form label,
#overlay fieldset.enquiry-request-form label, #overlayOrg fieldset.enquiry-request-form label {
	width: 155px;
	clear: left;
	margin: 0 0 25px 65px;
	color: #333;
	font-weight: bold;
}

fieldset.enquiry-request-form input[type=checkbox] + label,
#overlay fieldset.enquiry-request-form input[type=checkbox] + label {
	width: auto;
	padding: 0 15px 0 0;
	clear: none;
	float: left;
	margin: 0 0 5px 10px;
	/* font-weight: bold; */
}


fieldset.enquiry-request-form input[type=text] {
	width: 320px;
	padding: 0 10px;
	font-weight: bold;
}

fieldset.enquiry-request-form input[type=checkbox] {
	width: 17px;
	height: 17px;
}

fieldset.enquiry-request-form label[for=comments] {
	line-height: 1.5;	
}

fieldset.enquiry-request-form textarea {
	width: 320PX;
	height: 160px;
	border: 1px solid #BBBBBB;
	padding: 10px;
	font-family: arial, helvetica, sans-serif;
	float: left;
}

a {
	text-decoration: none;
	color: #333;
}

a.banner {
	display: block;	
}

a.big-link {
	display: inline-block;
	padding: 6px 0;
}
a.resource {
	margin-top: 15px;
	padding-left: 25px;
	background: url('/images/design/spritesheet-icons.png') left -500px no-repeat;
	display: block;
	line-height: 20px;
	text-decoration: underline;
	color: #666;
	font-size: 13px;
}

a.pdf {
	background-position: left -500px;
}

a.info {
	padding-left: 25px;
	background: url('/images/design/spritesheet-icons.png') left -500px no-repeat;
	background-position: 2px -144px;
	text-decoration: underline;
}

p {
	margin: 5px auto;
}


p.intro {
	line-height: 25px;
}

strong {
	color: #111;
}

address {
	color: #535353;
	font-style: normal;
	padding-right: 20px;
}


.content, #main.content {
	padding: 20px 0 20px;
	position: relative;
	
	
}


.content:last-child {
	margin-bottom: 70px;
}

.content ul, .content ol {
	margin: 20px;
}

.content ul+br {
	line-height: 30px;
}

.content.four-col h3 {
	line-height: 50px;
}
.content h5, 
.content p {
	margin: 15px 0 10px;
	width: auto;
}

table#alignleft-value {
margin-left: 200px;
}

.line-up {
margin-top: -55px;
width: 300px;
float: right;
}

p.line-up-border {
border-bottom: 1px solid #bbb;
}

.content p+h5 {
	margin-top: 35px;
}


.align-center {
	text-align: center;
}


.align-left {
	text-align: left;
	float:  left;
}
.align-right {
	text-align: right;
	float:  right;
}

table .align-right {
	float: none;
}

form div.align-right {
	float: none;	
}

.text-right {
	text-align: right;
}


.text-left {
	text-align: left;
}

.underlined {
	text-decoration: underline;
}
.no-bottom-margin {
	margin-bottom: 0 !important;
}

.red {
	color: #CC132A;	
}

.red p {
	color: #666;
}

.content .print {
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 0;
}
.print a {
	color: #CC132A;		
	display: block;
	background: url('/images/design/spritesheet-icons.png') left -1500px no-repeat;
	padding-left: 30px;
}

.no-border {
	border: 0 !important;
}


/* ==========================================================================
   Form styles
   ========================================================================== */


/* Contact forms */

#main.content.contact {
	padding: 20px 0 0;
	margin: 0 0 50px;
}

.panel-tab-list.contact-form {
	background: #fff;
	border: none;
	margin: 0 0 35px;
}

.contact-form label {
	line-height: 2.3;
}

.contact-form dd a.query-tooltip {
	padding-top: 0;
	padding-bottom: 0;
	margin-right: -20px;
}

.contact-form  .nav-wrapper {
	border: none;	
}

.contact-form  .nav-wrapper .container {
	border-bottom: 1px solid #d4d4d4;
}

.panel-tab-list.contact-form > dl {
	border: 1px solid #d4d4d4;
	border-top: none;
	background-color: #f1f1f1;
	padding: 0 20px;
	width: 898px;
}

h3.phone {
	font-size: 21px;
	margin-bottom: 10px;
	color: #555;
	font-weight: normal;
	color: #000;	
}


.contact-enquiry fieldset {
	border-bottom: 1px dotted #717171;
	padding-bottom: 40px;
	/* margin-bottom: 40px; */
	/* padding-top: 30px; */
	/* padding-left: 100px */
}

.contact-enquiry fieldset:first-child {
	/* padding-left: 200px; */	
	padding: 0;
	border: 0;
}

.contact-enquiry p {
	line-height: 1.6;
    margin: 0;
}

.contact-enquiry td {
	padding: 0 0 20px;
	position: relative;
}

.contact-enquiry th {
	  width: auto;
	  text-align: right;
	  width: 190px;
	  padding-right: 20px;
	color: #333;
	font-weight: bold;
	}

.contact-enquiry .comments  th {
	width: 370px;
}

.contact-enquiry th label {
  padding-right: 0;
}

.contact-enquiry label {
	width: auto;
	position: relative;
}

.contact-enquiry input[type=text] {
	padding: 0 10px;
	width: 320px;
}

.basket.order-summary td.number+td {
  box-sizing: border-box;
  width: 270px;
}
.contact-enquiry select {
	width: 340px;
	height: 30px;
	border: 1px solid #ddd;
	padding: 5px 10px 5px 10px;
	background: #fff;
}

.contact-enquiry select[multiple="multiple"] {
	height: auto;
}

.contact-enquiry textarea {
	width: 320px;
	border: 1px solid #ddd;
	padding: 5px 10px 5px 10px;
	background: #fff;
}

.contact-enquiry div.align-right {
	margin: 50px 0 0;	
}

.contact-enquiry input[type=checkbox] {
	width: 17px;
	height: 17px;	
}

.contact-form dd a.query-tooltip {
padding-top: 0;
padding-bottom: 0;
margin-right: -20px;
}

form {
	margin: 0 0 20px 0;
} 

form.keyline-top {
	padding-top: 20px;
	border-color: #ccc;
}

.content form+form {
	padding-top: 20px;
	border-top: 1px solid #ccc;
}


p+form {
	margin-top: 20px;
}

fieldset {
	position: relative;
	margin-bottom: 25px;
}

td fieldset {
	margin-bottom: 0;
}

fieldset.keyline-top {
	margin-top: 20px;
	padding-top: 20px;
	border-color: #ccc;
}


fieldset.keyline-bottom {
	border-color: #ccc;
}


.content fieldset {
	width: auto;
}

.content .narrow-field-container fieldset {
	width: auto;
}

.panel-tab-list .narrow-field-container fieldset {
	margin-bottom: 0;
}

.content .table-container fieldset {
	/* width: auto; */
	
}

.wide-form > fieldset {
	width: auto;
}
.narrow-form > fieldset {
	width: 330px;
}

.narrow-form > fieldset label {
	line-height: 26px;
}

fieldset.options, fieldset.warning {
	margin-left: 170px;
	width:  340px;
	color: #666;
}


fieldset.warning {
	color: #CE132A;
	margin-bottom: 10px;
	font-size: 13px;
}

fieldset.options a {
	text-decoration: underline;
	font-size: 12px;
}

fieldset.options label, fieldset.options span, #dialogueContainer label {
	/*  text-align: left;  */
	/* line-height: inherit; */
	font-weight: normal;
	color: #666;
}

label {
	width: 150px;
	display: inline-block;
	padding-right: 20px;
	line-height: 30px;
	text-align: right;
	color: #000;
}

label.inline {
	display: inline;
	line-height: 20px;
	padding: 0;
	width: auto;

}

/*Login form styles */ 

.loginForm label {
	display: block;
	float: left;
	width: 515px;
	padding-right: 5px;
}

.loginForm label[for=remember_me] {
	width: auto;	
}

.loginForm label h3 {
	font-size: 13px;
	font-weight: normal;
	float: left;
	width: 150px;
}

form .error-content {
	display: none;
}

/*
.loginForm .tooltip-content {
	width: 280px;	
	position: absolute;
	top: -7px;
	right: -290px;
	border-radius: 5px;
	border: 2px solid #CE132A;
	background: #F5D0D5;
	color: #000;
	z-index: 9999999;
	pointer-events: none;
	overflow: visible;
}

.loginForm .required-warning .tooltip-content {
	display: block;
	visibility: visible;	
}

.loginForm .tooltip-content .text {
	font-size: 12px;
	line-height: 18px;
	padding: 8px;
}

.loginForm .error-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.loginForm .error-arrow span {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top:50%;
	left: -7px;
}

.loginForm .error-arrow .arrow-border {
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 9px solid;
	margin-top: -8px;
	margin-left: -3px;
	color: #CE132A;
}

.loginForm .error-arrow .arrow-border + span {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid !important;
	margin-top: -7px;
	color: rgb(245, 208, 213);
	border-color: rgb(245, 208, 213);
}

.loginForm input[type=checkbox] {
	float: left;	
}
*/

.inline label {
	width: auto;
}

nav label {
	width: auto;
	display: inline;
	padding-right: 0;
	text-align: left;
	line-height: 20px;
	color: #666;
	vertical-align: middle;
}

h3 label {
	display: inline;
}

label.required:after {
	margin-left: 5px;
}

.required-warning label.required,
.required-warning label.required  h3,
p.errorsNotice,p.errorsNotice11,p.errorsNotice111 {
	color: #CE132A;
}

form > p.errorsNotice,p.errorsNotice111,p.errorsNotice11  {
margin: 5px 0;
}

p.errorsNotice,p.errorsNotice111,p.errorsNotice11  {
	font-size: 14px;
	margin: 0;
}


form > p.errorsNotice {
	margin: 5px 0;
}

p.errorsNotice+fieldset {
	margin-top: 1rem;	
}

.filter p.errorsNotice+fieldset, .filter p.errorsNotice+fieldset+fieldset, .filter p.errorsNotice+fieldset+fieldset+fieldset {
	margin-top: 0;
}

input[type=text], input[type=password] {
	height: 28px;
	width: 340px;
	border: 1px solid #ddd;
}

.required-warning input[type="text"], .required-warning select {
	border-color: #CE132A;
}
input[type=checkbox], nav input[type=radio] {
	margin: 0 10px 0 0;
	border: 0;
	padding: 0;
	vertical-align: middle;
}

input.contactOptions {
	margin: 5px 7px 7px 0;	
}

nav input[type=checkbox], nav input[type=radio]  {
	display: inline-block;
	line-height: 20px;
}

nav input[type=checkbox]:checked+label, nav input[type=radio]:checked+label {
	color: #111;
}

   
input[type=submit], input[type=button], input[type=reset], button, .button {
	margin: 0;
	border: 0;
	line-height: 40px;
	height: 40px;
	padding: 0 30px;
	font-weight: bold;
	font-size: 15px;
	background-color: #B7D342;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
}

.plpContactRicoh {
	font-weight: bold;
	font-size: 15px;
	background-color: #B7D342;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	text-align:center;
	margin:0 auto;
	display:block;
	height: 48px !important;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

/*custom css  */
/* style is added for continue shopping button */
input[type=submit].continueShopping{
	background-color: #eee;
	color: #565656;
}

/*custom css  */
/* style is added for delete basket button */
input[type=submit]#delete_basket{
	display: none;
    text-align: center;
} 
input[type=submit] {
	cursor: pointer;	
}

input[disabled=disabled] {
background-color: #aaa;
color: #eee;
cursor: default;
}

#requestButton {
	display: none;
	margin: 0;
}

.button {
	display: inline-block;
}

.contains-button {
	min-height: 40px;
}
.button:focus {
	outline: 3px solid #FBC03E;
}

.button.cancel {
	margin-right: 15px;	
}

form.align-center input[type=submit], form.align-center , form.align-center 
.no-footer input[type=submit] {
	min-width: 180px;
}


/* langButton style using for loginCountryLangSel.jsp */
button.green, #langButton {
	background-color: #B7D342;
	color: #fff;
}


button.dark-grey, input[type=submit].dark-grey, input[type=reset].dark-grey, .button.dark-grey {
	background-color: #666;
	color: #fff;
	line-height: 40px;
	height: 40px;
	padding: 0 50px;
}

table input[type=submit], table input[type=button], table button {
	line-height: 40px;
	height: 40px;
}

input[type=button], button, input[type=reset], .button.light-grey {
	background-color: #dadada;	
	color: #666666;
}

.button.light-grey:focus {
	background-color: #ddd
}

button {
	margin: 20px 0;
	padding: 0 20px;
}


input[type=submit].wide {
	width: 220px;
}

input[type=submit]+input[type=submit], input[type=button]+input[type=submit], input[type=reset]+input[type=submit] {
	margin-left: 20px;
}

textarea {
	width: auto;
	height: 155px;
}

.small-large textarea {
	width: 690px;
}


.large-small textarea {
	width: 635px;
}


select {
	margin-left: 0;
}
      
.user-role-form {
	margin-bottom: 0;
}

.user-role-form legend {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin: 5px 0;
	padding: 0;
	border-bottom: 0;
}
.user-role-form fieldset {
	display: block;
	vertical-align: top;
	text-align: left;
	width: auto;
	margin: 0;
}
.user-role-form fieldset{
	padding-left: 50px;
}


.user-role-form fieldset label {
	display: block;
	width: auto;
	padding: 0;
}



.user-role-form fieldset.buttons {
	display: block;	
	background: #f1f1f1 url('/images/design/bg-dotted-line.png') left top repeat-x;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 0;
	padding-right: 20px;
	text-align: right;
}

.user-role-form fieldset.buttons input[type="submit"].green, .user-role-form fieldset.buttons input[type="reset"].dark-grey {
	width: 130px;
	padding: 0;
}

.user-role-form fieldset label {
	text-align: left;
	font-size: 12px;
}
.user-role-form fieldset input[type="radio"] {
	vertical-align: middle;
	margin: 0 8px 0 0;
	line-height: 1;
}
.user-role-form fieldset:first-child label {
	display: block;
	/* text-indent: 15px; */

}


.user-role-form input[type="text"] {
	margin-top: 10px;
	width: 110px;
	padding-left: 5px;
	padding-right: 5px;
}

.delivery-address-form label {
	text-align: left;
	width: auto;
}

.delivery-address-form .radio-container {
	width: 240px;
	display: inline-block;
	vertical-align: top;
}

.field-container, .narrow-field-container {
	vertical-align: top;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
#firstPanel.narrow-field-container, #secondPanel.narrow-field-container {
	width: 400px;
	display: inline-block;
}


.narrow-field-container  p {	
	margin: 20px;
}

.field-container p {
	margin: 20px 0;
}


.narrow-field-container  p+p {	
	margin: 10px 20px;
}

.delivery-address-form .radio-container fieldset {
	margin: 0;
	padding: 15px 10px;
}

.over {
		background-color: #99CCFF;
}

.delivery-address-form .radio-container fieldset.selected, .field-container, 
.narrow-field-container, .bundle table, .terms, .grey-panel {
	background-color: #eee;
}

.panel-tab-list .narrow-field-container {
	background: transparent;
}

fieldset[name="city_filter"] {
	padding-top: 15px;
	padding-left: 20px;
	margin-bottom: 10px;
}

fieldset[name="city_filter"] > p {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}

fieldset[name="city_filter"] select {
	width: 135px;
	margin: 0 10px;
	padding: 0;
	height: 25px;
	line-height: 25px;
	border: 1px solid #ddd;
	vertical-align: top;
}

.panel-tab-list fieldset[name="city_filter"] input[type="text"], 
.panel-tab-list fieldset[name="city_filter"] select {
	width: 200px;
}
select#filter_country {
	margin: 0;	
}

fieldset[name="city_filter"] input[type="text"] {
	margin: 0;
	padding: 0 10px;
	width: 115px;
	height: 23px;
	line-height: 23px;
	vertical-align: top;
}

fieldset[name="city_filter"] input[type="submit"],
input[type=submit].small, .small.button  {
	height: 24px;
	line-height: 24px;
	padding: 0 15px;
	width: auto;
	vertical-align: top;
	font-weight: normal;
}

input[type=submit].small,
.button.small {
	font-size: 11px;
	font-weight: normal;	
}

.stacked-inputs {
	padding-bottom: 50px;
}
.stacked-inputs fieldset {
	margin: 5px 20px;
	
}


.stacked-inputs label {
	padding: 0;
	margin: 20px 20px 0;
	font-weight: bold;
}
.stacked-inputs label, .stacked-inputs input {
	display: block;
}

.stacked-inputs input { 
	padding: 0 3%;
	width: 94%;
}

fieldset.inline-block, form.inline-block {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	margin-top: 0;
}

fieldset.inline-block+fieldset, form.inline-block+form {
	margin-left: 15px;
}

.filter {
	/* padding-top: 10px; */
	margin-bottom: 0;
}

.filter > fieldset {
	width: 120px;
	vertical-align: top;
	margin-bottom: 0;
	margin-top: 10px;
}

.lease-box.align-right {
  padding-right: 5px;
}
.stacked .date-picker, .stacked select, .stacked input  {
	height: 25px;
	line-height: 25px;
	box-sizing: border-box;
	width: 120px;
	margin: 0 0 5px; 
}

.stacked span.price input {
	width: 96px;
	margin-left: 5px;
}
/** .price:before {
				content: "\20AC";
			}
			.price.discount:before {
				content: "-\20AC";
			}*/
select.nice {
	height: 26px;
	line-height: 26px;
	box-sizing: border-box;
	min-width: 140px;
}

.filter .stacked input[type="submit"] {
	padding: 0;
}


.date-picker {
	box-sizing: border-box;
	height: 26px;
	line-height: 26px;
	padding-left: 2px;
	width: 140px;
	border: 1px solid #ccc;
	background: #fff url('/images/design/spritesheet-icons.png') 114px -1777px no-repeat;
}

.stacked .date-picker {
	padding-left: 2px;
	border: 1px solid #ccc;
	background: #fff url('/images/design/spritesheet-icons.png') 95px -1779px no-repeat;
	width: 120px;
}


.filter .stacked label {
	display: block;
	padding-right: 0;
}

.buttons.keyline-top {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.buttons {
	min-height: 40px;
	padding-top: 20px;
}

.keyline-bottom+.buttons {
	padding-top: 0;
}

#localeSelect li a {
	line-height: 31px;	
}

/* ==========================================================================
   Content styles
   ========================================================================== */

body {
	background-color: #fff;
}

/*Updated as per DROP8  */
#siteWrapper {
	position: relative;
	padding: 12px 0 0;
	background-color: #fff;
	width: 100%;
	min-width: 980px;
	min-height: 600px;
}

/* custom css */
/*category top border line removed with products*/
.keyline-bottom~div.col-two.keyline-top.content{
	border:none;
	padding:0px;
}

/* custom css */
/*sub-category top border line removed with products*/
.content.col-two{
       border:none;
 } 

/* custom css */
/*sub-category top border line removed for empty search results page*/
.keyline-bottom~div.content.keyline-top{
	 border:none;
}

 /* custom css */
/*category top border line removed for empty search results page*/
.content~div.content.keyline-top{
	 border:none;
	 border-top: 1px solid #eee;
}

.no-footer #siteWrapper {
	padding-top: 2rem;
}

#main {
	padding: 0;
	position: relative;
}

#main.padding {
	padding-bottom: 50px;
}

.error #main {
	padding: 50px 0;
}


.narrow p {
	width: 65%;
	font-size: 13px;
}
.container {
	position: relative;
	width: 940px;
	margin: auto; 
}

.email .container {
	max-width: 940px;
	width: auto;
}

.panel-white {
	background-color: #fff;
}

.panel-light-grey {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
}
.panel-dark-grey {
	background-color: #f1f1f1;
}

h2.tab, .panel-tab-list nav  {
	font-weight: bold;
	background-color: #fff;
	font-size: 16px;	
	line-height: 26px;
	color: #545454;
}
div+h2.tab {
	margin-top: 20px;
}

h2.tab span {
	padding: 5px 30px 0;
	display: inline-block;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: -1px;
}

.keyline-top {
	border-top: 1px solid #eee;
}

.keyline-bottom {
	border-bottom: 1px solid #bbb;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.keyline-bottom-dotted {	
	border-bottom: 1px dotted #717171;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

form.keyline-bottom-dotted {
	padding-bottom: 0;
}

.sidebar .keyline-bottom {
	border-color: #eee;
}


.keyline-bottom+h2 {
	margin-top: 50px; /* specifically for the no items in basket page */
	margin-bottom: 10px;
}

.keyline-top+.keyline-top {
	border-top: 1px solid #bbb;
}


.small-large .keyline-top+.keyline-top, .large-small .keyline-top+.keyline-top {
	border-top: 1px solid #eee;
	position: relative;
}


.col-two .keyline-top+.keyline-top {
	border-top: 1px solid #bbb;
}


/* Skip links */

.skiplinks {
	z-index: 999;
	width: 940px;
	margin: auto;
	background-color: #f8f8f8;
	height: 1px;
}

.skiplinks ul {
	position: absolute;
	left: 250px;
	top: 40px;
	list-style: none;
}

.skiplinks li a:link span, 
.skiplinks li a:visited span {
	visibility: hidden;
	border-bottom: none;	
}

.skiplinks li a:link:focus span, 
.skiplinks li a:visited:focus span {
	visibility: visible;
	padding: 2px 1px;
	background-color: #FBC03E;
}


/* ==========================================================================
   Common Header Rules
   ========================================================================== */

body > header {
	height: 25px;
	font-size: 0.8rem;
	line-height: 31px;
	border-bottom: 1px solid #d4d4d4;
	padding: 0 0 6px;
	min-width: 980px;
}

#cookieBar {
	color: #fff;
	background-color: #CE132A;
	font-size: 11px;
	display: none;
	width: 100%;
}

#cookieBar h3 {
	color: #fff;
}


#cookieBar h5 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height: 47px;
}

#cookieBar .col-two {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 650px;
}

#cookieBar a {
	color: #fff;
	text-decoration: underline;
}

#cookieBar strong {
	color: #fff;
}

#cookieBar a.closer, #notificationBar a.closer {
	text-decoration: none;
}

#notificationBar a.closer {
	color: #333;
}
#headerBar .container {
	text-align: right;
}

#headerBar div {
	vertical-align: top;
}

#headerBar .container > div, #headerBar nav {
	border-right: 1px solid #d4d4d4;
}

#headerBar .container > div, #headerBar li, #headerBar nav {
	display: inline-block;
}


#headerBar a {
	display: inline-block;
	padding: 0 20px;
}

#headerBar span, #localeSelect  span {
	display: inline-block;
	width: 22px;
	height: 16px;
	margin-top: 7px;
	margin-right: 5px;
	background-image: url('/images/design/spritesheet-flags.png');
	background-repeat: no-repeat;
}

#localeSelect {
	width: 300px;
	font-size: 0.8rem;
	line-height: 31px;
	border: 1px solid #ddd;
}


#myAccount > a > span {
	background: url('/images/design/spritesheet-icons.png') left top no-repeat;
}

span.austria {	
	background-position: left top;
}
span.belgium {	
	background-position: left -20px;
}
span.croatia {	
	background-position: left -440px;
}
span.denmark {	
	background-position: left -40px;
}
span.europe {	
	background-position: left -60px;
}
span.finland {	
	background-position: left -80px;
}
span.france{	
	background-position: left -100px;
}
span.germany{	
	background-position: left -120px;
}
span.hungary{	
	background-position: left -140px;
}
span.ireland{	
	background-position: left -160px;
}
span.italy{	
	background-position: left -180px;
}
span.luxembourg{	
	background-position: left -200px;
}
span.netherlands{	
	background-position: left -220px;
}
span.norway{	
	background-position: left -240px;
}
span.poland{	
	background-position: left -260px;
}
span.portugal{	
	background-position: left -280px;
}
span.russia{	
	background-position: left -300px;
}
span.south-africa{	
	background-position: left -320px;
}
span.spain{	
	background-position: left -340px;
}
span.sweden{	
	background-position: left -360px;
}
span.switzerland{	
	background-position: left -380px;
}
span.turkey {	
	background-position: left -400px;
}
span.united-kingdom {	
	background-position: left -420px;
}
span.croatia {	
	background-position: left -440px;
}

h2.tab span {
	padding: 5px 30px 0;
	display: inline-block;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: -1px;
}

/*custom css  */
/*class is added for mini basket items alignment */
.keyline-topone {
	border-top: 1px solid #eee;
	}

.keyline-bottom {
	border-bottom: 1px solid #bbb;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/*custom css  */
/*style is added for guided navigation alignment */
#keyline-btm-id{
	width: 218px;
	}

.keyline-bottom-dotted {	
	border-bottom: 1px dotted #717171;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

form.keyline-bottom-dotted {
	padding-bottom: 0;
}


.sidebar .keyline-bottom {
	border-color: #eee;
}

.keyline-top {
		border-top: 1px solid #eee;
	}
	
	
.small-large > form > .col-two{
	margin-left: 23px;
	width: 699px;
	display: inline-block;
}	

.keyline-bottom+h2 {
	margin-top: 50px; /* specifically for the no items in basket page */
	margin-bottom: 10px;
}

.keyline-top+.keyline-top {
	border-top: 1px solid #bbb;
}


.small-large .keyline-top+.keyline-top, .large-small .keyline-top+.keyline-top {
	border-top: 1px solid #eee;
	position: relative;
}



.col-two .keyline-top+.keyline-top {
	border-top: 1px solid #bbb;
}

/* custom css */
/* style added for removal of service request page border */
#borderalign{
	border:none;
}

/* Skip links */

.skiplinks {
	z-index: 999;
	width: 940px;
	margin: auto;
	background-color: #f8f8f8;
	height: 1px;
}

.skiplinks ul {
	position: absolute;
	left: 250px;
	top: 40px;
	list-style: none;
}

.skiplinks li a:link span, 
.skiplinks li a:visited span {
	visibility: hidden;
	border-bottom: none;	
}

.skiplinks li a:link:focus span, 
.skiplinks li a:visited:focus span {
	visibility: visible;
	padding: 2px 1px;
	background-color: #FBC03E;
}


/* ==========================================================================
   Common Header Rules
   ========================================================================== */

body > header {
	height: 25px;
	font-size: 0.8rem;
	line-height: 31px;
	border-bottom: 1px solid #d4d4d4;
	padding: 0 0 6px;
	min-width: 980px;
}

/*for dynamic height ,height:auto is added */
#cookieBar {
	color: #fff;
	background-color: #CE132A;
	height: 47px;
	font-size: 11px;
	display: none;
	width: 100%;
	height:auto;
}

#cookieBar h3 {
	color: #fff;
}

#cookieBar h5 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height:47px;
}

#cookieBar .col-two {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 650px;
}

#cookieBar a {
	color: #fff;
	text-decoration: underline;
}

#cookieBar strong {
	color: #fff;
}

#cookieBar a.closer, #notificationBar a.closer {
	text-decoration: none;
}

#notificationBar a.closer {
	color: #333;
}
#headerBar .container {
	text-align: right;
}

#headerBar div {
	vertical-align: top;
}

#headerBar .container > div, #headerBar nav {
	 border-right: 1px solid #d4d4d4 !important; 
}

.heading-line
		{
		  border-right: 1px solid #d4d4d4 !important;
		}

#headerBar .container > div, #headerBar li, #headerBar nav {
	display: inline-block;
}


#headerBar a {
	display: inline-block;
	padding: 0 22px;
	  margin-left: -4px; 
	 
}

#headerBar span, #localeSelect  span {
	display: inline-block;
	width: 22px;
	height: 16px;
	margin-top: 7px;
	margin-right: 5px;
	background-image: url('/images/design/spritesheet-flags.png');
	background-repeat: no-repeat;
	
}

#localeSelect {
	width: 300px;
	font-size: 0.8rem;
	line-height: 31px;
	border: 1px solid #ddd;
}

/* custom css */
/* added for language dropdown on header */
#localeSelectLangDropBox {
	width: 100px;
	font-size: 0.8rem;
	line-height: 31px;
	border: 1px solid #ddd;
	height:32px;
	background-color:#f8f8f8;
}


#myAccount > a > span {
	background: url('/images/design/spritesheet-icons.png') left top no-repeat;
}


#localeIndicator > a { 
	display: block;
}


span.austria {	
	background-position: left top;
}
span.belgium {	
	background-position: left -20px;
}
span.denmark {	
	background-position: left -40px;
}
span.europe {	
	background-position: left -60px;
}
span.finland {	
	background-position: left -80px;
}
span.france{	
	background-position: left -100px;
}
span.germany{	
	background-position: left -120px;
}
span.hungary{	
	background-position: left -140px;
}
span.ireland{	
	background-position: left -160px;
}
span.italy{	
	background-position: left -180px;
}
span.luxembourg{	
	background-position: left -200px;
}
span.netherlands{	
	background-position: left -220px;
}
span.norway{	
	background-position: left -240px;
}
span.poland{	
	background-position: left -260px;
}
span.portugal{	
	background-position: left -280px;
}
span.russia{	
	background-position: left -300px;
}
span.south-africa{	
	background-position: left -320px;
}
span.spain{	
	background-position: left -340px;
}

/* country code comming from ATG is SE for sweden */
span.SE{	
	background-position: left -360px;
}
span.switzerland{	
	background-position: left -380px;
}
span.turkey {	
	background-position: left -400px;
}

/* country code comming from ATG is UK for united kingdom */
span.UK {	
	background-position: left -420px;
}



#welcomeBar, #myAccount, #localeIndicator {
	padding: 0;
}

#welcomeBar a, #myAccount a, #localeIndicator a, #welcomeBar, .drop-down a {
	padding: 0 20px;	
}

#welcomeBar > div {
	white-space: nowrap;
	overflow: hidden;
	max-width: 140px;
}
#myAccount, #localeIndicator, .drop-down {
	position: relative;	
}


#myAccount > a, #localeIndicator > a, #headerBar .drop-down > form a {
position: relative;
padding-right: 30px;
background: #f8f8f8 url('/images/design/spritesheet-icons.png') right -87px no-repeat;
margin-left:-4px;

}

/* Start - Custom CSS to display My Account header without 'V' for Buyer Roles */
#headerBar .no-drop-down > a > span{

position: relative;
margin-left:-4px;
	
}
#localeIndicator > a {
	display: block;
}

#headerBar .no-drop-down > a > span {
	background: url('/images/design/spritesheet-icons.png') left top no-repeat;
}

/* End - Custom CSS to display My Account header without 'V' for Buyer Roles */

#headerBar .drop-down a:focus {
	background-color: #FBC03E;
}

#headerBar .container div ul {
	display: none;
	position: absolute;
	top: 31px;
	left: -5px !important;
	margin: 0;
	z-index: 30;
	padding: 0 2px;
	width: auto;
	background-color: #fff;
	/*
	box-shadow: 3px 5px 5px #333;
	*/
	border: 1px solid #ddd;
	border-top: none;
	min-width: 100%;
	
} 

/* commented for myAccount fix   */

/* #headerBar .container div ul {
visibility: hidden;
position: absolute;
top: 30px;
left: -1px;
margin: 0;
z-index: 30;
width: auto;
} */
#headerBar .container div:hover, #headerBar .container div:focus  {
	/* background-color: #fff; */
}

/* commented for myAccount fix   */

/*  #headerBar .container div:hover ul, #headerBar .container div:focus ul {
	visibility: visible;
	background-color: #fff;
	box-shadow: 3px 5px 5px #333;
	border: 1px solid #ddd;
	border-top: none;
}  */

 #headerBar .container div li {
	 display: block;     
	text-align: left; 
	white-space:nowrap; 
} 
 #headerBar .container div li a { 
	display: block; 
	padding: 0;
	margin: 0;
	padding: 0 20px;
}  

#headerBar .container #localeIndicator ul {
	padding-bottom: 10px;	
	display: none;
	position: absolute;
	top: 30px;
	left: 587px;
	margin: 0;
	z-index: 30;
	width: auto;
	background-color: #fff;
	
	box-shadow: 3px 5px 5px #333;
	
	border: 1px solid #ddd;
	border-top: none;
	width: 13%;
}

#headerBar .container #localeIndicator li a { 
	font-weight: bold;
	/* padding-left: 10px; */
}

#headerBar .container div li span.label {
	margin: 0 20px;
	width: auto;
	height: auto;
	background: none;
	display: block;
}

#headerBar .container div li span.selected {
	font-weight: bold;
	border-bottom: 1px dotted #717171;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#headerBar .container div li a:focus {
	 
	margin: 0;	
    padding:0 22px;
    display:block;
	
}

#headerBar .container div li:hover {
	background: #eee;	
}

#siteHeader > div {
	height: 80px;
	display: inline-block;
	vertical-align: top;
}

.no-footer #siteHeader > div {
	height: auto;
	margin-bottom: 10px
}

#logoContainer, #miniBasket {
	width: 200px;
}


#logoContainer a {
	display: block;
	height: 50px !important;
}

#miniBasket {
	position: relative;
	float: right;
	margin-right: -10px;
}

.changethis .wrapper {
	visibility: visible;	
}

#miniBasket .header {	
	position: absolute;
	right: 0;
	text-align: right;
	line-height: 30px;
	height: 32px;
	font-size: 13px;
	overflow: visible;
	/* z-index: 20; */
	width:265px;
	
}

.large_image {
    height: 390px !important;
    width: 420px !important;
}

.mega_nav_image {
	height: auto;
    width: 100% !important;
} 

.teaser_image {
    height: 225px !important;
    width: 300px !important;
    padding:0 110px !important;
}

#miniBasket h3 {
    color: #cf132b;
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
    width: 120px;
    word-wrap: break-word;
}


#miniBasket strong {
	font-size: 11px;
	
}

/* custom css */
/* mini basket items long description alignment issue fixed*/
#basketalign{
	width:83px;
	word-wrap:break-word;
	font-size: 11px !important;
}


#miniBasket .closer {
	visibility: hidden;
}


#miniBasket.popup .closer,
#miniBasket.visible .closer {
	visibility: visible;
}

#miniBasket.visible .header, #miniBasket.popup .header {
	border-bottom: 1px solid #ddd;
	width: 350px;
}

#miniBasket .header .icon {	
	background: #fff url('/images/design/spritesheet-icons.png') 10px -190px no-repeat;
	display: inline-block;
	height: 27px;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 5px;
	padding-right:10px;
	
}
#miniBasket.active .header span {	
	color: #CC132A;
	width: auto;
	z-index: 20;
}

#miniBasket .header .icon, #miniBasket.popup .header .icon {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-shadow: 3px 6px 6px #fff;
}

#miniBasket.visible .header .icon, #miniBasket.popup .header .icon {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-shadow: 3px 6px 6px #ddd;
	z-index: 25;
}

#miniBasket .wrapper {	
	display: none;
	position: absolute;
	right: 0;
	width: 330px;
	background-color: #fff;
	padding-top: 5px;
	overflow: hidden;
}

#miniBasket .wrapper > div {
	padding: 10px;
}

#miniBasket  .notification-bar {
	background-color: #f5f5f5;
	font-size: 13px;
	color: #222;
	position: relative;
	display: none;
}

#miniBasket.visible  .notification-bar, #miniBasket.popup  .notification-bar {
	display: block;	
	
}

#miniBasket .notification-bar p {
	vertical-align: text-top;
}

#miniBasket  .notification-bar em {
	color: #CF132B;
	font-size: 16px;
	vertical-align: baseline;
}

#miniBasket em {
	font-style: normal;
	color: #B7D241;
}

#miniBasket.visible .wrapper, #miniBasket.popup .wrapper {
	border: 1px solid #ddd;
	border-top: none;
	display: block;
	top: 33px;
	width: 348px;
	box-shadow: 3px 6px 6px #ddd;
	overflow: hidden;
	z-index: 223;
}

#miniBasket.active.visible, #miniBasket.popup {
	z-index: 20;
}


#logoContainer img {
	margin-left: 5px;
}

#searchBar {
	width: 520px;
	position: relative;
}

#searchBar form {
	margin: 10px auto;
	padding: 0;
	border: 1px solid #bbb;
	width: 433px;
}

#searchBar input {
	vertical-align: top;
	line-height: 29px;
	border: 0;
	margin: 0;
}

/*custom css  */
/* cookie policy overlay closing button alignment */
#cookieclosing{
	text-align: right;
	width: 100%;
	margin-top: -10px;
	margin-bottom: 27px;
	margin-left: -4px;
	font-size: large;
}


#searchBar input[type="text"] {
	width: 370px;
	padding-left: 20px;
	
}

/*custom css  */
/* transfer basket overlay alignment */
.aa{
	top:50% !important;
	margin-top:-150px !important;
	overflow-y: hidden !important;
	height: 100px !important;
	width: 250px !important;
	left:50% !important;
	margin-left:-150px !important;
	
}

.text_boxalign{
	padding-left:5px;
}

/*custom css  */
/*cookie policy alignment issue fixed */
.contentalign{
	height:500px;
	overflow-y:scroll;
	border:1px solid #D0D0D0;
	border-radius: 3px;
   overflow-x: hidden;
 }

#searchBar input[type="submit"] {
	padding: 0;
	width: 40px;
	float: right;
	background: url('/images/design/spritesheet-icons.png') center -240px no-repeat;
	text-indent: -200px;
	overflow: hidden;
	height: 30px;
	position:absolute;
	
}

/*custom css  */
/* hidden for PDP page price inputtext box */
 input[type="hidden"]{
 	display:none;
 }

#searchSuggest {
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #bbb;
	width: 413px;
	z-index: 200;
	padding-left: 20px;
	margin-left: -1px;
}
#searchSuggest div {
	padding: 1px;
	display: block;
	width: 370px;
	overflow: hidden;
	white-space: nowrap;
}
.over {
		background-color: #99CCFF;
}
#searchSuggest div.select{
	color: #FFFFFF;
	background-color: #3366FF;
}
#searchSuggest div.over{
	background-color: #99CCFF;
}

#searchBar label {
	display: none;
}


#primaryNav {
	width: 100%;
	background-color: #717171;
	position: relative;
}
#primaryNav ul, #headerBar ul {
	margin: 0;
	padding: 0;
}

#primaryNav > ul > li {
	text-align: center;
	display: inline-block;
	line-height: 40px;
}

#primaryNav > ul > li {
	border-right: 1px solid #8d8d8d;
}

#primaryNav > ul > li > a {
	position: relative;
	padding: 0 20px;
	display: block;
	font-weight: 600;
	font-size: 15px;
	line-height: 40px;
	color: #fff;
}

#primaryNav > ul > li:hover, #primaryNav > ul > li:focus {
	background-color: #999;
}

#primaryNav > ul > li:hover > a:not(.jump-link):before {
content: "";
position: absolute;
top: 100%;
right: 40%;
left: 40%;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
z-index: 201;
}
#primaryNav > ul > li > a.active:before {
	border-top-color: #333;	
}
 
 

#primaryNav a.active {
	background-color: #333;
} 


#primaryNav > ul > li > div {
	visibility: hidden;
	opacity: 0;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 40px;
	left: 0;
	display: block;
	width: 938px;
	border: 1px solid #999;
	border-top: none;
	background-color: #f3f3f3;
	z-index: 2;
}



#primaryNav > ul > li:hover div, #primaryNav > ul > li:focus div,
#primaryNav > ul > li > a.active + div {
	visibility: visible;
	opacity: 1;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 200;
}



#primaryNav > ul > li > div {
	padding: 20px 0;
	display: table;
}


#primaryNav > ul > li > div ul {
	display: table-row;
}


#primaryNav > ul > li > div li {
	  display: table-cell; 
	  width: 300px;
	  float: left;
	  list-style: none;
}
/* changed by vara 29-9-15 START*/
.cat-two-thirds > ul > li {
	border-left: 1px solid #ccc
}
.cat-two-thirds > ul > li:nth-child(1) {
	border-left: none
}

.cat-two-thirds > ul > li:nth-child(2n+1) {
	border-left: none;
}

.navLink-panel > ul > li {
	border-left: 1px solid #ccc
}

/* END */
#primaryNav dt, #primaryNav dd {
	text-align: left;	
}

#primaryNav dt {
	font-weight: bold;	
}


#primaryNav dd a, #primaryNav dt {
	padding: 0 20px;
	display: block;
}




#notificationBar {	
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	line-height: 40px;
	width: 938px;
	border: 1px solid #ddd;
	border-top: none;
	background: url('/images/design/bg-notification-bar.gif') left top repeat;
	text-align: center;
	position: relative;
}

#notificationBar a {
	color: #CC132A;
	text-decoration: underline;
}

#breadcrumbBar {
	line-height: 25px;
	font-size: 11px;
}

#breadcrumbBar ul {
	list-style-type: none;
	margin-left: 5px;
}

#breadcrumbBar li {
	display: inline;
	
}

#breadcrumbBar li+li:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('/images/design/spritesheet-icons.png') left -292px no-repeat;
	vertical-align: top;
}	

#breadcrumbBar li:first-child {
	padding-left: 0;
	background: none;
}

#breadcrumbBar a {
	display: inline-block;
	padding: 0px 5px 5px 0;
	color: #888;
}

a.jump-link {
	color: #fff !important;
	/* background: #B7D342; */
	padding-left: 25px !important;
	padding-right: 25px !important;
	position: relative;
}

li.jump-link:before {
	opacity: 0;
}
a.jump-link:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	width: 22px;
	opacity: 0;
	transition-property: all;
	transition-duration: .4s;
	
}

#primaryNav a.jump-link:hover {
	background-position: right -785px;
	background: url('/images/design/spritesheet-icons.png') right -785px   no-repeat ;
	background-color: #999;
}

a.jump-link:hover:after {
	opacity: 1;
	right: 0;
	transition-property: all;
	transition-duration: .4s;
}


/* IE8 fallback */
#breadcrumbBar li.current {
	color: #212121;
	font-weight: bold;
}

#breadcrumbBar li:last-child {
	color: #212121;
	font-weight: bold;
}


#progressBar {
	padding-top: 20px;
	display: table;
	margin-bottom: 20px;
	width: 100%;
}

#progressBar ol {
	display: table-row;
}

#progressBar li {
	display: table-cell;
	width: auto;
	text-align: center;
	background-color: #eee;	
	vertical-align: middle;
	height: 50px;
}

#progressBar li:first-child {
	/* width: 150px; */
	padding-left: 10px;
}

#progressBar li {
display: table-cell;
width: auto;
text-align: center;
background-color: #eee;
vertical-align: middle;
height: 50px;
}

/* #progressBar li.current {
	background-color: #39BDD0;
	color: #fff;
}


#progressBar li.current+li.arrow {
	background-position: -3px center;
}

#progressBar li.arrow.current {
	background: url('/images/design/bg-checkout-progress-bar.png') -270px center no-repeat;
}
 */

#progressBar span {	
	display: block;
	float: left;
	width: 35px;
	min-height: 50px;
}


#progressBar li.arrow {
	width: 30px;
	background: url('/images/design/bg-checkout-progress-bar.png') -75px center no-repeat;
}


#progressBar .arrow:last-child, #progressBar .arrow.last-child {
	background-position: -179px center;
}

#progressBar li.current+.arrow:last-child, #progressBar li.current+.arrow.last-child {
	background-position: -358px center;
}

.closer {	
	position: absolute;
	right: 0;
	top: 0;
	font-size: 22px;
	padding:  0 10px;
}
/*contact-us - chanaged close( ) action for redirection to source page */
.contactCloser {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 22px;
	padding: 10px 20px;
}

/*custom css  */
/*adding for terms and conditions closing button  */
#close_img {	
	position: relative;
	left: 569px;
	font-size: 22px;
	padding: 0 10px;
	top: -21px;
}

/*custom css  */
/*To add border top  */
#brdr_aligntop{
	border-top:1px solid #eee;
}
.toggler, [data-action="toggler"] {
	text-decoration: underline;
}

.sidebar  {
	border-bottom: 1px solid #ccc;
}

/* custom.css */
/*form is added at sidebar in jsp  */
.sidebar ul form+form{
	padding:0px;
	margin:0px;
	border-top:none;
	
}

/* custom.css */
/*form is added at sidebar in jsp  */
.sidebar ul form{
	padding:0px;
	margin:0px;
	border-top:none;
	padding-bottom:15px;
	width: 105%;
	
}

.sidebar+h5 {
	padding-top: 20px;
}


.sidebar+h5+ul {
	margin-top: 10px;
	font-size:12px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	line-height: 2rem;
	line-height: 35px\0/;
}

.sidebar a {
	color: #535353;
}	
.sidebar .current {
	font-weight: bold;
	color: #000;
}	

.sidebar a.showMoreOptions{
	color: #CF132B;
}

/* ==========================================================================
   Common column rules
   ========================================================================== */
   
.four-col, .table-container {
	display: table;
	width: 940px;
}

.content .table-container {
	width: 100%;
}

.table-container > div {
	display: table-row;
}

.table-container > div.fifty-fifty > div {
	display: table-cell;
	vertical-align: top;
	width: auto;
}


.table-container > div.fifty-fifty > div.col-two.align-bottom {
	vertical-align: bottom;
}
.table-container > div.fifty-fifty > div.col-two {
	float: none;
	position: relative;
}
.table-container > div > div.spacer {
	width: 20px;
	border: 0;
	padding: 0;
}

.four-col h3, 
.horizontalCarousel h3, #towerCarousel h3 {
	color: #CF132B;
	margin: 0 0 10px 0;
}
.horizontalCarousel h3{
	
	height: 100px;
	overflow: hidden;
	padding-right:15px;
}
.four-col img {
	width: 220px;
	height: 133px;
	margin: 0 0 10px 0;
}

.four-col > ul, .four-col > div {
	display: table-row;
	padding: 0;
}


.four-col > ul > li, .four-col > div > div {
	position: relative;
	display: table-cell;
	width: 220px;
	padding: 20px 0;
	padding-right: 20px;
}

 .four-col > div > div  {
	background-color: #eee;
 }
.four-col > div > div h3 {
	font-size: 16px;
	color: #CF132B;
}

.four-col dt {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    margin: 0px !important;
    overflow: hidden;
}

.four-col dd {
	margin-left: 0;
	margin-bottom: 8px;
}



.four-col > ul > li:last-child, .four-col > div > div:last-child {
	padding-right: 0;
}


footer .four-col dd:before {
	content: "\2013";
	padding-right: 5px;
}

/* Landing pages */

.landing-page.content {
	margin-bottom: 0;	
}

.landing-page > div,
.landing-page > aside {
	display: inline-block;
	padding: 0 20px 0 0;
}

.landing-page > aside {
	margin: 5px 0 0;
}

.landing-page .half {
	width: 460px;
}

.landing-page .three-quarters {
	width: 700px;
}

.landing-page .quarter,
.landing-page .three-quarters + .quarter {
	width: 220px;
	padding: 0;
}

.landing-page .quarter:first-child {
	margin-right: 20px;
}

   
.small-large > .col-one {
	width: 218px;
	display: inline-block;
	float:left;
}

.small-large > .col-two {
	margin-left: 23px;
	width: 699px;
	display: inline-block
}	



.large-small > .col-one {
	width: 640px;	
	display: inline-block
}

.large-small > .col-two {
	float: right;
	width: 222px;
	display: inline-block
}

#orderSummary.col-two {
	border: 1px solid #bbb;
	width: 250px;
	padding: 14px;
	
}


#orderSummary.col-two h3 {
	color: #CC132A;
	display: inline-block;
    width: 118px;
    word-wrap: break-word;
	
}

.large-small > .col-two aside p {
	margin-right: 30px;
}
   
.fifty-fifty > .col-one, .fifty-fifty > .col-two {
	width: 48%;
	display: inline-block;
}

.fifty-fifty > .col-one {
	margin-right: 2%;
}
.fifty-fifty > .col-two {
	margin-left: 2%
    margin-top: 75px;
}

.fifty-fifty
{
	border-bottom: 1px solid #bbb;
}

.fifty-fifty table {
	width: 100%;
}

.fifty-fifty td, .content.fifty-fifty th {
	padding: 10px 10px 10px 0;
	min-width: 50px;
}
.fifty-fifty th+td {
	width: 85%;
}

/* Dotted sections */
.dotted {
	padding: 20px 0 0;
}

.content p.recipientName {
	margin: 15px 0 40px;	
}

.dotted > div {
	border: 1px dotted #888;
	padding: 40px 50px;
	position: relative;
}

.fifty-fifty.dotted {
	/*min-height: 350px;*/
	min-height:0px !important;	
}

.fifty-fifty.dotted > div {
	width: 37.65%;
	margin: 0 0 0 2%;
	padding: 40px 5.5%;
	height: 100%;
}


.fifty-fifty.dotted .col-two {
	float: right;
}

.dotted input[type=submit].small,
.dotted .small.button {
	position: absolute;
	top: 45px;
	right: 40px;
}

.fifty-fifty.dotted > div:first-child {
	margin: 0;	
}

/* Order summary basket */

.basket.order-summary tr {
	background-image: none;	
}

.basket.order-summary td.bundle {
	padding: 0;	
}

.basket.order-summary td.bundle table {
	margin: 0;
	padding: 0 0 20px;
	display: none;
}

.email .basket.order-summary td.bundle table {
	display: table;
}
.basket.order-summary td.bundle .quantity {
	border: 1px solid #eee;
	background: #fff;
	display: inline-block;
	padding: 3px 5px;
	font-size: 11px;
}

.basket.order-summary td.bundle table tbody {
	display: block;
	margin: 40px 0 30px 0;
}

.basket.order-summary td.bundle td {
	padding: 20px;	
}

.basket.order-summary td.bundle table td:first-child {
	padding-left: 30px;	
}

.basket.order-summary td.number {
	width: 60px;
	padding: 20px 10px 20px 0;
	font-weight: bold;
	text-align: right;
}

.basket.order-summary tr.keyline {
	background: url('/images/design/bg-dotted-line.png') left top repeat-x;
}

.basket.order-summary td {
  padding-left: 10px;
  padding-right: 10px;
}

.basket.order-summary td.number+td {
	box-sizing: border-box;
	width: 270px;
}

.basket.order-summary td span {
	padding: 0;
	display: inline;	
}

.content .order-summary table {
	margin: 0 0 20px;	
}

.basket.order-summary thead th:nth-child(2) {
	width: 170px;
}

.basket.order-summary thead th:nth-child(4) {
	width: 250px;
}

.content .order-summary td a.active {
	background-position: -4px -1295px;
}

.content .order-summary td a {
	text-decoration: underline;
	background: url('/images/design/spritesheet-icons.png') no-repeat -14px -1098px;
	padding-left: 20px;
	margin: 0 0 25px 20px;
	display: inline-block;
}

.basket td span.checkbox {
	display: inline-block;
	border: 1px solid #ccc;
	width: 20px;
	height: 20px;
	padding: 0;
}

.terms, .grey-panel {
	padding: 25px 5%;
	margin: 0 0 20px;
	border: 1px solid #ddd;
	/* float: left; */
	width: 90%;
}

div.terms > fieldset {
	margin: 0;
	display: block;
}

.grey-panel p {
	max-width: 600px;	
    margin: 0;
}

.terms label, .grey-panel label {
	width: auto;
	line-height: 30px;
	padding-right: 0;
	display: block;
	/* float: left; */
	text-align: left;
}

.terms label a {
	color: #CF132B;
}

.terms input[type=checkbox],
.grey-panel input[type=checkbox] {
	border: 1px solid #BBB;
	background: #fff;
	width: 17px;
	height: 17px;
	margin: 6px 10px 6px 0;
	display: block;
	float: left;
	clear: left;
}


#overlay #product-video {
	width: 	610px;
	bottom: auto !important;
}


#overlay  .terms-dialogue .wrapper {
	margin: 0 0 30px;	
}

#popupOverlay  .terms-dialogue .wrapper {
	margin: 0 0 30px;	
}

#overlay .wrapper.terms-conditions {
	background: #eee;
	padding: 30px 20px;
	max-height: 65%;
}

#popupOverlay .wrapper.terms-conditions {
	background: #eee;
	padding: 30px 20px;
	max-height: 65%;
}

#overlay .blanket > div#ricoh-store,
#overlay .blanket > div#countryOverlay {
	bottom: auto !important;
	width: 500px;
}

/* Warning dialogue */

.blanket > div .warning {
	padding-left: 60px;
	
	background: transparent url('/images/design/spritesheet-large-icons.png') left -800px no-repeat;
	min-height: 45px;
	margin: 0 auto 25px;
	width: 160px;
}


.blanket > div .thankyou {
	padding-left: 60px;
	
	background: transparent url('/images/design/spritesheet-large-icons.png') left -650px no-repeat;
	min-height: 45px;
	margin: 0 auto 25px;
	width: 160px;
}

 .blanket > div#ricoh-store .wrapper {
	max-width: 90%;
}

.blanket > div .warning h3, .blanket > div .thankyou h3 {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 13px;
	padding-top: 5px;
}

.blanket > div .wrapper {
	margin: 0 auto;
	text-align: center;
}

.blanket > div .wrapper p {
	margin: 0 0 25px;
	/* width: 340px; */	
}

input[type=submit] + a.button {
	margin-left: 20px;	
}

.blanket > div ol {
	padding-left: 20px;
	margin: 0 auto 25px;
	text-align: left;
	width: 330px;
}

 .blanket > div#ricoh-store ol {
	 width: 255px;
 }

.blanket > div ol li {
	margin: 0 0 8px;
	font-weight: bold;	
}

.blanket > div ol li span {
	font-weight: normal;	
}


/* ------ */

#featurePanel.fifty-fifty {
	display: table;
}
#featurePanel.fifty-fifty .spacer{
	width: 26px;
}

#featurePanel.fifty-fifty > ul{
	display: table-row;
}


#featurePanel.fifty-fifty > ul > li{
	display: table-cell;	
}


#featurePanel.four-col > ul > li > a{
	display: block;
	
	}
.address-panel {
	width: 100%;
	margin: 40px 0;
	border: 1px solid #bbb;
	display: table;
}

.address-panel h3 {
	font-size: 20px;
	margin-bottom: 30px;
}

.address-panel p {
	margin: 5px 0;
}

.address-panel > div {
	display: table-row;
}



.address-panel > div > div {
	display: table-cell;
	padding: 40px;
	width: 50%;
}


.address-panel > div > div:first-child {
	width: 49%;
	border-right: 1px solid #bbb;
}

.address-panel p+h4 {
	margin-top: 40px;
}

.three-col, .three-col-grid {
	margin-bottom: 15px;
}

table+.three-col {
	margin-top: 15px;
}
.three-col div {
	display: inline-block;
	width: 33.33%;
}

/*custom.css  */
/*basket alignment in ricohbasketfooter */
#alignbasket{
	text-align:right;
	float:right;
}

.three-col-grid {	
	display:table;
	width: 100%;
	position: relative;
	margin-top: 10px;
}


.three-col-grid > div {
	display: table-row;
	
	margin-bottom: 20px;
	position: relative;
}

.three-col-grid div div.empty {
	border: none;
	cursor: default;
}

.three-col-grid .description .wrapper {
	position: relative;
	padding-top: 177px;
}

.three-col-grid img {
	max-width: 100%;
	height: auto;
	margin: 0 auto 0 0;
}

.three-col-grid .description img {
	width: 100%;
	height: auto;
}



.three-col-grid .description.discontinued img{
	border: 1px solid #ddd;
}

.three-col-grid .description.discontinued > img{
	/* margin-top: 20px; */
}

.three-col-grid .description .wrapper a {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: 10px;
}



.three-col-grid .description .wrapper a .title {
	text-align: right;
	position: absolute;
	color: #CF132B;
	top: 135px;
	right: 10px;
	font-size: 12px;
}

.three-col-grid .description .ellipsis {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 19px;
	height: 5px;
}

.three-col-grid .description .details {
	visibility: hidden;
	display: none;
	left: 0;
	top: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
.three-col-grid .description .wrapper a:hover,.three-col-grid .description .wrapper a:focus {
	height: auto;
}

.three-col-grid .description .wrapper a:hover .details, .three-col-grid .description .wrapper a:focus .details {
	visibility: visible;
	display: block;
	margin: 0 10px;
	border-top: 1px solid #ccc;
	background: #fff;
	z-index: 50;
	height: auto;
}


.three-col-grid > div > div {
	display: table-cell;
	width: 220px;
	margin: 0;
/* 	background: url('/images/design/bg-dotted-line.png') left bottom repeat-x; */
	padding-bottom: 20px;
}

/* custom css */
/*added for media banner alignment  */
#banneralign{
	margin:15px 0px;
}
.description {
/* margin-right: 20px !important; */
}
.thirds {
	width: 700px;
	margin: 0 0 25px;	
}

.thirds > div {
	display: inline-block;
	width: 	213px;
	margin: 0 0 0 30px;
}

.thirds > div:first-child {
	margin: 0;
}

.thirds .two-thirds {
	width: 	456px;
}

.thirds p {
	margin: 0 0 25px;	
}

.two-thirds + .third {
	margin-top: 5px;
	margin-left: 30px;
}

.side-panel p {
	margin: 0 0 20px;	
}

.side-panel a.button {
	box-sizing: border-box;
	padding: 0;
	text-align: center;
	width: 100%;
}

.side-panel > div {
	border-top: 2px solid #661F84;
	padding: 25px 0 20px;
	margin: 0 0 20px;
}


.side-panel > div img {
	max-width: 100%;
}

.side-panel > div  h3 {
	color: #661F84;
	font-size: 14px;
}

.related {
	border-color: #009992;
}

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

.related li {
	margin: 20px 0 0;
}

.related li:first-child {
	margin: 0;	
}

.related a {
	text-decoration: underline;	
}

.related h3 {
	color: #009992;
}

.side-panel p {
	font-size: 12px;	
}

.side-panel .document {
	border-color: #D21325;
}

.side-panel .document h3 {
	color: #D21325;
}

.side-panel .resource-box {
	border: none;	
}

.side-panel h3 {
	font-weight: normal;
	margin: 0 0 25px;
	font-size: 15px;
}

iframe {
	width: 100%;
}

/* Support */

.support img {
	border: 1px solid #eee;	
}

.support .content h2 {
	margin: 0;	
}


.support .thirds + .thirds {
	border-top: 1px solid #eee;	
	padding: 40px 0 0;
}

/* custom css */
/*added for cookie policy alignment  */
#cookiealign{
	position:static;
	padding:0px;
	margin:0px;
}

/* Services grid */

.three-col-grid.services > div > div {
	background: none;
	padding-top: 0;
	padding-bottom: 40px;
}

.three-col-grid.services h3 {
	font-weight: normal;
	margin: 10px 0;
}

.services a:focus > img {
	outline: 2px solid #FBC03E;
}

div.no-keylines > div {
	background: none !important;
}

.three-col-grid .description p a {
	font-size: 13px;
	text-decoration: underline;
	margin-top: 15px;
}

.three-col-grid .discontinued p, .three-col-grid .discontinued h3, .three-col-grid .discontinued ul, .three-col-grid .discontinued img {
	opacity: .5;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.three-col-grid .discontinued h4 {
	margin-top: 10px;
	color: #CC132A;	
	margin-left:10px;
}

.three-col-grid .discontinued h4+p{
	opacity: 1;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: 5px;
}

.three-col-grid .lease-box, .three-col-grid .price-box {
	font-size: 13px;
	/* display: block; */
	margin-right: 0;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	/* background-image: none; */
	/* padding: 0; */
}

.lease-box.align-right {
	padding-right: 5px;
}


.three-col-grid .lease-box p:first-child {
	/* background: #f1f4e4 url('/images/design/spritesheet-icons.png') 3px -644px no-repeat; */
	padding-left: 30px;
	line-height: 25px;
	margin: 0;
}

.three-col-grid .price-box p:first-child {
	background: #eee;
	margin: 0;
	line-height: 18px;
	padding: 0 10px;
}

.three-col-grid .lease-box p+p, .three-col-grid .price-box p+p {
	padding-left: 10px;
	background: #fff;
	margin: 0;
	line-height: 18px;
}

.three-col-grid .lease-box p+p .price, .three-col-grid .price-box p+p .price {
	display: inline;
	color: #B7D434;
}

.three-col-grid .price-box p+p .price {
	color: #333;
}

.three-col-grid.comparisons .lease-box, .three-col-grid.comparisons .price-box {
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	text-align: left;
}

.three-col-grid div.spacer {
	width: 29px;
	background: none;
}


.three-col-grid .description small {
	font-size: 11px;
}

.three-col-grid > div > div:last-child {
	margin: 0;
}

.sixty-forty > div {
	vertical-align: top;
}

.sixty-forty .col-one {
	display: inline-block;
	width: 60%
}

.sixty-forty .col-two {
	display: inline-block;
	width: 40%
}


.sub-cat-list {
	width: 699px;
}


.sub-cat-list td {
    float: left;
    font-weight: bold;
    height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-right: 10px;
    vertical-align: middle;
    width: 162px;
    word-wrap: break-word;
}

.sub-cat-list img {
	float: left;
	width: 76px;
	height: 57px;
	border: 1px solid #ddd;
	margin-right: 20px;
	vertical-align: middle;	
	
}

.sub-cat-list a {
	text-decoration: underline;
	vertical-align: middle;
}

/* ==========================================================================
   Table rules
   ========================================================================== */  
#miniBasket table {
	width: 330px;
	margin: 10px auto;
}

 .content table {
	width: 100%;
	margin: 20px 0;
	font-size: 11px;
	line-height: 20px;
}
 
.content th {
	font-weight: bold;
	padding: 5px 0;
}

table.overview {
	width: 100%;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
}

table.overview th {
	padding: 20px 20px 10px;
	font-weight: normal;
}


table.overview td {
	padding: 10px 20px 20px; 
	font-weight: bold;
	color: #000;
}


table.overview .price{
	display: inline-block;
	padding-right: 10px;
}

table.overview small {
	vertical-align: text-bottom;
}

.generic-table {
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
}
.generic-table td {
	padding: 10px;
}

.generic-table td strong, .compact-table td strong {
	color: #272727;
}


.generic-table .info td, .generic-table th {
	padding: 0;
}


.generic-table.indented th:first-child span {
	padding-left: 40px;
}

.generic-table .indented td:first-child {
	padding: 0;
}
.generic-table .indented td:first-child a {
	display: block;
	padding: 20px 20px 20px 40px;	
}


.generic-table  tbody tr {
	border-top: 1px solid #ccc;
}

.compact-table  tr {
	border-top: 1px dotted #ccc;
}

.generic-table  tbody tr:first-child, .generic-table  tbody tr.info, .compact-table  tr.info, .compact-table  tr:first-child {
	border-top: none;
}
.generic-table  tbody tr.active {
	/* border-top: none; */
	background-color: #f1f1f1;
}

.generic-table  tbody tr:hover {
	background-color: #f1f1f1;
}

.generic-table .price {
	display: inline-block;
	margin-right: 10px;
	line-height: normal;
}


.product-info {
	width: 100%;
	margin-bottom: 15px;
}

.product-info th, .product-info td {
	padding: 4px;
	border: 1px solid #ddd;
}
.product-info th {
	background-color: #fafafa;
	font-weight: bold;
}
.basket table, .generic-table {
	width: 100%;
	
}


.basket table.total {
	clear: right;
	float: right;
	margin: 0;
	width: 335px;
}

table.foot-border {
	background: url('/images/design/bg-dotted-line.png') left bottom repeat-x;
	margin: 20px 0 0;	
}

.basket table.total tr {
	background: none;	
}

.basket table.total td {
	/* padding: 20px 0 0; */	
}

.basket table.total th {
	font-weight: normal;
	width: 210px;
}

.basket table.total th strong {
	font-weight: bold;	
}

.basket table.total .endtotal {
	border-top: 1px solid #555;
	/* border-bottom: 1px solid #555; *//* Removed as part of Delivery Tracking UI changes */
	padding: 20px 0;
}
.basket tbody tr, .accessories tbody tr   {
	background: url('/images/design/bg-dotted-line.png') left top repeat-x;
	margin:0 auto;
	padding:0 auto;
}


.basket tbody tr.order-status {
	background: none;
}

.basket tbody tr.order-status td {
	padding: 0;

}


.basket tbody tr.order-status p {
	text-align: right;
	margin: -40px 0 0 0;
	padding-right: 10px;
	font-size: 16px;
}

.basket tbody tr.keyline-top {
	background: none;
	border-top: 1px solid #999;
}

/* custom css */
/* added border top and bottom for top fieldset */
#fld_bordertop{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* custom css */
/* added border bottom for bottom fieldset */
#fld_borderbottom{
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
}
.accessories .promo-box {
	margin-top: 30px;
	background: #EBF8F1 url('/images/design/spritesheet-icons.png') no-repeat 3px -1600px;
	padding-left: 28px;
	color: #39BED1;
}

.accessories th {
	padding-bottom: 20px;
}

.accessories td {
	padding: 20px 0;
}

.accessories td.description:first-child {
	width: 320px;
	padding-right: 20px;
	padding-left: 0;
}

.accessories td.description + td {
	width: 165px;
	
}

/*custom css  */
/* added for alignment of acceessories tab  */
#pro_accessories{
	margin:0px;
}


.accessories input[type=checkbox],
.basket input[type=checkbox] {
	width: 17px;
	height: 17px;
	background: #fff;
	border: 1px solid #BCBCBC;
}

.basket tbody tr:first-child, .generic-table tbody tr:first-child  {
	background-image: none;
	margin:0 auto;
	padding:0 auto;
}


.basket thead th:nth-child(2){
	width: 120px;
}



.basket thead th:nth-child(4){
	width: 225px;
}


.basket tfoot {
	border-top: 1px solid #bbb;
}

.basket tr.sub-total td {
	padding-bottom: 20px;
}

.basket tfoot .total {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.basket .total td, .basket  td.total, tfoot td > span  {
	padding-top: 20px;
	padding-bottom: 20px;
}


.basket tfoot .input-container {
	padding-top: 0;
}
.basket tfoot input[type=text] {
	height: 36px;
	margin-right: 10px;
	padding-left: 20px;
}

.basket td {
  padding-top: 0px;
  padding-bottom: 20px;
}

p.dotted-line {
border-bottom: 1px dotted #717171;
}

/* span.red {
	line-height: 40px;
} */

.basket th span, .generic-table th span  {
	display: block;
	line-height: 48px;
	border: 1px solid #bbb;
	border-left: none;
	padding-left: 5px;
    padding-right: 15px;
	font-size: 13px;
	color: #666;
	white-space:nowrap;
}


.basket th:first-child span, .generic-table th:first-child span  {
	border-left: 1px solid #bbb;
}

th span.sort-container {
	position: relative;
}

th span.sort-container a {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 14px;
	height: 24px;
}


th span.sort-container a:hover {
	background-color: #f1f1f1;
}

td.unmapped{
	opacity: 0.0 !important
}

.basket tr.discontinued {
	opacity: 0.3;
}

.basket td.discontinued {
	opacity: 0.3;
}

.table-product-body div.discontinued {
	opacity: 0.3;
}

.table-product-body div.unmapped {
	opacity: 0.0;
}

#miniBasket td.discontinued {
	opacity: 0.3;
}

a.anchorClass {
   pointer-events: none;
   cursor: default; 
}

.unmappedClass:disabled {
   background: #fff;
   color: black;
}

h4.unavailable {
	opacity: 1;
    font-size: 13px;
    color: #CC132A;
}

.sort-container a.ascending {
	top: 0;
	background-image: url('/images/design/up-sorter-icon.png');
	background-position: center center;
	background-repeat: no-repeat;
}


.sort-container a.ascending.active {
	background-image: url('/images/design/up-sorter-icon.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: lightgray;
}

.sort-container a.descending {
	bottom: 0;
	background-image: url('/images/design/down-sorter-icon.png');
	background-position: center center;
	background-repeat: no-repeat;
}


.sort-container a.descending.active {
	background-image: url('/images/design/down-sorter-icon.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: lightgray;
}
/* reorder landing page */

.basket tr.discontinued td * {
	opacity: 0.5;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.basket tr.discontinued td h4 {
	opacity: 1;
  	font-size: 13px;
	color: #CC132A;	
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#miniBasket th span {
	display: block;
	line-height: 30px;
	border: 1px solid #eee;
	border-right: none;
	padding: 0 10px;
	font-size: 11px;
	color: #666;
	min-width:57px;
	width:auto;
}



/*custom css  */
/* added for alignment of mybasket overlay "price" */
#miniBasket td:nth-child(2){
	text-align:center;
}

/*custom css  */
/* added for alignment of mybasket overlay "price" */
#miniBasket th:nth-child(2){
	text-align:center;
}

.basket td > span {
	display: block;
	padding: 0 5px;
}



#miniBasket td  {
	padding: 10px;
}

td.icon, th.icon {
	width: 50px;
	text-align: center;
}

.generic-table td.icon {
	padding: 0;
}

.generic-table td.icon a {
	padding-top: 15px;
}

.generic-table td .info-tooltip   {
	display: block;
	width: 40px;
	padding: 20px 0;
	background-position: 15px -130px;
	height: 100%;
	text-indent: -500px;
	overflow: hidden;
}


.overview .info-tooltip {
	background-position-x: left;
}


.generic-table td.no-padding {
	padding: 0;
}

.generic-table td.no-padding  a{
	display: block;
	padding: 20px;
}


th.icon span {
	/* text-indent: -500px; */
	overflow: hidden;
	border: 1px solid #bbb;
	border-left: none;
	
}

.basket .icon-delete, .icon-delete {
	background: url('/images/design/spritesheet-icons.png') center -535px no-repeat;
	text-indent: -500px;
}

.basket .deleter, .generic-table .deleter {
	display: block;
	text-align: center;
	font-size: 22px;
	
}

/* Start of: Delivery Tracking UI changes */
tr.keyline {
  background: url('/images/design/bg-dotted-line.png') left bottom repeat-x;
}
.basket th.no-sides {
  border-top: 2px solid #eee;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  line-height: 32px;
  padding-left: 0;
}

tfoot a.external-link {
  line-height: 24px;
}

a.external-link {
  position: relative;
  display: inline-block;
  padding-right: 25px;
  margin-bottom: 5px;
  font-size: 13px;
  color: #CF132B;
  margin-right: 15px;
}

a.external-link:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  vertical-align: text-bottom;
  width: 18px;
  height: 19px;
  background: url('/images/design/spritesheet-icons.png') left -1890px no-repeat;
}

.basket tbody tr.order-status td:first-child {
  padding: 0 0 20px;
}

.order-status .status-box {
	margin: 0;
	padding: 5px;
	text-align: center;
	display: block;
	font-weight: bold;
	color: #0076A7;
	background: #e1f1fc;
	border-color: #71BCE9;
}

/* End of: Delivery Tracking UI changes */

 .accessories h3, h3 a {
	color: #CF132B;
	margin-bottom: 5px;
	width:195px;
	word-wrap:break-word;
}


/*product list h3 style is modified as per latest BITE  --sunanda*/
.three-col-grid h3{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}

/*Added from latest drop 5.1---sunanda  */
.comparisons .description footer {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
}

/*added from updated drop 7 --sunanda  */
.comparisons .description.discontinued footer {
                position: relative;
}
.comparisons .description.discontinued {
                padding-bottom: 20px;
}
.basket .x-mark, .generic-table .x-mark {
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
}

[data-user-is="active"] .x-mark {
	color: #ccc;
}


.generic-table .check-mark, .basket .check-mark {
	display: block;
	text-align: center;
	font-size: 18px;
	/* padding-top: 13px; */
	font-weight: normal;
	/* text-indent: -500px; */
	background: url('/images/design/spritesheet-icons.png') center -1656px no-repeat;
	overflow: hidden;
}

[data-user-is="active"] .check-mark, .generic-table th span.check-mark  {
	background-position: center -1732px;
}

.other-options .product-list h3, .basket h3, .three-col-grid h3, .accessories h3, .description .title {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}

h3 > a {
	color: #CF132B;
	
}

/*Modified as per DROP 8  */
.basket h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
	line-height:20px;
	color:#666;
}
.basket strong, .three-col-grid strong {
	color: #111;
	margin-top: 0;
}

.description ul {
	padding-left:12px;
	font-size: 10px;
	color: #666;
	margin: 10px 0 15px;
	line-height: 15px;
	list-style-type:disc;
}


td.thumb {
	max-width: 115px;
	width: 115px;
	text-align: center;
}
td.thumb img {
	width: 112px;
	height: 84px;
	margin: 0 auto 10px 2px;
	border: 1px solid #ccc;
}

.thumb img {
	width: 115px;
}

.lease-box, .alert-box, .price-box {
                font-size: 12px;
                display: inline-block;
                margin: 0 auto;
                width: auto;
                padding: 4px 10px 4px 25px;
                border: 1px solid #B7D434;
                color: #B7D434;
                /* background: #f1f4e4 url('/images/design/spritesheet-icons.png') left -644px no-repeat; */
}
.lease-box{
	
	background: #f1f4e4 url('/images/design/spritesheet-icons.png') left -644px no-repeat;
	
}
.price-box
{
	
 padding: 0px !important;	
}

.lease-box.align-right {
  padding-right: 5px;
}
.price-box {
                border-color: #bbb;
                color: #333;
                background-color: #fff;
}


.lease-info-box,  .promo-box {
	font-size: 12px;
	padding: 5px;
	margin: 5px 0;
}

.basket .lease-info-box, .basket .promo-box {
	margin: 5px 20px;
}

.price-box {
	border-color: #bbb;
	color: #333;
	background-color: #fff;
}

.promo-box {
	color: #39BDD0;
	border: 1px solid #39BDD0;
	background: #EBF8FA;
}

.promo-box.narrow {
	display: inline-block;
}

#productDetailContainer .promo-box.narrow {
	clear; left;
	margin-bottom: 15px;
}
.panel-tab-list dd > div img{
	
	margin-right: 0px !important;
}
.lease-info-box {
	border: 1px solid #B7D434;
	color: #A1BA3B;
	background: #f1f4e4;
}

.alert-box {
	height: 16px;
	line-height: 16px;
	color: #D21325;
	border: 1px solid #D21325;
	background-color: #FBE7E9;
	background-position: left -1144px;
}
.status-box {
	display: block;
	text-align: center;
	margin: 5px 0;
	padding: 0 5px;
	border-radius: 2px;
	color: #333;
	background-color: #F3F6E7;
	border: 1px solid #B7D434;
}
.rounded-rectangle {
  width: 92px;
  height: 40px;
  display: block;
	text-align: center;
	margin: 5px 0;
	padding: 0 5px;
	color: #333;
  border-radius: 4px;
  background-color: var(--eee);
  border: solid 2px #b7d24e;
  margin: auto;
}
p.statusactive {
  width: 92px;
  height: 12px;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.71;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}
.status-box.inactive {
	border: 1px solid #ccc;
	background-color: #fafafa;
	color: #666;
}
.rounded-rectangle.inactive {
  width: 92px;
  height: 40px;
  display: block;
	text-align: center;
	margin: 5px 0;
	padding: 0 5px;
	color: #333;
  border-radius: 4px;
  background-color: var(--eee);
  border: solid 2px #ed171f;
  margin: auto;
}
p.statusinactive {
  width: 92px;
  height: 12px;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.71;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}
.panel-tab-list > dl {
	padding-bottom: 20px;	
}

.large-small .panel-tab-list > dl {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-bottom: 0;
}

.panel-tab-list > dl > dd > h3:first-child {
	margin-top: 20px;
}

.panel-tab-list > dl > dd > ol {
	list-style: none;
	counter-reset: counter;	
}

.panel-tab-list > dl > dd > ol li {
	padding: 35px 0;
	background: url('/images/design/bg-dotted-line.png') left top repeat-x;
	margin: 0;
}

.panel-tab-list > dl > dd > ol li:first-child {
	background: none;	
}

.panel-tab-list > dl > dd > ol li h3 {
	counter-increment: counter;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: normal;
}

.panel-tab-list > dl > dd > ol h3:before {
		content:  counter(counter)". ";
}

.service-box,
.panel-tab-list dd > .service-box {
	background: #EBF8FA url('/images/design/spritesheet-large-icons.png') 15px 13px no-repeat;
	color: #39BDD0;
	margin: 0px 0 0;
	border: 2px solid #39BDD0;
	padding: 20px 60px 20px 60px;
	display: inline-block;
	
}
#ricoh-store{

width: 500px !important;
}


.icon-favourite:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	transform: scale(1);
	transition-duration: .3s;
}

.icon-favourite.remove:before {
	background-position: left -2100px;
}

.icon-favourite:hover:before {
	transform: scale(1.1);
	transition-duration: .3s;
}

.print li {
	display: block;
	float: left;
	width: 43px;
	height: 43px;
	margin: 0 20px 40px 0;
	text-indent: -9999px;
	background: url('/images/design/spritesheet-large-icons.png') 0 -168px no-repeat;
	padding: 0;
}

.basket .x-mark, .generic-table .x-mark {
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
}

[data-user-is="active"] .check-mark, .generic-table th span.check-mark  {
		background-position: center -1732px;
}

/* .generic-table .check-mark, .basket .check-mark {
	display: block;
	text-align: center;
	font-size: 18px;
	padding-top: 13px;
	font-weight: normal;
	text-indent: -500px;
	background: url('/images/design/spritesheet-icons.png') center -1656px no-repeat;
	overflow: hidden;
} */

[data-user-is="active"] .x-mark {
		color: #ccc;
}

/*custom css  */
/*added for non listing style  */
.print ul {
	list-style: none;
}

/*custom css  */
/*added for print as per class used in jsp */
.print li.fax {
	background-position: 0 -255px;	
}

/*custom css  */
/*added for print as per class used in jsp */
.print li.scan {
	background-position: 0 -342px;	
}

#miniBasket .lease-box {
	clear: both;
	margin-top: 5px;
	padding: 2px 5px 2px 20px;
	background-position: left -695px;
	background: #f1f4e4 url('/images/design/spritesheet-icons.png') left -644px no-repeat;
}

/*Updated as per DROP 8  */
td.description {
	padding-left: 20px;
	padding-bottom: 20px;
	min-width: 210px;
	overflow:hidden;
}
.basket td.description a {
	line-height: 20px;
	display: block;
	word-wrap: break-word;
}

.loginForm .options input[type="checkbox"] {
    float: left;
}

.description h3 + p,
.description h3 + p strong {
	font-size: 12px;	
}

.description h3, .bundle h3 {
	color: #CF132B;
	word-wrap: break-word;
}
.basket tbody p, .description p {
	margin: 0 0 5px 0;
	word-break:break-word;
}
span.propertyLabel >p > strong {
    font-size: 12px !important;
}
.price {
	display: block;
	font-size: 13px;
	color: #262626;
}
label .price {
	display: inline;
	white-space: nowrap;
}


.three-col-grid .lease-box, .three-col-grid .price-box {
                font-size: 13px;
               /*  display: block; */
                margin-right: 0;
                margin-left: 0;
                margin-top: 5px;
                margin-bottom: 10px;
               /*  background-image: none;
                padding: 0; */
}


.three-col-grid .lease-box p:first-child {
                background: #f1f4e4 url('/images/design/spritesheet-icons.png') 3px -644px no-repeat;
                padding-left: 30px;
                line-height: 25px;
                margin: 0;
}

.three-col-grid .price-box p:first-child {
                background: #eee;
                margin: 0;
                line-height: 18px;
                padding-left:10px;
}

.three-col-grid .lease-box p+p, .three-col-grid .price-box p+p {
                padding-left: 10px;
                background: #fff;
                margin: 0;
                line-height: 18px;
}

.three-col-grid .lease-box p+p .price, .three-col-grid .price-box p+p .price {
                display: inline;
                color: #B7D434;
}

.three-col-grid .price-box p+p .price {
                color: #333;
}

.three-col-grid.comparisons .lease-box, .three-col-grid.comparisons .price-box {
                margin-left: 10px;
                margin-right: 10px;
}












h3 .price {
	display: inline-block;
	font-size: inherit;
	color: inherit;
}

strong.price, .basket tfoot strong, .basket table.total strong {	
	color: #111;
	line-height: 24px;
	font-size: 13px;
	white-space: nowrap;
}

strong .price {
	display: inline;
}

.price.discount {
	display: inline-block;
	padding-right: 40px;
}

tbody .quantity input {
	width: 35px;
	height: 22px;
	text-align: center;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance: textfield;
  margin: 0; 
}
.basket tbody .quantity input::-webkit-outer-spin-button,
.basket tbody .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.basket tbody .quantity input, input[type=number] {
	-moz-appearance: textfield;
    margin: 0; 
}


.basket tbody .quantity a {
	margin-top: 4px;
	display: block;
	background: url('/images/design/spritesheet-icons.png') left -596px no-repeat;
	outline: none;
	padding-left: 18px;
	cursor: pointer;
	text-decoration: underline;
}

.basket tbody .quantity a img {
	display: none;
}

.basket tbody .quantity.updating a {
	background: none;
	padding-left: 0;
}
.basket tbody .quantity.updating a img {
	display: inline-block;
	margin-right: 4px;
}

th.quantity {
	width: 50px;
}
.basket small, #miniBasket small {
	font-size: 11px;
	width:auto;
}


.basket .info  {
	background: none;
}

.basket .info td {
	padding-top: 0;
}

.info .container {
	overflow: hidden;
	display: none;
	height: 0;
	padding: 0;
	background: #f1f1f1 url('/images/design/bg-dotted-line.png') left top repeat-x;
	width: auto;
}

tr.active+tr.info .container {
	height: auto;
	display: block;
	padding: 20px 0;
}


.info.leased .container {
	background-color: #f1f4e3;
}

 .generic-table .info {
	background-color: #f1f1f1;
	text-align: center;
 }

tr.active+.generic-table .info .container {
	width: auto;
	margin: 0 30px;
}
tr.active+tr.info .container {
	height: auto;
	padding: 20px 0;
}

.basket input[type=submit], 
.basket  input[type=button], 
.basket  button {   
	margin: 0;
	vertical-align: top;
}

.basket fieldset {
	display: inline-block;
	width: auto;
}

.basket fieldset.full-width, .basket fieldset.full-width > * {
	width: 100%
}

.basket tbody fieldset {
		margin: 0 10px 0;
}

.compact-table td {
	padding: 4px 0 4px 0;
}
.compact-table td:first-child {
	width: 125px !important;
}

.compact-table .info td:first-child {
	width: auto;
}



.compact-table td+td {
	padding-left: 20px;
	width: 80px;
}

.compact-table tr.total {
	border-top: 1px solid #555;
}
   
/* ==========================================================================
   List rules
   ========================================================================== */  
   


.faq-list {
	margin-left: 10px;
	display: table;
}

.accordion-list {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.other-options .accordion-list {
	border-top: 1px dotted #717171;
}
/*updated as per DROP8  */   
.faq-list dt, .accordion-list dt {
	position:relative;
	color: #000;
	/* padding-left: 30px; */
	margin-top: 10px;
	cursor: pointer;
	font-weight:bold;
}

/*updated as per DROP8  */
.faq-list dt:before, .accordion-list dt:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	background: url('/images/design/spritesheet-icons.png') left -1986px  no-repeat;
}


/*updated as per DROP8  */
.faq-list dt.active:before{
	background: url('/images/design/spritesheet-icons.png') left -93px no-repeat;
}

/*updated as per DROP8  */
.accordion-list dt.active:before, .no-js .accordion-list dt{
	background: url('/images/design/spritesheet-icons.png') left -1930px  no-repeat;
}

.accordion-list dt.active+dd {
	
	width:217px;
}

.accordion-list div dt a {
	  width: 55px;
	  height: 13px;
	  font-family: Istok Web;
	  font-size: 13px;
	  line-height: 1.62;
	  text-align: left;
	  color:#cf142b !important;
}
.accordion-list dt a {
	color:#cf142b !important;
	font-family: Istok Web;
    font-size: 13px;
    /*line-height: 1.62;*/
    line-height: 21px;
    text-align: left;
}
/*custom css  */
/*added for left side side bar  */
#aside-id{
	float: left;
	height:auto;
	width: 218px;
	}

/*custom css  */
/*added for buying guides to display in inline */
ul.buying-guides{
	list-style-type: none;
	margin: 0;
	line-height: 2rem;
}
   
.faq-list dd {
	display: none;
	margin: 10px 0 15px;
	padding-left: 30px;
	padding-bottom: 10px;
}
.accordion-list dd{
	
	display: none;
	margin: 10px 0 15px;
	
}

.accordion-list dd ul{
	padding-left: 0px !important;
	/* padding-left: 30px; */
}

.productCount{
  width: 36px;
  height: 16px;
  border-radius: 4px;
  background-color: #f3f3f3;
  font-family: Istok Web;
  font-size: 10px;
  line-height: 2.1;
  text-align: center;
  color: #999999;
  float:right;
  padding-bottom: 3px;
}
.no-js .faq-list dd, .no-js .accordion-list dd {
	display: block;
}


/*custom css  */
/*added for other options tab in PDP page*/
#bundle{
	background-color:#FFFFFF;
	margin-bottom: 20px;
	border-top:1px dotted #717171;
	border-bottom:1px dotted #717171;
	padding-top: 20px;
	padding-left: 50px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.canvas ol.product-list {
    counter-reset: item;
	list-style-type: none;
	margin: 0;
}

/*updated as per DROP 8  */
.canvas .product-list li {
	margin: 0;
	width: 230px;
	padding: 10px 10px 10px 20px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.no-canvas .product-list li {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 250px;
}

/*updated as per DROP 8  */
.canvas .product-list li:before {
	display: inline-block;
	content: counter(item) ".";
	counter-increment: item;
	font-weight: bold;
	color: #262626;
	position: absolute;
	top: 8px;
	left: 5px;
	height: 20px;
	width: 10px;
}
/*updated as per DROP 8  */
.canvas .product-list h3 {
	display: inline-block;
	word-break:break-word;
	
}

.product-list p span, span.qty {
	display: inline-block;
	background-color: #fff;
	padding: 2px 3px;	
	border: 1px solid #eee;
}

.inline-list, .inline-list li {
	display: inline-block;
}

.block-list li a {
	display: block;
}


.piped li+li:before {
	content: "|";
	padding: 0 10px;
}

.delivery-address-form .radio-container label, 
.delivery-address-form .address-container label {
	width: auto;
	line-height: 25px;
	text-align: left;
}


.delivery-address-form .radio-container input {
	margin-right: 15px;	
}


ul.fifty-fifty li {
	width: 50%;
	display: inline-block;
	margin-bottom: 30px;
}


ul.fifty-fifty li label {
	width: auto;
	text-align: left;
	padding-left: 20px;
}


ul.fifty-fifty li input {
	margin-left: -20px;
}

ul.no-bullets {
	list-style-type: none;
	
}

#localeSelect ul {
	display: none;
	margin: 5px 0 0 10px;
}

/* ==========================================================================
   Overlay rules
   ========================================================================== */  
   
   
.blanket {
 background-color: rgba(0,0,0,0.8);
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 display: block; 
 position: absolute;
 width: 100%; 
}

#overlay.loading .blanket:after {
	content: "";
	display: block;
	position: absolute;
	height: 64px;
	width: 100%;
	top: 47%;
	background-image: url('/images/design/loading-icon-64px.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

#popupOverlay.loading .blanket:after {
	content: "";
	display: block;
	position: absolute;
	height: 64px;
	width: 100%;
	top: 47%;
	background-image: url('/images/design/loading-icon-64px.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

html.no-rgba .blanket {
	background-color: transparent;
	background: transparent url('/images/design/bg-blanket.png');
}

#overlay, #popupOverlay, #overlayOrg , #overlay1{	
	top: 0; 
	right: 0;
	bottom: 0; 
	left: 0;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	width: 100%;
	z-index: 300; 
}

#overlay .blanket > div {
	margin: auto;
	text-align: left;
	width: auto;
	max-width: 660px;
	min-width: 300px;
	height: auto;
	padding: 50px;
	background-color: #fff;
	position: absolute;
	margin: auto;
	overflow: auto;
}

#overlay1 .blanket > div {
	margin: auto;
	text-align: left;
	width: auto;
	max-width: 660px;
	min-width: 300px;
	height: auto;
	padding: 50px;
	background-color: #fff;
	position: absolute;
	margin: auto;
	overflow: auto;
}

#popupOverlay .blanket > div {
	margin: auto;
	text-align: left;
	width: 452px;
	max-width: 660px;
	min-width: 300px;
	height: auto;
	padding: 50px;
	background-color: #fff;
	position: absolute;
	margin: auto;
	overflow: auto;
}

/*custom css  */
/*added for termsand condition overlay   */
#overlay .blanket > div.compact {
	
	height: auto !important;
	width:600px !important;
	position: absolute;
	overflow: hidden !important;
	display:block;
	 top: 35% !important; 
	margin-left: 7% !important;
    left:20% !important;
}

#overlay1 .blanket > div.compact {
	
	height: 600px !important;
	width:600px !important;
	position: absolute;
	overflow: hidden !important;
	display:block;
	/* top: 1% !important; */
	margin-left: 170px !important;
    left:0px !important;
}

#popupOverlay .blanket > div.compact {
	
	height: auto !important;
	width: 50% !important;
	position: absolute;
	overflow: hidden !important;
	display:block;
    margin: 0% !important;
    padding: 5px !important;
    left: 25% !important;
    top: 30% !important;
}
/*custom css  */
/*added for termsand condition overlay   */
#overlay .blanket .compact, #overlayOrg .blanket .compact, #popupOverlay .blanket .compact, #overlay1 .blanket .compact{
	overflow: hidden !important;
	width: 340px !important;
	height: 130px !important;
}


#overlay .blanket > div.compact,#popupOverlay .blanket > div.compact, #overlayOrg .blanket > div.compact, #overlay1 .blanket > div.compact{
	padding: 30px;
}

#overlay .content h5,
#popupOverlay .content h5,
#overlayOrg .content h5,
#overlay1 .content h5,
#overlay .content p,
#popupOverlay .content p,
#overlayOrg .content p,
#overlay1 .content p {
	margin-left: 30px;
	margin-right: 30px;
}

#overlay .closer {
	padding: 10px 20px;
}

#popupOverlay .closer {
	padding: 10px 20px;
}

#cookieOverlay #cookieContent {
	margin: 20px 0;
	background: #eee;
	overflow-y: scroll;
	color: #666;
	height: 60% !important;
}
#cookieOverlay {	
	top: 0; 
	right: 0;
	bottom: 0; 
	left: 0;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	width: 100%;
	z-index: 300; 
}

 #cookieOverlay .blanket > div{
	margin: auto;
	text-align: left;
	width: 660px;
	height: 600px;
	padding: 50px;
	background-color: #fff;

} 

#cookieOverlay .blanket > div.compact {
	padding: 30px;
}

#cookieOverlay .content h5, 
#cookieOverlay .content p {
	margin-left: 30px;
	margin-right: 30px;
}

#cookieOverlay #cookieCloser {
	position: absolute;
	left: 810px;
	font-size: 22px;
	padding:  0 10px;
	
}
#cookieOverlay #cookieContent {
	margin: 20px 0;
	background: #eee;
	overflow: auto;
	color: #666;
	height: 60% !important;
}


#overlay .content, #popupOverlay .content, #overlayOrg .content, #overlay1 .content {
	margin: 20px 0;
	background: #eee;
	overflow:auto;
	color: #666;
	height: 60%;
	padding:20px;
	text-align:justify;	
}

#overlay .termsContent{
	overflow-y: scroll;
	height:47% !important;
}

#popupOverlay .termsContent{
	overflow-y: scroll;
	height:47% !important;
}

#overlay fieldset label, #popupOverlay fieldset label, #overlayOrg fieldset label,#overlay1 fieldset label, #overlay fieldset input[type=checkbox] {
	width: auto;
	vertical-align: top;
	
}


#request_description{
	border:1px solid #A9A9A9;
	overflow: auto;
	
}

#overlay fieldset, #popupOverlay fieldset, #overlayOrg fieldset, #overlay1 fieldset {
	width: auto;
}

#overlay fieldset.warning-tooltip {
	/* margin-left: 30px; */
	display: inline-block;
	clear: right;
}

#popupOverlay fieldset.warning-tooltip {
	/* margin-left: 30px; */
	display: inline-block;
	clear: right;
}

#overlay .wrapper, #overlayOrg .wrapper, #overlay1 .wrapper {
  max-height: 100%;
  min-height: 200px;
  overflow: auto;
}

#popupOverlay .wrapper, #overlayOrg .wrapper, #overlay1 .wrapper {
  max-height: 100%;
  min-height: 200px;
  overflow: auto;
}

#overlay .wrapper img {
	max-width: 100%;
}

#popupOverlay .wrapper img {
	max-width: 100%;
}

/* ==========================================================================
   Common footer rules
   ========================================================================== */


body > footer {
	font-size: 12px;
	background: #fff;
	margin: 0;
	padding: 25px 0 0;
	min-width: 980px;
	clear:both !important;
}

body > footer a:hover {
	text-decoration: underline;	
}

body > footer .copyright-bar a {
	color: #fff;
}

body > footer .copyright-bar {
	margin-top: 40px;
	background-color: #717171;
	color: #fff;
	padding-top: 20px;
	height: 70px;
	font-size: 13px;
	font-weight: bold;
}


body > footer .copyright-bar p {
	margin: 0;
	vertical-align:middle;
}

body > footer.checkout {
	padding: 0;
}


body > footer.checkout .copyright-bar {
	margin-top: 0;
}


footer .copyright-bar a {
	color: #fff;
}

footer .copyright-bar {
	margin-top: 40px;
	background-color: #717171;
	color: #fff;
	padding-top: 20px;
	height: 70px;
	font-size: 13px;
	font-weight: bold;
}


footer .copyright-bar p {
	margin: 0;
	vertical-align:middle;
}

footer.checkout {
	padding: 0;
}


footer.checkout .copyright-bar {
	margin-top: 0;
}



.social-links h6 {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 15px;
}

.social-links .icon {
	text-indent: -1000px;
	overflow: hidden;
	display: inline-block;
	margin-right: 10px;
	height: 22px;
	width: 22px;
	background: url('/images/design/spritesheet-icons.png') 0 -1400px no-repeat;
}


.social-links .twitter {
	background: url('/images/design/spritesheet-icons.png') 0 -1450px no-repeat;
}


/* ==========================================================================
   Generic rules
   ========================================================================== */


dd a {
	padding: 5px 0;
}


/* Colors */

.yellow  h3, .yellow  h3 a {
	color: #FCC23F;
}

.green h3, .green h3 a { /* It's actually teal blue */
	color: #009992;
}

.lime h3, .lime h3 a {
	color: #B7D434;	
}

.red h3, .red h3 a {
	color: #CF132B;	
}

.purple h3, .purple h3 a {
	color: #662184;
}

div.red, aside.red, #featurePanel li.red h3 {
	border-top: 2px solid #CF132B;
}

div.yellow, aside.yellow, #featurePanel li.yellow h3 {
	border-top: 2px solid #FCC23F;
}

div.yellow  h3, aside.yellow  h3{
	color: #FCC23F;
}

div.green, aside.green, #featurePanel li.green h3 {	
	border-top: 2px solid #009992;
}

div.green aside, div.green h3 {	
	color: #009992;
}

div.lime, aside.lime, #featurePanel li.lime h3 {
	border-top: 2px solid #B7D434;
}

div.lime h3, aside.lime h3 {
	color: #B7D434;	
}

div.purple, aside.purple, #featurePanel li.purple h3 {	
	border-top: 2px solid #662184;
}

div.purple h3, aside.purple h3 {	
	color: #662184;
}



/* Feature panel */

#featurePanel {
	padding: 10px 0 50px;
}

#featurePanel h3, aside h3 {
	font-size: 15px;
	padding-top: 20px;
}

#featurePanel h3+p {
	margin-top: 20px;
}

#featurePanel img {
	width: 220px;
	height: 140px;
	margin: 20px 0;
}

#featurePanel.fifty-fifty img {
	margin-right: 20px;
	float: left;
}


#featurePanel.fifty-fifty h3 {
	clear: right;
}

#featurePanel ul > li ul {
	list-style-type: none;
	margin: 10px 0 0 0;
}

#featurePanel ul > li {
	margin-left: 15px;	
}

#featurePanel ul > li li {	
	padding-bottom: 10px;
	font-size: 12px;
}

/* Coloured ul */

#featurePanel ul > li li:before,
aside li:before {
	content:'\2022';
	color: #ff0000;
	display: inline-block;
	width: 15px;
	margin-left: -15px;
}

aside li {
	color: #666;
	margin: 5px 0;
	list-style-type: none;
}

#featurePanel ul > li.yellow li:before,
aside.yellow li:before {
	color: #FCC23F;
}

#featurePanel ul > li.green li:before,
aside.green li:before {
	color: #009992;
}

#featurePanel ul > li.lime li:before,
aside.lime li:before {
	color: #B7D434;
}

#featurePanel ul > li.purple li:before,
aside.purple li:before {
	color: #662184;
}



/* Banner */

#banner {
	margin-top: 8px;
	position: relative;
	margin-bottom: 15px;
}

#banner a {
	display: block;	
}

#breadcrumbBar+#banner  {
	margin-top: 0;
}


/* Carousels */

.horizontalCarousel {
	margin: auto;
	padding: 30px 0 30px 0;
	width: 900px;
}

.homepageCarousel {
	margin: auto;
	padding: 0;
	width: 940px;
	margin-top: 30px;
}

.bannerCarousel {
	margin: auto;
	padding: 0;
	width: 700px;
	border: 1px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.bannerCarousel .flex-control-nav,
.homepageCarousel .flex-control-nav  {
	bottom: 16px;
	margin: 0;
	z-index: 50;
}

.bannerCarousel .flex-control-paging li a,
.homepageCarousel .flex-control-paging li a  {
	border-color: #A0A4A5;
	background: #A0A4A5;
}

.bannerCarousel .flex-control-paging li a.flex-active,
.bannerCarousel .flex-control-paging li a:hover,
.homepageCarousel .flex-control-paging li a.flex-active,
.homepageCarousel .flex-control-paging li a:hover {
	border-color: #6C706F;
	background: #6C706F;
}

.bannerCarousel .flex-direction-nav,
.homepageCarousel .flex-direction-nav {
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.bannerCarousel .flex-direction-nav li,
.homepageCarousel .flex-direction-nav li {
	width: 20px;	
}

.bannerCarousel.small .flex-direction-nav a,
.bannerCarousel.small .flex-direction-nav a:hover,
.bannerCarousel.small .flex-direction-nav a:active,
.homepageCarousel.small .flex-direction-nav a,
.homepageCarousel.small .flex-direction-nav a:hover,
.homepageCarousel.small .flex-direction-nav a:active {
	/* background-position: left 93%; */
	left: 20px;
}

.bannerCarousel.small .flex-direction-nav .flex-next,
.bannerCarousel.small .flex-direction-nav .flex-next:hover,
.bannerCarousel.small .flex-direction-nav .flex-next:active,
.homepageCarousel.small .flex-direction-nav .flex-next,
.homepageCarousel.small .flex-direction-nav .flex-next:hover,
.homepageCarousel.small .flex-direction-nav .flex-next:active {
	
	right: 20px;
	left: auto;
}

.bannerCarousel .slides li {
	width: 100%;
	text-align: center;
}

.bannerCarousel .slides li img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: none;	
}

.horizontalCarousel h5, #towerCarousel h5 {
	margin: 5px 0;
}
.horizontalCarousel small, #towerCarousel small {
	color: #999;
}
	
.horizontalCarousel li {
	width: 225px;
	text-align: center;
}

.horizontalCarousel li img {
	margin: 0 0 15px;
	border: 1px solid #ddd;
}

.horizontalCarousel ul.slides li > a > img {
	width: 160px;
	height: 120px;
	float: none;
}

#productDetailContainer {
	display: inline-block;
	vertical-align: top;
	width: 515px;
	padding-bottom: 50px;
}

#productDetailContainer input+p {
/* 	margin-top: 10px; */
}

#productDetailContainer h2 {
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
}

#productDetailContainer .description {
	font-size: 11px;
	float: left;
	display: inline-block;
	clear: none;
	vertical-align: top;
	width: auto;	
	margin-left: 30px;
}

#productDetailContainer .description ul {
	font-size: 11px;
	list-style-position: outside;
	margin: 15px auto 20px 15px ;
}
#productDetailContainer .description .price-container strong, 
#productDetailContainer .description .price-container .price {
	display: inline-block;
	font-size: 22px;
	line-height: 32px;
}

#productBasicDescription ul{
	font-size: 11px;
	list-style-position: outside;
	margin: 15px auto 20px 15px ;
	
}
/* .description p{
	font-size:11px;
} */

#productDetailContainer .description .price {
	font-size: 22px;
	line-height: 32px;
}

/*Updated as DROP 9.1  */
#productBasicDescription .price{
	display: inline;
	text-align: left;
	font-size: 13px;
	line-height: 24px;
	white-space: nowrap;
	
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct .description > fieldset {
margin: 10px 0 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px 0px;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct fieldset.quantity{
	width: 50px;
   margin-right: 0;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct fieldset > fieldset{ 
	vertical-align: top;
	display: inline-block;
	margin: 0;
	padding: 5px 0 15px;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct label, #AllInOneBasicProduct .options .price{
	display: inline;
	text-align: left;
	font-size: 13px;
	line-height: 24px;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct fieldset.options {
	box-sizing: border-box;
	/*border-left: 1px solid #eee;*/
	vertical-align: top;
	display: inline-block;
	width: 180px;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct fieldset.options label{
	margin: 5px 0;
	display: block;
	padding: 0;
	width: 210px;
	line-height: 24px;
	padding-left: 35px;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct  fieldset.options input{
	margin-right: 6px;
    margin-left: -20px;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct fieldset.options label+label{
	margin-top:0;
}

/* Updated as per 9.1*/
/*Removed inlisne style in JSP  */
#AllInOneBasicProduct .description > fieldset+fieldset{
	border-top:none;
}
#productDetailContainer .soft {
	color: #bbb;
	font-size: 13px;
}
 .soft {
	color: #BBBBBB;
	font-size: 13px;
}
#productDetailContainer.with-tower .description {
	width: 285px;
}

#towerCarousel+.description {
	width: 300px;
}


#productDetailContainer .description fieldset input[type=submit]+p{
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
	margin-top: 0;
}

#productDetailContainer #towerCarousel+.description fieldset p, #productDetailContainer #towerCarousel+.description .price-container {
	display: block;
	margin-top: 10px;
	margin-left: 0;
}

#productDetailContainer .description fieldset p:first-child {
	margin-top: 0;
	margin-bottom: 10px;
}
#productDetailContainer .description .price-container {
	display: inline-block;
}

#productDetailContainer .description .info-tooltip {
	margin-top: 15px;
	float: right;
	cursor: pointer;
}

#productDetailContainer #towerCarousel+.description .info-tooltip {
	float: none;
}

#productDetailContainer.with-tower .description .info-tooltip {
	float: none;
}


#productDetailContainer .description > fieldset {
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0px;
}


#productDetailContainer .description > fieldset+fieldset {
	border-top: none;
}

#productDetailContainer form > fieldset {
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0px;
}

.accessoriesMessage{
	color: #159915;
	padding-top: 7px;
}

/** the below class to be used incase a rounded rectangle is needed**/
.rectircle{
	border-radius: 4px;
}

ul.resources, #featurePanel ul.resources  {
	list-style: none;
	margin: 15px 0 20px;	
}

#productDetailContainer .resource-box,
.buying-guides li a,
div.resource-box,
ul.resources li,
#featurePanel ul.resources li {
	background: url('/images/design/spritesheet-icons.png') left -834px no-repeat;
	border-bottom: 1px solid #ccc;	
	padding:15px 0;
}

.link-box {
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #ccc;	
}

.link-box p {
	margin-bottom: 0;
}

#featurePanel ul.resources li {
	border: none;
	margin: 0;
}

#featurePanel ul.resources li:before,
.related li:before {
	content: '';
	display: none;	
}

.sidebar h3 {
	font-size: 13px;
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin: 0 0 20px;
}

.buying-guides li a,
#featurePanel .resources li a {
	display: block;	
	padding: 0 0 2px 35px;
	border: none;	
}

.buying-guides li,
ul.resources li {	
	margin: 0 0 25px;
}

.buying-guides p,
ul.resources p {
	margin: 2px 0 7px;
	font-size: 11px;
	line-height: 1;	
}


/* custom css*/
/* added for category buying guide alignment */
#alignbgs{
	margin: 0 0 20px;
	border-top: 1px solid #eee;
	padding-top: 30px;
}
.resource-box p {
	margin: 0 0 0 30px;
}
.resource-box a {
	display: inline-block;
}

.resource-box p:first-child,
.buying-guides a p:first-child,
ul.resources a p:first-child,
.link-box a {
	color: #CC132A;
}

.buying-guides a p:first-child {
	font-size: 13px;	
}

#productDetailContainer form > fieldset+fieldset {
	padding-top: 5px;
	margin-top: 0;
	border-top: none;
}
#productDetailContainer fieldset > fieldset {
	vertical-align: top;
	display: inline-block;
	margin: 0;
	padding: 5px 0 15px;
}
#productDetailContainer fieldset.quantity {
	width: 55px;
	margin-right: 0;
}

#productDetailContainer fieldset.quantity input {
	margin-top: 5px;
	width: 30px;
	height: 22px;
	text-align: center;
}

#productDetailContainer fieldset.options {
	box-sizing: border-box;
	/*border-left: 1px solid #ccc;*/
	vertical-align: top;
	display: inline-block;
	width: 180px;
	
}


#productDetailContainer fieldset.options label {
	margin: 5px 0;
	display: block;
	padding: 0;
	width: 210px;
	line-height: 24px;
	padding-left: 35px;
}	


#productDetailContainer fieldset.options label+label {
	margin-top: 0;
}
#productDetailContainer fieldset.options input {
	margin-right: 6px;
	margin-left: -20px;
}

#productDetailContainer label, #productDetailContainer .options .price {
	display: inline;
	text-align: left;
	line-height: 18px;
	font-size: 13px;
}

#productDetailContainer label .price:before, #productDetailContainer label .price:after {
	vertical-align: top;	
}
.panel-tab-list {
	background-color: #f1f1f1;
	margin-top: 35px;
	border-bottom: 1px solid #d4d4d4;
	clear: both !important;
}


/* .panel-tab-list  h3 {
	color: #000;
	font-weight: normal;
	clear: right;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 20px;
} */


/*custom css  */
/*added for min height of PDP  */
#AllInOneBasicProduct{
	min-height:598px;
	margin-top:20px; 
}

/*custom css  */
/*added for empty contentewith message in  PDP  */
#contentEmptyWithMessage{
	padding:5px 0px 15px;
	font-size:15px;
	font-weight: bold;
}

#productBasicDescription{
	margin: -467px 0px 0px 440px;
	/* width:400px; */
	padding-bottom:50px;
}
.panel-tab-list > dl > dd, .panel-tab-list > dl > dt {
	display: none;
}


.nav-wrapper {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ddd;
}


.panel-tab-list nav  {
	display: table;
	border-collapse:separate;
	border-spacing: 10px 0;
	margin-left: -10px;
}



.no-js .panel-tab-list nav, .no-js #localeForm  {
	display: none;
	visibility: hidden;
}


.panel-tab-list nav h2 {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 33px;
	font-weight: bold;
	text-align: center;
	height: 100%;
}
.panel-tab-list nav ul  {
	display: table-row;
}
.panel-tab-list nav li  {
	height: 100%;
	display: table-cell;
	padding: 0;
	width: auto;
}

.panel-tab-list nav li a {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;
	margin-bottom: -1px;
}


.panel-tab-list nav.full li  {
	width: 178px;
}

.panel-tab-list nav li+li  {
	margin-left: 5px;
}


.panel-tab-list nav li.template+li  {
	margin-left: 0;
}

.panel-tab-list nav a {
	background: #fff;
	height: 100%;
}


.panel-tab-list nav a:focus {
	outline: none;
}


.panel-tab-list nav .active a, .panel-tab-list nav .active a:focus {
	background-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
}



.panel-tab-list nav h2 a {
	display: block;	
	padding: 0 10px;
	white-space: nowrap;
}



.no-js .panel-tab-list, .no-js .panel-tab-list dl {
	display: block;
	visibility: visible;
}

.no-js .panel-tab-list .content-container {
	display: none;
}

.panel-tab-list .content-container {
	padding: 35px 0 0;
}

.no-js .panel-tab-list dt {
	margin-top: 10px;
	color: #555;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 20px;
}

.panel-tab-list dd > div:first-child, .panel-tab-list .content-container > div:first-child {
	padding: 35px 0;
}

.large-small .panel-tab-list dd > div:first-child {
	padding: 10px 0 0;
	margin-bottom: 0;
}

#dottedline{
	padding:0px;
	background-image:none
} 


.panel-tab-list dd > div, .panel-tab-list .content-container > div {
	clear: both;
	padding:35px 0px;
}
.panel-tab-list dd > div img, .panel-tab-list .content-container > div img {
	float: left;
	width: 335px;
	height: 210px;
	margin-right: 25px;
	margin-bottom: 35px;
}

/*added by BITE for feature icons started*/
.panel-tab-list .feature-icons a {
	position: relative;
	display: inline-block;
	margin: 0 15px 0 0;
}


.panel-tab-list .feature-icons img.icon {
	border: 0;	
	width: 45px;
	height: 45px;
	margin: 0;
	
}

/*added by BITE for feature icons ends*/

.panel-tab-list dd  ul, .panel-tab-list .content-container  ul.features {
	overflow: hidden;
	list-style-position: inside;
}

.panel-tab-list dd ul li, .panel-tab-list dd ol li  {
	margin-bottom: 5px;
}

.panel-tab-list .accessories li  {
	margin-bottom: 0;
}

.panel-tab-list dd .strong li,  .panel-tab-list .content-container .strong li {
	margin-bottom: 30px;
	margin-left: 30px;
	color: #000;
}

.panel-tab-list dd > div+div,  .panel-tab-list .content-container > div+div {
	padding: 35px 0;
	background: url('/images/design/bg-dotted-line.png') left top repeat-x;
}
/*updated as per DROP 8  */
.panel-tab-list table.specs {
	width: 100%;
}


div#first_tab + div{
	background:none;
}

/*updated as per DROP 8  */
.panel-tab-list table.specs th {
	font-weight: bold;
	padding-right: 30px;
	width: 25%;
	padding-bottom: 10px;
	vertical-align:baseline !important;
}


.panel-tab-list table.specs td {
	padding-bottom: 8px;
	vertical-align:baseline !important;
}

.panel-tab-list table.accessories {
	margin-top: 35px;
	width: 100%;
}

/*custom css  */
/*added for configuration tab in PDP page  */
#h3Color{
	width:230px;
	color:#111;
	word-wrap: break-word;
	font-size:14px !important;
	word-break:inherit;
	margin-top: 0px;
	
}

/*custom css  */
/*added for otheroptions tab in PDP page  */
#h3Size
{
	font-size:16px;
	margin-bottom:3px;
}


/*custom css  */
/*added for otheroptions tab in PDP page  */
#colOnePadding
{
	color:#000;
	padding-left:28px;
}

/*custom css  */
/*added for otheroptions tab in PDP page  */
#h3Border
{
	border-bottom: 1px dotted #717171;
	padding-bottom:35px;
}

/*custom css  */
/*added for otheroptions tab in PDP page  */
#bundleBorder
{
	border-bottom: 1px dotted #717171;
	padding:25px 0;
}

/*custom css  */
/*added for otheroptions tab in PDP page  */
#leaseAndLink{
	padding-top:22px;
}

/*custom css  */
/*added for otheroptions tab in PDP page  */
#bundleBorder:last-child{
	margin-bottom:30px;
}


/* updated as per DROP 9.1  */
#productDetailContainer .options .price {
	display: inline;
	text-align: left;
	font-size: 13px;
	line-height: 24px;
}
.panel-tab-list .other-options > .large-small .col-two {
	padding-top: 45px;
}

.panel-tab-list .other-options > .accordion-list .large-small .col-two{
	padding-top: 15px;
	
}


/*custom css  */
/*added for otheroptions tab in PDP page  */
#alignlease{
	padding-bottom:42px;
}

.other-options .accordion-list dt.active+dd {
    width: auto;
}

/*custom css  */
/*added for alignment of inventorymsg in PDP page  */
#inventoryMsg{
	padding:3px 0;
}

.panel-tab-list .other-options > .large-small {
	
	background: url('/images/design/bg-dotted-line.png') left bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.panel-tab-list .other-options .lease-box, .panel-tab-list .other-options .alert-box {
	vertical-align: middle;
	
}
.panel-tab-list .other-options .lease-box {
	margin-right: 20px;
	margin-top: -20px;
}


.panel-tab-list .other-options .alert-box {
	margin-left: 20px;
}

.panel-tab-list .other-options a {
	text-decoration: underline;
	line-height: 24px;
}

/*updated as per DROP 8  */
.panel-tab-list .other-options .accordion-list dt {
	position:relative;
	font-weight: normal;
	padding-bottom: 20px;
	border-bottom: 1px dotted #717171;
}

/* Added as per DROP 8  */
.panel-tab-list .other-options .accordion-list dt:before {
	background: url('/images/design/spritesheet-icons.png') left -1197px no-repeat;
	
}

/*updated as per DROP 8  */
.panel-tab-list .other-options .accordion-list dt.active:before {
	background: url('/images/design/spritesheet-icons.png') left -1295px no-repeat;
}

.panel-tab-list .other-options .accordion-list dd {
	margin-top: 0;
	padding-top: 20px;
	padding-left: 50px;
	background-color: #fff;
	border-bottom: 1px dotted #717171;
	position: relative;
}

.panel-tab-list .other-options > .product-list {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-top: 1px dotted #717171;
}

.panel-tab-list .other-options  .product-list p span {
	border: 1px solid #eee;
}


.panel-tab-list .other-options .accordion-list .details-link {
	position: absolute;
	right: 20px;
	bottom: 5px;
	color: #666;
}


.info-toggler {
	display: inline-block;
	padding-left: 20px;
	background: url('/images/design/spritesheet-icons.png') left -396px no-repeat;
}
.user-info-toggler{
	display: inline-block;
	padding-left: 25px;
	background: url('/images/design/concertina-closed-icon.png') no-repeat;
	background-size: 15px;
	background-position-y: 2px;
}
.active .info-toggler {
	background: url('/images/design/spritesheet-icons.png') left -94px no-repeat;
}

.active .user-info-toggler {
	background: url('/images/design/concertina-open-icon.png') no-repeat;
	background-size: 15px;
	background-position-y: 2px;
}

.results-bar {
	margin-bottom: 10px;
}

.results-bar  > p { 
	margin: 0;
}

.pagination-bar {
	height: 40px;
	position: relative;
	margin-bottom: 0;
}

.compare-bar {
	width: 100%;
	margin: 20px 0;
	min-height: 40px;
}

.compare-box {
	box-sizing: border-box;
	width: 100%;
	border-top: 1px dotted #717171;
	border-bottom: 1px dotted #717171;
	padding: 15px 10px;
	position: absolute;
	bottom:0;
}

.compare-box label {
	text-align: left;
	line-height: 1.5;
	width: auto;
	display: inline-block;
	padding: 0;
}

.comparisons .compare-box .discontinued label {
color: #ddd;
}

.comparisons .compare-checkboxes > div,
.comparisons .compare-checkboxes > a {
	/* background-position: left 60px;*/
	/* border-top: 1px dotted #717171; */ 
	/* border-bottom: 1px dotted #717171; */
	padding-left: 10px;
	cursor: pointer;
	padding-top:15px;
}

.comparisons .compare-checkboxes .discontinued label {
color: #ddd;
}

.comparisons .compare-checkboxes > .spacer {
	border: none;
	cursor: default;
}

.compare-checkboxes > .spacer {
	background: none;
	border: none;	
}

.compare p[role="status"] {
	visibility: hidden;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}
.comparisons {
	/* margin: 10px 0 0; */	
}

/* To R1 add to comapre is not required.so image is adding--sunanda */
.comparisons .description {
	position: relative;
	/* background: none; */
	border: 1px solid #FFF;
	padding-bottom: 150px;
}

.comparisons .description.with-footer {
	padding-bottom: 200px;
}
.comparisons .description footer {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	
}

.comparisons .description.discontinued footer {
	position: relative;
	bottom: 0;
}

.comparisons .description.discontinued {
	padding-bottom: 10px;
}


.comparisons .description h3,
.comparisons .description p,
.comparisons .description ul
{
	margin-left: 10px;
	/* margin-right: 10px; */
}

.comparisons .description.compare {
	border-color: red;
	/* border-bottom: none; */	
	background:none;
}

.compare-checkboxes label {
	text-align: left;
	line-height: 1.5;
	padding-right: 0;
	/* width: auto; */
}

.spacer-row {
	height: 20px;	
}

.compare-checkboxes > div {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.compare-checkboxes > div.compare {
	border: 1px solid red;
	border-top: 1px dotted #717171;
}


/* Compare products table */

table.compareProducts {
	width: 100%;	
}

table.compareProducts tr {
	margin-bottom: 20px;
}

table.compareProducts td,
table.compareProducts th {
	width: 205px;
	padding: 0 7px;	
}

/*custom css  */
/*added for product accessories in PDP page  */
#desc_headg{
	color: #000;
	clear: right;
	line-height: 18px;
	margin-top:0px;
	font-size: 14px;
  	font-weight: bold;
  	text-decoration: none;
  	margin-bottom: 5px;
}
table.compareProducts td {
	border-left: 1px solid #eee;
	vertical-align: top;
	padding: 0 20px 0 14px;
	position: relative;
}

table.compareProducts td .description {
	padding: 15px 0 0 0;	
}

table.compareProducts td img {
	max-width: 220px;
	height: auto;
	border: 1px solid #ddd;
}

table.compareProducts td.middle {
	vertical-align: middle;	
}

table.compareProducts td a.button {
	padding: 0 25px;
	margin-top: 50px;
}

table.compareProducts td a.button.hide {
	display: none;	
}

table.compareProducts td p a {
	text-decoration: underline;
}

table.compareProducts td p a.arrow:after {
	content: ' >';	
}

table.compareProducts th {
	text-align: right;
	padding: 15px 14px 0 0;
}

table.compareProducts th h3 {
	font-size: 13px;
	font-weight: normal;
	padding: 15px 10px;
}

.description .title{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
	word-wrap: break-word;
}
table.compareProducts th{
	text-align:right;
}
.pagination-bar.keyline-top,
.compare-bar {
	padding-top: 20px;
	border-color: #bbb;
}

.pagination-bar.keyline-top.extra-margin {
	margin-top: 50px;
}

#overlay .pagination-bar {
	margin-bottom: 20px;
}

#popupOverlay .pagination-bar {
	margin-bottom: 20px;
}

.pagination-bar h2 {
	display: inline-block;
}

.pagination-bar form {
	margin-bottom: 0;
}

.pagination-bar label, .stacked label, .stacked .spacer {
	width: auto;
	text-align: left;
	vertical-align: top;
	line-height: 22px;
}

.pagination-bar fieldset {
	text-align: right;
	height: 21px;
	position: absolute;
	display: inline;
	top: 0;
	left: 0;
	width: 400px;
	margin: 0;
	padding: 0;
	text-align: left;
}


.pagination-bar.keyline-top fieldset {
	top: auto;
	bottom: 0;
}



.pagination-bar ul {
	text-align: right;
	margin: 0 0 0 auto;
}
.pagination-bar li {
	text-align: center;
	font-size: 11px;
	background-color: #bbb;
}

.pagination-bar select {
	margin-top: 0;
	vertical-align: top;
}

.pagination-bar a {
	display: block;
	padding: 5px 10px;
	color: #fff;
}


.pagination-bar .active {
	background-color: #666;
}


.pagination-bar li:nth-child(3) a {
	text-indent: -50px;
	overflow: hidden;
	width: 5px;
	background-image: url('/images/design/spritesheet-icons.png');
	background-position: center -742px;
	background-repeat: no-repeat;
}
.pagination-bar li.pagination {
	padding: 5px 10px;
	background-color: #fff;
	color: #666;
}

.pagination-bar li:first-child a {
	text-decoration: underline;
	background-color: #fff;
	color: #666;
}


.pagination-bar li:nth-child(5) a {
	text-indent: -50px;
	overflow: hidden;
	width: 5px;
	background-image: url('/images/design/spritesheet-icons.png');
	background-position: center -792px;
	background-repeat: no-repeat;
}
#nextPageGt{
/* 	text-indent: -50px; */
	overflow: hidden;
/* 	width: 5px; */
	background-image: url('/images/design/spritesheet-icons.png');
	background-position: center -792px;
	background-repeat: no-repeat;
}


.pagination-bar a:focus, 
.pagination-bar li:first-child a:focus {
	background-color: #FBC03E;
}	

/* ==========================================================================
   Tooltip Rules
   ========================================================================== */

.warning-tooltips {
	border-radius: 5px; 
	border: 2px solid #CE132A;
	background: #F5D0D5;
	color: #000;
	 
}

.passive-warning-tooltip {
	
	display: inline-block;
}


.info-tooltip, .promo-tooltip {
	
	display: inline-block !important;
	padding-right: 30px;
	background: url('/images/design/spritesheet-icons.png') right -149px no-repeat;
	font-size: 13px;
	
}


.query-tooltip {
	
	display: inline-block;
	padding-right: 30px;
	
	height: 24px;
	background: url('/images/design/spritesheet-icons.png') right -1545px no-repeat;
}

.query-tooltip p {
	line-height: 24px;
	margin: 0;
}

h2 .query-tooltip {
	display: block;
}

.info-tooltips {
	border-radius: 5px; 
	border: 2px solid #777;
	background: #fff;
	color: #666;
	position: absolute;
}

.promo-tooltips {
	border-radius: 5px; 
	color: #39BDD0;
	border: 2px solid #39BDD0;
	background: #EBF8FA;
	position: absolute;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}
.warning-tooltips .tooltipster-content {
	padding: 8px;

}

.tooltipster-content ul {
	list-style-type: none;
}

.tooltipster-content h6 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #666;
}

.tooltipster-content a {
	color: #CC132A;
}

.warning-tooltip .tooltipster-arrow .tooltipster-arrow-border {
	border-color: #CE132A !important; 
}
.info-tooltip .tooltipster-arrow .tooltipster-arrow-border {
	border-color: #CE132A !important; 
}
.promo-tooltip .tooltipster-arrow .tooltipster-arrow-border {
	border-color: #CE132A !important; 
}
.small-large .with-tooltip {
	display: inline-block;
	width: 675px;
	margin-bottom: 0;
}

.with-tooltip+.query-tooltip {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 0;
	clear: right;
	position: relative;
}

.with-tooltip+.query-tooltip > a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}


/* ==========================================================================
   Common Slider & Carousel Rules
   ========================================================================== */

.slider ul, .flexslider ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.slider li, .flexslider li {
	display: inline-block;
}

.slider li a, .flexslider li a {
	display: block;
}
	
#productCarouselContainer {
	width: 422px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}

#productSlider {
	position: relative;
	width: 420px;
	height: 420px;
	overflow: hidden;
	
}
#productCarousel {
	position: relative;
	width: 372px;
	height: 84px;
	margin: 20px auto 0;
}

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

#productCarousel li:last-child  {
	margin-right: 0;
}
#productCarousel img {
	opacity: .5;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	border: 1px solid #ccc;
}
#productCarousel .flex-active-slide img {
	opacity: 1;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


#towerCarousel {
	position: relative;
	display: inline-block;
	float: right;
	width: 150px;
	height: 580px;
	background-color: #f8f8f8;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}

#towerCarousel .price {
	font-size: 11px;
	line-height: 20px;
	color: #272727;
}

#towerCarousel > h5 {
	color: #262626;
	font-size: 12px;
	font-weight: normal;
	margin: 15px 10px 10px
}

#towerCarousel li h3 {
	font-size: 13px;
    font-weight: normal;
    height: 40px;
    margin-bottom: 0;
    overflow: hidden;
    word-wrap: break-word;
}

#towerCarousel li p {
	margin: auto;
}
#towerCarousel li  img {
	margin: 0 0 5px 0;
	border: 1px solid #ddd;
}


#towerCarousel li > a {
	padding: 0;
	margin: 10px 10px 20px;
	display: block;
}	



/* Direction Nav */
.flex-direction-nav a { outline: none; width: 35px; height: 57px; margin: -20px 0 0; display: block; background: url(/images/design/spritesheet-carousel-control.png) no-repeat 0 0; position: absolute; top: 45%; cursor: pointer; text-indent: -9999px;}




.flex-direction-nav .flex-next {background-position: right 0;}


.small .flex-direction-nav li{
	width: 15px; 
}
.small .flex-direction-nav a {
	width: 15px;  
	height: 100%; 
	margin: 0; 
	display: block; 
	background: url('/images/design/spritesheet-carousel-control-small.png') no-repeat 0 center; 
	position: absolute;
	top: 0; 
	cursor: pointer; 
	text-indent: -9999px; }

.small .flex-direction-nav .flex-next {
	background-position: right center;
	right: -20px; 
}
.small .flex-direction-nav .flex-prev {
	background-position: left center;
	left: -25px;
}

.small .flex-direction-nav .flex-next:hover {
	background-position: -135px center; 
	opacity: 1;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.small .flex-direction-nav .flex-prev:hover {
	background-position: -70px center; 
}


.flex-direction-nav .flex-next:hover {background-position: -140px 0; opacity: 1;}
.flex-direction-nav .flex-prev:hover {background-position: -60px 0; opacity: 1;}

/* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: 30px; left: 100px; right: 100px; text-align: center; padding: 0;}
.flex-control-nav li {margin: 0 10px; display: inline-block; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #999; cursor: pointer; text-indent: -9999px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #fff; }
.flex-control-paging li a.flex-active { background: #fefefe; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}


#towerCarousel .flex-direction-nav {
	position: absolute;
	bottom: 20px;
	left: 0px;
	right: 0px;
}
#towerCarousel .flex-direction-nav a {
	width: 20px;  
	height: 20px; 
	margin: 0; 
	display: block; 
	background: url('/images/design/spritesheet-icons.png') left -900px; 
	text-indent: -9999px; }

#towerCarousel .flex-direction-nav .flex-prev, #towerCarousel .flex-direction-nav .flex-prev.flex-disabled:hover {
	background-position: left -950px;
	left: 0;
}

#towerCarousel .flex-direction-nav .flex-next, #towerCarousel .flex-direction-nav .flex-next.flex-disabled:hover {
	background-position: right -1050px;
	right: 0; 
}
#towerCarousel .flex-direction-nav .flex-prev:hover {
	background-position: left -1000px; 
}

#towerCarousel .flex-direction-nav .flex-next:hover {
	background-position: right -1100px; 
}

#towerCarousel .flex-direction-nav li a.flex-disabled {
	cursor: default;
	background: none;
	outline: none
}

.flex-direction-nav li a.flex-disabled {
	cursor: default;
	background: none;
	
}

.flex-direction-nav .flex-next.flex-disabled:hover {
	background-position: right center;
}
.flex-direction-nav .flex-prev.flex-disabled:hover {
	background-position: left center;
}

#focus_align:focus{
	background-color: #FBC03E;
}

/* Focus highlight */

a:focus,
#breadcrumbBar a:focus,
footer dd a:focus,
.panel-tab-list nav a:focus,
#primaryNav > ul > li > a:focus,
#headerBar .container > div:focus,
.small .flex-direction-nav a:focus,
.accordion-list dt:focus,
.content .order-summary td a:focus {
	outline: none;
	background-color: #FBC03E;
	
}

button:active, input:active, select:active, textarea:active {
	outline: none;
}

#logoContainer a:focus,
button:focus, input:focus, select:focus, textarea:focus,
#breadcrumbBar a:focus,
#searchBar input:focus,
#logoContainer a:focus,
#previousProducts .slider li a:focus,
.social-links .icon:focus,
.small .flex-direction-nav a:focus,
#logoContainer a:focus,
#productDetailContainer fieldset.options input:focus,
.flex-direction-nav a:focus,
.button:focus,
.with-tooltip+.query-tooltip > a:focus,
#banner a:focus,  #main a:focus > img {
	outline: 3px solid #FBC03E;
}

#primaryNav > ul > li > a:focus {
	color: #333;	
}

#logoContainer a:focus {
	height: 96%;
	background-color: transparent;
}

.social-links .icon:focus,
#logoContainer a:focus,
.with-tooltip+.query-tooltip > a:focus {
	background-color: transparent;
}

.button:focus {
	background-color: #B7D342;	
}

.button.dark-grey:focus {
	background-color: #666;
}

.button.light-grey:focus {
	background-color: #ddd
}
#towerCarousel li a:focus img {
	margin: 5px 0 5px 0;
}

#previousProducts .slides li a:focus {
	padding-top: 3px;	
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden, .template, .tooltip-content,
.compare-content, .error-content, #overlay.hidden, #popupOverlay.hidden, #overlayOrg.hidden,  #overlay1.hidden,  #overlay1.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: block;
    visibility: visible
}
.page-load-tooltip-content
{
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
	clear: both;	
}

.hide {display:none}
.text-hidden {
	text-indent: -5000px;
}
#siteWrapper .loading {
	position: relative;
}

#siteWrapper .loading * {
	opacity: .6;
}

#siteWrapper .loading:after {
	content: "";
	display: block;
	position: absolute;
	height: 64px;
	width: 100%;
	top: 20%;
	background-image: url('/images/design/loading-icon-white-64px.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }
	
	/*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
	*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	#headerBar, #cookieBar, #searchBar, #miniBasket, #primaryNav, 
	#progressBar, footer, input, .terms, .newsletter, #breadcrumbBar,
		.print, input[type=submit], a.button, .tooltipster-base {
		display: none !important;	
	}
	
	.content:last-child {
		margin-bottom: 0;	
	}
	
	/* Order summary */
		.basket.order-summary td.bundle table {
		display: block;
		background-color: #eee;	
	}
	
	.content .order-summary td a {
		background: url('/images/design/spritesheet-icons.png') no-repeat -4px -1295px;
	}
	
	.keyline-top {
		border: none;	
	}
	

	#content2{
	float:left;
	}
	
	.store_align{
	width:940px;
	margin:auto;
	
	}
	
	.pagination-bar label, .filter label {
	width: auto;
	text-align: left;
	vertical-align: top;
	line-height: 22px;
}
	#notificationBar, .errorsNotice {
		display: none;
		
	}
	
	.accordion-list, .faq-list {
		margin-left: 0;
	
	}
	
	.faq-list dt, .accordion-list dt {
		padding-left: 0;
	}
	.faq-list dd, .accordion-list dd {
		display: block;	
		padding-left: 0;
		margin-left: 0;
	}
	
	.small-large .col-one {
		display: none;
	}
	.small-large .col-two {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	
}
.position_supply{left:780px !important;}
.hide{display:none !important;}

.errorMessage1
{
	min-width:420px !important;
	max-width:550px !important;

}
.invoiceInputBox{
	
	  margin-top: -5px !important;
}
.new_org{
	display: block;  
	height: 435px !important;  
	width: 750px;  
	top: 70px !important;  
	left: 251px !important;
}
.new_tab1{
	overflow: auto !important;   
	height: 326px;  
	width: 800px;  
	float: left;
}
#frm_Price-Range > li {
    padding-bottom: 10px;
}
#frm_Lease-Price > li{
	padding-bottom: 10px;
	
}
.main_fac_align{
 	width:210px !important;
 	clear:both !important;
}
.first_fac {
    float: left;
    /* padding-bottom: 20px; */
    width: 17px;
}
.sec_fac {
    display: block;
    float: left;
    width: 167px !important;
}
.address_wid{
	word-wrap: break-word !important;
	width:400px !important;
}

/*Begin Autosuggestion*/
.ui-autocomplete{
	list-style: none ;
	position: absolute !important;
	background-color: #FFFFFF !important;
	border: 1px solid #bbb !important;
	width: 413px !important;
	z-index: 200 !important;
	padding-left: 20px !important;
	margin-left: -1px !important;
	border-radius: 0px 0px 0px 0px !important;
}

.ui-state-focus{
background-color: #99CCFF !important;
border:0 !important;
border-radius: 0px 0px 0px 0px !important;
display:inline !important;
border: 0px !important;
}

.ui-widget-content{
	color:#666 !important;
}

.ui-menu-item{
	margin: 0px !important;
	
}
/*End Autosuggestion*/
tr.orderDetails td{
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}
tr.subtotal td{
    padding-bottom: 0px !important;
}
.font13 {
	font-size: 13px;
}

#changePasswordInitialForm .termsClass{
	width:345px;
	line-height:20px;
	display:inline;
	float: none;
	font-weight: 
	bold;font-size: 15px
}
.termsBox{
	overflow-y:scroll;
	height:250px;
	background: #f8f8f8;padding: 12px;
	border: 2px solid #86bdc5;
	margin: 20px 0px 20px 0px;
}

.noPadding td {
	 padding-bottom: 0px !important;
}

/* ==========================================================================
   eProcurement - FR-01, FR-09, FR-10, FR-02 Integrated
   ========================================================================== */

/* FR-01 */

.saveButton{
	padding-left: 15px;
	padding-right: 20px;
	margin-left: 331px !important;
	line-height: 40px;
	height: 40px;
	width: 94px;
	padding: 0 30px;
	font-weight: bold;
	font-size: 15px;
	background-color: #B7D342;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
}

.additionalInput {
                width: 100% !important;
                height:30px !important;
                border:0 !important; 
                padding-left:5px !important; 
}

#additionalInput:focus {
    outline: none;
}

.additionalInputTd{
                width: 30%;
                border: 1px solid black;
                padding-top : 0px !important;
                padding-bottom : 0px !important;
                padding-left : 0px;
                padding-right : 0px;
                text-align:left;
}


.additionalInputTdOne{
	width: 30%;
	border: 1px solid black;
	padding: 8px !important;
	font-size: 12px;
}

.additionalInputTr{
	border: 1px solid black;
	background-image: none !important;
}

.additionalTable{
	width: 425px !important;
	/*margin-left: 135px !important;*/
	line-height: 11px !important;
	font-size: 11px !important;
}

.additionalContainer{
	background : none !important;
	padding-top: 0px !important;
	padding-left: 15px !important;
	border-top: black !important;
	border-style: solid;
}

.additionalSpan{
	font-weight: bold;
	font-size:12px;
	width : 400px !important;
}

.additionalDescription{
	padding-bottom:0px !important;
	min-width: 340px ! important;
}
.additionalhr{
	margin-top: 5px;
	margin-bottom: 5px;
}
.additionalHeader{
	height: 30px;
    line-height: 2 !important;
	background-color: #ddd
}

.product{
	width : 455px !important;
}

.quantity{
	width : 100px;
}

.priceCalculation{
	width : 210px;
}

.remove{
	width : 90px;
}

.alignment{
	width: 1000px;
    padding-left: 80px;
}
.panel-tab-list nav h2{
	font-size:13px;
	line-height:20px;
}
.panel-tab-list nav h2 a{
	padding:10px;
	height:20px;
}
.footerContainer{
	line-height: 0.75 !important;
	color : black;
	font-size : 13px;
}
.bold{
	font-weight : bold;
}

.left-padding{
	padding-left:700px;
	color : white;
}

.copyright-padding-color{
	background: #717171;
	color : white;
	padding:25px 15px 50px;
}

.price-items{
	 padding-left:40px !important;
	 font-weight:bold
}

.price-values{
	padding-left:40px !important;
}

.accordion-header {
	display: inline-block;
	padding-left: 15px; 
	cursor:pointer;
}
.accordion-header:focus{
	    outline: 2px solid #b3d4fc !important;
}
.one-off-cost-header-basket-page
{
    width : 93%;
}

.expanded {
    background: url('/images/design/spritesheet-icons.png') left -93px no-repeat;
}
.collapsed {    
	background: url('/images/design/spritesheet-icons.png') left -396px no-repeat;
}
.hidden .body-container {
	overflow: hidden;
	display: none;
	height: 0;
	padding: 0;
	width: auto;
}

.shown .body-container {
	height: auto;
	display: block;
	padding: 0 0;
	margin-bottom:10px!important;
}

.black{
	color : black;
}

.header-table{
	margin-bottom: 0px;
	width: 100%
}

.font-size{
	font-size: 12px;
}
.font-size-11{
	font-size: 11px;
}
.drop-down{
	float:right;
	font-size: 12px;
}

.drop-down-padding{
	padding-top : 5px;
}

.drop-down-item{
	float:right;
	font-size: 11px;
}

.font-size-10{
	font-size: 10px;
}

.subtotal-padding{
	font-size: 12px;
}

.subTotal{
	float:right; 
	font-size: 12px;
}

.continue-Shopping-Margin{
	margin-bottom: 0.3rem;
	margin-top: 0rem;
}

.continue-shopping-HR{
	margin-top: 0rem;
}

.footer-padding{
	padding: 1px;
}

.footer-hr{
	width: 900px;
	margin-bottom: 0rem;
}

.copyright-padding{
	padding-left:300px;
}

.footer-link-padding{
	padding-left: 12px;
}

.price-calculation-padding{
	padding-right: 10px;
	padding-left: 10px;
}

/* FR 09 */

.small-large > .col-one-rep {
	width: 218px;
	display: inline-block
}

.small-large > .col-two-rep {
	margin-left: 23px;
	width: 650px;
	display: inline-block
}

.small-large > .col-three-rep {
	width: 30px;
    padding-top: 40px;
	display: inline-block
}
.print-icon-cont{
	margin-top: 24px;
	width: 38px;
    height: 38px;
	border: 1px solid #bbb;
}
.print-icon {
	display: inline-block;
	padding-left: 26px;
	background: url('/images/design/spritesheet-icons.png') right -1500px no-repeat;
	font-size: 15px;
	margin-top: 10px;
}

.one-off-cost-header
{
    width : 100%;
	margin-left: -15px;
}

.delivery-address-container
{
    background: none ! important;
}

.delivery-address-header
{
    color: #CF132B;
    font-size: 12px;
}
.canvas .product-list li:before{
	top:12px!important;
}
/* FR 02 */

.networkInputTd {
	width: 60%;
	border: 1px solid black;
	height: 20px !important;
	text-align:left;
	padding-bottom: 0px !important;
}

.networkInputTdOne{
	width: 40%;
	border: 1px solid black;
	padding-top : 8px !important;
    	padding-bottom : 10px !important;
    	padding-left : 10px;
    	padding-right : 10px;
	font-size: 12px;
	word-break:break-all;
	
}

.NetworkTable{
	width: 400px !important;
	margin-top: 0px ! important;
	margin-bottom: 5px!important;
}

.networkInput {
	width: 239px !important;
	height:25px !important;
	border:0 !important; 
    padding-left: 5px;
    padding-top: 1px;
	padding-bottom : -10px !important;
	outline: none ! important;
}

.networkSpan{
	font-weight: bold;
	font-size:11px;
	width : 400px !important;
	padding-left: 0px !important;
}

.networkSaveButton{
	padding-left: 15px;
	padding-right: 20px;
	margin-left: 304px !important;
	line-height: 40px;
	height: 40px;
	width: 96px;
	padding: 0 30px;
	font-weight: bold;
	font-size: 15px;
	background-color: #B7D342;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
}
.checkboxMiddle{
	text-align : center;
	vertical-align : middle;
	padding-bottom: 0px !important;
}
.NetworkTable tr td.networkInputTdOne{
	padding: 0 10px !important;
    vertical-align: middle !important;
	line-height: normal !important;
	word-break: inherit;
}
.NetworkTable tr td{
	padding: 0!important;
}
.networkValues{
	text-align : center;
	vertical-align : middle;
	padding-bottom: 0px !important;
}

.one-off-cost-padding{
	padding-top: 0px !important;
/*     padding-left: 30px !important; */
}

.network-accordion-header {
	display: inline-block;
	padding-left: 15px !important;
	cursor:pointer;
}
.network-accordion-header:focus{
	    outline: 2px solid #b3d4fc !important;
}
.view-product-item-padding{
	padding-bottom: 5px !important;
    padding-top: 0px !important;
    padding-left: 15px !important;
}

.product-description-margin{
	margin-bottom : 2px !important;
	padding-left : 17px ! important;
}

.product-height{
	height: 15px;
}

.view-product-bundle-header
{
	width : 93%;
	margin-bottom : 5px;
}

/**/
.table-product-header{
	background-color: #ddd;
    border: 1px solid #bbb;
}
.table-product-header div {
	display: inline-block;
	border-left: 1px solid #bbb;
	font-weight: bold;
}

.table-product-header div:nth-child(4){
	width: 140px !important;
}
.table-product-header div:nth-child(1){
	padding-left: 15px;
}

.table-product-body{
	padding-top: 10px;
    padding-bottom: 20px;
	
}

.table-product-body >div {
	display: inline-block;
}
.table-product-body .thumb {
	max-width: 115px;
    width: 115px;
    text-align: center;
	border: 1px solid #bbb;
}
.table-product-body .additionalDescription{
	width: 355px! important;
	margin-bottom: 20px;
}

.table-product-body .quantity{
	width: 100px! important;
	 text-align: center;
}
.table-product-body .priceCalculation{
	width: 210px! important;
}
.table-product-body .remove{
	width: 140px! important;
}
.table-product-body .additionalhr{
	width: 815px! important;
}
.additional-info-padding{
	padding-left: 15px;
}
.subtotal-footer{
	margin-left: 594px;
	padding-bottom: 20px;
	width: 230px;
}

.subtotal-footer .subTotal{

	float: right !important;
}

.additionalContainerWidth {
	width: 800px !important;
}
.padding-l-15{
	padding-left: 15px;
}
.padding-r-02 {
	padding-right: 2px;
}		}
/*footer new changes*/
.copyright-left{
	float:left;
	font-size:13px!important;
}
.copyright-right{
	float:right;
	font-size:13px!important;
}
/* FR- 05 */
.address-padding{
	padding-right : 0px !important;
	padding-left : 5px !important;
	padding-bottom : 0px !important;
	padding-top : 0px !important;
}
.checkout-products{
	padding-left:15px;
}
.padding-zero{
	padding : 0px !important;
}

.font-size-13{
	font-size : 13px !important;
}

.edit-button-padding{
	background-color: #B7D342;
    color: #fff;
	border: 0;
    line-height: 24px!important;
    height: 24px!important;
	padding: 0 20px!important;
    font-weight: bold;
    font-size: 12px;
}

.margin-top-25{
	margin-top:25px !important;
}

.padding-0{
	padding:0px !important;
}

.margin-top-0{
	margin-top : 0px !important;
}

.row-border{
	border-top: solid 1px black;
}

.col-width{
	width : 360px;
}

.qty-summarypage{
	clear:left;
	margin:0;
	width:40px !important;
	background-color: #eee;
    	border: 1px solid #ccc;
    	font-weight: bold;
}

.margin-0{
	margin : 0px !important;
}

.margin-bottom-0{
	margin-bottom : 0px !important;
}

.installation-div{
	clear:left;
	width:140px;
	padding-left:40px
}

.pound-style-p{
	margin-top:10px;
}

.recycling-div{
	width:140px !important;
	padding-left:40px ;
}

.floating-box {
    float: left;
    margin: 10px;
    
}
.delivery-address{
	margin:0px !important; 
	width:300px !important;
}
.delivery-border{
	height: 1px;
	border-bottom:1px dotted #ccc;
}
.shipping-table tr td{
	padding: 0!important;
}
.margin-left-15{
	margin-left: 15px !important;
}

.padding-bottom-5{
	padding-bottom : 5px;
}

.installation-network{
	margin-left: 50px !important;
}

.margin-left-0{
	margin-left: 0px!important;
}	

.shipping-table{
	width: 380px !important;
    line-height: 14px !important;
    font-size: 11px !important;
}

.table-edit-button{
	margin-left: 286px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
    padding-right: 20px;
    line-height: 40px;
    height: 40px;
    width: 94px;
    padding: 0 30px;
    font-weight: bold;
    font-size: 15px;
    background-color: #B7D342;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}

.drop-down-width{
	width : 350px;
}

.drop-down-order-summary-width{
	width : 350px;
}
.margin-left-15{
                margin-left : 15px !important;
}

.margin-left-11{
                margin-left : 11px !important;
}
.shipping-padding{
                padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important; 
}

.font-size-12{
                font-size : 12px;
}

.order-summary-col-one-border{
    border-right : none !important;
}

.order-summary-col-two-border{
    border-left : none !important;
}
.sinumber{
	min-width: 20px!important;
}
.padding-15{
	padding:0 15px!important;
}
.half-table{
	width:50%!important;
}
.shipping-table tr td.networkInputTdOne{
	padding:0 10px!important;
	vertical-align: middle!important;
	word-break:inherit;
}
.delivery-head{
	width: 280px;
	height: 30px;
	margin:15px 0 0 0;
	color:black;
}
.content table{
	margin:5px 0!important;
}
.order-summary-col-two-border{
	padding:0!important;
}
.delivery-table{
	margin: 0!important;
}
.delivery-table tr th{
	padding: 10px!important;
}
.delivery-table tr th h3{
	margin-bottom: 0!important;
}
.delivery-table tr td{
	padding: 0 10px!important;
}
/* Edits for FA-04*/
.margin-left-140{
	margin-left: 140px !important;
}
.inner-compact-table{
	border-bottom: 1px solid #bbb;
	margin-top: 0!important;
}
.inner-compact-table  tr:nth-child(1){
	line-height: 0;
}
.align-center{
	text-align: center;
}
.width-55{
	width: 55%;
}
.sub-total-section{
	margin: 0 0 15px!important;
}

.width-64{
	width: 64%;
}
.align-left {
	text-align: left;
}
.padding-l-88{
	padding-left: 88px;
}
.border-b-grey{
	border-bottom:1px solid #bbb !important;
}
.padding-l-43{
	padding-left:43px;
}
.margin-tb-0{
	margin-top:0!important;
	margin-bottom:0!important;
}
.padding-b-10{
	padding-bottom:10px!important;
}
.margin-l-66 {
	margin-left: 66px !important;
}

.generic-table td strong, .compact-table td strong {
	text-align:right;
}
/* FR-07 */

.margin-tb-5
{
    margin: 5px 0px ! important;
}

.product-header
{
    width : 265px;
}

.delivered-to-header
{
    width : 350px; 
    text-align:center;
}

.delivery-address-col-two
{
    width:200px;
}

.select-address-dropdown
{
    width: 290px;
}

.padding-t-10
{
    padding-top: 10px;
}

.lease-info-box-width
{
    width:100px;
}


.delivery-address-order-summary-no-border
{
    border: none ! important;
}

.padding-t-0
{
    padding-top: 0px ! important;
}

.padding-b-0
{
    padding-bottom: 0px ! important;
}

.padding-rl-5
{
    padding-right: 5px ! important;
    padding-left: 5px ! important;
}
.disabledButtonColor{
	background-color: #ddd !important;
}
.float-left
{
	float:left !important;
}

.padding-l-10{
	padding-left:10px !important;
}

.outline-white{
	outline-color:white !important;
}

.basketimg img {
	width:115px;
}

.padding-l-5{
	padding-left:5px;
}

.font-size-14{
	font-size:14px;
}

.color-black{
	color:#000;
}

.footer-options-pdp dd{
	font-size:12px !important;
}

.font-bold{
  font-weight:bold !important;
}

.order-sum-base-configuration p{
  margin:0px !important;
}

.re-order-products td{
	padding-top:20px !important;
}

.cart-footer-row td{
	padding-top:20px !important;
}

.right-pane-table td{
	padding: 5px 0px 5px 0px !important;
}

p.configRuleError {
	font-size: 12px;
	word-break: normal;
}
ul.configRuleError {
	margin: 0px auto 0px 5px !important;
}

.summary-edit-button{
	float:right !important;
	position:inherit !important;
}

.price-13{
	font-size:13px !important;
}

.text-align-left{
	text-align:left !important;
}

.base-config-table td:nth-child(even) {
width: 200px !important;
word-break: inherit;
}

.base-config-table td:nth-child(odd) {
width: 15px !important;
word-break: break-all;
}

.foot-border td{
	padding-top:20px !important;
}

.cartitems-table td{
	padding-top: 20px !important;
}

.shipping-table label{
	width:126px;
	padding-right:0px;
	line-height:18px;
	color:#666;
	text-align:left;
}

.NetworkTable label{
	line-height: 18px;
	text-align: left;
	color: #666;
}

.accordion-header-additional{
	cursor:pointer;
}
.accordion-header-additional:focus{
	    outline: 2px solid #b3d4fc !important;
}
.accessoryTabProductName:hover{
	text-decoration: underline !important;
}
.price-text-box{
    padding: 1px 10px 1px 10px;
    line-height: 25px;
    margin-left: 10px;
    margin-top:2px;
    display: inline-block;
    height: 22px;
    border: 1px solid #ccc;
    background: #eee;
    font-size: 12px;
    color:black;
}
.tree-li-ul {
			  display: none;
			}

			.tree-li-ul.tree-open {
			  display: block;
			}

			li:hover {
			  cursor: pointer;
			}

			.tree_filter {
                width: 200px;
                color: #333333;
			}

			.tree_filter, .tree_filter ul, .tree_filter li {
				 position: relative;
			}

			.tree_filter ul {
				list-style: none;
				padding-left: 0px !important;
				
			}

			.tree_filter li::before {
				content: '';
				position: absolute;
				top: 0;
				width: 1px;
				height: 100%;
				right: auto;
				left: -20px;
				border-left: 1px solid #eee;
				bottom: 50px;
				margin-top: -11.5px;
			  
			}
			.tree_filter li::after {
				content: '';
				position: absolute;
				top: 9.2px;
				/* top: 14.2px; */
				/* width: 15px; */
				width: 15px;
				height: 20px;
				right: auto;
				left: -20px;
				border-top: 1px solid #eee; 
			}


			li.tree-li-ul-li , .tree-li{
				padding-left: 2px;
			}

            .tree-div {
                text-decoration: none;
                font-size: 11px;
                /*line-height: 1.91;*/
                line-height:21px;
                text-align: left;
                color: #333 !important;
                color: var(--black);
				font-family: Istok Web;
            }

			.filter_arrow {
				float: left;
				margin-right: 5px;
				font-weight: bolder;
				font-size: 1.2em;
				clear: both;
			}
			
			.filter_active {
				font-weight: bold;
				outline: 0!important;
				text-decoration: none;
				font-family: Istok Web !important;
			}
            
            .badge {
                display: inline-block;
                min-width: 10px;              
                font-size: 10px;
                font-weight: normal;
                line-height: 2.1;
                vertical-align: baseline;
                white-space: nowrap;
                text-align: center;
                background-color: #f3f3f3;
                border-radius: 4px;
                color: #999999;
                width: 36px;
                height: 16px;
                padding-bottom: 3px !important;
            }
            .tree-div:hover,
            .tree-div:focus {
                color: #0d0d0d;
                text-decoration: none;
            }
            .tree-div:focus {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px
            }
            .pull-right {
                float: right!important
            }
            .ic_arrow_left {
                width: 6px;
                height: 9px;
                object-fit: contain;
				margin-right: 4px;
				margin-top: 2px;
            }
			.tree_filter>ul>li::before, .tree_filter>ul>li::after
			{
				border:0;
			}

			/* .tree li:first-child::before {
			border-left: none !important;
			} */
.count_1::before{
border-left: none !important;
}
			

            .changed::before{
				border-left: 1px solid #eee!important;
			} 

			.tree-border-left-custom {
				content: '';
				position: absolute;
				top: 0;
				width: 1px;
				height: 100%;
				right: auto;
				left: -20px;
				border-left: 1px solid #eee;
				bottom: 50px;
				margin-top: -12px;
			}
			.category-facets {
				font-size: 13px;
				line-height: 1.62;
				text-align: left;
				color: #cf142b;
				margin-left: 50px;
				font-family: Istok Web;
			}
			
			.padding-none {
			padding:0px !important;
			}

.sliderError:focus {
	border-color: red;
    border: 2px solid #ff0000;
}
.price_input_active {
  border-radius: 4px;
  background-color: #ffffff;
  text-align:center;
  background-color: var(--eee);
  border: solid 1px #b7d24e !important;
}
.price_input_default {
  border-radius: 4px;
  text-align:center;
  background-color: #ffffff;
  background-color: var(--eee);
  border: solid 1px #dedede;
  width: 53px !important;
  height: 24px !important;
  font-family: Istok Web;
  font-size: 11px;
}

.price_input_default:focus {
	outline: none;
    border-radius: 4px;
    border: 1px solid #b7d24e;
}
.brand-facets-li-text{
  font-family: Istok Web;
  font-size: 11px;
  line-height: 19px;
  text-align: left;
  color: #333333;
}
.Show-all a:focus {
	background-color: #fff !important;
}

.facetNameStyle {
	display: inline-block;
	width: 200px;
	word-break: break-word;
}
.disabled-link {
  pointer-events: none;
} 

#expressInterestCheckBox{
	margin-bottom: 12%;
}
.word-wrap{
	width: 110px;
	display: inline-block;
	word-break: break-word;
}
.show-all-alignment{
	float: left;
    margin-top: 0px !important;
}

input.reject-btn-ricoh[type=reset]{
	background-color:#ed171f;
}
input.reject-btn-ricoh{
	background-color:#ed171f !important;
}
td.td-for-approval{
	text-align:center;
}
.approval-txt{
	display:inline-block;
	width:auto;
	text-align: left;
}
.td-for-approval .query-tooltip {
	display: inline-block;
	padding-right: 45px;
	height: 50px;
	background: url('/images/design/comment-icon.png') no-repeat;
}

/***** Delivery search improvement ***/

/* DA changes */


.ADDRESS-DROP-DOWN {
    width: inherit;
    height: 33px;
}

.Service-account-copy {
    width: 89px;
    height: 9px;
    font-family: "Istok Web";
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #111111;
}

.Layer-663 {
    width: 400px;
    height: 33px;
}

.Please-select {
    font-family: "Istok Web";
    /*Roman*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #666666;
}

.Choose-a-delivery-address {
    width: 150px;
    height: 12px;
    font-family: "Istok Web";
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #111111;
}

.To-narrow-down-the-list-type-something-from-your-preferred-add {
    /* width: 459px;*/
    height: 11px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.75;
    letter-spacing: normal;
    text-align: left;
    color: #666666;
}

.To-narrow-down-the-list-type-something-from-your-preferred-add .text-style-1 {
    font-weight: bold;
}

.Rounded-Search-field {
    width: 390px;
    height: 38px;
    border-radius: 4px;
    background-color: #ffffff;
    background-color: var(--eee);
    border: solid 1px #dedede;
}

.Rounded-Rectangle-609 {
    width: 98px;
    height: 40px;
    border-radius: 4px;
    background-color: #b7d24e;
    box-shadow: -1.7px 1px 0 0 rgba(0, 0, 0, 0.3);
}
.Rounded-Rectangle-autowidth {
  width: auto;
  height: 40px;
  border-radius: 4px;
}
.Search {
    width: 42px;
    height: 11px;
    font-family: "Istok Web";
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    /*line-height: 1.71;*/
    letter-spacing: normal;
    text-align: center;
    color: #455a00;
}

.Outline {
    width: 641px;
    height: 70px;
    background-color: #ffffff;
    background-color: var(--eee);
    border: solid 1px #dedede;
}

.delivery-address-details {
    height: 70px;
    width: 503px;
    display: inline-block;
}

.Rectangle-1429-copy {
    width: 138px;
    height: 70px;
    background-color: #f3f3f3;
    border-left: solid 1px #dedede;
    display: inline-block;
    text-align:center;
}

.select {
    font-family:Istok Web;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #455a00;
}

.No-addresses-found-Please-try-a-different-search {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 0.75;
    text-align: left;
    color: #cf142b;
}

.Service-account {
    font-family: "Istok Web";
    /*Roman*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #111111;
}


/********************Classes for Margins***************************/

.To-narrow-down-the-list-type-something-from-your-preferred-add {
    margin-bottom: 9px;
}

.select-service-label {
    margin-right: 8px;
}

.choose-delivery-address-txt {
    margin-top: 29px;
}

.narrow-down-search-txt {
    margin-top: 15px;
}

.serach-econfirm-section {
    margin-top: 7px;
}

.delivery-address-details-inner {
    margin-top: 17px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.workshop-title {
    font-family: "Istok Web";
    /*Roman*/
    font-size: 14px;
    line-height: 1.36;
    text-align: left;
    color: #4e92ab;
}

.address-details {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.75;
    letter-spacing: normal;
    text-align: left;
    color: #666666;
    /**************/
    margin-top: 2px;
    line-height: 12px;
}

.select-btn {
    max-width: 80px;
    height: 40px;
    margin-top: 14px;
    border: none;
    cursor: pointer;
}

.search-btn {
    margin-left: 12px;
    border: none;
    cursor: pointer;
}
.no-display-items{
	display:none;
	
}
.search-results-section .Outline:not(:first-child) {
    border-top: none;
}

.Outline {
    display: flex;
}

.search-text-input {
    font-family: Arial;
    font-size: 12px;
    line-height: 0.75;
    text-align: left;
    color: #666666;
    padding-left: 12px;
}

.Rounded-Search-field {
    width: 376px;
}

.pagination-for-eshop-results {
    display: inline-block;
}

.pagination-for-eshop-results button {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.75;
    letter-spacing: normal;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

.pagination-for-eshop-results button.clicked {
    font-weight: bold;
    color: #cf142b;
    text-decoration: underline;
}

.pagination-section {
    text-align: center;
    width: 641px;
    margin-top: 13px;
    margin-bottom:29px;
}

.pagination-for-eshop-results button {
    margin-left: 10px;
}

.pagination-for-eshop-results button:first-child {
    margin-right: 6px;
}

.pagination-for-eshop-results button:last-child {
    margin-left: 0px;
}

.no-address-found-section {
    margin-top: 16px;
    display: none;
}

.search-results-section {
    margin-top: 26px;
    width: 641px;
}

.Please-select {
    background-color: #fff;
    border: 1px solid #dedede;
    padding-left: 11px;
    background-image: url("/images/design/down_arrow.png");
    background-repeat: no-repeat;
    background-size: 21px;
    background-position-x: 98%;
    background-position-y: 50%;
}

.greater-than,
.lesser-than {
    background-image: url("/images/design/spritesheet-carousel-control.fw.png");
    background-repeat: no-repeat;
    width: 7px;
    height: 11px;
    background-color: #fff;
    border: none;
}

.greater-than {
    background-position-x: -7px;
    background-size: 48px, 54px;
}

.lesser-than {
    background-position-x: -24px;
    background-size: 48px, 54px;
}

.selected-address .select-btn.select {
    background-color: #cf142b;
    background-image: url("/images/design/tick.png");
    background-repeat: no-repeat;
    background-position: 50%;
}

.pagination-for-eshop-results button {
    border: none;
    background-color: #fff;
    cursor: pointer;
}

.Service-account.select-service-label {
    margin-right: 1px;
}

.service-account-set {
    margin-bottom: 0px;
    height: 25px;
}


/******************************************************************/


/*************************Custom Dropdown**************************************/

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 398px;
    overflow: auto;
    z-index: 1;
}

.dropdown-content a {
    color: #666666;
    padding-top: 10px;
    padding-left: 11px;
    padding-bottom: 0;
    text-decoration: none;
    display: block;
    font-family: "Istok Web";
    /*Roman*/
    font-size: 12px;
}

.dropdown-content a:last-child {
    margin-bottom: 11px;
}

.dropdown a:hover {
    background-color: #f1f1f1
}

.show {
    display: block;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}


/****************************************************************************/

/***********************CSS For IE9 Support***********************/

.no-flexbox .Outline {
    position: relative;
    white-space: nowrap;
}

.no-flexbox .Outline .Rectangle-1429-copy {
    position: relative;
    top: -12px;
    height: 69px;
    left: -5px;
}


/******************************************************************/


/***********************CSS For Mozilla Support********************/

@-moz-document url-prefix() {
   .pagination-for-eshop-results button:first-child,.pagination-for-eshop-results button:last-child{
	height:19px;
   }
	
}


/******************************************************************/

.search-results-section {
    position: relative;
}

.overlay-for-ecom-spinner {
    position: absolute;
    margin: auto;
    width: 643px;
    z-index: 1000000;
    height: 100%;
    top: 0;
    display: none;
}

.ecom-spinner.center {
    top: 40%;
    left: 40%;
    position: absolute;
}

.selected-service-account {
    font-family: "Istok Web";
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #111111;
}

.pagination-for-eshop-results button.pagination-numbers {
    padding: 0;
    margin-left: 3px;
    margin-right: 3px;
}

.select-service-label{
vertical-align: middle;
padding-right:0;
}
.Please-select{
margin-top:0;
margin-bottom:0;
} 


.Choose-a-delivery-address{
margin-left:0;
}
.search-btn{
margin-top:0;
margin-bottom:0;
}
input.search-text-input[type=text]{
width:390px;
height:38px;
} 

.select-btn{
padding:0;
}
.greater-than, .lesser-than{
padding-left:6px;
padding-right:6px;
padding-top:1px;
padding-bottom:1px;
} 

.select-service-label{
	vertical-align:middle;
}

.serach-econfirm-section-search, .serach-econfirm-section-button{
	display:inline-block;
	
}


.delivery-instructions-ecom{
	width:auto;
}

.greater-than, .lesser-than{
    padding-left:6px;
    padding-right:6px;
    padding-top:1px;
    padding-bottom:1px;
}
.Please-select:hover,.Please-select:focus, .search-btn:hover,.search-btn:focus,.select-btn:hover,.select-btn:focus{
	outline:none;
}

.pagination-for-eshop-results button{
	margin-top:1px;
	margin-bottom:1px;
	height:10px;
}

/************Loader CSS************/

.wrap {
	width: 100%;
	position: absolute;
	top: 50%;
}
.spinner-wrap {
	margin: auto;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.spinner {
	
	height: 100px;
	width: 100px;
	display: inline-block;
	margin: -50px auto 0;
	animation: spin 1s steps(12, end) infinite;	
}

.spinner:first-child {
		margin-right: 50px;
	}
.spinner i {
		height: 30px;
		width: 6px;
		margin-left: -3px;
		display: block;
		transition: height 1s;
		position: absolute;
		left: 50%;
		transform-origin: center 50px;
		background: #cf142b;
		box-shadow: 0 0 3px rgba(255, 255, 255, .7);
		border-radius: 3px;
	}
	
.spinner:hover i{
	height: 6px;
}

spinner:hover:nth-child(2) i {
			height: 30px;
		}


.spinner i:nth-child(1) { opacity:.08 }
.spinner i:nth-child(2) { transform:rotate(30deg);opacity:.167 }
.spinner i:nth-child(3) { transform:rotate(60deg);opacity:.25 }
.spinner i:nth-child(4) { transform:rotate(90deg);opacity:.33 }
.spinner i:nth-child(5) { transform:rotate(120deg);opacity:.4167 }
.spinner i:nth-child(6) { transform:rotate(150deg);opacity:.5 }
.spinner i:nth-child(7) { transform:rotate(180deg);opacity:.583 }
.spinner i:nth-child(8) { transform:rotate(210deg);opacity:.67 }
.spinner i:nth-child(9) { transform:rotate(240deg);opacity:.75 }
.spinner i:nth-child(10) { transform:rotate(270deg);opacity:.833 }
.spinner i:nth-child(11) { transform:rotate(300deg);opacity:.9167 }
.spinner i:nth-child(12) { transform:rotate(330deg);opacity:1 }

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*********************************************/

/***************Spinner Modifications******/
.outer-search-results-section{
	position:relative;
}
.spinner-outer{
	display:none;
    position: absolute;
    margin: auto;
    width: 101%;
    z-index: 100;
    height: 101%;
    top: 0;
    background-color:rgba(255,255,255,0.8);
}

/*.spinner-outer{
	display: none; 
    position: absolute;
    margin: auto;
    width: 101%;
    z-index: 1000000;
    height: 48%;
    top: 245px;
    background-color: rgba(255,255,255,0.8);
}*/

.spinner i{
                height:18px;
                width:4px;
                transform-origin: center 30px;
                margin-left:-1.8px;
}
.spinner{
                height:60px;
                width:60px;
}

.workshop-enterprises {
  width: auto;
  height: 12px;
  font-family: Istok Web;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #111111;
}

.text-inline {
    position: relative;
    display: inline-block;
	vertical-align: bottom;
}

.cursor-default{
	cursor: default !important;;
}

/*************************************************/


.gmaServiceDropDownButton{
	width : 302px;
}

.gmaServiceDropDown{
	margin-left: 15px;
	margin-bottom: 15px;
}

.gmaServiceDropDownOption{
	min-width: 302px;
}

/**** END - Delivery search improvement ****/

/*************Customer admin page button***************/

.save {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71!important;
  letter-spacing: normal;
  color: #455a00 !important;
}

.cancel {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71 !important;
  letter-spacing: normal;
  color: #666666 !important;
  background-color: #dadada !important;
}

/**** END -Customer admin page button ****/
.ui-widget-header .ui-icon {
	background-image: url("/images/design/ui-icons_222222_256x240.png")!important;
}


/*** START- PDP Page Redesign Changes for Release 6.4 ****/


#quantity {
    text-align: center;
    font-size: 13px;
    border: 1px solid #dedede;
/*     background-position: 25px; */
    height: 39px;
    cursor: pointer;
/*     float:right; */
    width: 55px;
/*     border-radius: 4px; */
/*     position: relative; */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nudgeUp{
                border: 1px solid #dedede;
                padding: 6.3px;
/*                 position: absolute; */
/*                 right: 15px;  */
                border-top-right-radius: 4px;         
}

.nudgeDown{
/*                 position: absolute; */
/*                 right: 15px; */
/*                 top: 126px; */
                padding: 6.3px;
    			border: 1px solid #dedede;
    			border-bottom-right-radius: 4px;
}

.leftContainer{
	width: 698px;
	display: inline-block;
	/* border: solid 1px #d3d3d3;
	border-radius: 4px; */
	margin-right: 11px;
}

.leftContainerBorder{
	width: 698px;
	display: inline-block;
	border: solid 1px #d3d3d3;
	border-radius: 4px;
	margin-right: 11px;
}

.leftContainer .image{
	width: 50% !important;
}

.leftContainer .image_content{
	width: 49% !important;
}

.pdp_descrip {
    font-family: "FrutigerLTPro-Roman";
}

.pdp_descrip .mainHeading{
	padding-top: 15px;
	color: #d21a26;
	width: 100px;
	height: 18px;
	margin-top: 7px;
	top:-10px;
}



.pdp_descrip .submainHeading{
	line-height: 1.32;
	color: #333;
	font-weight: bold;
	font-size: 19px !important;
	margin-top: 23px;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #333333;
}

.productID p{
	color: #999999;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	font-family:'FrutigerLTPro-Roman';
}

.productID span{
	color: #333333;
	font-family: "FrutigerLTPro-Bold";
	
}

.pdp_descrip .unorderList{
	font-size: 13px !important;
	line-height: 1.62;
}

#addToBasket .unorderlist {
    list-style-type: none;
    font-family:"FrutigerLTPro-Roman";
}

.ic_pdf_{
	width: 261px;
	margin-top: 20px;
}

.pdp_descrip .link{
	width: 240px;
}

.Vector-Smart-Object{
	margin-right: 10px;
    width: 21px;
    height: 23px;
}

.inTheBox{
	border-top: 1px solid rgba(153, 153, 153, 0.4);
	font-size: 11px;
	line-height: 1.45;
}

.inTheBox p{
	padding-left: 10px;
}

.extendedSpec{
	width: 509px;
	font-size: 11px;
}

.extendedSpec tr td:first-child{
	font-weight: bold;
	padding-left: 8px;
	background-color: rgba(222, 222, 222,0.3);
}

.extendedSpec tr td:last-child{
	padding-left: 8px;
}

.extendedSpec tr{
	border-bottom: 1px solid rgba(153, 153, 153, 0.4);
}

.extendedSpec thead tr{
	background-color: rgbA(207, 207, 207,0.6);
	border-top: 1px solid rgba(153, 153, 153, 0.4);
	border-bottom: 1px solid rgba(153, 153, 153, 0.4);
}

.extendedSpec tr th{
	width: 175px;
	color: #333;
	font-weight: 700;
	padding-left: 8px;
	background-color: rgba(207, 207, 207,0.6);
}

.addOpt{
	width: 509px;font-size: 13px;
}

.addOpt thead tr{
	background-color: rgbA(207, 207, 207,0.2);
	border-top: 1px solid rgba(153, 153, 153, 0.4);
	border-bottom: 1px solid rgba(153, 153, 153, 0.4);
}

.addOpt tr th{
	width: 509px;
	font-size: 11px;
	font-family: "FrutigerLTPro-Bold";
    color: #333;
}

.addOpt .col1,.col2,.col3,.col4{
	padding: 8px;
}

.addOpt .col2{
	padding: 8px 0;
}

.addOpt .col3{
	text-align: center;
}

.addOpt .col4{
	padding: 8px 20px;
	text-align: right;
}

.addOpt .subCol1{
	width: 255px;
	padding-top: 18px;
	padding-left: 8px;
}

.addOpt .subCol3{
	text-align: center;
}

.addOpt .subCol4{
	padding: 22px 8px;
	text-align: right;
}

.addOpt .subCol1 > div{
	width: 230px;
}

.addOpt .subCol1 .label{
	color: #ed171f !important;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
}

.addOpt .subCol1 .productID{
	color: #333;
	font-size: 11px !important;
	line-height: 19px;
	font-weight: bold;
}

.addOpt .unorderList{
	font-size: 11px;
	color: #666;
	margin-left: 30px;
	line-height: 1.46;
}

.rightRecentContent h2{
	margin-top: 24px;
} 

.recentBorder p{
	color: #333;
}

.recentBorder .first{
	font-weight: 900;
}

.addOns .exVat{
	color: #999;
	font-size: 11px !important;
	margin-top: -3px;
	font-family: "FrutigerLTPro-Roman";
}

.addOns h3{
	font-size: 17px;
    margin-top: 23px;
    line-height: 1.47;
    margin-bottom: 13px;
	color: #333;
}

.addOns table{
	width: 700px;
}

.addOns table tr{
	border: 1px solid #dedede;
	height: 85px;
}

.addOnsImage img{
	width: 100px;
	padding: 5px;
}

#addOnsAccessoriesTab {
    font-family: "FrutigerLTPro-Roman";
}

.addOns .productDescrip{
	font-size: 13px;
	color: #4e92ab;
	line-height: 1.46;
	margin: 15px 0px 0px 0px;
	width: 380px;
	padding-right: 5px;
}

.addOns .productID{
	font-size: 11px !important;
	display: inline-block;
}

.addOns .productID .first{
	color: #999;
}

.addOns .productID .subFirst{
	color: #333;
}

.addOns tr td:last-child{
	background-color: #f3f3f3;
	width: 217px;
}

.addOns td .leftValue{
	display: inline-block;
	padding: 15px;
	width: 110px;
	box-sizing: border-box;
}

.rightValue{
	display: inline-block;
}

.rightValue .addToFav{
	border-radius: 4px;
	box-sizing: border-box;
	padding: 6px !important;
	height: 40px;
	line-height: 1.85;
	font-weight: bold;
	margin-top: 15px;
	color: #455a00;
	font-family: "FrutigerLTPro-Roman";
    font-size: 13px;
}

.rightValue a{
	color: #455a00;
	font-weight:bold;
}

.leftValue p{
	color: #333;
	font-family:"FrutigerLTPro-Bold";
}		

.expandRecent{
	width: 700px;
	display: inline-block;
}

.expandRecent h2{
	margin-top: 20px;
	line-height: 1.71;
}

.prevImg{
	margin-top: 85px;
    background-color: #606060;
    margin-bottom: 85px;
    padding: 7px 9px 5px 7px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
	margin-right: 8px;
}

.mySlides{
	display: inline-block;
	width: 120px;
	height: 199px;
	border: 1px solid #dedede;
	border-radius: 5px;
}
	
.expandRecent h5{
	color: #4e92ab;
	margin-top: 12px;
	min-height: 45px;
}

.expandRecent .myContent{
	padding: 10px;
}

.expandRecent .value{
	border-top: 1px solid #dedede;
	margin-top: 6px;
}

.value p{
	color: #333333;
}

.value .first{
	font-size: 13.2px;
	font-weight: 900;
}	

.value .second{
	font-size: 11px;
	vertical-align: middle;
	font-weight: 900;
}

.nextImg{
	margin-top: 85px;
    background-color: #606060;
    margin-bottom: 85px;
    padding: 7px 9px 5px 7px;
    width: 30px;
    height: 30px;
    border-radius: 4px;margin-left: 8px;
}	

.rightContainer h1{
	color: #333;
}

.rightContent .first{
	font-size: 18px;
	vertical-align:bottom;
	line-height: 2.4rem;
}	
	
.rightContent .second{
	font-size: 31px;
	vertical-align:middle;
}	
.rightContent .third{
	font-size: 24px;
	vertical-align:middle;
}

.rightContent .purchasePrice{
	font-size: 11px;
/*     background-color: #717171; */
    border-radius: 2px;
    color: #999;
    padding: 3px;
}	

.rightContent .orange{
    background-color: #ff5f06;
    color: #fff;
}

.rightContent .blue{
    background-color: #4e92ab;
    color: #fff;
}

.rightContent .yellow{
    background-color: #c9910d;
    color: #fff;
}

.rightContent .purple{
    background-color: #b42371;
    color: #fff;
}

.rightContainer .exVat{
	font-size: 11px;
	color: #999 !important;
}

.warm-grey{
	color: #999999;
	font-family:"FrutigerLTPro-Roman";
}

.crossImg{
	font-size: 25px;
	margin-left: -25px;
	padding-right: 16px;
}

.container .description ul{
	padding-left: 0;
}

.fullSpec{
	text-decoration: underline;
	color: #4e92ab;
    font-size: 13px;
    font-family:"FrutigerLTPro-Roman";
}

.link{
	border: 1px solid #999;
	border-radius: 4px;
	font-size: 13px;
	padding: 7px;
	margin: 10px 0 !important;
}

.verticalNav{
	width:164px;
	display:inline-block;
	margin-right: 14px;
}

.verticalList{
	background-color: #f3f3f3;
	list-style: none;
	text-transform: uppercase;
	font-family:"FrutigerLTPro-Bold";
}

.verticalList > .tabDisplay{
	width: 164px;
}

.verticalList .verticalImg{
	height: 16px;
	width: 16px;
	margin-top: -4px;
	margin-right: 4px;
}

.verticalList .tabDisplay strong{
	display: inline-block;
	width: 110px;
}

.verticalNav .tabDisplay{
	 border-bottom: 1px solid #999;
}

.ccs-ds-mainSpec-area table tr td {
	font-size: 11px;
	line-height: 1.73;
}

.tabDisplay > a{
	 padding: 15px;
	 display: block;
}

.panel{
	 width: 499px;
	 display: none;
	 font-family: "FrutigerLTPro-Roman";
	 margin-right: 10px;
	 margin-bottom: 30px;
	 text-align: justify;
}

.rightContainer{
	width: 225px;
	display: inline-block;
}

.rightContent{
	padding: 21px 14px 0px 13px;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
}

.recentContent{
	padding: 10px;
	border: 1px solid #dedede;
	margin: 10px 0 10px 0;
	border-radius: 5px;
}

.rightRecentContent{
	margin-top: 15px;
}

.buyNow{
	background-color: #999;
	border-radius: 5px;
	color: #fff;
	padding: 3px 7px 4px 7px;
}

.rightContent div > ul{
	list-style: none;
}

input.addTo{
	width: 100%;
	color: #333;
	border-radius: 5px;
}



.promo .addTo{
	color: #455a00;
	border-radius: 4px;
	box-shadow: inset 0px -1px 0 0 #a2b466;
	background-color: #b7d24e;
}

.inStock{
	color: #648200;
	font-family:"FrutigerLTPro-Roman";
}

.ic-fav{
	width: 15px;height: 15px;	
}

.addToFav a{
	color: #666666;
}

td input[type="checkbox"]{
	width: 16px;
	height: 17px;
}

.promo .promo-box{
	margin: 10px 0;
    padding: 7px 11px 7px 6px;
    font-size: 10px;
    line-height: 1.6;
	border: solid 1px #38bacf;
	background-color: #eaf8fa;
}

.promo-box.promo-box-error{
	border-radius: 4px;
	background-color: #f8ccc9;
	border: 1px solid rgba(85, 68, 67, 0.6);
	color: rgba(0, 0, 0, 0.8);
	font-size: 11px;
}

.container hr{
	margin: 1rem auto;
}

.leftRecentImg{
	width: 50%;
	display: inline-block;
}

#addItemToEmptyBasketOverlay {
	height: auto !important;
	border-radius: 8px;
}
												
#addItemToEmptyBasketOverlay p{
	text-align: left;
}

.dark-grey.button.cancel{
	line-height: 35px !important;
	padding-top: 2px !important;
	margin-right: 15px;
	color: #333 !important;
}

.addNewProduct{
	border-radius: 4px;
	color: #333 !important;
	float: left;
}
												
.mySlides img{
	width: 100px;
}

.leftRecentImg img{
	width: 100px;
}

.rightRecentImg{
	width: 48%;
	display: inline-block;
} 

.rightRecentImg h5{
	/*color: #4e92ab;*/
	word-break: break-word;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	
}

.recentBorder{
	border-top: 1px solid #dedede;
}

.addToFav{
	border: 1px solid #999;
	border-radius: 4px;
	font-size: 13px;
	padding: 10px;
	margin-top: 21px;
	text-align: center;
}

.ccs-ds-mainSpec-area tr:nth-child(odd) {
    background-color: #eee;
}

.ccs-ds-mainSpec-area tr:first-child{
	border-top: 1px solid rgba(153, 153, 153, 0.4);
}

.panel h3{
	margin-top: 14px;
	margin-bottom: 14px;
	font-size: 17px;
	color: #333;
}

.custom {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #999;
}

/* Hide the browser's default radio button */
.custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 17px;
    background:url('/images/design/radio-off.png');
    padding-left:1px;
}

/* When the radio button is checked, add a blue background */
.custom input:checked ~ .checkmark {
    background: url('/images/design/radio-on.png') no-repeat;
    background-position: center;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom input:checked ~ .checkmark:after {
    display: block;
}

.tooltipsec {
    position: relative;
    display: inline-block;
}

.tooltipsec .tooltiptext {
    visibility: hidden;
    background-color: #eaf8fa;
    color: #4bbdcd;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    border: 1px solid #38bacf;
    width: 217px;
    font-size: 11px;
	line-height: 1.27;
	padding: 7px 9px 6px 6px;
}

.tooltipsec:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#author {
    background: url('nudge-up-copy-2.png') no-repeat scroll 7px 7px;
    padding-left: 0px;
    font-size: 13px;
    border: 1px solid #C9D9F0;
    width: 220px;
    background-position: 25px;
    background-repeat: no-repeat;
    height: 20px;
    /* padding-left: 30px; */
    padding-top: 6px;
    margin-bottom: 3px;
    cursor: pointer;
	float:right;
	width: 20%;
}

.addOpt tr{
	border-bottom: 1px solid rgba(153, 153, 153, 0.4);
}

.addOpt tr td {
    padding-top: 16px;
    padding-bottom: 20px;
}

.addOpt .subCol2 {
    width: 100px;
    font-family: "FrutigerLTPro-Bold";
    color: #333;
}

.miniPrice{
    font-size: 10px !important;
    background-color: #717171;
    border-radius: 2px;
    color: #fff;
    padding: 3px;
    float: left;
    word-break: break-word;
}

.miniPrice.orange{
	background-color: #ff5f06;
}	

.miniPrice.blue{
	background-color: #4e92ab;
}

.miniPrice.yellow{
    background-color: #c9910d;
}

.miniPrice.purple{
    background-color: #b42371;
}

.miniPrice.pink{
	background-color: #c7006e;
}

.miniPrice.brown{
	background-color: #ffaf49;
}

/***  END- PDP PAGE REDESIGN 6.4 ***/
/*** PLP CSS STARTS HERE****/

.description.new_descrip{
	padding-bottom: 0;
	border: 1px solid #dadada;
	width: 227px;
}


h3 > .anchor_descrip{
	color: #0060a9;
}

.third_div input[type=button]{
	border-radius: 5px;
	width: 80%;
}

.third_div .request {
    border: 1px solid #999;
    color: #333;
    background: none;
	margin-bottom: 10px;
	width: 80%;
}

.third_div .price-box > p{
	background-color: #eee !important;
}

.third_div .price-box{
	width: 173px;
}

.third_div .orange > p{
	background-color: #fdede4 !important;
	color: #ff5f06;
}

.third_div .orange{
	border: 1px solid #ff5f06;
}

.third_div .yellow > p{
	background-color: #f6f2e5 !important;
	color: #c9910d;
}

.third_div .yellow{
	border: 1px solid #c9910d;
}

.third_div .purple > p{
	background-color: #f4e7ee !important;
	color: #b42371;
}

.third_div .purple{
	border: 1px solid #b42371;
}

.third_div .blue > p{
	background-color: rgba(15, 150, 181, 0.1) !important;
	color: #4e92ab;
}

.third_div .blue{
	border: 1px solid #107fbf;
}


.paginationDiv .pagination {
    display: inline-block;
	float: right;
	margin-top: 2px;
}

.pagination a{
    color: black;
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color .3s;
    background-color: #f3f3f3;
}

.pagination p{
    color: #333;
    float: left;
    padding: 8px 16px;
	margin: 0;
}

.paginationSelect p{
    color: #333;
    font-family:"FrutigerLTPro-Light";
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.paginationResults > p{
	margin-top: 10px;
	color: #999;
	font-family:"FrutigerLTPro-Light";
}

.paginationDiv > div {
	display: inline-block;
}

.paginationDiv{
	margin-bottom: -5px;
}

.paginationSelect{
	margin-top: -15px;
}

.paginationSelect select {
	 padding: 5px 5px;
	 border-radius: 4px;
	 font-size: 11px;
	 width: 125px;
	 height: 29px;
}

.small-large .keyline-top {
    border-top: none;
}

.description.new_descrip p{
	margin-left: 0;
	font-family:"FrutigerLTPro-Light";
}

.description.new_descrip h3{
	margin:0;
	min-height: 71px;
	width: 186px;
    color: #4e92ab;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 18px;
    font-size: 13px;
	font-family:"FrutigerLTPro-Roman";
} 

.new_descrip .grid{
	padding: 15px 15px 0px 15px;
	margin-bottom: -20px;
}

.new_descrip .productID{
	font-size: 10px;
	color: #999999;
	font-family:'FrutigerLTPro-Roman';
}

.new_descrip .productNo{
	font-size: 10px;
	color: #333333;
	font-family:'FrutigerLTPro-Bold';
}

.new_descrip hr{
	margin-top: 10px;
	margin-bottom: 16px;
}

.new_descrip .purchasePrice{
	font-size: 12px;
	color: #333333;
}

.new_descrip .price-box p{
	font-size: 12px;
}

.new_descrip .exVat{
	font-size: 10px;
}

.new_descrip .addTo{
	color: #455a00;
	border-radius: 4px;
	box-shadow: inset 0px -1px 0 0 #a2b466;
	background-color: #b7d24e;
	margin: 6px 30px 0px 30px;
	width: 136px !important;
}

.third_div .view_product_btn{
                width: 136px;
    height: 29px;
    line-height: 1.85;
    border-radius: 4px;
    color: #455a00;
    margin-left: 30px;
    margin-top: 10px;
                font-size: 13px;
                padding: 0;
}
.third_div .request_product_btn{
                width: 136px;
    height: 29px;
    line-height: 1.15;
    border-radius: 4px;
    color: #455a00;
    margin-left: 30px;
    margin-top: 13px;
                font-size: 13px;
                padding: 0;
                background-color: #fff;
                color: #666;
                border: 1px solid #dedede;
}


.leasePrice{
		text-align: center;
		background-color: #717171;
		width: 69px;
		margin-left: 25px;
		margin-top: 94px;
		color: #fff;
		border-radius: 4px;
		word-break: break-word;
}

.leasePrice.orange{
	background-color: #ff5f06;
}

.leasePrice.blue{
	background-color: #4e92ab;
}

.leasePrice.yellow{
    background-color: #c9910d;
    border-top: none !important;
}

.leasePrice.purple{
    background-color: #b42371;
    border-top: none !important;
}

/**** PLP CSS ENDS HERE ****/

/*** Homepage css starts****/
.miniBasket{
	float: none;
}

.searchBar{
	float: right;
}

#welcomeMsg{
	line-height: 20px;
	background-color: #eee;
	margin-top: 8px;
	padding: 10px;
	font-family:"FrutigerLTPro-Bold";
}

#welcomeClose{
	background-color: #d21a26;
    color: #fff;
    margin-top: 10px;
    font-size: 18px;
    margin-right: 10px;
}

.gridOne {
    display: inline-block;
    float: left;
    margin: -7px 8px 8px 0px;
    width: 308px;
}

.subgridOne {
    display: inline-block;
    float: left;
    margin: 0px 8px 15px 0px;
    width: 229px;
}

.normal-div-border {
    display: inline-block;
    margin: 0px 8px 15px 0px;
    float: left;
	width: 308px;
}

.gridOne:last-child {
    margin-right: 0px;
}

.twoContent{
	list-style-type: none;
}

.imgResp{

	width:100%;
}

.subGridImage {
    width: 100%;
}

.subgridOne:last-child{
	margin-right: 0;
}

.normal-div-border:last-child{
	margin-right: 0;
}

.j-div {
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    width: 100%;
}

.j-icon{
	width: 20%;
}

ul#homeMega li{
	display:inline;
    border-right: 1px solid #cdcbcb;
    padding: 10px;
}

#homeMega{
	background-color: #eee;
    margin-bottom: 10px;
    padding: 10px;
}
/*** Homepage css Ends****/
/*** Megamenu css starts****/
.megaMenu{
    display: inline-block;
    width: 23%;
	float:left;
	padding-left: 10px;
}

.subLastGrid{
	text-align: center;
	padding-top:90px;
}

/*
#primaryNav > .megaNav > li > .thirds_own li{
	width: 100%;
}

#primaryNav > .megaNav > li > .thirds_own li:hover{
	background-color: #fff;
}

#primaryNav > .megaNav > li > .thirds_own li{
	text-align: left;
}

#primaryNav > .megaNav > li:nth-child(odd) > .thirds_own{
	padding: 0;
	display: table;
	border-top: 5px solid #1b8e90;
}

#primaryNav > .megaNav > li:nth-child(even) > .thirds_own{
	padding: 0;
	display: table;
	border-top: 5px solid #d21a26;
}

#primaryNav > .megaNav > li {
	border-right: none;
}

#primaryNav > .megaNav > li > a {
	color: #727171;
	padding: 0 10px;
}

#primaryNav > .megaNav > li:hover:first-child{
	background: none !important;
}

#primaryNav > .megaNav > li:hover:nth-child(odd), #primaryNav > .megaNav > li:focus:nth-child(odd) {
	background-color: #1b8e90;
}

#primaryNav > .megaNav > li:hover:nth-child(even), #primaryNav > .megaNav > li:focus:nth-child(even) {
	background-color: #d21a26;
}

#primaryNav a.active {		
	background-color: transparent;		
}

#primaryNav > .megaNav > li > a:hover{
	color: #fff;
}

#primaryNav > .megaNav > li > a:focus {
	outline: none;
	background-color: #d21a26;	
}

#primaryNav > .megaNav > li:hover > a:not(.jump-link):before {
content: "";
position: absolute;
top: 100%;
right: 40%;
left: 40%;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
z-index: 201;
}

li:hover{
	cursor:context-menu;
}

.thirds_own > div {
    margin: 0;
} */
.mainNavlist .hoverMega {
    border-right: 2px solid #e8e8e8;
}

.mainNavList{
	background-image: linear-gradient(to top, #fafafa, #efefef);
	margin-bottom: 10px;
	font-family: "FrutigerLTPro-Light";
}

.mainNavList li{
	display: inline-block;
	padding: 10px;
	margin-bottom: -1px;
}

.last {
/*     border-bottom: 1px solid #eee; */
    max-width: 80%;
}

.subLeftMega{
	padding-left: 10px;
}

.megaMenuImg{
	width:100%;
	margin:10px;
}

.content .order-summary td a:focus {
	outline: none;
	background-color: #d21a26;
	
}

.thirds_own > .leftMega{
	width: 25%;
	display: inline-block;
	float:left;
}

.thirds_own > .rightMega{
	width:75%;
	display: inline-block;
	background-color:#fff;
}

.hoverMega:nth-child(3):hover{
	background: #4bbdcd;
	color: #fff;
}
					
.hoverMega:nth-child(2):hover{
	background-image: linear-gradient(to top, #cf142b, #810312);
	color: #fff;
}

.nicemenu{
	width: 228px;
}
.nicemenu-item{
	background-color:#eee;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:10px
}

.nicemenu-item p{
	color:#666;
	font-size:0.9em;
	line-height:2em
}

.nicemenu-item a{
	color:#666666;
	text-decoration:none;
	display: block;
}

.nicemenu-item a:hover{
	text-decoration:none;
}

.nicemenu-item.active{
	background-color:#fff;
}

.nicemenu-sub{
	background-color:#fff;
	padding:16px;
	overflow:hidden;
	color:#000;
	width:750px;
	box-shadow: 4px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.nicemenu-sub h5{
	font-size:1.2em;
}

.nicemenu-sub h6{
	color:#4bbdcd;
	font-size:14px
}

.nicemenu-sub p{
	color:#666;
}

.w-3-1{
	position:relative;
	width:157px;
	margin-right:5px !important;
	display: block;
	margin-bottom: 10px !important;	
	margin-bottom: 10px !important;
}

.w-3-1 hr{
	margin-top: 15px;
	margin-bottom: 20px;
}

/** Start:  L3 and L4 links underline change  **/
.w-3-1 a:hover{
	text-decoration:underline;
}

.w-3-1 a:focus{
	text-decoration:underline;
}

.w-3-1 p{
	line-height:1.5em
}

/** End:  L3 and L4 links underline change  **/

.shadow-left-bottom{
	box-shadow:-5px 5px 5px #888888;
}

.wrapper1{
	width:940px;
	margin-left:auto;
	margin-right:auto
}

.nicemenu{
	position:absolute;
	display:none;
	z-index: 999;
	left: 0;
	margin-top: 10px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
	border-top: 5px solid #c61127;
}

.hoverMega:hover .nicemenu{
	display: inline-block;
}
.nicemenu *{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.nicemenu-item{
	display:inline-block;
	z-index:11
}
.verticle>.nicemenu-item{
	display:block !important;
	width: 228px;
}
.nicemenu-sub{
	position:absolute;
	z-index:12;
	display:none;
}
.nicemenu-sub.active{
	display:block
}
.nicemenu{
	min-height:495px;
}
.nicemenu-sub{
	min-height:500px;
}

.verticalNav .tabDisplay .tabColor{
		background-color: white !important;
		border-bottom: 3px solid rgb(237, 23, 31) !important;
	}
/*** Megamenu css ends here****/
.main_fac_align label {
    padding-bottom: 3px !important; /* for radio button in PLP page */
}

.formatPriceCurrency {
	font-size: 0.85em;
	vertical-align: baseline !important;
	
}

.formatPriceInteger {
	font-size: 1.1em;
	vertical-align: baseline !important;
	
}

.formatPriceDecimal {
	font-size: 0.85em;
	vertical-align: baseline !important;
}

.ccs-ds-textKsp {
    margin-left: 15px;
}
.ccs-ds-textInbox {
	margin-left: 15px;
}

.ccs-ds-extendedSpec-header {
    background: #dedede !important;
    padding: 0px 5px !important;
	font-size: 11px;
	font-family:"FrutigerLTPro-Bold";
}
.ccs-ds-extendedSpec-item {
    background-color: rgba(222, 222, 222,0.3);
	font-size: 11px;
}
.ccs-ds-extendedSpec-value {
	font-size: 11px;
	padding-left: 10px !important;
}

#featuresContent{
	display: none;
	border-top: 1px solid #cfcfcf;
}

#featuresContent h2 {
    margin-top: 1px;
    color: #333;
    font-family: "FrutigerLTPro-Bold";
}

.row {
    display: table;
}
#mainFrameLists option:first-child {
    display: none;
}
#widget_LeaseOnePriceSlider_0{
	margin-left: 20px;
}
#widget_LeaseTwoPriceSlider_0{
	margin-left: 20px;
}
#widget_LeaseThreePriceSlider_0{
	margin-left: 20px;
}
#widget_LeaseFourPriceSlider_0{
	margin-left: 20px;
}
.promo-box.promo_color {
    color: rgba(0,0,0,0.8);
    border-radius: 4px;
    background: #b5dfe8;
}

.newpricebox{
	font-family: FrutigerLTPro-Bold !important;
    font-size: 23px !important;
    color: #333333 !important;
}

.newExVat{
	font-size: 11px !important;
    color: #999999 !important;
    line-height: 13px !important;
    font-family: FrutigerLTPro-Roman !important;
}

@-moz-document url-prefix() {
  .panel h3{
    margin-top: -5px;
  }
  .nicemenu{
	margin-top: 28px;
}
}

.expandedService {
    background: url('/images/design/spritesheet-icons.png') right -95px no-repeat;
    width : 75%;
}
.collapsedService {    
	background: url('/images/design/spritesheet-icons.png') right -396px no-repeat;
	width : 74%;
}

.Servicelevelwidth
{
    padding-left: 0px !important;
}


#megaList_1_id .header a {
    color: #cf142b !important;
}

#megaList_2_id .header a {
    color: #4bbdcd !important;
}
#leaseOnlyPrice .leaseOnlyPrice{
display: inline-block;
vertical-align: bottom;
}

.megaLink a{
	text-decoration: underline;
	color: #666;
}

.new_blanket > div .wrapper p {
    margin: 0 0 15px;
}

.fourth_div .request_product_btn {
    width: 100px;
    height: auto;
    line-height: 19px;
    border-radius: 4px;
    margin-top: 13px;
    font-size: 11px;
    padding: 0;
    background-color: #fff;
    color: #666;
    border: 1px solid #dedede;
}
.pdficon{
	margin-left: 20px;
    margin-right: 17px;
}

.input-text-exceeds-20-chars{
	padding: 1px !important;
	white-space: normal; 
	max-width: 48%; 
	line-height: 20px !important;
}

.addOns td .leftValue{
	display: inline-block;
	padding: 10px 0px 10px 16px;
	width: 96px;
	box-sizing: border-box;
	margin-top: 10px;
} 
 
.dark-grey.button.cancel.popup{
	border-radius: 4px;
	line-height: 36px !important;
	padding-top: 2px !important;
	margin-right: 0;
 	float: right;  
	color: #333 !important;
	height: 38px;
	font-size: 15 !important;
}

.secondDiv li:last-child {
    margin-top: -10px;
}

.panel .product-list li {
    width: 216px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leaseOnlyPrice .leaseOnlyPrice{
		display: inline-block;
		vertical-align: bottom;
		margin-left: -2px;
	}
	.nicemenu{
		margin-top: 28px;
	}
}

@supports (-ms-ime-align: auto) {
  .nicemenu {
        margin-top: 28px;
  }
}

#installOnlyBasketErrorOverlay{
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%);
	overflow: hidden !important;
}

#addOnlyBasketErrorOverlay{
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%);
	overflow: hidden !important;
}

/** CNET Image thumb issue fix **/
#product-detail-image{
       height:-webkit-fill-available;
}

/** RFG00123906: - UI element loading improvements **/
.lazyLoad:not([src]){
	display:none;
}

.lazyLoad{
	display:block;
}

/** RFG00124380: Mega menu overlap issue Fix **/
.nicemenu{
              margin-top: 28px;
       }

/** RFG00124521: eShop PLP - Price Slider Component loads on page before product images **/
.loader-image {
	background-image: url('/images/design/loader-image-black.gif');
	background-position: center;
	background-size: 30%;
	background-repeat: no-repeat;
}     

.three-col-grid .description .loader-image{
	height: 150px;
}

#wisp_count_0 span {
	background-image: none;
	margin: 0px;
	width: auto;
}