﻿html {
	margin: 0;
	width: 100%;
	min-width: 1210px;
}

body {
	font: normal 14px/1.3 Arial, Helvetica, Sans-Serif;
	color: #000;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #525252;
	min-width: 100%;
}

@media screen\9 {
	html {
		width: 1900px;
	}
}

html,
body,
.appForm {
	height: 100%;
}

.background {
	background: #efefef;
	height: 100%;
}

.header {
	background: #ededed;
	width: 100%;
	min-width: 100%;
	padding-top: 10px;
}

#innerBody {
	min-height: 600px;
	width: 1180px;
	background: #fff;
	margin: 0 auto;
	border-left: 1px solid #a4a4a4;
	border-right: 1px solid #a4a4a4;
	box-shadow: 0 10px 7px 2px #d9d9d9;
	position: relative;
	height: 100%;
}


/* notification area (for cookie messages and beyond)*/
.notificationInPageAboveFooterArea
{
	color: #000;
	display: none;
	padding: 10px 0 0 0;
	border-top: 2px solid #999898;
	background: #fcfcfc;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	box-shadow: 0 -2px 2px 0 rgba(50, 50, 50, 0.15);
}

.notificationInPageAboveFooterArea .cookieMessageWrapper
{
	margin: 0 auto;
	max-width: 1180px;
	overflow: hidden;
}

.notificationInPageAboveFooterArea p 
{
	font-size: 12px;
	color:#000;
	padding:0 20px;
}

.notificationInPageAboveFooterArea a.closeMessageAction{
	float: right;
	padding: 0 0 10px;
}




#wrap {
	min-height: 100%;
}


.genericContainer{
	padding:30px 40px 40px;
}

.genericContainer.noTopPadding{
	padding-top:0;
}

.genericContainer.noBottomPadding{
	padding-bottom:0;
}

/************* FOOTER ***********************/

.footer {
	margin: 0 auto;
	height: 82px;
	clear: both;
	background-color: #a4a4a4;
	position: relative;
	z-index: 20;
}

.footer p {
	font-size: 11px;
	width: 1180px;
}

.footer .footerWrapper {
	margin: 0 auto;
	clear: both;
	color: #797A7B;
	line-height: normal;
	height: 7px;
}

.footer .copyLeft {
	background: #525252;
	height: 150px;
	min-height: 75px;
	margin: 0 auto;
	clear: both;
}

.footer .holder {
	margin: 0 auto;
	width: 1180px;
    padding-top:20px;
}

.footer .copyLeft p {
	width: 800px;
	color: #fff;
	text-align: right;
	float: right;
	padding-top: 20px;
}

.footer .copyLeft .footerLogo {
	background: url("../../images/en-GB/interface/lenovo_logo.jpg") no-repeat left 20px;
	height: 60px;
	width: 200px;
	float: left;
}

.footer .footerLinks {
	min-width: 200px;
	margin-left: 20px;
	margin-right: 20px;
}

.footer .footerLinks h3 {
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	padding-top: 20px;
}

.footer .footerLinks ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
}

.footer .footerLinks ul li {
	padding-bottom: 3px;
}

.footer a {
	color: #373737;
	font-size: 13px;
}

.footer a:hover {
	color: #fff;
	text-decoration: none;
}

/************* SITE FOOTER LINKS ***********************/

.footer .siteFooterLinks {
	margin-top: 20px;
}

.footer .siteFooterLinks ul {
	margin: 0;
}

.footer .siteFooterLinks li {
	float: left;
	list-style: none;
	margin-left: 10px;
	border-left: 1px solid #a7a7a7;
}

.footer .siteFooterLinks li.first {
	border-left: none;
}


.footer .siteFooterLinks li a {
	color: #b8b8b8;
	font-size: 11px;
	margin-left: 10px;
}

.footer .siteFooterLinks li a:hover {
	color: #b8b8b8;
	text-decoration: underline;
}

.footer .siteFooterLinks li a.aspNetDisabled,
.footer .siteFooterLinks li a.aspNetDisabled:hover {
	color: #9a9a9a;
	text-decoration: none;
}

/************* TYPOGRPAGHY ***********************/

/* HEADINGS */

h1,
h2,
h3,
h4,
h5 {
	font-weight: 300;
}

h1 {
	font-size: 36px;
	margin: 10px 0 5px 0;
}

h2 {
	font-weight: bold;
	font-size: 33px;
	color: #000;
	margin-bottom: 15px;
}

h2.tabTitle {
	font-size: 28px;
	margin: 25px 0 25px 0;
}

h3 {
	font-weight: bold;
	font-size: 24px;
	color: #000;
	margin-bottom: 15px;
	padding: 0;
}

h4 {
	font-weight: normal;
	font-size: 22px;
	color: #000;
	margin-bottom: 15px;
	padding: 0;
}

h5 {
	font-weight: normal;
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
	margin-top: 0;
}
/* PARAGRAPHS */
p {
	margin: 0;
	padding: 0 0 20px;
	color: #555;
}

/* LISTS */

ol, ul {
	margin-top: 0;
	margin-bottom: 20px;
}

ul li {
	padding-bottom: 3px;
}

/* SECTION HEADING */

.sectionHeading.noTopBorder{
	border-top:none;
}

.sectionHeading,
.summary .sectionHeadingLarge {
	background-color: #f8f8f8;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 30px 30px 25px;
}

.sectionHeading
{
	padding: 15px 30px;
}

.collapseSummary .summary .sectionHeadingLarge {
	border-right: 1px solid #cecfce;
}

.summary .sectionHeadingLarge .sectionHeading {
	border-bottom: none;
	border-top: none;
	padding: 0;
}

.sectionHeading h2 {
	padding: 0;
	margin: 0;
	font-size:28px;
}

.subSectionHeading h3 {
	padding: 0 30px 0;
	margin-top: 0;
	margin-bottom: 10px;
}

.subHeadingPlacement {
	margin-left: 30px;
	margin-right: 30px;
}
/*Heading Above Filter*/
.sectionHeading.withFilter {
    background-color:transparent;
    border:0;
    padding: 30px 30px 0px;
}

/*used with tabs no header*/
.sectionHeading.asDivider {
	background-color: #fff;
	padding: 15px;
	border-bottom: none;
}

/* SECTION HEADING WITH BUTTONS */

.sectionHeading.withButtons {
	float: left;
	width: 1120px;
}

.sectionHeadingLarge .sectionHeading.withButtons {
	float: left;
	width: 900px;
}

.summaryView .sectionHeadingLarge .sectionHeading.withButtons {
	width: 100%;
}

.sectionHeading.withButtons .titleContent {
	width: 700px;
	float: left;
}

.sectionHeadingLarge .sectionHeading.withButtons .titleContent {
	width: 500px;
}

.sectionHeading.withButtons .titleButton {
	float: right;
}

.collapseSummary .sectionHeading.withButtons .titleButton {
	display: none;
}

/************* ANCHORS/LINKS ***********************/

a {
	text-decoration: none;
	color: #009dd9;
}

a:hover {
	text-decoration: underline;
}

a.disabled {
	text-decoration: none;
	color: #a8b9bf;
	cursor: default;
}

a.anchorOnly {
	text-decoration: none;
	color: #020708;
	cursor: default;
}

a.aspNetDisabled,
a[disabled=disabled] {
	color: #9a9a9a;
}

a.aspNetDisabled:hover,
a[disabled=disabled]:hover{
	text-decoration: none;
}

/************* BUTTONS ***********************/

/* GLOBAL */

a.mercatoCommandButton,
a.mercatoButton {
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 5px 2px 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2;
}

a.mercatoButton {
	padding: 10px;
}

/* PRIMARY */

a.mercatoCommandButton,
a.mercatoButton{
	background: #4eb3e2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlYjNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTlkY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4eb3e2 0%, #399dcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4eb3e2), color-stop(100%,#399dcb));
	background: -webkit-linear-gradient(top, #4eb3e2 0%,#399dcb 100%);
	background: -o-linear-gradient(top, #4eb3e2 0%,#399dcb 100%);
	background: -ms-linear-gradient(top, #4eb3e2 0%,#399dcb 100%);
	background: linear-gradient(to bottom, #4eb3e2 0%,#399dcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb3e2', endColorstr='#399dcb',GradientType=0 );
	border: 1px solid #206485;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}

a.mercatoCommandButton:hover,
a.mercatoButton:hover {
	background: #15689e;
	border-color: #1f5586;
	text-decoration: none;
}

/* SECONDARY */

a.secondary{
	background: #636163;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjE2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzQ2NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #636163 0%, #434643 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636163), color-stop(100%,#434643));
	background: -webkit-linear-gradient(top, #636163 0%,#434643 100%);
	background: -o-linear-gradient(top, #636163 0%,#434643 100%);
	background: -ms-linear-gradient(top, #636163 0%,#434643 100%);
	background: linear-gradient(to bottom, #636163 0%,#434643 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636163', endColorstr='#434643',GradientType=0 );
	border: 1px solid #292929;
	color: #fff;
	text-shadow: 1px 1px 1px #111;
}

a.secondary:hover{
	background: #2e312e;
	border-color: #1d1d1d;
}

/* TERTIARY */

a.tertiary {
	background: #efefef;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGMwYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #efefef 0%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top, #efefef 0%,#c0c0c0 100%);
	background: -o-linear-gradient(top, #efefef 0%,#c0c0c0 100%);
	background: -ms-linear-gradient(top, #efefef 0%,#c0c0c0 100%);
	background: linear-gradient(to bottom, #efefef 0%,#c0c0c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c0c0c0',GradientType=0 );
	border: 1px solid #a7a7a7;
	color: #555;
	text-shadow: 1px 1px 1px #fff;
}

a.tertiary:hover {
	background: #d8d9d8;
	border-color: #9d9d9d;
}

/* SPECIAL/PROMO */

a.special {
	background: #f8dd48;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZGQ0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmFmMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f8dd48 0%, #f2af06 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8dd48), color-stop(100%,#f2af06));
	background: -webkit-linear-gradient(top, #f8dd48 0%,#f2af06 100%);
	background: -o-linear-gradient(top, #f8dd48 0%,#f2af06 100%);
	background: -ms-linear-gradient(top, #f8dd48 0%,#f2af06 100%);
	background: linear-gradient(to bottom, #f8dd48 0%,#f2af06 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dd48', endColorstr='#f2af06',GradientType=0 );
	border: 1px solid #d48e08;
	color: #222;
	text-shadow: 1px 1px 1px #fff;
}

a.special:hover {
	background: #f2af07;
	border-color: #c6860a;
}

a.mercatoCommandButton.aspNetDisabled {
	background: #ddd;
	border-color: #ddd;
	border-image: none;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	float: none;
	font-size: 11px;
	margin: 0 2px 2px 0;
	text-align: left;
	filter: initial;
}

a.mercatoCommandButton.aspNetDisabled:hover {
	background: #ddd;
	border-color: #ddd;
}


a.mercatoCommandButton.loading,
a.mercatoCommandButton.loading:hover {
	background: #a3a3a3;
	background: -moz-linear-gradient(top, #a3a3a3 0%, #848484 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(100%,#848484));
	background: -webkit-linear-gradient(top, #a3a3a3 0%,#848484 100%);
	background: -o-linear-gradient(top, #a3a3a3 0%,#848484 100%);
	background: -ms-linear-gradient(top, #a3a3a3 0%,#848484 100%);
	background: linear-gradient(to bottom, #a3a3a3 0%,#848484 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#848484',GradientType=0 );
	border-color: #6c6c6c;
	cursor: default;
}

a.mercatoCommandButton[disabled=disabled],
a.mercatoButton.aspNetDisabled {
	background: #ddd;
	border-color:none;
	text-shadow: none;
	cursor: default;
	border-bottom:1px;
	color: #9f9f9f;
}

a.mercatoCommandButton span {
	display: block;
}

a.mercatoCommandButton .mcbDefault,
a.mercatoCommandButton .mcbGo {
	padding: 10px;
}

a.mercatoCommandButton .mcbGo,
a.mercatoCommandButton.showRightArrow .mcbDefault {
	padding-left: 22px;
}


a.mercatoCommandButton[disabled=disabled] .mcbGo,
a.mercatoCommandButton.showRightArrow[disabled=disabled] .mcbDefault,
a.mercatoCommandButton[disabled=disabled] .mcbDefault
{
	background: none;
	padding-bottom:10px;
}

a.mercatoCommandButton[disabled=disabled]:hover,
a.mercatoCommandButton[disabled=disabled]:hover .mcbGo,
a.mercatoCommandButton.showRightArrow[disabled=disabled]:hover .mcbDefault,
a.mercatoCommandButton[disabled=disabled]:hover .mcbDefault
{
	background: #ddd;
	border-bottom:none;
}




/************* IMAGES ***********************/

img {
	border: none;
}

/************* LIST ITEMS ***********************/

dl {
	margin: 0;
	padding: 0;
}

dt {
	font-weight: normal;
}

/************* CALLOUTS ***********************/

.calloutContainer {
	padding: 7px;
	position: absolute;
	right: -7px;
	top: 24px;
	z-index: 20;
	background: url("/images/en-GB/interface/callout_top_arrow.png") no-repeat top right;
}

.callout {
	background-color: #fff;
	position: relative;
	color: #000;
	padding: 10px;
	padding-right: 35px;
	box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #cecfce;
	border-bottom-color: #a4a4a4;
	border-right-color: #a4a4a4;
	min-width: 300px;
	max-width: 400px;
	min-height: 30px;
	text-align: left;
	font-size: 12px;
}

.closeCallout {
	background: url("/images/en-GB/interface/close_callout_sprite.png") no-repeat;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.closeCallout:hover {
	background: url("/images/en-GB/interface/close_callout_sprite.png") no-repeat left -36px;
}


/************* YOUR QUOTES CALLOUT TABS ***********************/

.calloutTabs.yourQuotesTabs
{
	margin:0;
	padding:0 30px 20px;
	border-bottom:1px solid #cecfce;
}

.calloutTabs.yourQuotesTabs ul
{
	margin-top:20px;
}




/************* USER OPTIONS DROP DOWN IN APP BAR  ***********************/

.userOptionsDropDownContainer
{
	display:inline;
	position:relative;
}

.userOptionsDropDownContentContainer
{
	background-color: #fff;
	position: absolute;
	color: #000;
	padding: 10px;
	padding-right: 25px;
	box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #cecfce;
	border-bottom-color: #a4a4a4;
	border-right-color: #a4a4a4;
	text-align: left;
	right:0;
	top:120%;
	/*z-index:10;*/
	display:none;
    min-width:146px;
}

.userOptionsDropDownContainer.open .userOptionsDropDownContentContainer
{
	z-index:10002;
}


.userOptionsDropDownContainer .userOptionsDropDownContentContainer a{
	color:#009dd9;
	padding:5px;
	display:block;
	width:100%;
}


.userOptionsDropDownContainer .userOptionsDropDownTrigger span
{
	padding-right:15px;
	background: url("/images/en-GB/interface/user_options_nav_arrow_sprite.png") no-repeat right 3px;

}

.userOptionsDropDownContainer.open .userOptionsDropDownTrigger span
{
	padding-right:15px;
	background: url("/images/en-GB/interface/user_options_nav_arrow_sprite.png") no-repeat right -45px;

}



/************* HELPER CLASSES ***********************/

.hide {
	display: none;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

a.marginLeft10 {
	margin-left: 10px;
}

.marginTop5{
	margin-top:5px;
}

.marginTop10{
	margin-top:10px;
}

.marginTop20{
	margin-top:20px;
}

.marginTop30{
	margin-top:30px;
}

.marginLeft5{
	margin-left:5px;
}

.marginLeft10{
	margin-left:10px;
}

.marginLeft20{
	margin-left:20px;
}

.marginLeft30{
	margin-left:30px;
}

.marginRight5{
	margin-right:5px;
}

.marginRight10{
	margin-right:10px;
}

.marginRight20{
	margin-right:20px;
}

.marginRight30{
	margin-right:30px;
}

.marginBottom5{
	margin-bottom:5px;
}

.marginBottom10{
	margin-bottom:10px;
}

.marginBottom20{
	margin-bottom:20px;
}

.marginBottom30{
	margin-bottom:30px;
}


.paddingTop10{
	padding-top:10px;
}

.paddingTop20{
	padding-top:20px;
}

.paddingTop30{
	padding-top:30px;
}

.paddingLeft10{
	padding-left:10px;
}

.paddingLeft20{
	padding-left:20px;
}

.paddingLeft30{
	padding-left:30px;
}

.paddingRight10{
	padding-right:10px;
}

.paddingRight20{
	padding-right:20px;
}

.paddingRight30{
	padding-right:30px;
}

.paddingBottom10{
	padding-bottom:10px;
}

.paddingBottom20{
	padding-bottom:20px;
}

.paddingBottom30{
	padding-bottom:30px;
}




.marginBottom20,
a.mercatoButton.marginBottom20 {
	margin-bottom: 20px;
}

.merStandardForm .rowHelpText.helperNoMargin {
	margin-top: 0;
}

.helperTextWidthConstraint {
	width: 350px;
}

.gridView tr.zeroGridViewResults td {
	padding: 0;
	font-weight: bold;
	color: #000;
	font-size: 15px;
	border: none;
}

/************* FORM ELEMENTS ***********************/

form {
	padding: 0;
	margin: 0;
	height: 100%;
}

label,
.label {
	font-weight: normal;
	line-height: 15pt;
	margin-right: 10px;
	color: #555;
	font-size: 13px;
}

.labelValue{
	margin:3px 11px 0 0;
	font-size: 14px;
	display:block;
}

textarea {
	resize: none;
}

textarea,
input {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.textFieldShort {
	width: 150px;
}

.textFieldMed {
	width: 500px;
}

.textFieldLong {
	width: 670px;
}

.fieldRow {
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: 10px;
}

tr.actionRow td {
	padding-top: 14px;
	text-align: right !important;
	padding-right: 10px;
}

select {
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 4px;
}


.largeInput label,
.largeInput .label
{
    font-size: 15px;
    margin-top: 7px;
}
.largeInput input[type="text"]
{
    height:29px;
}

/************* USER FORMS - LOGIN / REGISTER ***********************/

.userForm {
	margin: 0 40px;
	padding-top: 50px;
}

.userForm .formRow {
	margin-bottom: 10px;
}

.userForm input[type="text"],
.userForm input[type="password"],
.userForm textarea {
	padding: 5px 7px;
	font-size: 24px;
	margin-top: 13px;
	float: left;
}

.userForm textarea {
	font-size: 14px;
}

.userForm .checkboxMessage label {
	font-size: 14px;
}

.userForm select {
	border: 1px solid #cecfce;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 13px;
	height: 40px;
}

.userForm label {
	font-size: 19px;
}

.userForm label.checkbox {
	font-size: 14px;
}

/* Buttons */
.inputButton {
	background: #4eb3e2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlYjNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTlkY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4eb3e2 0%, #399dcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4eb3e2), color-stop(100%,#399dcb));
	background: -webkit-linear-gradient(top, #4eb3e2 0%,#399dcb 100%);
	background: -o-linear-gradient(top, #4eb3e2 0%,#399dcb 100%);
	background: -ms-linear-gradient(top, #4eb3e2 0%,#399dcb 100%);
	background: linear-gradient(to bottom, #4eb3e2 0%,#399dcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb3e2', endColorstr='#399dcb',GradientType=0 );
	border: 1px solid #206485;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
}

.inputButton:hover {
	background: #15689e;
	border-color: #1f5586;
	text-decoration: none;
}

.validationError {
	color: #be2713 !important;
	display: block;
	float: left;
	font-size: 38px;
	height: 10px;
	margin-left: 7px;
	margin-top: 18px;
}

.validationForm .validationError {
	margin-top: 0;
	float: right;
}

.validationForm .merStandardForm .rowDataContainer {
	width: 535px;
}

.validationErrorCompact {
	color: #be2713 !important;
	display: block;
	font-size: 21px;
	font-weight: bold;
	margin-left: 7px;
	float: left;
}

.validationSummary {
	color: #be2713 !important;
	font-size: 16px;
	margin: 0;
	padding: 20px 40px;
	border-top: 2px solid #be2713;
	border-bottom: 2px solid #be2713;
	font-weight: bold;
}

.validationSummary ul {
	color: #be2713 !important;
	padding: 10px 0 0;
	margin: 0;
}

.validationSummary ul li {
	font-weight: normal;
	margin: 0 0 5px 30px;
	font-size: 15px;
}

.validationErrorMessage,
.validationMessage {
	padding-top: 6px;
	color: #dc291e !important;
	font-size: 12px;
}

/************* SPLITTER ***********************/
.splitter {
	position: relative;
}

.splitter .splitterContainer {
	position: absolute;
	top: 20px;
	left: -35px;
    border: solid 1px #ddd;
    background-color: #fff;
}

.splitter p {
	font-size: 28px;
	color: #a7a7a7;
	font-weight: bold;
	padding: 10px 15px;
}

/************* PARTNER GATEWAY ***********************/

/* COMPANY CONTENT */

.partnerGateway
{
	background: url(/images/en-GB/interface/home_container_bg.png) no-repeat 0 0;
}

.partnerGatewayContentContainer
{
	padding-top:30px;
	padding-bottom:30px;
}

.partnerGatewayIntroContentContainer
{
	float:left;
	margin-left:30px;
	margin-right:30px;
	width:823px;
}

.partnerGatewayIntroContentContainer h2{
	margin:0 0 10px;
	font-size:22px;
}

.partnerGatewayIntroContentContainer p{
	color:#000;
}

.partnerGatewaySupplementaryLogoContainer
{
	border:1px solid #d9d8d6;
	background:#fff;
	float:left;
	margin-left:35px;
	padding:15px;
	width:230px;
}

.partnerGatewayPartnerLinksGrid
{
	width:100%;
	margin-bottom:15px;
}

.partnerGatewayPartnerLinksGrid td
{
	width:24%;
	padding:0 15px 6px;
}


/* APP HEADER */

.partnerGatewayDetails
{
	margin-bottom:15px;
	margin-left:15px;
	text-align:left;
}

.partnerGatewayDetails .contactURL
{
	font-size:13px;
}

.partnerGatewayDetails .contactDetails
{
	padding:0;
	margin:0 15px 0 0;
	font-size:13px;
	color:#000;
	font-weight:normal;
}

.partnerGatewayHeaderLogo
{
	height:46px;
}

.psaGatewayLogo{
	float:right;
	/*margin-top:15px;*/
	margin-top:5px;
}

.psaGatewayLogo img{
	width:190px;
}


/************* PARTNER GATEWAY FILE UPLOAD ***********************/

.partnerGatewayFileUpload
{
	width:310px;
}

.partnerGatewayHeaderLogoView{
	height:46px;
	margin-bottom:10px;
}


/************* SEARCH WITHIN HEADER ***********************/

.mainSearch {
	float: right;
}

.mainSearch .inputOuter {
	height: 40px;
	width: 300px;
	border: none;
	background-color: #fff;
	/*position: relative;*/
	/*top: 15px;*/
	float: left;
	margin-top:15px;
}

.mainSearch .inputInner {
	width: 246px;
	height: 28px;
	float: left;
	border: 0;
	margin: 6px 0 0 12px;
	outline: none;
	padding: 0;
	font-size: 15px;
	line-height: normal;
	border: 0 none !important;
}

.mainSearch .searchIcon {
	background: url("../../images/en-gb/interface/search_icon_small.png") no-repeat center center;
	height: 15px;
	width: 15px;
	display: block;
	padding: 20px;
	float: right;
	cursor: pointer;
	border: 0 none !important;
	text-indent: -9999px;
}

/* New Search Box in page*/
.searchBar {
	margin: 30px 30px 20px;
}

.searchBoxNew {
	font-size: 15px;
	font-style: italic;
	border-right: none;
	position: relative;
	border: 1px solid #ccc;
	width: 550px;
	margin-bottom: 3px;
}

.searchBoxNew.simpleSearch {
	margin-bottom: 10px;
}

.searchBoxNew:hover {
	border: 1px solid #399BCA;
}


.searchBoxNew input {
	font-size: 15px;
	color: #000;
	font-style: normal;
	padding: 11px;
	vertical-align: middle;
	padding: 9px 5px 12px 10px;
	border: 0 none;
	margin: 0;
}

.searchBoxNew input[type=text] {
	width: 490px;
	border: 0 none;
}

.searchBoxNew input[type=button] {
	width: 35px;
	background: url('../Images/en-GB/interface/search_icon.png') no-repeat center center;
	border: 0 none;
	height: 35px;
	top: 3px;
	right: 5px;
	cursor: pointer;
	position: absolute;
}

.searchGuidance {
	font-size: 14px;
	margin-top: 10px;
}

/****************ASK A QUESTION **********************/
.askAQuestionContainer a{
	font-size:12px;
	margin-top:5px;
	display:inline-block;
}




/************* APP HEADER / APPLICATION BAR ***********************/

#appContainer {
	margin: 0 auto;
	width: 940px;
	padding-bottom: 20px;
}

.appTitleHeader,
.appTitleHeaderGateway {
	height: 45px;
	float: left;
	margin-top: 0px;
	margin-bottom: 34px;
	margin-left: 20px;
}

#applicationBar {
	padding: 0;
	text-align: right;
	top: 0;
	width: 1180px;
	margin: 0 auto;
	border-bottom: 1px solid #efefef;
}

#applicationBar .applicationBarInner {
	margin: 0 auto;
	width: 980px;
}

/* Drop Down within application bar */
#applicationBar ul.dropDownOptions {
	text-align: right;
	margin: 1px 20px 0;
	float: right;
	padding-left: 0;
}

#applicationBar ul.dropDownOptions li {
	list-style-type: none;
}

#applicationBar ul.dropDownOptions li a {
	padding: 2px 10px 3px 4px;
	border: 1px solid #fafafa;
	text-align: right;
}

#applicationBar ul.dropDownOptions li a:hover {
	border: 1px solid #D2B47A;
}


#applicationBar ul.dropDownOptions li a span {
	padding: 0;
}

#applicationBar .contextMenuContainerNCFOpen .contextMenuLabelNCF {
	border-bottom: 1px solid #71AFC2;
	padding: 0;
}

#applicationBar ul.dropDownOptions .contextMenuLabelNCF span span span {
	font-size: 11px;
}

#applicationBar ul.dropDownOptions .contextMenuContainerNCF .contextMenuPanelNCF,
#applicationBar ul.dropDownOptions .contextMenuContainerNCFOpen .contextMenuPanelNCF {
	min-width: 160px;
}

/************* LANGUAGE SELECTOR ***********************/
#applicationBar ul.languageSelector {
	float: left;
}

.languageSelector .contextMenuPanelNCF .list a span {
	text-align: left;
}

.languageSelector .contextMenuContainerNCF,
.languageSelector .contextMenuContainerNCFOpen {
	float: left;
}

/************* LANGUAGE OPTIONS ***********************/

#applicationBar ul.languages {
	margin-top: 6px;
	margin-right: 8px;
	float: left;
	padding-left: 0;
	margin-left: 20px;
}

#applicationBar ul.languages li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 11px;
}

#applicationBar ul.languages li span {
	margin-right: 4px;
}

#applicationBar ul.languages li .languageLink a.current {
	color: #424748;
}


.appTitleNavigation {
	width: 100%;
	border-bottom: 1px solid #EDEFF0;
	padding: 3px 0 0;
	margin-bottom: 0;
	height: 30px;
}

.appTitleNavigation #login {
	width: 1200px;
}

#applicationBar .lhsLinks {
	padding-top: 6px;
	padding-left: 20px;
}

#applicationBar .lhsLinks a {
	margin-right: 8px;
}

#applicationBar ul.linksList {
	margin-right: 20px;
	margin-top: 7px;
}

#applicationBar ul.linksList li {
	display: inline;
}

#applicationBar ul.linksList li a {
	margin-left: 8px;
}

.menuLinksLeft {
	float: left;
}

.menuLinksRight {
	float: right;
}

/************* PRIMARY NAVIGATION ***********************/
.primaryNavigationOuter {
	width: 100%;
	background-color: #231f1e;
	border-top: 7px solid #dc291e;
}

#primaryNavigation {
	margin: 0 auto;
	height: 53px;
}

#primaryNavigation .tabsContainer {
	float: none;
	margin: 0 auto;
	list-style: none outside none;
	padding: 0 13px;
	width: 1180px;
}

#primaryNavigation .tabsContainer .tab,
#primaryNavigation .tabsContainer .tabContext {
	display: block;
	float: left;
	height: 28px;
}

#primaryNavigation .tabsContainer .tab {
	padding-top: 0;
	margin-top: 9px;
	padding-bottom: 7px;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
}

#primaryNavigation .tabsContainer .tab.last {
	border-left: none;
}

#primaryNavigation .tabsContainer .tab a.tabLink,
#primaryNavigation .tabsContainer .tabContext a.tabLink {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 0 0 0;
	cursor: pointer;
}

