.ui-autocomplete {
	position:absolute;
	top:0;
	left:0;
	cursor:default;
}
.autocomplete-suggestions {
	border: 1px solid #999;
	background: #fff;
	cursor: default;
	overflow: auto;
	width:400px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	line-height:18px;
	color:#000;
	-webkit-box-shadow: 1px 5px 10px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 5px 10px 5px rgba(0,0,0,0.1);
	box-shadow: 1px 5px 10px 5px rgba(0,0,0,0.1);
}
.autocomplete-suggestions strong { font-weight: bold;}

.autocomplete-suggestion {width:435px;clear:both;padding:2px 5px 2px 5px;overflow:hidden;}
.autocomplete-suggestion[data-index='1'] { background:#f2f2f2; }
.autocomplete-suggestion[data-index='3'] { background:#f2f2f2; }
.autocomplete-suggestion[data-index='5'] { background:#f2f2f2; }
.autocomplete-suggestion[data-index='7'] { background:#f2f2f2; }
.autocomplete-suggestion[data-index='9'] { background:#f2f2f2; }
.autocomplete-suggestion[data-index='11'] { background:#f2f2f2; }

.autocomplete-selected { background: #FA781F; color:#eee; }
.autocomplete-selected[data-index='1'] { background: #FA781F; }
.autocomplete-selected[data-index='3'] { background: #FA781F; }
.autocomplete-selected[data-index='5'] { background: #FA781F; }
.autocomplete-selected[data-index='7'] { background: #FA781F; }
.autocomplete-selected[data-index='9'] { background: #FA781F; }
.autocomplete-selected[data-index='11'] { background: #FA781F; }
.autocomplete-selected strong { color:#fff; }
.autocomplete-suggestion .prodImg
{
	float:left;
	width:50px;
	height:50px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin:4px 4px 4px 4px;
}
.autocomplete-suggestion .textWrapper
{
	float:left;
	width:72%;
	text-align:left;
	margin:4px 0 4px 0;
}
.autocomplete-suggestion .text
{
	float:left;
	width:100%;
	text-align:left;
	font-size:12px;
	color:#37B34A;
	line-height:14px;
	font-weight:bold;
}
.autocomplete-suggestion .text strong
{
	font-size:12px;
	color:#000000;
	line-height:12px;
}
.autocomplete-suggestion .shortDesc
{
	float:left;
	width:100%;
	text-align:left;
	font-size:11px;
	color:#888888;
	line-height:14px;
}
.autocomplete-suggestion .shortDesc strong {color:#000000;}
.autocomplete-suggestion .price {float:right;width:50px;font-weight:bold;font-size:11px;}
.autocomplete-group { color:#fff; background:#37b34a; font-size:12px; font-weight:bold; padding:6px 4px;}

#loaderImg {
	text-align:center;
	padding:15px 0;
	display:none;
}

#guestErr
{
	text-align:left;
	display:none;
}
#loginErr 
{
	text-align:left;
	display:none;
}

/* MG fix display issue on acchome.csp where last button dropping onto 2nd line 
.buttonBlock .btn.btn-primary,.buttonBlock button.btn-primary{line-height: 32px;
    padding: 5px 10px;
    position: relative;
    width: 162px;}*/

/* MG dont display accsettings error or OK div on initial load */
#settingsErr
{
	display:none;
}

#settingsOK
{
	display:none;
}

/* signin / guest checkout */
.login-container
{
	width:48.9%;
}
.login-container.order3 {width:93%;margin:0 0 40px 0;padding:14px;background:#FFFFFF;border:solid 1px #DDDDDD;}
.login-container.order3 .order3SmallText {font-size:12px;line-height:14px;}
.login-container.loginOnly {
	width:100%;
}
.loginOnly .tab-pane {
	text-align:left !important;
}
.template-signin #content .large-tabs li
{
	width:50%;
}
.template-signin #content .large-tabs li:last-child
{
	width: 49.770%;
}
.template-signin .large-tabs
{
	margin:0;
}
.login-container .signinCont
{
	padding:0 !important;
}
.login-container .tab-content form
{
	padding: 40px 60px 10px;
}
.login-container.order3 .tab-content form
{
	padding:20px 20px 0px 20px;
}
.login-paypal-content {
	display:none;
}
.guestLoginPanels
{
	float:left;
}
.guestPanel
{
	margin:0 0 0 20px;
}
.panel .guestLogin
{
	padding:40px 20px 139px;
}
.nostar {
	
}
.tab-pane.active p.left{text-align:left;padding-bottom:15px;}
.signinButtonWrapper
{
	float:right;
	clear:both;
	margin:-15px 0 10px 0;
}
.whyRegister {
	color:#12a04a;
	text-align:left;
	font-size:17px;
	margin:15px 0 0 0;
	height:24px;
}
.whyReg {
	text-align:left;
	margin:4px 0 0 0;
	padding:0 0 0 18px;
	height:91px;
}
.whyReg li {
	padding:0 0 0 10px;
}
#registernew h3, #tradeaccount h3 {
	font-size:40px;
	font-weight:300;
	padding:0px 0px 0px 0px;
	margin:0px;
}
#tradeaccount h3 {
	font-size:34px;
	font-style:italic;
}
#registernew .signinButtonWrapper, #tradeaccount .signinButtonWrapper
{
	width:auto;
	margin:30px 0 10px 0;
}
#registernew .stacked label, #registernew.stacked label, #tradeaccount .stacked label, #tradeaccount.stacked label {
    font-size: 14px;
    margin-top: 0;
}
#registernew .regGender {
	padding:0 0 5px 0;
}
#registernew .regGenderLabel {
	width:33%;
	float:left;
}
#signupregister.tab-pane.active p.left {
	min-height:auto;
}
#signupregister h2 {
	padding:0 0 10px 0;
	height:59px;
}
.guestButtonWrapper
{
	float:left;
	width:100%;
	margin:10px 0 30px 0;
}
.orangeButton
{
	background: #007CC1 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    line-height: 39px;
    padding:0 10px 0 10px;
    text-align: center;
    transition: background-color 0.2s ease 0s;
	cursor:pointer;
}
.orangeButton.left {float:left;}
.orangeButton:hover {background:#002F6D;color:#FFFFFF;}

/* New nav styling */
.cd-mm-left-span-main {
	height:47px !important;
	line-height:50px !important;
}
.cd-mm-left-span {
	height:37px;
	line-height:37px;
}
.cd-mm-left-list > li:last-child .cd-mm-left-span {
	height:37px;
}
.cd-mm-left-span > .fa {
	top:10px;
}

/* extra disabled for next button on questionnaire */
.progress .btn-next.disabled {
	background: #686868;
	background: -moz-linear-gradient(top, #686868 0%, #848484 100%);
	background: -webkit-linear-gradient(top, #686868 0%,#848484 100%);
	background: linear-gradient(to bottom, #686868 0%,#848484 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#848484',GradientType=0 );
	border: 1px solid #686868;
}


.cd-err-buttons {
	margin:10px 0;
	float:left;
	width:100%;
}
.btn-left {
	float:left;
}
.btn-right {
	float:right;
}
.checkout-message {
	border: 2px solid #e65325;
	border-radius: 4px;
	background: #fff2ef;
	padding: 5px;
	margin-bottom: 10px !important;
	color: #e65325;
}
.checkout-message span {
	font-weight:600;
}
/* order 3*/
#passwordThankYou
{
	float:left;
	width:95%;
	border:solid 1px #DDDDDD;
	background:#FFFFFF;
	padding:14px;
	display:none;
	margin:0 0 10px 0;
}
.order3SmallText {text-align:left;font-size:12px;}


/* Register page */
.regMailText {
	display:inline;
	margin:0 0 0 10px;
}
.regSubscribeHead
{
	float:left;
	width:100%;
	color:#13A24B;
	font-size:17px;
	margin:10px 0 0 0;
	text-align:left;
}
.regSubscribe
{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	text-align:left;
}
.template-myaccount .regSubscribe {
	margin:0 0 25px 0;
}
.regOpt
{
	float:left;
	width:33%;
	margin-bottom:5px;
}
.registerOffersButton {
	float:none;
	margin:10px 0;
}
.g-recaptcha
{
	clear:both;
	margin-bottom:10px;
}

#discountCodeDISABLED {
    width: 190px !important;
    margin-right: 15px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1);
	background:#ebebe4;
    border: 1px solid #b2b2b2;
    padding: 0 15px 0 15px;
    height: 42px;
	line-height: 42px;
    color: #333;
    font-size: 1.14em;
}
#discountCodeDISABLEDtick {
	float:right;
	width:20px;
	height:20px;
	background: url('../images/common/cd-sprite-01.png?v=2') no-repeat -79px -338px;
	margin-top:10px;
}

.signupContainers {
	min-height:285px;
}
.cd-col-45 {
	width:45%;
	float:left;
	margin:0 4.4% 0 0;
}
.voucherCodeLine {
	height:44px;
}
.voucherTooltip {
	margin:10px 0 0 0;
}
.voucherTooltip.warning {
	top:8px;
}
.registerComplete h1 {
	font-size:55px !important;
}
.registerComplete h2 {
	font-size:40px;
	margin:0;
}

.registerComplete .voucherBlock {
	border-top:1px solid #A4A4A4;
	border-bottom:1px solid #A4A4A4;
	margin:0 auto;
	padding:5px 0 10px;
	width:75%;
}
.registerComplete .voucherBlock p {
	font-size:18px;
}
.registerComplete .voucherBlock p span {
	color:#f05f22;
	letter-spacing:0.5px;
	font-size:20px;
}
.regLine {
	height:1px;
	margin:15px 0 20px;
}
#reg_optemail_msg {
	clear:both;

}
.tooltip.plain::before {
    border-bottom-color: #E1E1E1;
}
.tooltip.plain::before {
    border-bottom-color: #E1E1E1;
}
.tooltip.plain::after {
    border-bottom-color: #E1E1E1;
}
.tooltip.plain::after {
    border-bottom-color: #E1E1E1;
}
.tooltip.plain {
    background-color: #E1E1E1;
    border: 1px solid #E1E1E1;
	width:70%;
	margin:0 0 20px 0;
}
.reg_clear {
	clear:both;
}
a#lnkWhatIsThis {
	color: #C7C7C7;
	font-size: 12px;
	text-shadow: 1px 1px black;
}
#collectPlusAbout {
	display:none;
	position:absolute;
	background-color:#f4f3f3;
	padding:10px;
	font-size:11px;
	width:250px;
	right:35px;
	border: 1px solid #cbcbcb;
	line-height:20px;
	color:#666;
}
.collectplus-overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background: #000;
    z-index: 9999;
    opacity: .5;
    filter: alpha(opacity=50)
}
.collectplus-popup {
	position: fixed;
	top: 10%;
	right: 0;
	left: 0;
	width: 475px;
	margin: auto;
	background: #fff;
	z-index: 10000;
	box-shadow: -5px 6px 16px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: -5px 6px 16px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: -5px 6px 16px 2px rgba(0, 0, 0, .2);
	display: none;
}
.collectplus-popup-inner {
	border-bottom: 5px solid #96a0aa;
	padding: 20px;
}
.collectplus-popup p {
	color: #37b34a;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.collectplus-popup .close-popup.close-popup-white {
	background: none;
	height: 50px;
	width: 50px;
}
.collectplus-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-weight: 600;
    color: #c1c1c1
}
#inPostSelMsg {
	margin-bottom:12px;
}
.close-popup {
    background: rgba(0, 0, 0, 0) url("https://d1quzj2w3xzul2.cloudfront.net/v1/img/site/sprite-icons.png") no-repeat scroll -362px -610px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 20px;
}
.inpost-overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background: #000;
    z-index: 9999;
    opacity: .5;
    filter: alpha(opacity=50)
}
.inpost-popup {
	position: fixed;
	top: 10%;
	right: 0;
	left: 0;
	width:800px;
	height: 80%;
	margin: auto;
	background: #fff;
	z-index: 10000;
	box-shadow: -5px 6px 16px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: -5px 6px 16px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: -5px 6px 16px 2px rgba(0, 0, 0, .2);
	display: none;
	border-bottom: 5px solid #96a0aa;
}
.inpost-popup-inner {
	padding: 20px;
	height:90%;
}
#inPostAbout {
	display:none;
	position:absolute;
	background-color:#f4f3f3;
	padding:10px;
	font-size:11px;
	width:250px;
	right:35px;
	border: 1px solid #cbcbcb;
	line-height:20px;
	color:#666;
}
.cd-account-flyout-block li.mobileOption {display:none;}

.optinBox, .optinBoxTerms, .optinBoxTermsErr {
	float:left;
	width:100%;
	padding:5px;
	text-align:left;
	margin-bottom:20px;
}
.optinBox {
	background-color:#E5F4E7;
	border:1px solid #ccc;
}
.template-signin .optinBox {
	padding:15px;
}
.template-signin .optinBoxTerms {
	margin-bottom:0;
}
.optinBoxTermsErr {
	background-color:#fff2ef;
	border:1px solid #e65325;
}
.optinBox p {
	font-size:12px;
}
.optinBoxLeft {
	float:left;
	width:8%;
}
.optinBoxRight {
	float:left;
	width:92%;
}
#register fieldset {
	font-size:14px;
	text-align:left;
}
#register #registerErr {
	display:none;
}
.order3signinButtonWrapper {
	float:left;
}
.order3signinButtonWrapper .orangeButton {
	padding:0 30px;
}
fieldset.basket.update-disabled {
	padding-bottom:0px;
}