#primaryNavigation .tabsContainer .tab a.tabLink .tabTitle,
#primaryNavigation .tabsContainer .tabContext a.tabLink .tabTitle {
	padding: 9px 15px 9px 15px;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
}

#primaryNavigation .tabsContainer .tab.selected,
#primaryNavigation .tabsContainer .tabContext.selected,
#primaryNavigation .tabsContainer .tab.selected:hover,
#primaryNavigation .tabsContainer .tab:hover {
	position: relative;
}

#primaryNavigation .tabsContainer .tab.selected,
#primaryNavigation .tabsContainer .tab.selected:hover,
#primaryNavigation .tabsContainer .tab:hover {
	background: #3c3a39;
}

#primaryNavigation .tabsContainer .tab.menu {
    padding-right:0;
}

#primaryNavigation .tabsContainer .tab.menu a{
	padding-right:15px;
}

#primaryNavigation .tabsContainer .tab.menu a.tabLink span {
	background: url(/images/en-GB/interface/primary_nav_arrow_sprite.png) no-repeat right 15px;
	padding-right: 25px;
}

#primaryNavigation .tabsContainer .tab.menu.selected a.tabLink span {
	background: url(/images/en-GB/interface/primary_nav_arrow_sprite.png) no-repeat right -35px;
}

#primaryNavigation .tabsContainer .tab.selected a.tabLink .tabTitle,
#primaryNavigation .tabsContainer .tab:hover a.tabLink .tabTitle {
	color: #fff;
}

#primaryNavigation .tabsContainer .tab a.tabLink .tabTitle.pushDownMenuItem {
	padding-top: 16px !important;
}

#primaryNavigationMenus {
	clear: both;
	position: absolute;
	z-index: 10001;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

#primaryNavigationMenus .menu {
	display: none;
	width: 1153px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #000;
	border-top: none;
	box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.3);
	overflow: hidden;
	position: relative;
	padding: 25px;
}

/************* PRIMARY NAVIGATION GROUP BLOCKS ***********************/

#primaryNavigationMenus .menu .groupBlock {
    width: 368px;
    min-height: 75px;
    margin: 0 11px 11px 0;
    overflow: hidden;
}

#primaryNavigationMenus .menu .groupBlock .groupBlockTitle {
    font-size:21px;
    padding: 10px 20px 5px 20px;
}

#primaryNavigationMenus .menu .groupBlock .groupBlockSubTitle {
    font-size:13px;
    color: #DC291E;
    padding: 0 20px 10px 20px;
}

#primaryNavigationMenus .menu .groupBlock span {
    display: block;
    width: 100%;
    max-width:328px;
}

#primaryNavigationMenus .menu .groupBlock.range span {
    display: block;
    width: 178px;
}

#primaryNavigationMenus .menu h2 {
	background: #fff;
	padding: 10px 14px;
	min-height: 38px;
}

#primaryNavigationMenus .menu h2 .headerLink {
	float: right;
	font-size: 12px;
}

#primaryNavigationMenus .menu h2 .header {
	font-size: 14px;
	color: #000;
	display: block;
}

#primaryNavigationMenus .menu h2 .description {
	font-size: 11px;
	color: #797a7b;
	display: block;
}

#primaryNavigationMenus .menu .content {
	padding: 20px;
}

#primaryNavigationMenus .menu .close {
	display: block;
	position: absolute;
	right: 10px;
	top: 6px;
	border: 3px;
	width: 26px;
	height: 26px;
	float: right;
}

#primaryNavigationMenus .menu .gridView th {
	background: #deeff7;
	border-bottom: 1px solid #e3f2f7;
}

#primaryNavigationMenus .menu .gridView td {
	background: #fff;
	border-bottom: 1px solid #e3f2f7;
}

#primaryNavigationMenus .menu .gridView td a {
	margin: 0;
}

#primaryNavigationMenus .menu .gridView .alternateRowStyle td {
	background: #f7fbfd;
}

#primaryNavigationMenus .groupBlock.range {
	height: 95px;
	width: 368px;
	overflow: hidden;
	margin-bottom: 11px;
	margin-right: 11px;
}

#primaryNavigationMenus .menu {
    padding: 20px 0 9px 22px;
}

#primaryNavigationMenus .groupBlock.range .groupBlockTitle {
	padding-top: 10px;
	padding-bottom: 5px;
}

#primaryNavigationMenus .groupBlock.range .groupBlockSubTitle {
	font-size: 13px;
}


/************* CALLOUT TABS ***********************/

.calloutTabs {
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 30px;
}

.calloutTabs.noTopBottomMargins
{
	margin:0 30px;
}

.contentWithTabs .calloutTabs,
.contentWithTabs .calloutTabs ul
{
	margin-top:0;
}

p.tabInformation{
	margin-right:30px;
}

.featuredProducts.calloutTabs.subTabs {
	margin-bottom: 10px;
	margin-top: -20px;
}
/*used with no title*/
.featuredProducts.calloutTabs.subTabs.withNoTabs {
	margin-top: 10px;
}

.featuredProducts.calloutTabs {
	margin-left: 30px;
	margin-top: 0;
}

.calloutTabs ul {
	margin: 30px 0;
	padding: 0;
}

.calloutTabs.subTabs ul {
	margin: 0;
}

.calloutTabs li {
	margin: 0;
	margin-right: 20px;
	padding: 0;
	list-style: none;
	float: left;
}

.calloutTabs.subTabs li {
	margin-right: 15px;
}

.calloutTabs li.current {
	background: url("../../images/en-GB/interface/callout_tab_arrow.png") no-repeat center 46px;
	padding-bottom: 7px;
}

.calloutTabs.subTabs li.current {
	padding-bottom: 0px;
	border-bottom: 4px solid #dc291e;
	background: none;
}

.calloutTabs li a {
	font-size: 18px;
	padding: 10px 0 20px;
	display: block;
}

.calloutTabs.subTabs li a {
	font-size: 15px;
	padding: 8px 6px 8px;
}

.calloutTabs li.current a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #dc291e;
	padding: 10px 12px 13px;
	display: block;
}

.calloutTabs.subTabs li.current a {
	font-size: 15px;
	padding: 8px 6px 8px;
	background: #fff;
	color: #dc291e;
}

.calloutTabs li.current a:hover {
	text-decoration: none;
	color: #fff;
}

.calloutTabs.subTabs li.current a:hover {
	text-decoration: none;
	color: #fff;
	background: #dc291e;
}
/*iteration without model title*/
.calloutTabs.browseRange ul {
	margin: 0;
}

.calloutTabs.browseRange {
	margin-bottom: 0;
}
/************* APPLICATION BODY ***********************/

.appBody {
	overflow: hidden;
	position: relative;
}

/************* LANDINGS ***********************/

/* FAMILY */

.leftContainer {
	float: left;
	width: 50%;
}

.rightContainer {
	float: right;
	width: 50%;
}

.modelHeader {
	background: #f8f8f8;
	min-height: 320px;
	float: left;
	width: 100%;
}