.questionnaire label{
	font-weight: 600;
}

.questionnaire .inline-options label{
	font-weight: 400;
}
.cd-confidencebanner {
	text-align: center;
}


@media screen and (min-width: 601px) and (max-width: 800px) {
	.login-container
	{
		width:100%;
	}
	.panel .guestLogin
	{
		padding:40px 20px;
	}
	#content .container .right.login-container {
		width:100%;
	}
	.cd-account-flyout-block li.mobileOption {display:block;margin-left:28px;}
	.cd-account-flyout-block li.mobileHide {display:none;}
	
	.inpost-popup {width:600px;}
	.cd-confidencebanner img {width:100%;}
}
@media screen and (max-width: 600px) {
	.login-container
	{
		width:100%;
	}
	.panel .guestLogin
	{
		padding:40px 20px;
	}
	.template-signin #content .large-tabs li:last-child
	{
		width: 49.75%;
	}
	.cd-col-45 {
		width:100%;
		float:left;
		margin:0;
	}
	#collectPlusAbout {
		width:65%;
	}
    .collectplus-popup {
		postion:fixed;
		top: 10px;
		width: 95%;
	}
	.collectplus-popup-inner {
		padding: 10px;
		overflow:hidden;
	}
	#collectPlusWidget {
		overflow-y:auto;
		height:90vh;
		padding-right:18px;
		width:100%;
    }
	.inpost-popup {width:90%;}
	#inPostAbout  {width:65%;}
	.cd-account-flyout-block li.mobileOption {display:block;margin-left:28px;}
	.cd-account-flyout-block li.mobileHide {display:none;}
	.cd-confidencebanner img {width:100%;}
}
/* Mobile 320 - 480px */
@media screen and (max-width: 480px) {
	.panel .guestLogin
	{
		padding:20px 10px !important;
	}
	.template-signin #content .large-tabs li:last-child
	{
		width: 49.6%;
	}
	.panel .signinCont
	{
		padding:0 10px 10px 10px !important;
	}
	#content form#signin, #content form#guest {
		float: none;
	}
	.regOpt
	{
		float:left;
		width:100%;
	}
	.voucherCodeLine {
		height:105px;
	}
	.template-checkout .delivery-options .hiddenOptions {
		width:auto !important;
	}
	.login-container .tab-content form
	{
		padding: 20px 60px 20px;
	}
	.login-paypal-content {
		display:block;
	}
	.login-paypal-content img {
		margin:15px 0px;
		width:100%;
	}
	.login-paypal-content h1 {
		text-align:center;
		margin-bottom:15px;
	}
	form .stacked, form.stacked {
		margin-top: 20px;
	}
	#content section h2 {
		margin-bottom:0px;
	}
	.template-signin #content section .container .login-container.panel {
		margin:0;
	}
	.cd-account-flyout-block li.mobileOption {display:block;margin-left:28px;}
	.cd-account-flyout-block li.mobileHide {display:none;}
	.inpost-popup {width:100%;}
}