.partHeader {
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(-45deg, #f8f8f8 0%, #ffffff 35%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8f8f8), color-stop(35%,#ffffff));
	background: -webkit-linear-gradient(-45deg, #f8f8f8 0%,#ffffff 35%);
	background: -o-linear-gradient(-45deg, #f8f8f8 0%,#ffffff 35%);
	background: -ms-linear-gradient(-45deg, #f8f8f8 0%,#ffffff 35%);
	background: linear-gradient(135deg, #f8f8f8 0%,#ffffff 35%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=1 );
	min-height: 220px;
	float: left;
	width: 100%;
}

.modelHeader .titleButton,
.partHeader .titleButton {
	margin-bottom: 20px;
}

.modelHeader h3,
.partHeader h3 {
	font-size: 31px;
}

.modelHeader .headerImage,
.partHeader .partImage {
	float: right;
	margin-right: 40px;
	margin-top: 30px;
}

.modelHeader .modelContent,
.partHeader .partContent {
	float: left;
	margin-left: 30px;
	width: 750px;
}

.modelHeader p,
.partHeader p {
	width: 450px;
}

.productPageHeader {
	background: #fff;
	height: 250px;
	padding-top: 30px;
	float: left;
	width: 100%;
}

.productPageHeader .headerImage {
	float: right;
	margin-right: 40px;
}

.productPageHeader .modelContent {
	float: left;
	margin-left: 30px;
	width: 750px;
}

.productPageHeader p {
	width: 450px;
}

.availability .leftContainer {
	float: left;
	width: 30%;
}

.availability .rightContainer {
	float: right;
	width: 70%;
}

.availability .detailPanel {
	width: auto;
	padding-left: 30px;
}

.availability dt {
	font-size: 22px;
}

.availability .detailPanel .detailsRow .secondaryInfo
{
	padding-right:0;
}

.availability .detailPanel .detailsRow .secondaryInfo.itemGroup dl
{
	padding-bottom:20px;
}

.availability .detailPanel .detailsRow .secondaryInfo dt,
.availability .detailPanel .detailsRow .secondaryInfo dd
{
	font-size:16px;
}

.abcdLink,
.abcdLinkOutlook
{
	font-weight:normal;
}

.abcdLinkOutlook {
    margin-right: 5px;
}

.availability .detailPanel .detailsRow dd {
	font-size: 22px;
	padding-top: 3px;
	font-weight: bold;
}

.availability .gridView th {
	font-size: 16px;
}

	.availability .gridView th.firstCol {
		width: 80%;
	}

.noStockContainer {
	margin: 30px 0 20px;
}

.noStockMessage {
	font-size: 17px;
	font-weight: bold;
}

.stockAvailOpen {
    color: #6bb739;
}
.stockAvailStockInChannel {
    color: #020708;
}
.stockAvailLimited {
    color: #f9a600;
}
.stockAvailConstrained {
    color: #ce0000;
}
.stockAvailEndOfLife {
    color: #000;
}
.stockAvailNew {
    color: #00a0c6;
}

.sectionHero {
	margin-bottom: 1px;
}

.fullWidthContainer .gridView {
	width: 93%;
	margin: 30px 40px;
}

.leftContainer .gridView,
.rightContainer .gridView {
	width: 80%;
	margin: 30px 40px 15px;
}

.availability .rightContainer .gridView {
	width: 90%;
	margin-top: 10px;
}

.featuresSnippit {
	margin-bottom: 30px;
	margin-left: 40px;
}

.featuresSnippit p,
.featuresSnippit h3 {
	padding-right: 40px;
}


.familyHeaderContainer
{
	overflow:hidden;
	background: #696969;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjhiOGI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjY2VjZWNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNzQ3NDc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #b8b8b8 0%, #cecece 17%, #747474 37%, #696969 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b8b8b8), color-stop(17%,#cecece), color-stop(37%,#747474), color-stop(100%,#696969));
	background: -webkit-linear-gradient(-45deg, #b8b8b8 0%,#cecece 17%,#747474 37%,#696969 100%);
	background: -o-linear-gradient(-45deg, #b8b8b8 0%,#cecece 17%,#747474 37%,#696969 100%);
	background: -ms-linear-gradient(-45deg, #b8b8b8 0%,#cecece 17%,#747474 37%,#696969 100%);
	background: linear-gradient(135deg, #b8b8b8 0%,#cecece 17%,#747474 37%,#696969 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#696969',GradientType=1 );
}

.familyHeaderContent {
	height: 380px;
}

.familyHeader .banner {
	height: 380px;
	margin: 0;
}

.familyHeader .bannerImage {
	margin-left:40px;
	float:left;
	margin-top:10px;
}

.familyHeader .bannerContent
{
	float:right;
	width:710px;
	margin-right:40px;
	margin-bottom:20px;
}

.familyHeader .banner h3 {
	font-size: 34px;
}


.familyHeader .bannerContent h3 {
	font-size: 34px;
}

.familyHeader .bannerContent p {
	color: #fff;
	width: 600px;
}

.imageFamilyHero {
	width: 340px;
	height: 255px;
}


/************* MODELS ***********************/

.highValueStripe{
	font-weight:bold;
}

/************* CATALOG LEGEND KEY ***********************/

.catalogLegendContainer {
	padding: 20px 20px 10px;
	float: right;
}

.productsLegend .catalogLegendContainer {
	padding-top: 0;
	padding-bottom: 0;
}

.productsLegend .catalogLegendRow {
	margin-bottom: 0;
}


.catalogLegendRow {
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 20px;
	float: left;
}

.catalogLegendKey {
	height: 25px;
	width: 50px;
	float: left;
	margin-right: 10px;
}

.catalogLegendKey.focusModels {
	background: #f4fce8;
	border: 1px solid #6bae01;
}

.catalogLegendKey.greatDealModels {
	background: #fff5da;
	border: 1px solid #ffc82e;
}

.catalogLegendKey.promoModels {
	background: #fff0e0;
	border: 1px solid #ff8500;
}


.catalogLegendKeyText {
	float: left;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding-top: 6px;
}

/************* DROPDOWN CONTENT PANELS - PANELS FOR CONTENT APPEARING IN PRIMARY NAVIGATION E.G - More Options or Add to Solutions ***********************/

.contextMenuPanel.dropDownContextPanel {
	min-height: 100px;
	background: #3b6f85;
	width: 990px;
	background-color: rgba(59,111,133,0.95);
	margin: 0 auto 0 -30px;
	position: absolute;
	top: 0;
	z-index: 100;
}

.contextMenuPanel.dropDownContextPanel a.mercatoCommandButton {
	border-color: #376071 #376071 #335868;
}

.contextMenuPanel .content {
	width: 930px;
	margin: 0 auto;
	padding: 22px 0 13px;
}

.contextMenuPanel .settingsTable .rowHelpText {
	color: #fff;
	margin: 5px 0 0 0;
}

.contextMenuPanel label {
	color: #fff;
}

.contextMenuPanel .settingsTable .rowHeader {
	vertical-align: top;
	color: #fff;
	min-width: 89px;
}

.contextMenuPanel .actionRow {
	text-align: right;
	margin: 0 32px 0 0;
	padding-top: 0;
	width: 405px;
	border-top: 1px solid #6492a6;
}

.contextMenuPanel .content.forceMinHeight {
	min-height: 310px;
	position: relative;
	padding-bottom: 30px;
}


.contextMenuPanel .actionRow.forceBaseline {
	position: absolute;
	bottom: 30px;
}

.contextMenuPanel .selectionBlocksContainer .select a.trigger span.triggerInner {
	width: 300px;
}

.contextMenuPanel .selectionBlocksContainer .select .options {
	max-width: 300px;
	min-width: 300px;
	overflow-x: hidden;
}

/************* CONTEXT DROP DOWN PANELS ***********************/

.dropDownContextPanel {
	visibility: hidden;
}

#primaryNavigation .tabsContainer .tabContext a,
#primaryNavigation .tabsContainer .tabContext a {
	outline: none;
}

#primaryNavigation .tabsContainer .tabContext a.dropDownTrigger .tabTitle {
	padding-right: 14px;
	margin-right: 8px;
}

#primaryNavigation .tabsContainer .tabContext.selectedLi,
#primaryNavigation .tabsContainer .tabContext a.selectedLi {
	background: #45768b;
	height: 50px;
}

/************* GRIDVIEWS ***********************/


/** Gridview Main Content **/

.gridView td {
	padding: 8px 5px 8px 11px;
	border-bottom: 1px solid #C8C3BA;
	line-height: 1.7;
}

.gridView td.noBottomBorder {
	border-bottom: none;
}

.gridView td.noBottomBorder .gridView.collapsable {
	margin-top: 0;
	margin-bottom: 15px;
}

.gridView.withSelect td {
	padding: 5px;
}

.gridView.lightBorders td {
	padding: 10px 5px 10px 11px;
}

.gridView.noBorders td {
	border-bottom: none;
	padding-bottom: 10px;
}

.gridView td a {
	font-weight: normal;
}

.gridView .emptyRow td{
	border:none;
	font-weight:bold;
	font-size:14px;
}


/** Gridview Footer **/
.gridView tr.footer td {
	font-size: 1px;
	line-height: 1px;
	border: none;
	border-bottom: 1px solid #e8e8e8;
}


/** Gridview Paging **/
.gridView tr.pager table {
	float: right;
}

.gridView tr.pager td {
	border: 0;
	padding: 10px;
	/*border-bottom: 1px solid #e8e8e8;*/
	border-bottom:none;
}

.gridView tr.pager td td {
	border: none;
	background-image: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.gridView tr.pager td td span {
	display: block;
	margin: 0 4px 10px;
	padding: 10px 5px;
	height: auto;
	font-weight:normal;
}

.gridView tr.pager td td a {
	display: block;
	border: 1px solid #87c4dc;
	background: #fff;
	font-weight: normal;
	margin: 0 4px 10px;
	padding: 10px 12px;
}



.SEFooter td.pager a,
.pager a {
	display: inline-block;
	border: 1px solid #87c4dc;
	background: #fff;
	font-weight: normal;
	margin: 0 4px 10px;
	padding: 10px 12px;
	transition: all 0.1s ease-in-out 0s;
	min-width:16px;
	text-align:center;
}

.gridView tr.pager td a:hover,
.pager a:hover {
	border-color: #009dd9;
	background-color: #009dd9;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.2);
	text-decoration: none;
}

.pager a:hover
{
	background-color:#009dd9;
	color:#fff;
}

.SEFooter td.pager a:hover {
	background: #009dd9;
	color: #fff;
	text-decoration: none;
}

.gridView .lineItemPromotion {
	margin-bottom: 8px;
	color: #e3b600;
	font-size: 10pt;
	border-top: dotted 1px #b2c0c5;
	border-bottom: dotted 1px #b2c0c5;
	border: none;
}

.gridView .lineItemPromotion ul {
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
}

.gridView .lineItemPromotion ul li {
	padding: 0 10px 4px 22px;
	margin-left: 0;
	font-size: 8pt;
}

.gridView .lineItemPromotion a {
	margin: 0;
	color: #e3b600;
	text-decoration: none;
}

.gridView .lineItemPromotion a:hover {
	color: #be9800;
	text-decoration: underline;
}

.gridView .total {
	font-size: 13px;
	margin-right: 10px;
}

.gridView .partNumber,
.gridView .fieldSolutionName {
	display: inline-block;
	margin-top: 7px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px !important;
}

.gridView .productDescription {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 8px;
	color: #797a7b;
	min-width: 285px;
}

.gridView .itemDemandConditional {
	margin-bottom: 7px;
}

.gridView .categoryABCD {
	margin-left: 9px;
	margin-right: 9px;
}

.gridView .tdTitle {
	display: block;
	font-size: 15px;
	width: 400px;
}

.gridView .tdDetail {
	display: block;
	color: #797a7b;
}

.gridView .tdOptions {
	width: 100px;
}

.gridView.noBorders td.qty {
	padding-left: 16px;
	width: 15px;
}

.gridView.noBorders td.xQty {
	width: 5px;
	color: #787878;
}

.gridView .input {
	width: 15px;
}

.gridView .rightAlign {
	text-align: right;
}

.gridView .headerPaddingRight {
	padding-right: 6px;
}

.genericGridView .labelText
{
	color: #949494;
    font-size: 13px;
}

.genericGridView .labelText,
.genericGridView .labelTextValue
{
	display:inline;
}





.partsContent {
	margin-top: 25px;
}

/* BOTTOM GRID SPACE WITH DROPDOWN */

.yourMessagesGrid {
	margin-bottom: 120px;
}

/************* SETTINGS - FAVOURITE CONTACTS GRID VIEW WIDTHS ***********************/

.contactNameCol {
	width: 200px;
}

.emailAddressCol {
	width: 300px;
}

.companyNameCol {
	width: 145px;
}

.actionOptionsCol,
.gridView td.actionOptionsCol {
	width: 105px;
	text-align: right;
	padding-right: 10px;
}

/************* LIST VIEW PAGER ***********************/

.pager {
	margin: 30px 15px 20px 15px;
}

.pager span {
	background-color: #fff;
	height: 30px;
	display: block;
}

.pager span span {
	display: inline;
	padding: 5px;
}

.pager span a {
	border: 1px solid #87c4dc;
	background-color: #fff;
	background: #fff;
	font-weight: normal;
	margin: 0 2px;
	padding: 10px 12px;
}

.pager span a:hover {
	background: #2baedd;
	color: #fff;
	text-decoration: none;
}

.pager span a.aspNetDisabled {
	border: none;
	display: none;
}

.pager span a.aspNetDisabled:hover {
	background: none;
	color: #9a9a9a;
}

/************* STRIPE SUMMARY ***********************/

.stripeSummary {
	background-color: #f8f8f8;
	clear: both;
	left: -29px;
	margin-top: 0px;
	overflow: hidden;
	/*position: relative;*/
	padding:5px 30px;
	border-bottom: 1px solid #efefef;
}

.stripeSummary.noBackground {
	background: none;
	border-bottom: none !important;
}

.stripeSummary.withDropDown {
	overflow: visible;
	background: none;
	border-bottom: 2px solid #417080;
}

.stripeSummary.withDropDown .select,
.stripeSummary.withDropDown select {
	margin: 13px 6px 13px 0;
}

.stripeSummary.withDropDown .solutionDropDown {
	padding: 3px 3px 3px 5px;
}

.stripeSummary.secondaryStripe {
	background-color: #fff;
	border-left: none;
	border-bottom: 1px #EAF2F6 solid;
	margin-bottom: 20px;
}

.stripeSummary.secondaryStripe.wizardActions {
	border-bottom: 2px solid #417080;
	padding-bottom: 10px;
}

.stripeSummary.secondaryStripe.wizardActions.endOfPage {
	border-bottom: 0 none;
	margin-top: 20px;
}

.summaryStripeSpacer {
	padding-bottom: 0;
	padding-top: 0;
}

.summaryStripeSpacer.wizardActions {
	padding-bottom: 10px;
	padding-top: 6px;
}

.summaryStripeSpacer.noTopPadding {
	padding-top: 0;
}

.stripeSummary.contentWidthOnly {
	left: 0;
}

.stripeSummary.contentWidthOnly .contentInner {
	margin: 0;
	width: auto;
}

.stripeSummary .leftElements {
	float: left;
}

.stripeSummary .rightElements {
	float: right;
	margin-top:5px;
}

.stripeSummary .leftElements,
.stripeSummary .rightElements {
	padding:0;
}

.stripeSummary .itemGroup {
	float: left;
	margin-right: 0px;
	/*border-left: 1px solid #C0D9E0;*/
}



.stripeSummary .itemGroup.leftMargin {
	margin-left: 8px;
}

.itemGroup.rightAlignText,
.itemGroup .rightAlignText
{
	text-align: right;
}

.stripeSummary .itemGroup.buttonHolder {
	padding: 6px 0px 0 3px;
	border-left: 0 none;
}

.stripeSummary .itemGroup.selectSolution {
	border: none;
}

.stripeSummary .itemGroup.solutionDescription {
	border: none;
}

.stripeSummary .itemGroup.solutionDescription span {
	font-size: 11px;
	padding: 0 15px 25px 236px;
	display: block;
	color: #797A7B;
	width: 570px;
}

.stripeSummary .itemGroup.selectSolution .label {
	margin-top: 13px;
	margin-left: 15px;
	font-size: 13px;
	float: left;
}

.stripeSummary .itemGroup.selectSolution.compatibleFeatures .label {
	margin-left: 71px;
}

.specifyASolution {
	padding-bottom: 15px;
	border-bottom: 1px solid #DFE6E7;
}

.stripeSummary .itemGroup.buttonHolder a.mercatoCommandButton {
	margin-top: 7px;
}

.stripeSummary .rightElements .itemGroup dl {
	float: left;
	min-height: 49px;
	margin-right: 0px;
	/*border-left: 1px solid #6dc8f9;*/
	margin: 0;
	padding: 0 10px 0 15px;
}

.stripeSummary.summaryPage .rightElements .itemGroup dl {
	border-left: none;
}

.stripeSummary.secondaryStripe.wizardActions .rightElements .itemGroup dl {
	min-height: 18px;
	padding: 0;
}

.stripeSummary .rightElements .itemGroup.highlightedBlock dl {
	border-left: 5px solid #6DC8F9;
	width: 191px;
	min-width: 191px;
}

.stripeSummary.secondaryStripe .itemGroup {
	border-left: none;
}

.stripeSummary.secondaryStripe .rightElements .itemGroup {
	text-align: right;
}

.stripeSummary.secondaryStripe.wizardActions .rightElements .itemGroup {
	padding: 0;
}

.stripeSummary.secondaryStripe .rightElements .itemGroup dl {
	border-left: 0 none;
	width: auto;
}

.stripeSummary .rightElements dl {
	float: right;
}

/*.stripeSummary dl:first-child {
	border-left: medium none;
}*/

.stripeSummary dl {
	/*border-left: 1px solid #979898;*/
	float: left;
	margin: 6px 30px 0 0;
	padding: 0;
}

.stripeSummary dt {
	margin: 0;
	padding: 0;
	color:#808080;
	font-size:14px;
}

dt {
	font-weight: normal;
}

dd {
	margin-left: 0;
}

.stripeSummary dd {
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.stripeSummary .emphasis
{
	font-weight:bold;
}


.stripeSummary dd.multiplePrice {
	padding-bottom: 10px;
}

.stripeSummary dd.buttonInStripe {
	margin-top: 5px;
}

.stripeSummary a.ajaxLink {
	margin-left: 0;
}

.stripeSummary .rightElements a.ajaxLink {
	margin-left: 10px;
}

.stripeSummary dd .secondaryLabel {
	font-size: 11px;
}


.stripeSummary .highlightedBlock {
	background-color: #399bca;
	color: #dddedf;
}

.stripeSummary .highlightedBlock dl {
	border-left-color: #2E84BA;
}

.stripeSummary .highlightedBlock dd {
	color: #fff;
}

.stripeSummary .highlightedBlock dd .secondaryLabel {
	color: #D3E6F4;
}

.clearButton {
	display: none;
}

.labelHeader 
{
    color:#808080;
}
.pricingResponse .labelHeader,
.pricingResponse .labelResult
{
    font-size:15px;
    margin-bottom:3px;
    display:inline-block;
}


/*floats*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/*title bar*/

.titleHeader {
	background: #fff;
	margin: 0 auto;
	border-bottom: 1px #d7d7d7 solid;
}

/* WHEN FIXED INFO IS ON */
.fixedInfo .titleHeader,
.fixedModalInfo .titleHeader {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.15);
}

.fixedModalInfo .fixedWrapper {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}


.fixedModalInfo .fixedWrapper .selectionsPanel {
	top: 86px;
}

.fixedModalInfo .pageContent {
	padding-top: 86px;
}


.titleHeader .titleHeaderContent {
	width: 1180px;
	margin: 0 auto;
}

.titleHeader .titleHeaderContent .left {
	float: left;
	margin-left: 15px;
	padding-bottom: 15px;
}

.titleHeader .titleHeaderContent .right {
	float: right;
}

.titleHeader .titleHeaderContent h1 {
	margin-top: 0;
	font-size: 24px;
	font-weight: bold;
	color: #373737;
	max-width: 410px;
	word-wrap: break-word;
}

.titleHeader.wide .titleHeaderContent h1 {
	max-width: none;
}

/* BREADCRUMBS */
.breadCrumb {
	padding-top: 12px;
	padding-bottom: 7px;
	font-size: 11px;
	color: #949494;
}

.breadCrumb a {
	color: #949494;
}

.breadCrumb a:hover {
	text-decoration: underline;
}

.breadCrumbPipe,
.breadCrumbArrow {
	margin: 0 2px;
}

.breadCrumbDestination {
	color: #2c2c2c;
}

.contentContainer {
	padding: 0 40px 40px;
}

.titleHeaderContent .itemGroup {
	padding-top: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
}

.titleHeaderContent .itemGroup dt {
	font-size: 14px;
	color: #949494;
}

/* SECONDARY PRICING IN TITLE HEADER */
.titleHeaderContent .itemGroup.secondary dt,
.titleHeaderContent .itemGroup.secondary dd,
.titleHeaderContent .itemGroup.secondary dd .price {
	font-size: 12px;
}

.titleHeaderContent .itemGroup.secondary dd {
	margin-bottom: 5px;
}

.titleHeaderContent .itemGroup dd {
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: #262626;
	margin-top: 2px;
}

.titleHeaderContent .itemGroup dd .price {
	font-size: 18px;
	color: #6bae01;
	padding-left: 2px;
	margin-top: 5px;
	font-weight: bold;
}

.taxText {
	padding-left: 2px;
}

.titleHeaderContent .actionButton {
	margin-top: 20px;
	margin-right: 5px;
}


.pageContent {
	height: 100%;
	min-height: 600px;
	position: relative;
}

.pageContent.configurator {
	min-height: 800px;
}

.pageContent.configurator.overlay {
	min-height: 900px;
}

.fixedInfo .pageContent {
	padding-top: 98px;
}

.filterBarPanel {
	background: #f4f4f4;
	border-right: 4px solid #009dd9;
	width: 215px;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	float: left;
}

.filterTitleBlockBackground {
	background: #f4f4f4;
	border-right: 4px solid #009dd9;
	height: 100%;
	width: 215px;
	position: absolute;
}

.filterBarPanelContent {
	background: #f4f4f4;
	z-index: 20;
}

.filterBarPanelContent.DisplayNone {
	display: none;
}

.filterBarPanel .filterTitleBlock h3 {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 10px 10px 13px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px #2b2b2b;
}

.filterBarPanel .filterTitleBlock {
	background: #909194;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwOTE5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #909194 0%, #b0b0b0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909194), color-stop(100%,#b0b0b0));
	background: -webkit-linear-gradient(top, #909194 0%,#b0b0b0 100%);
	background: -o-linear-gradient(top, #909194 0%,#b0b0b0 100%);
	background: -ms-linear-gradient(top, #909194 0%,#b0b0b0 100%);
	background: linear-gradient(to bottom, #909194 0%,#b0b0b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909194', endColorstr='#b0b0b0',GradientType=0 );
	position: relative;
	z-index: 1;
}

.filterBarPanel .filterContent {
	position: relative;
	z-index: 1;
}

.filterBarPanel .filterContent.scrollFilterContent {
	background: none repeat scroll 0 0 #f4f4f4;
	border-right: 4px solid #009dd9;
}

.fixedInfo .filterContent.scrollFilterContent {
	position: fixed;
	top: 132px;
	width: 215px;
}

.filterBarPanel .filterContent h4 {
	text-transform: uppercase;
	font-size: 12px;
	margin: 25px 10px 10px 25px;
}

.filterBarPanel .filterContent .itemGroup {
	font-size: 12px;
	margin-bottom: 30px;
}


.filterBarPanel .filterContent .withInput {
	font-size: 12px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.filterBarPanel .filterContent .withInput label {
	margin-left: 15px;
	margin-bottom: 3px;
	display: block;
}

.filterBarPanel .filterContent .itemGroup ul {
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

.filterBarPanel .filterContent .itemGroup ul a {
	margin: 0;
	display: block;
}

.filterBarPanel a.error {
	background: url("../../images/en-gb/interface/warning_small_sprite.png") no-repeat top left grey;
}

.filterBarPanel .filterContent .itemGroup ul span {
	display: block;
	padding: 0;
	margin: 0;
}

.filterBarPanel .filterContent .itemGroup ul li {
	/*color: #009dd9;*/
	font-size: 12px;
	margin: 0;
	padding-bottom: 0;
}

.filterBarPanel .filterContent .itemGroup ul li .label {
	color: #009dd9;
}

.filterBarPanel .filterContent .itemGroup ul.filterMenu li.current .label {
	background: #009dd9 !important;
}

/*.quickSpecs .filterBarPanel .filterContent .itemGroup ul.filterMenu li .label {
	color: #000;
	font-size: 12px;
}*/

.filterBarPanel .filterContent .itemGroup .dropDownPanel ul a {
	margin: 0;
	display: block;
}

.filterBarPanel .filterContent .itemGroup ul span,
.filterBarPanel .filterContent .itemGroup .dropDownPanel ul span,
.filterBarPanel .filterContent .itemGroup .dropDownPanel ul .label {
	padding: 5px 10px 5px 25px;
	padding-right: 25px;
}

.filterBarPanel .filterContent .itemGroup .dropDownPanel ul span,
.filterBarPanel .filterContent .itemGroup .dropDownPanel ul .label {
	padding-left: 35px;
}

.filterBarPanel .filterContent .itemGroup .dropDownPanel .label.summaryLink {
	padding-left: 25px;
}

.filterBarPanel .filterContent .itemGroup ul li:hover a,
.filterBarPanel .filterContent .itemGroup ul li:hover a span,
.filterBarPanel .filterContent .itemGroup ul li.selectedNavItem a span,
.filterBarPanel .filterContent .itemGroup ul li.selected a span,
.filterBarPanel .filterContent .itemGroup ul li.current a {
	color: #fff;
}

.filterBarPanel .filterContent .itemGroup ul a:hover {
	text-decoration: none;
}

.filterBarPanel .filterContent .itemGroup ul li:hover,
.filterBarPanel .filterContent .itemGroup ul li.current {
	background: #009dd9;
	color: #fff;
	position: relative;
	display: block;
}

.filterBarPanel .filterContent .itemGroup ul.filterMenu li:hover,
.filterBarPanel .filterContent .itemGroup ul.filterMenu li.current {
	color: #000;
	background: #f4f4f4;
}


.filterBarPanel .filterContent .itemGroup ul li.expand:hover {
	background: #009dd9;
}

.filterBarPanel .filterContent .itemGroup ul li.expand:hover .label {
	color: #fff;
}

.filterBarPanel .filterContent .itemGroup ul li.current {
	background: #009dd9;
}

.filterBarPanel .filterContent .itemGroup ul li.current:hover {
	background: #009dd9;
}

.filterBarPanel .filterContent .itemGroup ul li.noHover:hover {
	background: #f4f4f4;
}

.filterBarPanel .filterContent .itemGroup .dropDownPanel ul li.current {
	background: #009dd9;
}

/* navItem with options */
.filterBarPanel .filterContent .itemGroup ul li.withOptions {
	position: relative;
}

.filterBarPanel .filterContent .itemGroup ul li.withOptions .label {
	padding-right: 52px;
}

.filterBarPanel .filterContent .itemGroup ul li.withOptions .editFolder {
	position: absolute;
	width: 20px;
	height: 30px;
	top: 0;
	right: 20px;
	text-indent: -9999px;
	display: block;
	background: url("../../images/en-GB/interface/options_folder_sprite.png") no-repeat 0 -48px;
}

.filterBarPanel .filterContent .itemGroup ul li.withOptions .editFolder:hover {
	background: url("../../images/en-GB/interface/options_folder_sprite.png") no-repeat 0 -73px;
}

.filterBarPanel .filterContent .itemGroup ul li.withOptions .deleteFolder {
	position: absolute;
	width: 20px;
	height: 30px;
	top: 0;
	right: 0;
	text-indent: -9999px;
	display: block;
	background: url("../../images/en-GB/interface/options_folder_sprite.png") no-repeat 0 8px;
}

.filterBarPanel .filterContent .itemGroup ul li.withOptions .deleteFolder:hover {
	background: url("../../images/en-GB/interface/options_folder_sprite.png") no-repeat 0 -21px;
}

.filterContent select {
	margin-left: 25px;
}

.filterContent .configurationModeSelect {
	width: 170px;
}

.filterContent .selectInFilter {
	width: 185px;
	margin-left: 15px;
}

.contentWithFilter {
	float: left;
	width: 961px;
}

.fixedInfo .contentWithFilter {
	padding-left: 219px;
}

.fixedInfo .collapseSummary .contentWithFilter {
	padding-left: 4px;
}

.contentWithFilter.configurationSummary {
	width: 100%;
}

/* GRIDVIEW */

.gridView {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
}

.gridView th {
	border-bottom: 3px solid #cecfce;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	padding: 18px 0 8px 10px;
	text-align: left;
	vertical-align: bottom;
}

.gridView td {
	padding: 15px 0 10px 10px;
	border-bottom: 1px solid #cecfce;
	vertical-align: top;
}

.gridView td span {
	display: block;
}

.gridView td span.supportingText {
	color: #7f7f7f;
}

.gridView .colPartSelections input[type="text"] {
	width: 40px;
}

.gridView .listPriceHeading,
.gridView .listPriceValue {
	display: inline;
}

.gridView .listPriceValue {
	font-weight: bold;
}

.gridViewHeader {
	font-size: 14px;
	padding: 0 6px 8px 30px;
	color: #000;
}

.gridView .headerRow {
	border-bottom: 3px solid #cecfce;
}

.gridView tr.regionInformation td {
	border-bottom: none;
}

.gridView tr.regionInformation td span {
	padding: 12px;
	border: #d7d7d7 solid 1px;
	background: #fcfaf8;
	margin: 5px;
	margin-right: 15px;
	margin-bottom: 0;
}

.regionCol
{
	min-width:100px;
}

.gridView th.textAlignRight,
.gridView td.textAlignRight
{
	text-align:right;
}


/* GRIDVIEW : INCLUDED COMPONENTS / BUILT-IN COMPONENTS */
/* GRIDVIEW : COMPONENTS / CONFIGURABLE COMPONENTS */
/* GRIDVIEW : BASE UNIT */

.includedComponents td {
	color: #7f7f7f;
}

.components,
.baseUnit {
	margin-bottom: 25px;
}

.includedComponents tr:last-child td {
	border-width: 2px;
}

.includedComponents td,
.components td,
.baseUnit td {
	padding: 10px 0;
	border-color: #efefef;
}

.componentIncludedWarning {
	font-weight: bold;
	background: #b4b4b4;
	padding: 5px 10px;
	margin: 5px 0 0;
	display: block;
	color: #fff;
}

tr.selectedRow td {
	background-color: #eef7fb;
}

tr.mandatoryRow td {
	background-color: #fff5bb;
}

tr.errorRow td {
	background-color: #fff3ec !important;
	border-color: #d92f00 !important;
}

tr.focusModelRow td,
tr.focusModels td {
	background-color: #f4fce8;
	border-color: #6BAE01;
}

tr.promoModelRow td,
tr.promoModels td {
	background-color: #fff0e0;
	border-color: #ff8500;
}

/* GRIDVIEW CONFIGURATOR OVERRIDES */

.configurator .includedComponents .colPartDescription,
.configurator .components .colPartDescription {
	width: 300px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.configurator .includedComponents .colPartCodeNumber,
.configurator .components .colPartCodeNumber {
	width: 120px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.configurator .includedComponents .colPartStockStatus,
.configurator .components .colPartStockStatus {
	width: 120px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.configurator .includedComponents .colPartPrice,
.configurator .components .colPartPrice {
	width: 140px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}


.configurator .includedComponents .colPartSelections,
.configurator .components .colPartSelections {
	width: 100px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.configurator .components .colPartSelections input[type="checkbox"] {
	margin-left: 20px;
}

/* GRIDVIEW QUICKSPECS OVERRIDES */
.quickSpecs .includedComponents .colPartDescription,
.quickSpecs .components .colPartDescription {
	width: 330px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.quickSpecs .includedComponents .colPartCodeNumber,
.quickSpecs .components .colPartCodeNumber {
	width: 100px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.quickSpecs .includedComponents .colPartStockStatus,
.quickSpecs .components .colPartStockStatus {
	width: 150px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.quickSpecs .includedComponents .colPartPrice,
.quickSpecs .components .colPartPrice {
	width: 200px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

.quickSpecs .includedComponents .colPartSelections,
.quickSpecs .components .colPartSelections {
	width: 100px;
	min-height: 1px;
	padding: 0 6px 0 30px;
}

/* GRIDVIEW SUMMARY OVERRIDES */

.summary .includedComponents,
.summary .components {
	width: 961px;
}

.summary .includedComponents .colPartDescription,
.summary .components .colPartDescription {
	width: 502px;
	min-height: 1px;
	padding: 0 0 0 30px;
}

.summary .includedComponents .colPartCodeNumber,
.summary .components .colPartCodeNumber {
	width: 100px;
	min-height: 1px;
	padding: 0 0 0 20px;
}

.summary .includedComponents .colPartStockStatus,
.summary .components .colPartStockStatus {
	width: 60px;
	min-height: 1px;
	padding: 0 0 0 10px;
}

.summary .includedComponents .colPartPrice,
.summary .components .colPartPrice {
	width: 140px;
	min-height: 1px;
	padding: 0 0 0 10px;
}

.summary .includedComponents .colPartSelections,
.summary .components .colPartSelections {
	width: 70px;
	min-height: 1px;
	padding: 0 0 0 10px;
}

/* GRIDVIEW BASE UNIT OVERRIDES */
.baseUnit {
	margin-bottom: 30px;
	width: 961px;
}

.baseUnit .colBaseUnitPrice,
.baseUnit .colBaseListPrice,
.baseUnit .colBaseChannelPrice,
.baseUnit .colBaseERPPrice {
	min-height: 1px;
	padding: 0 0 0 30px;
}

.baseUnit td span {
	display: inline;
}

/*  FORMS  */
.section .formRowContainer {
	margin: 0 40px 40px 40px;
}

.subSection {
	margin-bottom: 10px;
	padding-top: 0;
}

.subSection.noMarginBottom {
	margin-bottom: 0;
}

.subSection.topSpacer {
	padding-top: 10px;
}

.subSection.borderBottom {
	border-bottom: 1px solid #efefef;
	padding-bottom: 20px;
}

.subSection h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.section .subSection .formRow {
	margin-bottom: 0px;
}

.section .actionRow {
	margin: 10px 0;
	float: right;
}

.section .actionRow.fullWidth {
	width: 100%;
}

.section .formRow {
	margin-bottom: 20px;
}

.section.noBorder,
.merStandardForm .section.noBorder  {
	border:none;
}


.formRow.withButtons .rowLabelContainer .label,
.formRow.withButtons .rowDataContainer input,
.formRow.withButtons .rowDataContainer select {
	margin-top: 5px;
}

.merStandardForm.noSpacing .section{
	margin-bottom:0;
	padding-bottom:0;
}


.merStandardForm .rowLabelContainer {
	float: left;
	margin: 3px 11px 0 0;
	text-align: left;
	width: 200px;
}

.merStandardForm .rowDataContainer {
	width: 600px;
}

.merStandardForm .rowDataContainer {
	float: left;
}

.rowHelpText {
	color: #949494;
	display: block;
	margin-top: 2px;
	font-size: 12px;
}

.merStandardForm .rowHelpText {
	color: #949494;
	display: block;
	margin-top: 8px;
	font-size: 12px;
}


.withinGrid{
    width:100%;
    margin-bottom:10px;
	margin-top:10px;
}

.withinGrid .formRow{
    width:50%;
    float:left;
    margin-top:10px;
    margin-bottom:0;
}

.withinGrid .rowDataContainer
{
    width:auto;
}



input[type="text"],
input[type="password"],
textarea {
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	border: solid 1px #cecfce;
	width: 300px;
}

select
{
	margin-bottom: 5px;
}

input[type="text"].small {
	width: 80px;
}

input[type="text"].small.percentage 
{
    display:inline-block;
}

input[type="text"]:focus,
textarea:focus {
	border: solid 1px #85b1de;
}

/*APPLICATION BAR*/

.regionLanguageSelected {
	margin-left: 65px;
	position: relative;
}

.regionLanguageSelected a {
	font-size: 12px;
	margin-left: 5px;
}

.userOptionsContainer a {
	font-size: 12px;
	color: #696969;
}

.userOptionsContainer ul {
	margin: 0;
	padding: 0;
}

.userOptionsContainer li {
	list-style: none;
	display: inline;
	padding: 0 10px 0 10px;
	border-left: 1px solid #cbcbcb;
	font-size: 12px;
}

.userOptionsContainer li.noBorder {
	border-left: none;
}


/*CONFIGURATOR*/
.aspectGridView .sectionDisplayed {
	padding: 0;
}

.aspectGridView .sectionDisplayed.compact {
	margin-bottom: 10px;
}

.collapse .aspectGridView .sectionDisplayed {
	height: 95px;
}

.aspectGridView .sectionHeading {
	border-bottom: none;
	padding: 20px 30px;
}

.aspectGridView .sectionHeading.compact {
	padding: 10px 30px;
}

.quickSpecs .aspectGridView .sectionHeading {
	border-bottom: 1px solid #efefef;
}

.aspectGridView .sectionHeading h2 {
	padding-bottom: 0;
}

.aspectGridView .sectionHeadingLarge span {
	color: #202020;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	padding: 0 20px 20px 35px;
	word-wrap: break-word;
}

.sectionHelperText {
	background: #f8f8f8;
	border-bottom: 1px solid #dfe6e7;
	border-left: medium none;
	border-right: medium none;
	font-size: 13px;
	font-weight: normal;
	padding: 0 30px 20px 30px;
}

.sectionHelperText .itemGroup {
	margin-right: 30px;
}

.sectionHelperText .itemGroup dt span {
	color: #949494;
}

.sectionHelperText .itemGroup span {
	padding: 0;
}

.quickSpecs .aspectGridView .sectionHeadingLarge span {
	color: #000;
	font-size: 33px;
	font-weight: bold;
	padding: 0;
}

.gridView td a {
	font-weight: normal;
}

.aspectGridView .colPartPrice .priceAvailabilityBlock .itemPrice {
	font-weight: normal;
}

.aspectGridView .colPartPrice .priceAvailabilityBlock span,
.aspectGridView .colPartPrice .priceAvailabilityBlock a {
	max-width: 180px;
	word-wrap: break-word;
	word-break: break-all;
}

.itemPrice {
	color: #000;
}


.gridView td.partContentCallOuts {
	width: 269px;
	border-bottom: none;
}

.configuratorHeader {
	width: 686px;
}

.collapse .contentWithFilter,
.collapseSummary .contentWithFilter {
	width: 699px;
	margin-left: 0;
}

.collapse .filterBarPanel,
.collapseSummary .filterBarPanel {
	width: 0;
	display: none;
}

.collapse .gridView td.partContentCallOuts,
.collapseSummary .gridView td.partContentCallOuts {
	padding: 0;
	width: 0;
}

.collapse .filterBarPanelContent .filterTitleBlock,
.collapse .filterBarPanelContent .filterContent,
.collapseSummary .filterBarPanelContent .filterContent {
	overflow: hidden;
	float: left;
	width: 0;
}

.collapse .filterBarPanelContent .filterTitleBlockBackground,
.collapseSummary .filterBarPanelContent .filterTitleBlockBackground {
	width: 0;
}

.detailPanel {
	width: 0;
}

.detailPanel .detailPanelContent {
	display: none;
}

.detailPanel .detailsMoreInfo {
	float: left;
	margin-top: 20px;
}

.collapse .detailPanel .detailPanelContent,
.collapseSummary .detailPanelSummary .detailPanelContent,
.overlay .detailPanel .detailPanelContent {
	display: inline-block;
}

.collapse .sectionHelperTextContent {
	display: none;
}

.detailsImage {
	float: right;
}

.collapse .partContentCallOutsContent {
	display: none;
	visibility: hidden;
}

.collapse .detailPanel,
.collapseSummary .detailPanelSummary,
.overlay .detailPanel {
	left: 627px;
	position: absolute;
	top: 0;
	width: 435px;
	border-left: 1px solid #cecfce;
	background-color: #fff;
}


/* OVERVIEW CATALOG */
.overlaySelections .selectionsPanel.overviewContent {
	left: 0;
	width: 1139px;
	min-height: 0;
	display: none;
}

.overlaySelections .selectionsPanel.overviewContent .currentSelectionsContent {
	float: right;
	width: 435px;
	border-left: 1px solid #cecfce;
	padding-left: 50px;
	min-height: 400px;
}

.overlaySelections .selectionsPanel.overviewContent .extraContent {
	float: left;
	width: 600px;
}

.extraContent .gridView {
	width: 600px;
	margin-bottom: 0;
}

.extraContent .gridView td {
	padding: 6px 0 5px 10px;
}

.extraContent .gridView th {
	padding-top: 10px;
	font-weight: bold;
	font-size: 14px;
}

.collapseSummary .detailPanelSummary {
	border-left: none;
}

.overlay .detailPanel {
	border-color: #d5d5d5;
	box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.10);
}


/*detail panel*/

.detailPanelSummary {
	display: none;
}

.collapseSummary .detailPanelSummary {
	display: block;
	min-height: 696px;
}

.detailPanel,
.detailPanelSummary {
	padding: 30px 20px 20px 20px;
}

.collapseSummary .detailPanelSummary {
	padding: 30px 20px 20px 30px;
	width: 490px;
}

.detailPanel h3 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	width: 405px;
}

.detailPanel .categoryLabel {
	color: #808080;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.detailPanel .categoryLabel .categoryLabelContent {
	margin-left: 3px;
}

.detailPanel .flags {
	margin-bottom: 10px;
	font-size: 12px;
}

.detailPanel .flags .topSeller {
	text-transform: uppercase;
	color: #dc291e;
}

.detailsMoreInfoContainer dd,
.detailsMoreInfoContainer dt {
	font-size: 13px;
}

.detailsMoreInfoContainer.price dd,
.detailsMoreInfoContainer.price dt {
	font-size: 14px;
}

.detailsMoreInfoContainer.price .detailsRow {
	margin-bottom: 5px;
}

.detailsMoreInfoContainer .detailsRow .price {
	color: #6bae01;
	font-size: 18px;
	font-weight: bold;
}

.detailPanel .detailsRow dt,
.detailsMoreInfoContainer .detailsRow dt{
	color: #808080;
	padding-bottom: 3px;
}

.detailPanel .detailsRow dd,
.detailsMoreInfoContainer .detailsRow dd {
	font-size: 12px;
}

.detailPanel .detailsRow dd .price,
.detailsMoreInfoContainer .detailsRow dd.price {
	font-size: 13px;
}

.detailPanel .detailsRow .itemGroup,
.detailsMoreInfoContainer .detailsRow .itemGroup {
	padding-right: 20px;
}

.detailPanel .detailsRow .itemGroup.itemGroupPaddingRight,
.detailsMoreInfoContainer .detailsRow .itemGroup.itemGroupPaddingRight {
	padding-right: 50px;
}

.detailPanel .detailsRow .itemGroup dl,
.detailsMoreInfoContainer .detailsRow .itemGroup dl {
	padding: 0 0 10px;
}

.detailPanel .detailsCostWithImage {
	width: 430px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.detailPanel .detailsDescription {
	font-size: 12px;
}

.detailPanel .compatibleWith {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.detailPanel .compatibleWithList {
	float: left;
	width: 427px;
}

.detailPanel h4 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
}

.detailPanel .compatibleWith h4 {
	font-size: 16px;
}

.detailPanel .compatibleWith h5 {
	font-size: 14px;
	font-weight: bold;
}

.detailPanel .compatibleWith ul {
	margin-left: 0;
	padding-left: 12px;
}

.detailPanel .compatibleWith li {
	font-size: 13px;
	width: 200px;
	float: left;
	padding-bottom: 5px;
}

.detailsDescription li {
	color: #555;
}

.detailsRow {
	margin-bottom: 20px;
}

.collapseSummary .filterBarPanel .filterTitleBlock h3 {
	display: none;
}

.detailPanelContent h4 {
	font-size: 16px;
	font-weight: bold;
}

.solutionSummaryDetails {
	width: 70%;
}

.solutionSummaryPrices {
	width: 30%;
}

/************* BROWSE FAMILIES / MODELS ***********************/

.groupInformation {
	background: #000;
	height: 255px;
	margin-bottom: 40px;
}

.groupInformation h2 {
	margin: 0;
	padding: 30px 40px 10px;
	text-transform: uppercase;
	font-size: 31px;
	width: 405px;
	color: #fff;
}

.groupInformation p {
	color: #fff;
	width: 405px;
	padding: 0 40px;
}

.groupContent {
	margin: 40px 0 60px;
}

.groupContent h3 {
	margin: 0 25px 30px;
}

.groupContent.compatibleFamiliesModels {
	margin: 40px 0 60px 30px;
}

.groupContent.compatibleFamiliesModels h3 {
	margin: 0 30px 20px 0;
}

.banner {
	height: 262px;
	margin-bottom: 40px;
}

.banner h3 {
	margin: 0;
	padding: 30px 40px 10px;
	text-transform: uppercase;
	font-size: 31px;
	width: 360px;
	color: #000;
}

.banner p {
	color: #fff;
	width: 405px;
	padding: 0 40px;
}

.banner .bannerImage {
	float: left;
	padding-left: 40px;
}

.banner .bannerContent {
	float: left;
	padding-left: 40px;
}

.banner .bannerContent .bannerButton {
	padding-left: 40px;
	padding-top: 10px;
}

/* BLOCKS */

.groupBlocksContainer {
	padding: 30px 0 60px 30px;
}

.groupBlocksContainer.withTabs {
	padding: 15px 0 60px 30px;
}

.groupBlock {
	border: 1px solid #87c4dc;
	float: left;
	transition: all ease-in-out 0.1s;
	border-radius: 2px;
}

.groupBlock:hover {
	border-color: #009dd9;
	text-decoration: none;
	box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
    .groupBlock.model:hover 
    {
        box-shadow:none;
    }

.groupBlockImage {
	width: 215px;
	height: 150px;
	float: right;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.groupBlockTitle {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 10px 5px 5px 15px;
	display: block;
	width: 204px;
	min-height: 25px;
	word-break: break-all;
	word-wrap: break-word;
}

.groupBlockDescription {
	font-size: 12px;
	color: #a7a7a7;
	padding: 0 10px 5px 15px;
	display: block;
	width: 198px;
	line-height: 1.2;
	min-height: 40px;
	word-wrap: break-word;
}

.families .groupBlockDescription {
	max-height: 98px;
	overflow: hidden;
}

.groupBlockModelCount,
.groupBlockModelHeading,
.groupBlockFromHeading {
	color: #7f7f7f;
	font-size: 12px;
	display: block;
	float: left;
}

.groupBlockModelCount {
	padding: 0 5px 0 15px;
}

.groupBlockModelHeading {
	padding: 0 5px 0 0;
	width: 170px;
}

.groupBlockFromHeading,
.groupBlockPrice {
	float: left;
}

.groupBlockFromHeading,
.groupBlockModelHeading {
	text-transform: lowercase;
}

.groupBlockFromHeading {
	padding: 5px 5px 5px 15px;
}

.groupBlockPrice {
	color: #6bae01;
	font-size: 17px;
	font-weight: bold;
	padding: 0 5px 5px 0;
}


/* GROUP: FAMILIES */

.groupBlock.families {
	width: 266px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.groupBlock.families .groupBlockImage
{
	float:none;
	height:165px;
	width:220px;
	margin:15px 15px 0;
}

.groupBlock.families .groupBlockDescription,
.groupBlock.families .groupBlockTitle
{
	width:auto;
}

.groupBlock.families .groupBlockDescription
{
	padding-bottom:15px;
	max-height:none;
}


/* GROUP: MODELS */

.configurable .groupBlock {
	background-image: url("../../images/en-gb/interface/configurable_icon.png");
	background-position: 98% 5px;
	background-repeat: no-repeat;
}

	.configurable .groupBlock.models .groupBlockTitle {
		width: 300px !important;
	}

.groupBlock.models {
	width: 440px;
	height: 170px;
	margin-left: 25px;
	margin-bottom: 15px;
}

.groupBlock.models.browseRange {
	height: 190px;
}

.focusModels .groupBlock.models {
	width: 434px;
}

.modelImageContainer {
	float: right;
	width: 130px;
	display: block;
}

.groupBlock.models.browseRange .modelImageContainer {
	width: 130px;
}

.groupBlock.models .groupBlockImage {
	margin-top: 0;
	margin-bottom: 8px;
	margin-right: 25px;
	width: 100px;
	height: 75px;
}

.groupBlock.models.browseRange .groupBlockImage {
	height: 75px;
	margin: 0 25px 8px 15px;
	width: 100px;
}


.groupBlock.models .groupBlockTitle {
	width: 350px;
}

.groupBlock.models .groupBlockUPS {
	font-size: 12px;
	color: #7f7f7f;
	padding: 0 10px 5px 15px;
	display: block;
	width: 265px;
	line-height: 1.2;
}

.groupBlock.models .groupBlockDescription {
	width: 255px;
}

.groupBlock.models .groupBlockFromHeading {
	padding-left: 0;
	padding-bottom: 15px;
}

.groupBlock.models.browseRange .groupBlockFromHeading {
	padding-bottom: 0;
}

.groupBlock.models .groupBlockPrice {
	padding-right: 25px;
	padding-bottom: 15px;
}

.groupBlockFromHeading,
.groupBlockPrice {
	float: none;
	text-align: right;
	display: block;
}

.groupBlock.models .groupBlockFromHeading {
	padding-right: 25px;
	padding-bottom: 0;
}

.groupBlock.models.browseRange .groupBlockFromHeading,
.groupBlock.models.browseRange .groupBlockPrice {
	float: none;
	display: block;
}

.groupBlock.models.browseRange .groupBlockPrice {
	text-align: right;
}

.groupBlock.models.browseRange .groupBlockFromHeading {
	text-align: right;
	padding-right: 25px;
}

.modelsContainer.withTabs {
	padding: 15px 0 60px;
}


/* GROUP: LANDING MODELS */

.focusModels .groupBlock.modelsLanding,
.promoModels .groupBlock.modelsLanding,
.greatDealModels .groupBlock.modelsLanding {
	width: 355px;
}


.groupBlock.modelsLanding {
	width: 361px;
	height: 170px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.groupBlock.modelsLanding.noMarginRight {
	margin-right: 0;
}

.groupBlock.modelsLanding .groupBlockImage {
	margin-top: 0;
	margin-bottom: 8px;
	margin-right: 15px;
	width: 100px;
	height: 75px;
}

.groupBlock.modelsLanding .groupBlockUPS {
	font-size: 12px;
	color: #7f7f7f;
	padding: 0 10px 5px 15px;
	display: block;
	width: 265px;
	line-height: 1.2;
}

.groupBlock.modelsLanding .groupBlockDescription,
.groupBlock.modelsLanding .groupBlockUPS,
.groupBlock.modelsLanding .groupBlockTitle {
	width: 180px;
}

.groupBlock.modelsLanding .groupBlockTitle {
	width: 315px;
	display: inline-block;
}

.groupBlock.modelsLanding .groupBlockFromHeading {
	padding-left: 0;
	padding-bottom: 0;
}

.groupBlock.modelsLanding .groupBlockPrice {
	padding-right: 25px;
	padding-bottom: 15px;
}

.groupBlock.modelsLanding .groupBlockFromHeading,
.groupBlock.modelsLanding .groupBlockPrice {
	padding-right: 25px;
}

/* GROUP: BROWSE BY COMPETITOR FAMILES */

.groupBlock.browseCompetitorFamiies {
	width: 700px;
	height: 190px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.groupBlock.browseCompetitorFamiies.noMarginRight {
	margin-right: 0;
}

.groupBlock.browseCompetitorFamiies .groupBlockImage {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	height: auto;
}

.groupBlock.browseCompetitorFamiies .groupBlockUPS {
	font-size: 16px;
	color: #dc291e;
	padding: 0 10px 5px 15px;
	display: block;
	width: 450px;
	line-height: 1.2;
}

.groupBlock.browseCompetitorFamiies .groupBlockDescription {
	font-size: 15px;
	padding-top: 5px;
}

.groupBlock.browseCompetitorFamiies .groupBlockDescription,
.groupBlock.browseCompetitorFamiies .groupBlockUPS,
.groupBlock.browseCompetitorFamiies .groupBlockTitle {
	width: 450px;
}

.groupBlock.browseCompetitorFamiies .groupBlockTitle {
	width: 450px;
	display: inline-block;
	font-size: 24px;
	padding-top: 15px;
}

.groupBlock.browseCompetitorFamiies .groupBlockFromHeading {
	padding-left: 0;
	padding-bottom: 15px;
}

.groupBlock.browseCompetitorFamiies .groupBlockPrice {
	padding-right: 15px;
	padding-bottom: 15px;
}

.groupBlock.browseCompetitorFamiies .groupBlockFromHeading,
.groupBlock.browseCompetitorFamiies .groupBlockPrice {
	float: right;
}

/* GROUP: BROWSE RANGE */

.browseRangeContainer {
	margin: 30px 0 20px 30px;
}

.groupBlock.range {
	width: 358px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.groupBlock.range.noMarginRight {
	margin-right: 0;
}

.groupBlock.range .groupBlockImage {
	width: 148px;
	height: auto;
}

.groupBlock.range.leftImage .groupBlockImage {
	width: 148px;
	height: auto;
	float: left;
	margin: 1px;
}

.groupBlock.range .groupBlockTitle {
	font-size: 21px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 0;
	width: 180px;
}

.groupBlock.range.leftImage .groupBlockTitle,
.groupBlock.range.leftImage .groupBlockSubTitle,
.groupBlock.range.leftImage .groupBlockDescription {
	float: left;
	width: 170px;
	padding-right: 10px;
}

.groupBlock.range .groupBlockSubTitle {
	font-size: 16px;
	color: #dc291e;
	padding-left: 20px;
	padding-bottom: 20px;
	display: block;
	width: 180px;
}

.groupBlock.range .groupBlockDescription {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 0;
	width: 180px;
}

/* GROUP: RESOURCES */

.groupBlock.resources {
	width: 354px;
	min-height: 110px;
	margin-right: 25px;
	margin-bottom: 15px;
	position: relative;
}

.groupBlock.resources .groupBlockTitle {
	font-weight: normal;
	font-size: 14px;
	padding: 20px 20px 5px;
	width: auto;
}

.groupBlock.resources .groupBlockIcon {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: url("../../images/en-gb/interface/group_block_icons_sprite.png") no-repeat;
}

.groupBlock.resources:hover .groupBlockIcon {
	background: url("../../images/en-gb/interface/group_block_icons_sprite.png") no-repeat 0 -40px;
}

.groupBlock.resources .groupBlockFileName {
	padding-left: 20px;
	color: #a7a7a7;
	font-size: 13px;
	padding-right: 5px;
}

.groupBlock.resources .groupBlockFileSize {
	padding-left: 20px;
	color: #a7a7a7;
	font-size: 13px;
}

.groupBlock.resources .groupBlockFileSizeUnit {
	padding-left: 5px;
	color: #a7a7a7;
	font-size: 13px;
}

.groupBlock.resources.noMarginRight {
	margin-right: 0;
}

/* GROUP: COMPETITIVE ANALYSIS */

.groupBlock.competitive {
	width: 354px;
	min-height: 90px;
	margin-right: 25px;
	margin-bottom: 15px;
	position: relative;
}

.groupBlock.competitive .groupBlockTitle {
	font-weight: normal;
	font-size: 14px;
	padding: 20px 20px 0;
	width: auto;
}

.groupBlock.competitive .groupBlockIcon {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: url("../../images/en-gb/interface/group_block_icons_sprite.png") no-repeat 0 -80px;
}

.groupBlock.competitive:hover .groupBlockIcon {
	background: url("../../images/en-gb/interface/group_block_icons_sprite.png") no-repeat 0 -120px;
}


.groupBlock.competitive.noMarginRight {
	margin-right: 0;
}

/*SUMMARY*/

.summary .categorySectionContainer {
	margin-bottom: 40px;
}

.summary .categorySectionContainer h4,
.summary .breakdownTitle h3,
.summary .categoryParentSectionContainer h3 {
	margin-left: 30px;
}

.summary .breakdownTitle h3 {
	font-size: 33px;
}

.summary .categorySectionContainer h4 {
	margin-top: 0;
}

.summary .categoryParentSectionContainer h3 {
	margin-bottom: 10px;
}

.summary .summaryOverview {
	margin: 40px 0 20px 0;
	float: left;
	width: 900px;
}

.summaryView .summary .summaryOverview {
	width: 100%;
}

.summary.configurationSummary .summaryOverview {
	width: 100%;
	margin-top: 0;
}

.summary .summaryOverview .summaryOverviewLeft {
	float: left;
	width: 340px;
	padding-right: 20px;
}

.summary.configurationSummary .summaryOverview .summaryOverviewLeft {
	width: 450px;
}

.collapse .summary .summaryOverview .summaryOverviewLeft {
	width: 520px;
}

.summary .summaryOverview .summaryOverviewRight {
	float: right;
	width: 520px;
	padding-left: 20px;
}

.summary.configurationSummary .summaryOverview .summaryOverviewRight {
	width: 620px;
}

.summaryView .summary .summaryOverview .summaryOverviewRight {
	width: 650px;
}

.summary .summaryImage {
	width: 200px;
	padding-right: 30px;
}

.summary .summaryOverview h4 {
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

.summary .summaryOverview dt {
	color: #949494;
	font-size: 18px;
}

.summary .summaryOverview .detailsRow dd,
.summary .summaryOverview .detailsRow dt {
	padding-right: 30px;
	padding-bottom: 3px;
}

.summary .summaryOverview dd {
	margin-bottom: 20px;
}

.summary .summaryOverview dd,
.summary .summaryOverview .detailsRow dt {
	font-size: 13px;
}

.summary .summaryOverview .detailsRow dd {
	margin-bottom: 20px;
}

.summary .summaryOverview dd .price {
	color: #6bae01;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

.summary .summaryOverview .detailsRow dd .price {
	padding-left: 0;
	font-size: 13px;
	color: #000;
	font-weight: normal;
}

.summary .summaryOverview .detailsRow dd .taxText {
	padding-left: 0;
}

.modelBreakdownDescription {
	display: block;
	font-size: 12px;
	color: #555;
	margin-left: 30px;
	margin-bottom: 10px;
	width: 870px;
}

.configurationSummary .summaryOverview h2 {
	margin-top: 0;
	margin-bottom: 40px;
}

.submitPreLoaded {
	width: 360px;
	margin-top: 10px;
}

/* SUMMARY ERRORS */

.summaryErrors {
	max-height: 360px;
	overflow: auto;
	width: 97%;
}

.summaryErrorsContainer {
	display: none;
}

.summaryView .summaryErrors {
	margin: 0;
	float: none;
}

.summaryView .summaryErrorsContentRight {
	width: auto;
}

.notifications.errors .summaryErrorText {
	background-color: #d92f00;
}

.notifications.information .summaryErrorText {
	background-color: #184583;
}

.notification.warnings .summaryErrorText {
	background-color: #b0ab63;
}

.summaryErrorRow span {
	font-size: 12px;
}

.summaryErrorText h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 10px 15px 12px;
	margin: 0;
}

.summaryErrorsContentLeft {
	float: left;
	width: 55px;
	background-color: #d92f00;
	margin-left: 30px;
}

.summaryErrorsContentRight {
	border: 2px solid #d92f00;
	margin: 0 10px 10px 10px;
}

.notifications.errors .summaryErrorsContentLeft,
.notifications.errors .summaryErrorText {
	background-color: #d92f00;
}

.notifications.information .summaryErrorsContentLeft,
.notifications.information .summaryErrorText {
	background-color: #184583;
}

.notifications.warnings .summaryErrorsContentLeft,
.notifications.warnings .summaryErrorText {
	background-color: #e6ac00;
}

.notifications.errors .summaryErrorsContentRight {
	border: 2px solid #d92f00;
}

.notifications.information .summaryErrorsContentRight {
	border: 2px solid #184583;
}

.notifications.warnings .summaryErrorsContentRight {
	border: 2px solid #e6ac00;
}

.collapse .summaryErrowRowSection {
	width: 60%;
}

.collapse .summaryErrowRowInformation {
	width: 40%;
	text-align: right;
}

/************* SECTION ERRORS ***********************/
.sectionErrors {
	margin-bottom: 20px;
}

.sectionErrors .summaryErrorsContentLeft {
	margin: 0;
}

.sectionErrors .summaryErrorsContentRight {
	float: left;
	width: 904px;
}

.sectionErrors .warningLargeInverted {
	height: 33px;
}

/************* GLOBAL ERRORS ***********************/

.globalErrors {
	color: #d12121;
	font-weight: bold;
	margin-top: 5px;
}

.globalErrorsWarningIcon {
	display: block;
	width: 15px;
	height: 20px;
	background: url("../../images/en-gb/interface/warning_small_sprite.png") no-repeat 0 4px;
}

.globalErrorsWarningIcon,
.globalErrorsNumber,
.globalErrorsMessage {
	float: left;
	margin-right: 3px;
}

.notificationLinksContainer {
	float: left;
}

.notificationLink {
	font-weight: bold;
}

/************* PROCESSING MESSAGE / SYSTEM FEEDBACK ***********************/

.processMessageContainer,
.processMessageContainerPricingAdvisor
 {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url("../../images/en-gb/interface/transparent_overlay.gif") repeat;
	z-index: 100;
}

.processMessageContainerPricingAdvisor
{
	z-index:1001;
	background: url("../../images/en-gb/interface/processMessage_overlay.png") repeat;
	top:0;
	left:0;
}

.processMessageContainerPricingAdvisor .processingMessage
{
	left:45%;
}


.processingMessage {
	font-size: 21px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 10px 0 10px 30px;
	margin: 0 auto;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	min-width: 250px;
	max-width: 300px;
	background: url("../../images/en-gb/interface/process_indicator.gif") no-repeat 10px center #efefef;
	border: 1px solid #cecfce;
	border-radius: 3px;
}

.withNavigation .processingMessage {
	top: 40%;
    left: 47%;
}

/************* SECTION ERRORS ***********************/

.warningLargeInverted {
	background: url("../../images/en-gb/interface/warning_large_sprite.png") center -33px no-repeat;
	padding: 13px;
	margin-right: 8px;
}

.sectionHeadingWarning {
	width: 32px;
	height: 32px;
	background: url("../../images/en-gb/interface/warning_large_sprite.png") 0 4px no-repeat;
	display: block;
	float: left;
}

.summaryErrorRow {
	margin: 11px 20px;
	overflow: hidden;
	font-size:12px;
}

.summaryErrowRowSection {
	width: 56%;
	float: left;
	font-weight: bold;
}

.summaryErrowRowInformation {
	float: left;
	text-align: left;
	width: 30%;
}

.summaryErrowRowInformationContent {
	width: 570px;
}

.summaryErrowRowInformationContent span {
	font-size: 12px;
	color: #dc291e;
	display: block;
	padding: 5px 0;
}

.errorInformation {
	padding-right: 20px;
	background: url("../../images/en-GB/interface/filter_arrow_sprite.png") 100% 105% no-repeat;
}

.errorInformation.closed {
	background: url("../../images/en-GB/interface/filter_arrow_sprite.png") 100% 67% no-repeat;
}

.collapse .summary .sectionHeadingLarge .sectionHeading.withButtons,
.collapseSummary .summary .sectionHeadingLarge .sectionHeading.withButtons {
	float: left;
	width: 580px;
	border-right: none;
}

.collapse .summary .sectionHeadingLarge .sectionHeading.withButtons .titleContent,
.collapseSummary .summary .sectionHeadingLarge .sectionHeading.withButtons .titleContent {
	width: 400px;
}

.collapse .summary .summaryOverview,
.collapseSummary .summary .summaryOverview {
	margin: 40px 0 20px 0;
	float: left;
	width: 650px;
}

.collapse .summary .summaryOverview .summaryOverviewRight,
.collapseSummary .summary .summaryOverview .summaryOverviewRight {
	float: left;
	width: 520px;
	padding-left: 20px;
	padding-top: 30px;
}

.summary .summaryBaseModel {
	margin-top: 30px;
	font-size: 12px;
}

.collapse .summary .summaryBaseModel {
	margin-left: 20px;
}

.summary .summaryBaseModel .title {
	color: #7f7f7f;
	padding-right: 3px;
}

.summary .summaryBaseModel .value {
	color: #7f7f7f;
}

.collapse .summary .mercatoButton.save {
	display: none;
}


.collapse .saveToAccountHelperText {
	font-size: 13px;
	color: #949494;
	margin-top: 20px;
}

.collapse .splitter {
	border-top: 1px solid #efefef;
	margin-top: 30px;
	position: relative;
	height: 50px;
}

.collapse .splitter .splitterContainer {
	border: 5px solid #fff;
	border-radius: 100%;
	left: 40%;
	top: -37px;
	position: absolute;
}

.collapse .splitter p {
	background: none repeat scroll 0 0 #f8f8f8;
	border: 1px solid #cfd0cf;
	border-radius: 100%;
	color: #a7a7a7;
	font-size: 28px;
	font-weight: bold;
	padding: 8px 15px 10px 15px;
}

.collapse .closeAction,
.overlay .closeAction,
.assistedMessage .closeAction,
.collapseSummary .closeAction {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -112px;
	height: 26px;
	text-indent: -9999px;
	width: 26px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.collapse .closeAction:hover,
.overlay .closeAction:hover,
.assistedMessage .closeAction:hover,
.collapseSummary .closeAction:hover {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -168px;
}

.expandAction {
	display: none;
}

.collapse .expandAction,
.collapseSummary .expandAction {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat 85% -218px #009dd9;
	float: left;
	height: 26px;
	text-indent: -9999px;
	width: 26px;
	padding: 7px 7px 7px 35px;
	margin-left: -30px;
	margin-right: 10px;
	display: block;
}

.collapse .expandAction:hover,
.collapseSummary .expandAction:hover {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat 85% -273px #009dd9;
}

.collapse .section {
	width: 410px;
	padding-left: 10px;
}

.sendConfigurationToDealer,
.configurationDetails,
.formPanel {
	border-bottom: 1px solid #efefef;
}

.sendConfigurationToDealer .section .formRowContainer,
.configurationDetails .section .formRowContainer,
.solutionDetails .section .formRowContainer,
.formPanel .section .formContainer {
	margin: 20px 0 5px;
}

.sendConfigurationToDealer .validationError,
.configurationDetails .validationError,
.solutionDetails .validationError,
.formPanel .validationError {
	color: #be2713 !important;
	display: block;
	float: left;
	font-size: 32px;
	height: 10px;
	margin-left: 7px;
	margin-top: 0;
}

.sendConfigurationToDealer .rowLabelContainer,
.configurationDetails .rowLabelContainer,
.formPanel .rowLabelContainer {
	margin-bottom: 3px;
}

.sendConfigurationToDealer .formRow {
	margin-bottom: 0;
}

.configurationDetails .formRow,
.formPanel .formRow {
	margin-bottom: 10px;
}

.sendConfigurationToDealer .formRow input[type="text"], input[type="password"], textarea,
.configurationDetails .formRow input[type="text"], input[type="password"], textarea,
.solutionDetails .formRow input[type="text"], input[type="password"], textarea,
.formPanel .formRow input[type="text"] {
	width: 400px;
}

.sendConfigurationToDealer textarea,
.configurationDetails textarea,
.formPanel textarea {
	max-width: 400px;
	width: 400px;
	resize: none;
}

.selectADealer,
.solutionDetails {
	margin: 20px 0;
}

.browseRecommendedModelsContainer h3 {
	font-size: 20px;
}

/************* ASSISTED CONFIGURATOR MESSAGE ***********************/

.assistedMessageContent {
	background: #ffeb90;
	border: 1px solid #ffd511;
	margin-bottom: 1px;
	padding: 20px 25px;
	margin: 0 40px 10px 10px;
}

.assistedMessage h2 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 21px;
	width: 780px;
}

.assistedMessage .mercatoButton {
	margin-right: 0;
}

.assistedHelperText {
	color: #545454;
	font-size: 12px;
	display: block;
}

.assistedHelperText {
	width: 655px;
}

.informationIcon {
	width: 21px;
	height: 21px;
	background: url("/images/en-GB/interface/information_icon_sprite.png") no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.collapseSummary .informationIcon {
	display: none;
}

.informationIcon:hover {
	background: url("/images/en-GB/interface/information_icon_sprite.png") no-repeat 0 -40px;
}

.filterTitleBlock.withInformation h3 {
	padding-right: 35px;
}

/************* COMPETITVE ANALYSIS DOUCMENTATION SPECIFIC STYLES ***********************/

.competitiveAnalysis {
	margin: 30px 30px 0;
	padding-bottom: 60px;
}

.competitiveAnalysis li {
	margin-bottom: 10px;
	width: 810px;
}

.competitiveAnalysis table ul {
	margin-left: 6px;
}

.competitiveAnalysis table li {
	width: auto;
	margin-left: 0;
	margin-right: 10px;
	padding-left: 0;
	list-style: none;
}

.competitiveAnalysis table ul ul li {
	width: auto;
	margin-left: 20px;
	margin-right: 0;
	padding-left: 0;
	list-style: circle;
}

.competitiveAnalysis ul ul li {
	width: 760px;
	margin-left: 100px;
}

.competitiveAnalysis p {
	width: 820px;
}

.competitiveAnalysis table p {
	width: auto;
	margin: 0;
}

body .competitiveAnalysis .graybox {
	font-size: 15px;
	color: #38666e;
	margin-bottom: 40px;
}

.competitiveAnalysis .graybox li {
	margin-left: 40px;
}

.competitiveAnalysis .graybox h3 {
	margin-top: 10px;
	margin-left: 0;
	font-size: 20px;
	color: #020708;
}

.competitiveAnalysis table {
	font-size: 12px;
	width: 100%;
}

.competitiveAnalysis th {
	color: #000;
	text-align: left;
	vertical-align: bottom;
	font-size: 16px;
	font-weight: normal;
	padding: 18px 0 5px 11px;
	border-bottom: 3px solid #417080;
	padding-bottom: 8px;
}

.competitiveAnalysis th p {
	padding: 0;
	color: #000;
}

.competitiveAnalysis td {
	border-bottom: 1px solid #cecfce;
	padding: 15px 0 10px 10px;
	vertical-align: top;
	color: #000;
}

.competitiveAnalysis td p {
	color: #000;
}

.competitiveAnalysis .bg_grey {
	color: #7f7f7f;
}

.competitiveAnalysis td.bg_gray p {
	margin-left: 0;
}

.competitiveAnalysis .text_yellow {
	padding: 4px;
	background: #f8e0a7;
}

.competitiveAnalysis .bg_yellow {
	background: #f8e0a7;
}

.competitiveAnalysis .text_green {
	padding: 4px;
	background: #c8f0d6;
}

.competitiveAnalysis .bg_green {
	background: #c8f0d6;
}

.competitiveAnalysis .text_red {
	padding: 4px;
	background: #fac0af;
}

.competitiveAnalysis .bg_red {
	background: #fac0af;
}

/************* FEATURES CONTENT CONTAINER ***********************/

.featuresContentContainer {
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 40px;
}

.featuresContentContainer p {
	width: 800px;
}
.featuresContentContainer li {
	width: 680px;
    color:#555;
    margin-bottom:3px;
}
.sectionDisplayed {
	position: relative;
	margin-bottom: 20px;
}

.categorySection {
	float: left;
}

.fullWidthContainer td.lastCol {
	white-space: normal;
	width: 800px;
}

.panelAtAGlanceContainer,
.panelFeaturesContainer {
	position: relative;
}

.panelAtAGlanceContainer .rightContainer {
	bottom: 0;
	right: 0;
	position: absolute;
	height: 330px;
}

.panelFeaturesContainer .leftContainer {
	bottom: 0;
	left: 0;
	position: absolute;
	height: 330px;
}

.panelAtAGlanceContainer .leftContainer {
	min-height: 330px;
}

.panelFeaturesContainer .rightContainer {
	min-height: 330px;
}

.featuresSnippit ul
{
    margin-left:-25px;
}
.featuresSnippit ul li 
{
    width:500px;
    color: #555;
}

.optionsDropDown {
	font-size: 13px;
	color: #009dd9;
	position: relative;
	float: right;
}
    .optionsDropDown.dropDownLarge 
    {
        font-size:16px;
    }
    .optionsDropDown.dropDownMenu 
    {
        font-size:14px;
    }

    .optionsDropDown.dropDownLarge .optionsSwitch a 
    {
        padding: 9px 26px 9px 11px;
        background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat scroll 95% -89px #f8f8f8;
    }
    .optionsDropDown.dropDownMenu .optionsSwitch a 
    {
        padding: 10px 26px 9px 11px;
        background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat scroll 95% -89px #f8f8f8;
    }

    .optionsDropDown.dropDownLarge .optionsSwitch a:hover,
    .optionsDropDown.dropDownMenu .optionsSwitch a:hover 
    {
        background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat scroll 95% -14px #009dd9;
    }
    .optionsDropDown.dropDownLarge .optionsSwitch.open a,
    .optionsDropDown.dropDownMenu .optionsSwitch.open a 
    {
        background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat scroll 95% -53px #fff;
    }
    .optionsDropDown.dropDownLarge .optionsSwitch.open a:hover,
    .optionsDropDown.dropDownMenu .optionsSwitch.open a:hover 
    {
        background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat scroll 95% 16px #009dd9;
    }
    .optionsDropDown.dropDownLarge .optionsSwitchLinks .optionsSwitchLinksRow a 
    {
        font-size:14px;
    }
.optionsDropDown .optionsSwitch a {
	border: #87c4dc solid 1px;
	padding: 7px 23px 7px 7px;
	display: block;
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 95% -93px #f8f8f8;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
}

.optionsDropDown .optionsSwitch a:hover {
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 95% -18px #009dd9;
	color: #fff;
	border-color: #009dd9;
}

.optionsDropDown .optionsSwitch.open a {
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 95% -57px #fff;
	border-color: #009dd9;
}

.optionsDropDown .optionsSwitch.open a:hover {
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 95% 12px #009dd9;
	color: #fff;
}

.optionsDropDown .optionsSwitchLinks {
	text-align: left;
	border: #009dd9 solid 1px;
	background: #fff;
	margin-top: -1px;
	box-shadow: 2px 2px 2px 0px rgba(50,50,50,0.2);
	z-index: 10;
	position: absolute;
	right: 0;
	display: none;
	min-width: 200px;
}

.optionsDropDown .optionsSwitchLinks .optionsSwitchLinksRow a {
	padding: 3px 13px;
	display: block;
	line-height: 1.6;
}

.optionsDropDown .optionsSwitchLinks .optionsSwitchLinksRow a:hover {
	background: #009dd9;
	color: #fff;
	text-decoration: none;
}

.optionsDropDown .optionsSwitchLinks .optionsSwitchLinksRow a.disabled:hover {
	background: none;
	color: #a8b9bf;
}

.optionsDropDown .optionsSwitchLinks .optionsSwitchLinksRow.seperator {
	border-bottom: 1px solid #ddd;
}

.gridView .mySolutionDescription {
	word-wrap: break-word;
	white-space: normal;
}

/* Demand conditioning */
.focusModels .groupBlock {
	border-color: #6BAE01;
	border-left-width: 6px;
	background-color: #f4fce8;
}

.promoModels .groupBlock {
	border-color: #FF8500;
	border-left-width: 6px;
	background-color: #fff0e0;
}

.greatDealModels .groupBlock {
	border-color: #ffc82e;
	border-left-width: 6px;
	background-color: #fff5da;
}

/*home page block style*/

.focusModels .groupBlock.models,
.promoModels .groupBlock.models,
.greatDealModels .groupBlock.models {
	width: 434px;
}

.groupBlock.models .groupBlockTitle {
	font-size: 15px;
	width: 338px !important;
	display: inline-block;
}

.groupBlock.models.family .groupBlockTitle {
	width: 360px !important;
}

/*browse models in family*/
.groupBlock.models.browseRange .groupBlockTitle {
	width: 418px !important;
}

.configurable .groupBlock.models.browseRange .groupBlockTitle {
	width: 380px !important;
}

.groupBlock.modelsLanding.family .groupBlockTitle {
	width: 339px !important;
}

.configurable .groupBlock.modelsLanding.family .groupBlockTitle {
	width: 300px !important;
}

.statusModel {
	margin-bottom: 20px;
	padding: 10px;
	width: 425px;
	height: auto;
}

.statusModel.focusModels,
.productInfo.focusModels {
	border: 1px solid #6BAE01;
	border-left-width: 6px;
	background-color: #f4fce8;
}

.productInfo.focusModels,
.productInfo.promoModels,
.productInfo.greatDealModels {
	padding: 10px;
	margin-bottom: 10px;
}

.statusModel.promoModels,
.productInfo.promoModels {
	border: 1px solid #FF8500;
	border-left-width: 6px;
	background-color: #fff0e0;
}

.statusModel.greatDealModels,
.productInfo.greatDealModels {
	border: 1px solid #ffc82e;
	border-left-width: 6px;
	background-color: #fff5da;
}

.statusModel .dcHeader {
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: bold;
}

.statusModel .dcDescription {
	font-size: 13px;
	font-style: italic;
}

/*configurator*/

.overlaySelections .selectionsPanel .detailPanelContent {
	display: inline-block;
}

.selectionsPanel {
	display: none;
}

.overlaySelections .selectionsPanel,
.overlay .detailPanel {
	display: block;
}

.overlaySelections .selectionsPanel,
.overlay .detailPanel {
	left: 704px;
	position: absolute;
	top: 0;
	width: 435px;
	border-left: 1px solid #cecfce;
	background-color: #fff;
	min-height: 500px;
}

.overlaySelections .selectionsPanel {
	border-color: #d5d5d5;
	box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.10);
}

/* WHEN FIXED INFO IS ON */
.fixedInfo .overlay .detailPanel,
.fixedInfo .overlaySelections .selectionsPanel {
	position: fixed;
	top: 99px;
	left: 1066px;
}

/*detail panel*/

.selectionsPanel {
	padding: 30px 20px 20px 20px;
}

.selectionsPanel h3 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	width: 405px;
}

.selectionsPanel .categoryLabel {
	color: #808080;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.selectionsPanel .categoryLabel .categoryLabelContent {
	margin-left: 3px;
}

.selectionsPanel .flags {
	margin-bottom: 10px;
	font-size: 12px;
}

.selectionsPanel .detailsRow dt {
	color: #808080;
	padding-bottom: 3px;
}

.selectionsPanel .detailsRow dd {
	font-size: 12px;
}

.selectionsPanel .detailsRow dd .price {
	font-size: 13px;
}

.selectionsPanel .detailsRow .itemGroup {
	padding-right: 20px;
}

.selectionsPanel .detailsRow .itemGroup.itemGroupPaddingRight {
	padding-right: 50px;
}

.selectionsPanel .detailsRow .itemGroup dl {
	padding: 0 0 10px;
}

.selectionsPanel .detailsCostWithImage {
	width: 430px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.selectionsPanel .detailsDescription {
	font-size: 12px;
}

.selectionsPanel .compatibleWith {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.selectionsPanel .compatibleWithList {
	float: left;
	width: 427px;
}

.selectionsPanel h4 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
}

.selectionsPanel .compatibleWith h4 {
	font-size: 16px;
}

.selectionsPanel .compatibleWith h5 {
	font-size: 14px;
	font-weight: bold;
}

.selectionsPanel .compatibleWith ul {
	margin-left: 0;
	padding-left: 12px;
}

.selectionsPanel .compatibleWith li {
	font-size: 13px;
	width: 200px;
	float: left;
	padding-bottom: 5px;
}

.detailsDescription li {
	color: #555;
}

.detailsRow {
	margin-bottom: 20px;
}

.changeViewSelector {
	padding: 0 15px;
	overflow: hidden;
}

.changeViewHeading {
	display: block;
	float: right;
	padding-top: 8px;
	margin-right: 5px;
	font-size: 13px;
	color: #949494;
}

.changeViewAllCategories,
.changeViewSingleCategory {
	padding: 7px 8px;
	float: right;
	border: 1px solid #87c4dc;
	font-size: 13px;
}

.changeViewAllCategories {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-right: none;
}

.changeViewSingleCategory {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.changeViewAllCategories.current,
.changeViewSingleCategory.current {
	font-weight: bold;
	border-color: #cbcbcb;
	cursor: default;
	background: #efefef;
}

.changeViewAllCategories:hover,
.changeViewSingleCategory:hover {
	text-decoration: none;
	background: #009dd9;
	color: #fff;
}

.changeViewAllCategories.current.aspNetDisabled:hover,
.changeViewSingleCategory.current.aspNetDisabled:hover {
	font-weight: bold;
	border-color: #cbcbcb;
	cursor: default;
	background: #efefef;
	color: #9a9a9a;
}

.currentButtonSelector {
	padding: 5px 10px 15px;
}

.overviewContentConstraint {
	overflow: auto;
	height: 400px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.selectionsPanel .closeAction {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -112px;
	float: right;
	height: 26px;
	text-indent: -9999px;
	width: 26px;
	position: absolute;
	right: 10px;
	top: 10px;
	outline: none;
}

.selectionsPanel .closeAction:hover {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -168px;
}

.selectionsPanel .currentContainerSelection {
	margin-top: 10px;
}

.selectionsPanel .includedPartsContainer {
	margin-top: 10px;
}

.selectionsPanel .includedPartsContainer .currentSelectionRow {
	padding-bottom: 3px;
	color: #555;
}

.selectionsPanel .currentSelectionRow {
	padding: 0 10px 4px 0;
}

.selectionsPanel .currentSelectionRow .selectionsClear {
	display: block;
	float: left;
}

.selectionsPanel .currentSelectionRow .selectionsDescription {
	/*width: 360px;*/
	width:340px;
	display: block;
	float: left;
}

.selectionsPanel .currentSelectionRow .selectionsQty {
	text-align: right;
	display: block;
	float: left;
	width: 30px;
	margin-right: 15px;
}

.selectionsPanel .currentContainerSelection h4 {
	color: #808080;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
}

.selectionsPanel .selectionsDescription {
	font-size: 12px;
}

.selectionsPanel .selectionsClear {
	background: url("/images/en-GB/interface/clear_row.png") no-repeat -5px -1px;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}

.selectionsPanel .selectionsClear:hover {
	background: url("/images/en-GB/interface/clear_row.png") no-repeat -5px -22px;
}

.selectionsPanel .currentSelectionCateogryContainer {
	margin-bottom: 7px;
}

.gridView.itemsInBasket th {
	color: #555;
	font-size: 13px;
	font-weight: normal;
}

/*.gridView.itemsInBasket th:first-child {
	width: 100px;
}*/

.gridView.itemsInBasket {
	margin-bottom: 15px;
	width: 480px;
}

/*.configurator .gridView td {
	line-height: 1.4;
}*/

/*overlay acting like a modal*/

.overlaySelections .overlayBlank,
.overlay .overlayBlank {
	background: none repeat scroll 0 0 #cecfce;
	height: 100%;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}

.selectionsPanel,
.detailPanel,
.modalDetailPanel {
	z-index: 1000;
}


/* modal */
.overlayModal .modalBlank {
	background:#363636;
	height: 100%;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}
.modalDetailPanel 
{
	display: none;
}

.overlayModal .modalDetailPanel 
{
	display: block;
}

.overlayModal .modalDetailPanel 
{
	position: absolute;
	width: 820px;
	/*border-left: 1px solid #cecfce;*/
	background-color: #fff;
	/*min-height: 230px;*/
	left:0;
	right:auto;
}

.overlayModal .selectionsPanel {
	border-color: #d5d5d5;
	box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.10);
}
.overlayModal.overlayBrands .modalDetailPanel 
{
    /*background: url("/images/en-GB/interface/hero_stripe.png") no-repeat top right #fff;*/
	box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.5);
	border-radius:3px;
}

.overlayModal.overlayBrands .modalDetailPanel h2
{
    font-size:24px;
}
.overlayModal.overlayBrands .modalDetailPanel p 
{
    /*color:#fff;*/
}

.overlayModal.overlayBrands .modalDetailPanel .rememberChoice 
{
    margin-top:20px;
}
.overlayModal.overlayBrands .modalDetailPanel .selectionChoicesContainer 
{
    margin-bottom:10px;
}

.overlayModal.overlayBrands .modalDetailPanel .rememberChoice label
{
    color:#fff;
}

.overlayModal.overlayBrands .modalDetailPanel .closeButton
{
	background: url("/images/en-GB/interface/close_callout_sprite_white.png") no-repeat left 0;
    height:16px;
    width:16px;
}
.overlayModal.overlayBrands .modalDetailPanel .closeButton:hover
{
	background: url("/images/en-GB/interface/close_callout_sprite_white.png") no-repeat left -36px;
    height:16px;
    width:16px;
}

/*add to solution overlay*/

.addToSolution .detailPanelSummary.display 
{
    display: block;
}
.addToSolution .detailPanel,
.addToSolution .detailPanelSummary 
{
    padding: 0;
}
.addToSolution .detailPanelSummaryContent 
{
    z-index: 1000; 
    left: 620px;
    width:500px;
    position: absolute;
    background: white none repeat scroll 0 0;
    display:block;
    padding:0 30px 30px 30px;
}
.addToSolution .detailPanelSummaryContent .rowLabelContainer.qty
{
    width:100px;
}


a.mercatoButton.noSelectedBrand {
    background: #2397c4;
    color: #fff;
    padding:13px 15px;
    border-radius:2px;
    font-size:16px;
    text-transform:none;
    text-shadow:none;
    border:none;

}
a.mercatoButton.noSelectedBrand:hover
{
    background: #15689e;
}

a.mercatoButton.selectedBrand  {
    background: #6bae01;
    color: #fff;
    padding:13px 15px;
    border-radius:2px;
    font-size:16px;
    text-transform:none;
    text-shadow:none;
    border:none;

}
a.mercatoButton.selectedBrand:hover
{
    background: #5c9501;
}

.splitterContainer {
    background: url("/images/en-GB/interface/or_modal_popup_bg.png") repeat-y top center;
    margin-top: -26px;
}

.selectBrandsContainer .splitter 
{
    height:58px;
    margin: 19px 12px 20px 8px;
    border:solid 1px #ddd;
    background-color: #fff;
}

.selectBrandControlContainer {
    margin: 30px 0 110px 0;
}

.firstVisitContainer {
    margin: 0 0 5px 0;
}

.firstVisitContainer h2{
	margin-top:0;
	padding-bottom:5px;
}

.firstVisitContainer .formRow{
	width:100%;
}

.firstVisitContainer .merStandardForm .rowLabelContainer
{
	width:150px;
}

.firstVisitContainer .merStandardForm .rowDataContainer
{
	width:auto;
}


.overlayModal .modalDetailPanel.selectRange
{
	padding-bottom:15px;
	left:16%;
}

.modalPopup 
{
    /*left:auto !important;*/
    text-align:left;
    /*top:166px !important;*/
}

.modalDetailPanelContent 
{
    float:left;
    /*width:1140px;*/
}
.marketingText 
{
    /*float:left;*/
    /*width:45%;*/
    /*padding-right:5px;*/
	min-height:180px;
	background: url("/images/en-GB/interface/modal_ribbon.png") no-repeat bottom right #373737;
}

.marketingText .contentLeft{
	float:left;
	width:60%;
}

.marketingText .contentRight{
	float:right;
	width:40%;
}

.marketingText h2
{
	margin:0;
	padding:20px 20px 3px 30px;
	color:#fff;
	font-size:22px;
}

.marketingText .strapline
{
	font-size:19px;
	color:#fff;
	padding:0 20px 20px 30px;
}

.selectRange .primaryLogo,
.selectRange .secondaryLogo
{
	margin:20px 20px 10px;
}

.selectBrandsContainer 
{
    /*float:left;*/
    /*width:40%;*/
    padding-right:20px;
    padding-left:20px;
    /*border-left:1px solid #fff;*/
}

.selectBrandsContainer h2
{
	margin-bottom:5px;
}

/*  change view in configurator  */

.changeView {
	background: #fbfbfb;
	width: 961px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding: 0;
}

.fixedInfo .changeView {
	padding-left: 218px;
}

.changeView a {
	padding: 10px 12px;
	float: right;
}
/*hide drop down that new button toggles*/
.ddSelectView {
	display: none;
}

.summaryErrors {
	float: left;
}

/*message centre*/

.desc {
	width: 550px;
	margin-right: 50px;
}

.noFilter .desc {
	width: 800px;
}

.noFilter td.desc {
	padding-left: 0;
	padding-top: 10px;
}

.date {
	width: 200px;
	padding-top: 10px;
	text-align: right;
}

.noFilter .date {
	width: 150px;
}

.remove {
	width: 20px;
}

.removeAll {
	border-bottom: 1px solid #cecfce;
}

.removeAll .checkBox {
	padding-left: 10px;
	padding-bottom: 10px;
}

.removeAll .removeAllButtonContainer {
	padding-bottom: 10px;
	padding-left: 10px;
	display: inline-block;
}

.hasMessageAttachment {
	background: url("../../images/en-GB/interface/attachment.png") no-repeat 0 0;
	height: 22px;
}

.hasAttachment {
	background: url("../../images/en-GB/interface/attachment.png") no-repeat 0 0;
	margin-top: 5px;
	padding: 3px 25px;
	display: inline-block;
}


.messageCentre .unread td {
	font-weight: bold;
	background: #f8f8f8;
	border-bottom: 1px solid #cecfce;
}

.messageCentre .unread td.lastCol {
	position: static;
}

.messageCentre .unread .recipientLink {
	font-weight: bold;
}

.messageCentre .messageSubject {
	margin-bottom: 6px;
}

.messageCentre .desc a {
	font-size: 15px;
	margin-top: 0;
	display: inline-block;
}

.messageCentre.overlaySelections .selectionsPanel,
.continueToSite.overlaySelections .selectionsPanel {
	left: 0px;
	min-height: 120px;
	width: 1139px;
}

.messageCentre.overlaySelections .closeAction {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -112px;
}

.messageCentre.overlaySelections .closeAction:hover {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -168px;
}

.messageCentre.overlaySelections .selectionsPanel .formRowContainer,
.messageCentre.overlaySelections .selectionsPanel .formRow {
	margin: 0;
}

.messageCentre.overlaySelections .selectionsPanel .formRow {
	margin: 0 10px 10px;
}

.messageBody {
	color: #696969;
}

.unread .messageBody {
	color: #000;
}

.viewMessage .labelText {
	color: #949494;
}

.viewMessage .labelTextValue {
	font-weight: bold;
	font-size: 15px;
}

.viewMessage .from {
	padding: 15px 30px 15px 30px;
	border-bottom: 1px solid #efefef;
}

.viewMessage .message {
	padding: 15px 30px 15px 30px;
	border-bottom: 1px solid #efefef;
}

.viewMessage .subject {
	padding: 15px 30px 15px 30px;
	border-bottom: 1px solid #efefef;
	font-size: 16px;
	font-weight: bold;
}

.viewMessage .subject span,
.viewMessage .message span {
	display: block;
}

.viewMessage .date {
	text-align: right;
	display: block;
	width: 600px;
	float: right;
}

.messageCentre .LabelOverlayMessage {
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 8px;
}

.messageCentre .LabelSubject {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 6px;
	font-size: 16px;
}

.messageCentre .LabelPreamble {
	color: #696969;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 6px;
}

.selectedRecipientsContainer {
	width: 720px;
	margin-bottom: 40px;
}

/************* YOUR SOLUTIONS GRID VIEW ***********************/

.yourSolutionsGrid td {
	line-height: normal;
}

.yourSolutionsGrid .rowSpacer,
.rowSpacer {
	margin-bottom: 6px;
}

.yourSolutionsGrid .rowSpacer10,
.rowSpacer10 {
	margin-bottom: 10px;
}

.yourSolutionsGrid span.labelText,
.yourSolutionsGrid span.labelTextValue,
.yourSolutionsGrid span.PricelabelText,
.yourSolutionsGrid span.PricelabelTextValue {
	display: inline;
}


.solutionDescriptionContainer {
	margin-bottom: 15px;
}

.yourSolutionsGrid span.solutionIdentityHeader {
	display: block;
	color: #949494;
	font-size: 13px;
	margin-bottom: 3px;
}

.solutionIdentityValue {
	font-size: 15px;
}

.yourSolutionsGrid .mySolutionName,
.opraDocumentsGrid .opraDocumentDescription,
.genericName {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.yourSolutionsGrid .mySolutionDescription,
.genericDescription {
	font-size: 12px;
	color: #a7a7a7;
}

.genericDescription
{
	width:600px;
}

.yourSolutionsGrid .labelText {
	color: #949494;
	font-size: 13px;
}

.yourSolutionsGrid td.firstCol {
	padding-left: 30px;
	width: 400px;
}

.yourSolutionsGrid td.lastCol {
	padding-right: 30px;
	position: relative;
}

.yourSolutionsGrid tr:last-child td{
	border-bottom:none;
}

.yourSolutionsGrid .PricelabelText {
	font-size: 14px;
	color: #949494;
}

.yourSolutionsGrid .PricelabelTextValue {
	font-size: 15px;
	font-weight: bold;
}


.yourSolutionsGrid .PriceContainer {
	text-align: right;
	margin-bottom: 10px;
}

.yourSolutions .yourSolutionsGrid .PriceContainer,
.yourSolutionsGrid .PriceContainer {
	text-align: right;
	margin-bottom: 5px;
}

.yourSolutions .yourSolutionsGrid .optionsContainer,
.yourSolutionsGrid .optionsContainer {
	margin-top: 10px;
}

.yourSolutionsGrid td {
	padding: 15px 0 15px 10px;
}

.yourSolutionsGrid td span.labelText.inSolution {
	width: 80px;
	display: inline-block;
	margin-right: 30px;
}

.yourSolutionsGrid td span.labelTextValue.inSolution {
	width: 30px;
	text-align: right;
}

/************* EXISTING YOUR SOLUTIONS GRID VIEW ***********************/

.existingSolutionGrid td.firstCol
{
	padding-left:0;
}

.existingSolutionGrid td.lastCol
{
	padding-right:0;
}

.existingSolutionGrid td a.mercatoButton
{
	margin:0;
}

.yourSolutionsGrid.existingSolutionGrid .solutionNameContainer
{
	width:500px;
}

/************* DEAL REGISTRATIONS SELECTION GRID VIEW ***********************/

.dealRegistrationSelectionGrid .bidDescription
{
	width:750px;
}

.dealRegistrationSelectionGrid .validity
{
	width:auto;
}

.dealRegistrationSelectionGrid .validity span,
.dealRegistrationSelectionGrid .cmrContent span
{
	display:inline;
}

.dealRegistrationSelectionGrid .selectionOptions
{
	text-align:right;
	padding-right:10px;
}

/************* SELECTED DEAL REGISTRATION GRID VIEW ***********************/

.selectedDealRegistrationGrid .customerName
{
	font-size:16px;
	width:600px;
}

.selectedDealRegistrationGrid .resellerRow td,
.selectedDealRegistrationGrid .distributorRow td 
{
	border-bottom:0;
}

.selectedDealRegistrationGrid .distributorRow td
{
	padding-top:0;
	padding-bottom:0;
}

.changeSelectedDealRegistration
{
	float:right;
}

/*on screen messages*/

.onScreenMessage,
.viewMessage .hasMessageAttachment {
	padding: 15px 15px 20px 30px;
	margin: -19px 0;
	font-weight: bold;
	background: #009dd9;
}

.onScreenMessage a:hover {
	text-decoration: none;
}

.viewMessage .hasMessageAttachment {
	background: url("../../images/en-GB/interface/attachment_large.png") no-repeat 7px 11px #009dd9;
	height: 22px;
	padding-bottom: 10px;
}

.onScreenMessage.noHeader,
.viewMessage .hasMessageAttachment {
	margin: 0;
}

.onScreenMessage p {
	padding-bottom: 0;
	color: #fff;
	font-weight: normal;
}

.onScreenMessage.noHeader a,
.viewMessage .hasMessageAttachment a {
	color: #fff;
	padding-left: 5px;
}

.onScreenMessage h3 {
	margin-top: 0;
	margin-bottom: 6px;
	color: #fff;
	font-size: 18px;
}

.contentPadding {
	padding: 30px;
}

/*services section*/

.services td.question span {
	width: 500px;
	padding: 8px 15px 8px 30px;
	display: inline-block;
}

.services td.question select {
	width: 250px;
}

.services table {
	margin-bottom: 30px;
}

.services .findButton {
	text-align: right;
	margin-top: 10px;
	display: block;
}

/*select a Dealer*/

.selectADealer .formRow {
	margin: 6px 0 10px 0;
}

.selectADealer .rowLabelContainer {
	width: 200px;
	margin-bottom: 3px;
	color: #555;
}

/*overlay your solutions*/

.optionsLine {
	padding: 0 10px 10px;
}

.overlayLabel {
	width: 200px;
	float: left;
	margin: 0 10px 10px;
}

.overlayInput {
	width: 300px;
	float: left;
}

.optionsLine .label {
	width: 200px;
	display: inline-block;
}

.optionsLine input[type="text"] {
	display: inline-block;
}

/*wrapping on solutions*/

.yourSolutions .navItem.expand.withOptions a {
	word-wrap: break-word;
}

.yourSolutions .contentWithFilter .sectionDisplayed .sectionHeading h2 {
	word-wrap: break-word;
}

.forceBreakWord {
	word-wrap: break-word;
}

.messageCentre .navItem.expand.withOptions {
	word-wrap: break-word;
}

.contentWithFilter.summary.configurationSummary .summaryOverview h2 {
	word-wrap: break-word;
	width: 1130px;
}

.yourSolutions .solutionNameContainer,
.overlaySelections .solutionNameContainer,
.yourSolutionsGrid .solutionNameContainer,
.yourSolutionsGrid .solutionDescriptionContainer {
	width: 395px;
}

.yourSolutionsGrid .solutionDescriptionContainer {
	width: 400px;
}

.exisitingSolutionContent .rowDataContainer select {
	width: 256px;
}


/*No categories in configurator summary page overides*/

.configurator .contentWithFilter.summary.fixed {
	padding-left: 0;
}

.configurator .contentWithFilter.summary {
	width: 1175px;
}

.configurator .summary .sectionHeadingLarge {
	width: 1120px;
}

.configurator.collapseSummary .summary .sectionHeadingLarge {
	width: 560px;
	min-height: 725px;
}

.pageContent.configurator.collapseSummary .expandAction {
	display: none;
}

.pageContent.configurator.collapseSummary .contentWithFilter {
	padding-left: 0;
}

/*fix for new folder name in your solutions*/

.pageContent.messageCentre.overlaySelections .optionsLine .label.indent {
	margin-left: 10px;
	margin-bottom: 25px;
}

/*Catalog*/

.gridView.modelsAsList {
	margin-bottom: 20px;
}

.gridView.modelsAsList td span {
	display: inline-block;
}

.catalog.calloutTabs {
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

.catalogDrives {
	width: 300px;
	float: left;
}

.catalogMemory {
	width: 400px;
	float: left;
}

.catalogModel {
	float: left;
	padding-right: 10px;
	font-size: 16px;
}

.catalogProcessor {
	float: left;
	font-size: 16px;
	font-weight: bold;
}

.gridView.modelsAsList td {
	padding: 5px 0 5px 15px;
}

.configHeaders {
	font-size: 18px;
}

.configHeaders span {
	margin: 0 15px;
	display: inline-block;
}

.actionButtonCol {
	margin-top: 0;
	text-align: right;
	margin-right: 10px;
}

.gridView.modelsAsList .labelText {
	color: #949494;
	font-size: 12px;
}

.gridView.modelsAsList .labelTextValue {
	font-size: 12px;
}

a.mercatoCommandButton.maxWidth,
a.mercatoButton.maxWidth {
	max-width: 190px;
}

.addToBasketPanel {
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
}

.labelGuidanceText {
	padding: 10px 30px 10px 30px;
	font-size: 12px;
}

.setNextDivAsSpan,
.setNextDivAsSpan div {
	display: inline;
}

.documentContainer {
	width: 70%;
	border: solid 1px #efefef;
	margin-top: 20px;
	padding: 20px;
	padding-top: 0;
}

.documentContainer .textContent {
	width: 70%;
}

.documentContainer .buttonContent {
	width: 30%;
}

/************* PARAMETRIC FILTERING ***********************/

.filtersTrigger
{
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 94% -87px #f8f8f8;
	border: 1px solid #87c4dc;
	cursor: pointer;
	padding: 10px 28px 10px 10px;
	text-decoration: none;
	display:block;
	margin:0 35px;
	font-size:16px;
}

.filtersTrigger:hover
{
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 94% -12px #009dd9;
	border-color: #009dd9;
	color: #fff;
	text-decoration:none;
}

.open .filtersTrigger
{
	position:relative;
	z-index:10;
}

.open .filtersTrigger,
.open .filtersTrigger:hover
{
	background: url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat 94% -50px #f8f8f8;
	border: 1px solid #cecfce;
	border-bottom-color:#f8f8f8;
	color:#009dd9;
}

.filterIcon,
.open .filtersTrigger .filterIcon,
.open .filtersTrigger:hover .filterIcon
{
	padding-left:25px;
	background: url("/images/en-GB/interface/filter_icon_sprite.png") no-repeat left;
}


.filtersTrigger:hover .filterIcon
{
	background: url("/images/en-GB/interface/filter_icon_sprite.png") no-repeat left -92px;
}


.filtersContent
{
	clear:both;
	background-color:#f8f8f8;
	border-top:1px solid #cecfce;
	border-bottom:1px solid #cecfce;
	padding:20px 40px;
}

.open .filtersContent
{
	position:relative;
	top:-1px;
}

.filtersContent h3 
{
	margin:0;
	padding:0;
	font-size:18px;
	margin-bottom:10px;
}

.clearAllFilters
{
	padding:3px;
	margin: 0 15px;
}

.selectedFilters
{
	margin-bottom:15px;
}

.selectedFilterTag
{
	color:#fff;
	padding:7px;
	font-size:12px;
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	background-color:#009dd9;
	border:2px solid #009dd9;
	border-radius: 2px;
}

.selectedFilterTag:hover
{
	text-decoration:none;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.2);
	background-color:#fff;
	color:#009dd9;

}

.selectedFilterTagValue
{
	margin-left:7px;
	padding-right:7px;
	font-weight:bold;
	font-size:13px;
}

.selectedFilterTagClear
{
	/*padding-right:18px;*/
	/*padding-bottom:2px;
	padding-top:2px;*/
	background:url("/images/en-GB/interface/close_callout_sprite.png") no-repeat right -36px;
	float:right;
	height:16px;
	width:16px;
}

.filterContentPrimary
{
	/*border-bottom: 1px solid #cbcbcb;*/
	padding-bottom:20px;
	margin-right:40px;
	margin-bottom:5px;
	margin-top:5px;
}

.filterContentPrimary .selectInputFilter
{
	float:left;
	margin-right:25px;
}

.filterContentPrimary .selectInputFilter select 
{
	min-width:180px;
}

.filterContentSecondary
{
	min-height:100px;
}

.filterSecondaryContentAvailableFilters
{
	width:65%;
}

.filterSecondaryContentSelectedFilters
{
	width: 35%;
}

.filterBlockContainer
{
	border:1px solid #87c4dc;
	background-color:#fbfbfb;
	/*width:256px;*/
	width:263px;
	/*float:left;*/
	display:inline-block;
	vertical-align:top;
	border-radius:2px;
	margin:0 7px 7px 0;
}

.filterBlockContainer.primaryFilter
{
	background-color:#fff;
	border:1px solid #009dd9;
}

.filterBlockOptionsContainer
{
	margin:0 35px 15px 15px;
}

.filterBlockOptionsContainer select
{
	width:100%;
	font-size:12px;
}


.open.filterBlockContainer
{
	border-color:#009dd9;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.2);
	background-color:#fff;
}

.filterBlockContainer a
{
	font-size:12px;
	display:block;
	padding:8px 13px;
}

.filterBlockContainer a:hover
{
	color:#fff;
	background-color:#009dd9;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.2);
	text-decoration:none;
}

.open.filterBlockContainer a:hover
{
	background-color:#fff;
	box-shadow:none;
	color:#009dd9;
}

.open.filterBlockContainer a.actionLink {
    float:right;
    padding: 10px 2px 0 2px;
}

.open.filterBlockContainer a.actionLink:hover {
    text-decoration:underline;
}

.filterBlockTriggerText
{
	display:block;
	padding-right:30px;
	background:url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat right -100px;
}

.filterBlockContainer a:hover .filterBlockTriggerText
{
	background:url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat right -25px;
}

.open.filterBlockContainer .filterBlockTriggerText
{
	background:url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat right -64px;
	font-weight:bold;
}

.open.filterBlockContainer a:hover .filterBlockTriggerText
{
	background:url("/images/en-GB/interface/filter_arrow_sprite.png") no-repeat right -100px;
}

.filtersContainer .filtersContent {
    display: none;
}

.filtersContainer.open .filtersContent {
       display: block;
}

.filtersContainer table,
.filtersContainer tr,
.filtersContainer td{
	margin:0;
	padding:0;
}

.resultsInformation {
	margin:0 40px;
}

.pager.withinFiltering{
	margin:30px 40px;
}

/************* REVISED GROUP BLOCKS (MODELS) ***********************/

 .groupBlock.model {
    padding: 20px 20px 10px 20px;
    width: 316px;
    margin: 0 15px 15px 0;
    display:block;
    border-color: #cecfce;
}

.groupBlock.model .productImage {
    width: 100px;
    height: 75px;
}

 .groupBlock.model.focusModels,
 .groupBlock.model.promoModels,
 .groupBlock.model.greatDealModels {
    padding: 19px 19px 14px 16px;
 }

 .groupBlock.model.focusModels {
	border-left: 5px solid #6bae01;
    border-top: 2px solid #6bae01;
    border-right: 2px solid #6bae01;
    border-bottom: 2px solid #6bae01;
 }

 .groupBlock.model.promoModels {
	border-left: 5px solid #ff8500;
    border-top: 2px solid #ff8500;
    border-right: 2px solid #ff8500;
    border-bottom: 2px solid #ff8500;

 }

 .groupBlock.model.greatDealModels {
	border-left: 5px solid #ffc82e;
    border-top: 2px solid #ffc82e;
    border-right: 2px solid #ffc82e;
    border-bottom: 2px solid #ffc82e;
 }

.groupBlock.model .headerSection {
    width: 200px;
    float: left;
    margin: 0 10px 20px 0;
}

.groupBlock.model .headerSection .title {
    display: block;
    width: 100%;
    font-weight: bold;
    color: #000;
    font-size: 16px;
    line-height:19px;
}

.groupBlock.model .headerSection .title.subTitle {
    font-size:13px;
	font-weight:normal;
	margin-top:0;
	color:#555;
}

.groupBlock.model .groupBlockUPS {
    margin: 0 0 5px 0;
    float:left;
}

.groupBlock.model .groupBlockUPS:hover {
    text-decoration:underline;
}

.groupBlock.model .strapline,
.groupBlock.model .description {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.groupBlock.model .strapline {
    color: #7F7F7F;
    line-height: 1.2;
    margin: 0 0 5px 0;
    color: #7F7F7F;
}

.groupBlock.model .description {
    color: #939598;
    margin: 0 0 10px 0;
}

/* Generic Flag Blocks */

.flagBlock {
    display:block;
    margin: 0 0 20px 0;
}

.partDescription .flagBlock {
    display:block;
    margin: 0;
}

.partDescription .flagBlock .flag {
    margin-bottom: 0;
}


.flagBlock .flag {
    float: left;
    padding: 5px 7px;
    margin: 0 5px 5px 0;
    color: #fff;
    font-weight: bold;
    font-size:12px;
}

.flagBlock .flag.focusModels {
    background-color: #90b51c;
    border-left: 2px solid #6BAE01;
    border-top: 1px solid #6BAE01;
    border-right: 1px solid#6BAE01;
    border-bottom: 1px solid #6BAE01;
}

.flagBlock .flag.promoModels {
    background-color: #FEA74A;
    border-left: 2px solid #FF8500;
    border-top: 1px solid #FF8500;
    border-right: 1px solid #FF8500;
    border-bottom: 1px solid #FF8500;
}

.flagBlock .flag.withdrawnFromMarketingModels {
    background-color: #4D4D4D;
    border-left: 2px solid #505050;
    border-top: 1px solid #505050;
    border-right: 1px solid #505050;
    border-bottom: 1px solid #505050;
}

.flagBlock .flag.leapModels {
    background-color: #E65057;
    border-left: 2px solid #ce1920;
    border-top: 1px solid #ce1920;
    border-right: 1px solid #ce1920;
    border-bottom: 1px solid #ce1920;
}

.flagBlock .flag.greatDealModels {
    background-color: #FBCF5B;
    border-left: 2px solid #FFC82E;
    border-top: 1px solid #FFC82E;
    border-right: 1px solid #FFC82E;
    border-bottom: 1px solid #FFC82E;
}

.flagBlock .flag.topSellerModels {
    background-color: #567787;
    border-left: 2px solid #2C4652;
    border-top: 1px solid #2C4652;
    border-right: 1px solid #2C4652;
    border-bottom: 1px solid #2C4652;
}

    .flagBlock .flag.jadeBlock 
    {
        background-color: #86e0d1;
        border-left: 2px solid #00a48b;
        border-top: 1px solid #00a48b;
        border-right: 1px solid #00a48b;
        border-bottom: 1px solid #00a48b;
    }
    .flagBlock .flag.cornFlowerBlock 
    {
        background-color: #90a9dd;
        border-left: 2px solid #5570a8;
        border-top: 1px solid #5570a8;
        border-right: 1px solid #5570a8;
        border-bottom: 1px solid #5570a8;
    }
    .flagBlock .flag.mustardBlock 
    {
        background-color: #dfd640;
        border-left: 2px solid #afb284;
        border-top: 1px solid #afb284;
        border-right: 1px solid #afb284;
        border-bottom: 1px solid #afb284;
    }
    .flagBlock .flag.petrolBlock 
    {
        background-color: #6db0d3;
        border-left: 2px solid #239eb4;
        border-top: 1px solid #239eb4;
        border-right: 1px solid #239eb4;
        border-bottom: 1px solid #239eb4;
    }
    .flagBlock .flag.violetBlock 
    {
    }
    .flagBlock .flag.pricingPendingFlag
    {
        background-color:#ff6a00;
    }
    .flagBlock .flag.pricingRegisteredFlag
    {
        background-color:#e96baf;
    }
    .flagBlock .flag.pricingAnotherUserFlag
    {
        background-color:#6F7170;
    }
    .flagBlock .flag.pricingNotAvailableFlag
    {
        background-color:#4ac0e0;
    }
    .flagBlock .flag.pricingRelationshipFlag
    {
        background-color:#6abf4a;
    }
    .flagBlock .flag.pricingGlobalAccountFlag
    {
        background-color:#e2231a;
    }


/* FLAGS IN YOUR BIDS LIST */

.gridView td .quotedFlagStatus,
.gridView td .orderedFlagStatus
{
	font-weight:bold;
	font-size:14px;
	padding:5px 8px;
	color:#fff;
	display:inline;
	margin-bottom:5px;
}

.flagsContainer
{
	margin-top:10px;
	margin-bottom:10px;
}

.flagContainer{
	margin-bottom:5px;
}

.quotedFlagStatus{
	background:#a2a2a2;
}

.orderedFlagStatus{
	background:#6abf4a;
}



/* Group Block Model Flag Blocks Override */

.groupBlock.model .flagBlock {
    margin: 0 0 5px 0;
}

.groupBlock.model .flagBlock .flag {
    font-size: 12px;
}



.groupBlock.model .priceAndConfigurationSection {
    border-top: solid 1px #cecfce;
    padding: 7px 0 0 0;
    margin: 0 0 10px 0;
}

.groupBlock.model .priceAndConfigurationSection .priceBlock {
    text-align:right;
}

.groupBlock.model .priceAndConfigurationSection .priceBlock .information,
.groupBlock.model .priceAndConfigurationSection .priceBlock .vat {
    font-size:12px;
    font-weight: normal;
    color: #000;
}

.groupBlock.model .priceAndConfigurationSection .priceBlock .figure {
    font-size:16px;
    font-weight: bold;
    color: #000;
}

.groupBlock.model .configureLink {
    float: right;
    background: transparent;
    border:0;
    box-shadow: none;
    cursor: pointer;
    color: #009DD9;
    font-weight: normal;
    padding: 0;
    margin: 0 0 5px 5px;
}

.groupBlock.model .configureLink:hover {
    text-decoration: underline;
}

/* Leap Figure Price Config Override */

.groupBlock.model .priceAndConfigurationSection .leapSection .leapFigure {
    color:#E65057;
    font-size:12px;
    font-weight:bold;
    float:right;
    margin: 5px 0 5px 0;
}


.groupBlockModelsContainer {
    /*width: 1119px;*/
    margin: 10px 20px 0 40px;
}

.productPreferenceLogo 
{
    display:none;
}

/************* WHAT IS LEAP LINK ***********************/

.leapLinkContainer{
	float:left;
	margin-top:6px;
	margin-left:5px;
}

.leapLinkContainer a{
	font-size:12px;
}

.modelContent .flagBlock
{
	margin-bottom:5px;
}

a.mercatoButton.technicalSpecsButton{
	margin-left:40px;
	margin-bottom:20px;
}


/************* lenovoLinksMenu ***********************/

#lenovoLinksMenu .toolsColumn {
    overflow: hidden;
 
    float:left;
    width:auto;
    width:24%;
}

#lenovoLinksMenu .toolsColumn 
{
    padding:15px;
    padding-top:0;
}

#lenovoLinksMenu .toolsColumn .columnContainer 
{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    
}

#lenovoLinksMenu .toolsColumn h2 
{
    margin-top:0;
    margin-bottom:10px;
    padding:0;
    font-size:21px;
    min-height:5px;
}

#lenovoLinksMenu .toolsColumn ul li
{
    margin-bottom:3px;
}




/************* TOOLBOX ***********************/

#toolboxAdvisorMenu .toolsColumn {
    overflow: hidden;
 
    float:left;
    width:auto;
    width:33%
}

#toolboxAdvisorMenu .toolsColumn 
{
    padding:15px;
    padding-top:0;
}

#toolboxAdvisorMenu .toolsColumn .columnContainer 
{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    
}

#toolboxAdvisorMenu .toolsColumn h2 
{
    margin-top:0;
    margin-bottom:10px;
    padding:0;
    font-size:21px;
    min-height:5px;
}

#toolboxAdvisorMenu .toolsColumn ul li
{
    margin-bottom:3px;
}

.labelValidTicket label
{
    font-size:15px;
    margin-top:10px;
}


.jumpTo 
{
    color:#000;
}

.jumpTo:hover
{
    text-decoration:none;
}

.errorTextValidationColour
{
    color: #be2713 !important;
}

.interactiveLinkContainer
{
	margin-bottom:10px;
}


/************* PRICING ADVISOR - SEND TO DISTRIBUTOR ***********************/

.WDFMAlertContainer
{
	padding: 15px;
	border: #e6ac00 solid 2px;
	margin: 30px 40px 25px;
    font-weight:bold;
    font-size:15px;
}

.quoteInformationBlock
{
	min-width:300px;
}

.distributorContactDetails
{
	background-color: #fff;
	color: #000;
	padding: 20px;
	box-shadow: -3px 3px 0px 0 rgba(0, 0, 0, 0.2);
	border: 3px solid #cecfce;
	border-bottom-color: #a4a4a4;
	border-left-color: #a4a4a4;
	margin:0 40px 30px;
	width:80%;
}


.distributorContactDetails h3{
	margin-top:0;
	margin-bottom:10px;
	font-size:22px;
	padding-bottom:5px;
    margin-right:40px;
	
}

.distributorContactDetails h4.contact
{
	margin:0;
	margin-bottom:10px;
	font-size:18px;
    padding-left:40px;
    padding-bottom:9px;
    padding-top:2px;
    background: url("/images/en-GB/interface/disti_contact_profile_icon.png") no-repeat;
}

.distributorContactDetails h4.company
{
	margin:0;
	margin-bottom:10px;
	font-size:18px;
    padding-bottom:9px;
    padding-left:40px;
    padding-top:2px;
    background: url("/images/en-GB/interface/disti_company_profile_icon.png") no-repeat;
}


.distributorContactDetails .primaryContent
{
	width:50%;
	margin-left:4%;
}

.distributorContactDetails .secondaryContent
{
	width:45%;
    border-right:1px solid #a4a4a4;
}


.closeDistributorContactDetails {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -112px;
	height: 26px;
	text-indent: -9999px;
	width: 26px;
	display:block;
	right: 10px;
	top: 10px;
	float:right;
}

.closeDistributorContactDetails:hover {
	background: url("/images/en-GB/interface/close_arrow_sprite.png") no-repeat left -168px;
}


.distributorContactDetails .contactDetailsContainer
{
	margin-bottom:10px;
}

.distributorContactDetails .contactDetailsContainer.larger{
	font-size:16px;
}

.gridSeparator{
	border-left: 4px solid #cecfce;
	overflow:auto;
}

.partsGridContainer
{
	width:44%;
}

.partsGridView
{
	border-collapse:separate !important;
}

.distributorsGridContainer
{
	width:56%;
	position:relative;
}


.partsGridContainer th,
.distributorsGridContainer th
{
	height:42px;
	padding-right:10px;
	font-size:13px;
	font-weight:bold;
}

.distributorsGridContainer th
{
	white-space:nowrap;
}

.partsAndDistributorContainer .gridView.distributorsGridView td
{
	padding:0;
}

.partsAndDistributorContainer .gridView.distributorsGridView td span
{
	padding:5px;
}

/* DOCKED DISTIBUTORS GRID */

.dockedGrid .distributorsGridView thead tr{
	position:relative;
	display:block;
	box-shadow: 0 8px 4px -6px rgba(50, 50, 50, 0.15);
	transition: box-shadow 0.3s ease-in-out;
}

.dockedGrid .distributorsGridView tbody{
	display:block;
}

.dockedGrid .distributorLinksContainer a{
	visibility:hidden;
	opacity:0;
}

.dockedGrid .distributorLinksContainer a[disabled=disabled]{
	visibility:visible;
	opacity:1;
	border-right:none;
}

.partCodeDescriptionCol
{
	width:400px;
}

.partCodeGridValue
{
	padding-bottom:1px;
}

.partDescriptionValue
{
	color:#7f7f7f;
	font-size:11px;
}

td.requiredQuantityCol
{
	text-align:center;
}

.distributorsGridContainer th,
.distributorsGridContainer td
{
	border-right: 1px solid #cecfce;
	background-color:#fff;
}

.distributorsGridContainer th.selectedDistributor,
.distributorsGridContainer td.selectedDistributor
{
	background-color:#fffcc7;
}

.distributorsGridContainer td.withWarning span
{
	background-image: url("/images/en-GB/interface/instant_bid_warning.png");
	background-position: right top;
	background-repeat: no-repeat;
}


.distributorLinksContainer
{
	font-size:12px;
	margin-bottom:3px;
	font-weight:normal;
	/*min-width:120px;*/
}

.distributorLinksContainer a
{
	border-right:1px solid #cecfce;
	padding-right:5px;
	padding-left:5px;
}

.distributorLinksContainer a:first-child
{
	border-right:1px solid #cecfce;
	padding-right:5px;
	padding-left:0;
}

.distributorLinksContainer a:last-child
{
	padding-right:0;
	padding-left:5px;
	border-right:none;
}

.distributorHeading
{
	padding-top:3px;
}

.distributorHeading.withWarning{
	padding-right:25px;
	background: url("/images/en-GB/interface/instant_bid_warning.png") no-repeat right -1px;
}

.partsAndDistributorContainer .gridView th
{
	 padding: 10px 5px 8px 5px;
}

.partsAndDistributorContainer .gridView td
{
	padding:5px;
	line-height:normal;
	height:32px;
}

.partsAndDistributorContainer .gridView td.partDescriptionCol
{
	font-size:11px;
}

.requiredQuantityCol{
	width:80px;
}


.genericContainer.partsAndDistributorContainer
{
	padding-top:0;
}

.distributorWarningMessagesContainer
{
	margin: 40px 40px 0;
}

.distributorWarningMessagesContainer .iconText p
{
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0;
}

.orderDistributorsByContainer
{
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}


/************* YOUR LENOVO PROFILE ***********************/

.yourLenovoProfileContainer{
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
}
.yourLenovoProfileContainer h3{
	color:#fff;
	margin:7px 0 0;
}


.yourLenovoProfileHeader
{
	padding-left:45px;
	background: url("/images/en-GB/interface/your_lenovo_profile_icon.png") no-repeat left center;
	float:left;
	min-height:35px;
	margin-top:2px;
}


.yourLenovoProfileInfoLink
{
	float:right;
	font-size:12px;
}

.yourLenovoProfile{
	border:2px solid #363636;
	padding:7px 30px 8px 30px;
	background: #4a4a4a;
}

.yourLenovoProfileContent{
	float:right;
	margin-bottom:3px;
	margin-top:1px;
}

.yourLenovoProfileContent .itemGroup
{
	float:left;
	margin-left:30px;
	margin-top:2px;
}

.yourLenovoProfileContent dd,
.yourLenovoProfileContent dt
{
	color:#fff;
	font-size:13px;
	text-shadow: 1px 1px 1px #363636;
}

.yourLenovoProfileContent dd
{
	font-weight:bold;
	margin-top:3px;
}


/************* SEND TO DISTRIBUTOR EMAIL PREVIEW ***********************/

.selectedDistributorEmailPreviewContent
{
	color:#555;
}

/************* LATEST NEWS FROM LENOVO ***********************/

.latestNewsContainer
{
	border:2px solid #a7a7a7;
	margin-bottom:5px;
	padding:10px 30px 15px;
}

.latestNewsContainer h2
{
	margin:0 0 10px;
	font-size:18px;
}

.latestNewsContainer h3
{
	margin:0 0 5px;
	font-size:16px;
}

.latestNewsContainer .linksColumn
{
	float:left;
	min-width:24%;
}

.latestNewsContainer ul,
.latestNewsContainer li
{
	margin:0;
	padding:0;
}

.latestNewsContainer li
{
	list-style-type:none;
}

/************* LENOVO SPECIAL BID T&Cs ***********************/

.addendumHeading
{
	text-transform:uppercase;
}

.addendumNoticeContent
{
	font-weight:bold;
}

/************* YOUR QUOTES SPECIAL STYLING ***********************/

.expiring
{
	font-weight:bold;
}

.zeroResults{
	padding:10px 20px;
	color:#000;
}


/************* IERP TOOLTIP ***********************/

/* Downwards Callout - Default */
.IERPTooltip
{
	left:-10px;
	top:15px;
}

a.IERPTooltip {
	position: relative;
}

.IERPTooltip .tooltipIcon{
	background: url('../KnowledgeKubeTheme/Images/MercatoUI/Circuit/ui-sprites_32.png') 0 -4px no-repeat;
	display:block;
	width:29px;
	height:25px;
}

a:hover.IERPTooltip .tooltipIcon {
	background: url('../KnowledgeKubeTheme/Images/MercatoUI/Circuit/ui-sprites_32.png') 0 -34px no-repeat;
}

a.IERPTooltip .tooltipContent {
  position: absolute;
  max-width:200px;
  min-width:200px;
  color: #FFF;
  background: #0a4d8d;
  text-align: left;
  display: none;
  font-size:12px;
}

a.IERPTooltip .tooltipContent:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 88%;
  width: 0; height: 0;
  border-bottom: 8px solid #0a4d8d;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

a:hover.IERPTooltip .tooltipContent {
  display: block;
  top: 35px;
  right: -10px;
  z-index: 999;
  padding:15px 20px;
  position:absolute;
}

/* Upwards Callout */
.IERPTooltipTopCallout
{
	top:15px;
}

a.IERPTooltipTopCallout {
	position: relative;
}

.IERPTooltipTopCallout .tooltipIcon{
	background: url('../KnowledgeKubeTheme/Images/MercatoUI/Circuit/ui-sprites_32.png') 0 -4px no-repeat;
	display:block;
	width:29px;
	height:25px;
}

a:hover.IERPTooltipTopCallout .tooltipIcon {
	background: url('../KnowledgeKubeTheme/Images/MercatoUI/Circuit/ui-sprites_32.png') 0 -34px no-repeat;
}

a.IERPTooltipTopCallout .tooltipContent {
  position: absolute;
  max-width:200px;
  min-width:200px;
  color: #FFF;
  background: #0a4d8d;
  text-align: left;
  display: none;
  font-size:12px;
}

a.IERPTooltipTopCallout .tooltipContent:after {
  content: '';
  position: absolute;
  top: 100%;
  right:15px;
  width: 0; height: 0;
  border-top: 8px solid #0a4d8d;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

a:hover.IERPTooltipTopCallout .tooltipContent {
  display: block;
  bottom: 35px;
  right: -10px;
  z-index: 999;
  padding:15px 20px;
  position:absolute;
}


/* HELP - HOW CAN WE HELP */

.howCanWeHelpContainer
{
	margin-bottom:30px;
	border-bottom:1px solid #cecfce;
}

.howCanWeHelpContainer .mainSearch
{
	float:none;
}


.howCanWeHelpContainer .mainSearch .inputOuter
{
	width:60%;
	height:50px;
}

.howCanWeHelpContainer .mainSearch input[type="text"]
{
	margin:0;
	height:30px;
	border:none;
	padding:10px;
	font-size:18px;
	width:85%;
	float:left;
}

.howCanWeHelpContainer .mainSearch .searchIcon
{
	padding:25px;
}

.needMoreHelpContainer
{
	background:#f8f8f8;
	border:1px solid #cecfce;
	box-shadow: 5px 5px 0 0 #cecfce;
	padding:20px;
}

.needMoreHelpContainer h2{
	margin:0 0 5px;
	padding:0;
}


/* CHAT STATUS BUTTONS */

.chatStatusButton
{
	padding:10px 15px 8px 10px;
	background:#000;
	font-size:13px;
	border-radius:2px;
	border-bottom:3px solid #000;
}

.chatStatusButton .statusIndicator
{
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background:#fff;
	display:inline-block;
	margin-right:5px;
}

/* Online */
.chatStatusButton.onlineStatus
{
	color:#fff;
	background:#1ba538;
	border-bottom-color:#168c30;	
}

.chatStatusButton.onlineStatus:hover
{
	background:#168c30;
	border-bottom-color:#147729;
	text-decoration:none;	
}

.chatStatusButton.onlineStatus .statusIndicator
{
	background:#caffa8;
	border:1px solid #168c30;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.2);
}



/* EMAIL */
.chatStatusButton.emailStatus
{
	color:#fff;
	background:#54a565;
	border-bottom-color:#408e50;	
}

.chatStatusButton.emailStatus:hover
{
	background:#488e57;
	border-bottom-color:#407d4d;
	text-decoration:none;	
}

.chatStatusButton.emailStatus .statusIndicator
{
	background:#80bc5b;
	border:1px solid #168c30;
	box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.1);
}


/* MODAL POPUP MANUAL */


.modalManual 
{
    left: auto;
    position: fixed;
    top:219px;
    z-index: 10001;
}
.modalManual .modalBlackOut 
{
    z-index:10000;
}

.modalManual .modalPopup
{
    box-shadow: -2px 4px 5px 0 rgba(50, 50, 50, 0.1);
    background-color: #fff;
    padding: 30px 20px 20px;
    border: 1px solid #d5d5d5;
    width:1139px;
}

.modalManual .modalPopup h3{
    margin-top:0;
    font-size:18px;
}

.modalManual .modalContent {
        z-index:10002;
        position:absolute;
}
.modalManual .modalBodyFooter 
{
    padding-top:15px;
    float:right;
}


/*    modal popups */

.modalBlackOut
{
    /* temporary class, until modal asp.net control is implemented */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cecfce;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}


/****************REP SETTINGS******************/

.gridView td.resellerCompanyCol 
{
    width:450px;
}

.gridView td.resellerRolesCol label 
{
    margin-bottom:7px;
    float:left;
    margin-left:3px;
    margin-right:15px;

}
.gridView td.resellerRolesCol input 
{
    float:left;
}

.labelValueInline 
{
    display:inline;
    margin-right:5px;
}
.labelInline 
{
    font-size:14px;
    margin-right:2px;
    color:#555;
}

.confirmedAction 
{
    background:#d6ecc6;
    border:2px solid #8dc463;
    padding:10px;
    display:none;
}

    .confirmedAction p 
    {
        padding-bottom:0;
        font-weight:600;
    }


/****************EMAIL CHATS**********************/

.conversationThread 
{
    margin-bottom:2px;
}

.gridView td.firstCol 
{
    padding-left:20px;
}

.conversationThreadQuestion 
{
    font-size:16px;
}


.gridView td span.labelInline 
{
    display:inline;
    font-size:13px;
}
.panelOwnConversation,
.panelOtherConversation 
{
    font-size:13px;
}

.gridView td span.valueInline 
{
    display:inline;
}

.chatConversationContainer 
{
    margin:20px;
}
.chatConversationContainer .chatThread 
{
    width:60%;
    float:left;
    margin-bottom:20px;
    /*border-right:1px solid #efefef;*/
}

.chatConversationContainer h3
{
	margin-top:0;
}

.chatConversationContainer .resources 
{
    width:35%;
    float:left;
    margin-left:5%;
}

.message
{
	margin-bottom:10px;
    width:90%;
}

.message .messageUser
{
	padding:15px 15px 5px;
	margin-top:-15px;
	position:relative;
	display:block;
	font-size:12px;
	color:#555;
}

.message p
{
	padding:0 15px 0;
	color:#000;
	word-wrap:break-word;
}


.message .messageTimestamp
{
	display:block;
	font-size:11px;
	color:#555;
	padding:15px 15px 10px;
	text-align:right;
}


.bubbleLeft {
	float: left;
	clear: both;
	background: #e4e4e4;
	margin-left:15px;
	border-radius: 6px;
	border-top-left-radius: 0;
}

.bubbleLeft:before {
	content: "";
	display: block;
	position: relative;
	top: 0;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #e4e4e4 transparent transparent;
}

.bubbleRight {
	float: right;
	clear: both;
	background: #c7c7c7;
	margin-right:15px;
	/*box-shadow: -2px 2px 2px 0 rgba(50, 50, 50, 0.2);*/
	border-radius: 6px;
	border-top-right-radius: 0;
}


.bubbleRight:before {
	content: "";
	display: block;
	position: relative;
	top: 0;
	right: -100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #c7c7c7 transparent transparent transparent;
}

.message.bubbleRight .messageUser,
.message.bubbleRight .messageTimestamp
{
	color:#272727;
}

.message.bubbleRight p
{
	color:#000;
}

.receivedResource
{
	padding:0 0 10px;
	border-bottom:1px solid #efefef;
	margin:0 0 15px;
}

.receivedResource .messageUser,
.receivedResource .receivedResourceURL
{
	font-size:12px;
}

.receivedResource .messageUser
{
	display:block;
	margin-bottom:3px;
	color:#7f7f7f;
}

.receivedResource .receivedResourceURL
{
	padding-bottom:0;
}


/**************** PRICING ADVISOR DOCUMENT ATTACHMENTS **********************/

.uploadedDocumentsGridView td span.labelText, 
.uploadedDocumentsGridView td span.labelTextValue{
	display: inline;
	font-size:13px;
}

.uploadedDocumentsGridView td span.labelText
{
	color: #949494;
}


/**************** EXPANDO PANELS FOR FILTERS - PRICING ADVISOR **********************/

.expandoPanel h4
{
	padding-right:20px;
}

.expandoPanel.expanded h4
{
	background: url(/images/en-GB/interface/filter_arrow_sprite.png) no-repeat right -64px;
}

.expandoPanel.collapsed h4
{
	background: url(/images/en-GB/interface/filter_arrow_sprite.png) no-repeat right -99px;
}

.expandoPanel.collapsed.itemGroup
{
	margin-bottom:0;
}

.expandoPanel.collapsed .dropDownPanel{
	display:none;
}

.expandoPanel .expandoTrigger:hover
{
	color:#000;
}


/**************** KEY VALUE CONTAINER **********************/

.keyValuePairContainer
{
	margin-bottom:10px;
}

.keyValuePairContainer .keyContainer
{
	width:20%;
}

.keyValuePairContainer .pairContainer 
{
	width:60%;
}