.fieldError {
    background: none repeat scroll 0 0 #FFD6DB;
    border: 1px solid #687DA1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 -3px 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(255, 255, 255, 0.97) inset, 0 0 3px -1px rgba(0, 0, 0, 0.7);
    color: #575757;
    display: inherit;
    font-size: 10px;
    margin: 0 11px 9px 8px;
    padding: 0 8px 1px 7px;
    text-align: center;
}

 
.fieldError-password {
    background: none repeat scroll 0 0 #FFD6DB;
    border: 1px solid #687DA1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 -3px 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(255, 255, 255, 0.97) inset, 0 0 3px -1px rgba(0, 0, 0, 0.7);
    color: #575757;
    display: inherit;
    font-size: 10px;
    margin: 11px 11px 9px 8px;
    padding: 0 8px 1px 7px;
    text-align: center;
}

.fieldError-verification {
 	background: none repeat scroll 0 0 #FFD6DB;
    border: 1px solid #687DA1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 -3px 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(255, 255, 255, 0.97) inset, 0 0 3px -1px rgba(0, 0, 0, 0.7);
    color: #575757;
    display: inherit;
    font-size: 10px;
    margin: 2px 11px 9px 8px;
    padding: 0 8px 1px 7px;
    text-align: center;
    width: 140px;
    float: right;

}



.product-selection {
	margin-bottom: 40px;
}

.product-selection h1,
.product-selection p {
    padding: 0 10px;
}

.product-selection img,
.product-selection-upgrade img {
	max-width: 100%;
}

.mPad {
	box-sizing: border-box;
}

.region img {
	float: right;
}


.product-selection h4, .basket h4 {
	margin:0;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0;
    margin-top: 0.5em;
}

.product-selection h4{
	margin: 0;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0.5em;
    /* margin-top: 0.5em; */
    background-color: #041427;
    color: #fff;
}

.product-selection label{
	vertical-align: top;
}

.product-selection-upgrade h1{
	clear: both;
    color: #195498;
    display: block;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin: 0;
    padding: 24px 0 15px;	
}



.product-selection-upgrade label{
	vertical-align: top;
	display: inline-block;
    margin-right: 3%;
    width: 29.7%;
}

.product-selection-upgrade h4, .basket h4 {
	

}

.product-selection-upgrade input {
	margin-left: -9000000px;
	position: absolute;

}

.sel-top-sep{
	/* width:190px; */
	border-top:inherit;
}

/* BASKET */

.basket {
	width: 97%;


}
#basketPanel{
    padding: 1em;
	margin-left: 1em!important;
	margin-right: 1em!important;
    background-color: #fff;
}
h5{
	margin: 1em 0em;
	font-weight: 600;
    color: #dd358b;
    font-size: 1em;
}
table.basket-items {
    margin-bottom: 1em;
}

table.basket-items .total-price, table.basket-items .total-label {
	padding-top:10px;
}
.basket-item-name, .basket-item-price {
    padding: 0.4em 0.2em 0.4em 0;
}
.basket-items .basket-item-name{

}

.basket-items .basket-item-price{
	text-align: right;
}

.basket-minus {

	padding-top: 4px; 
}

.basket-minus a {
    background: url("newimages/subscriptions/shopping-minus.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 12px;
    width: 12px;
    vertical-align: top;
    cursor: pointer;
}

.basket .total-price-sep {
	border-top: 1px solid #c6dff2;
	margin:10px 0;
}

.basket .total-price, .basket .total-label{
	padding-bottom:0;
	color:#dd358b;
	font-weight: bold;
}

.basket .total-label{
	font-size: 18px;
}

.basket .total-price {
	font-size: 26px;
	text-align:right;
}

.basket .basket-bottom{
	text-align: left;
}

.basket-contact {
	/* width:256px; */
	margin-left: 10px;
}

/* Top of the Page text */

@media screen and (min-width: 48em) {
	.productselection_intro {
		padding-right: 30px;
	}
}


/* background image for headings */

h2.region-selection-bgimage {background: url('img/yourregion.png') no-repeat top center;
text-indent: -9999px;}

h2.region-selection-bgimage-2 {background: url('img/yourpackage.png') no-repeat top center;
text-indent: -9999px;}

h2.region-selection-bgimage-3 {
background:url('img/valueadded.png') no-repeat top center;
text-indent: -9999px;
margin-top: 19px !important;
}

h2.region-selection-bgimage-subs {
background:url('img/yourpackage.png') no-repeat top center;
text-indent: -9999px;
margin-top: 20px;
}




/* SELECTIONS */

ul.region-selection{
	list-style:none;
	margin:0;
	padding:0;
	}

.region-selection li.selection, .package, .region, .packageOffers{
	border:3px solid #005EAD;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	zoom:1;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 10px;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
	transition: 0.5s;
	transform: scale(1);
}


.product-selection-loggedin {




}

.package-trial {
	width:188px;
	height: 370px;
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	border-radius: 7px;
 
    border:2px solid #96c8ed;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	display: inline-block;
	zoom: 1;
	*display: inline;	
	margin-right: 3.0% !important;
	cursor: hand; cursor: pointer;
	*height: 342px;
}

.package-upgrade {
	width:100%;
	height: 500px;
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	border-radius: 7px;
    border:2px solid #96c8ed;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	display: inline-block;
	zoom: 1;
	*display: inline;	
	margin-right: 22px !important;
	cursor: hand; cursor: pointer;
	box-sizing: border-box;
	max-width: 100%;
}

.package-trial-global {
	width:188px;
	height: 400px;
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	border-radius: 7px;
 
    border:2px solid #96c8ed;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 3%;
	cursor: hand; cursor: pointer;
	margin-bottom: 13px;
	*height: 342px;
}


.region-selection li.selection, .region {
	height:198px;
	position: relative;
}

.region-selection li.selection:last-child{
	margin:0;
}

.region-selection li.selection:hover, .package:hover, .region:hover{
	background: #fff;
    cursor: pointer;
    filter:none;
	border: 3px solid #041427;
    background: #ffffff;
    filter: none;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 10px -8px black;
	box-shadow: 0 12px 12px 2px #cdcdcd;
	transform: scale(1.1);
    
}

.region-selection li.sub-selected, .package.sub-selected, .package-trial.sub-selected, .sub-selected,  .package-upgrade.sub-selected, .region.sub-selected {
    border: 3px solid #041427;
    background: #ffffff;
    filter: none;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 10px -8px black;
    box-shadow: 0 12px 12px 2px #cdcdcd;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
	max-width: 100%;
	transform: scale(1.1);
}

.pricing-table-bottom {
    background-color: #005EAD;
    box-shadow: 0 0 1.4px 0.4px #B0B2AB;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    color: white;
}
.basketPanel-outer{
	margin-top: 2em;
	display: inline-block;
}


/* PACKAGES */

.package .white-bar-bg {
	background:url('newimages/subscriptions/reg_selection_bg.png') no-repeat;
	width:188px;
    border-radius: 7px;
 }

.package-list {
	list-style: none;
	margin: 10px 10px 20px 10px;
}

.package-list li{
	background: url("newimages/subscriptions/package_tick.png") no-repeat left top;
	padding-left: 22px;
	margin: 3px 0;
}

.package-price_standard{
	font-size:26px;
	font-weight: bold;
	padding-left:30px;
	color:#005EAD;
}

.package-price-plus{
	font-size:26px;
	font-weight: bold;
	padding-left:30px;
	margin:40px 0;
	color:#005EAD;
}

.package-price-excel{
	font-size:26px;
	font-weight: bold;
	padding-left:30px;
	margin:12px 0;
	*margin:24px 0;
	color:#005EAD
}

.package-price_standard-raised{
	font-size:26px;
	font-weight: bold;
	padding-left:30px;
	margin:65px 0;
	color:#005EAD;
}

.package.excel .package-price{color:#DCA11E;}
.package.plus .package-price{color:#00a651;}


/* VALUE ADDS */

table.value-adds-list {
	margin: 10px;
}

table.value-adds-list, .value-adds-list tr, .value-adds-list td {
	vertical-align: top;
}

.value-adds-list .add-last-row td {
	border-bottom: none;
}

.value-adds-list td {
	padding:10px;
	border-bottom: 1px solid #c6dff2;
	border-right: 1px solid #c6dff2;
}

.value-adds-list td.last-col {
	border-right: none;
}

.value-add-price, .value-add-name {
	font-weight: bold;
	color:#dd358b;
}

.value-add-price {
	font-size: 18px;
}

.value-add-name {
	font-size: 14px;
}

.value-add-desc ul {
	list-style: none;
}

.value-add-desc li {
	background: url("newimages/subscriptions/package_tick.png") no-repeat left 2px;
	padding-left: 22px;
	margin-bottom:3px;
}




#selectionValidatesPanel a.button {
	float:right;
	margin-right:40px;
}




#publicwrap form .region-selection li {
    letter-spacing: 0;
    margin-left: 8px;
    float: left;
    width: 140px;
    height: 200px;
    border: 2px solid #cccccc;
}

#publicwrap .region-selection li {
    border: 2px solid #CCCCCC;
    float: left;
    height: 200px;
    letter-spacing: 0;
    margin-left: 8px;
    width: 144px;
}

.regStartTypeOption {
	display:none;
}

.region-selection li.subscribed {
	opacity: 0.4;
	filter: alpha(opacity=40); // msie
	zoom: 1;
    background-color: #000;
	}


.product-selection input {
	margin-left: -9000px;
	position: absolute;
}

.nomarginform input {
	margin-left: 0px;
	position: relative;
}

#publicwrap form .region-selection li:hover {
	border: 2px solid #26869d;
    background: #ffffff;
    cursor: pointer;
 
}

.selection-options li {
    letter-spacing: 0;
    margin-left: 10px;
}


.region-selection label{
	cursor: pointer;
	float: left;
    position: relative;
    overflow: hidden;
    height: 198px;
    width:188px;
    padding:0;
    margin:0;
    border-radius: 7px;
    background:url('newimages/subscriptions/reg_selection_bg.png') no-repeat;
}


.region-selection li.subscribed label{
    text-align: left;
    width: 140px;
    background: transparent url(img/selected-tick.png) no-repeat 0 0;
	}

span.save {border: solid 2px #f87c00; padding: 4px; font-weight: bold; background-color: #eeeeee; color: #236170; font-size: +1.2em;}



.cluetip-jtip {
	background: #fff;
	border:1px solid #005EAD;
	padding:0 7px 7px 7px;
	border-radius: 7px;
}

.cluetip-jtip h3{
	line-height: 12px;
} 

.mt14 {
margin-top: 14px;
}


/* .product-selection input { */
/*     margin-left: -900000px; */
/*     position: absolute; */
/* } */


span.transparent1 {
    /* background: url("img/transparent") no-repeat scroll 0 0 transparent; */
    height: 144px;
    left: 3px;
    margin-top: 10px;
    position: absolute;
    width: 185px;
}

span.transparent2 {
    /* background: url("img/transparent") no-repeat scroll 0 0 transparent; */
    height: 144px;
    left: 3px;
    margin-top: 10px;
    position: absolute;
    width: 185px;
}

span.transparent3 {
    /* background: url("img/transparent") no-repeat scroll 0 0 transparent; */
    height: 144px;
    left: 3px;
    margin-top: 10px;
    position: absolute;
    width: 185px;
}

.package-price_standardglo {
	color: #005EAD;
    font-size: 26px;
    font-weight: bold;
    margin: 26px 0;
    padding-left: 30px;
}

.package-price_tendersuk {
	color: #005EAD;
    font-size: 26px;
    font-weight: bold;
    padding-left: 30px;
}

.package-price_tenderseur {
	color: #005EAD;
    font-size: 26px;
    font-weight: bold;
    margin: 29px 0;
    padding-left: 30px;
}

#sidebar-upgrade {
	padding: 0 20px;
}

/* Scroller */
.scroller {
	overflow-y: auto;
}

/* Style the scrollbar */
.scroller::-webkit-scrollbar {  
	width: 5px;
	height: 15px;
}

.scroller::-webkit-scrollbar-track {
	background-color: #eaeaea;  
	border-left: 1px solid #ccc;  
}  

.scroller::-webkit-scrollbar-thumb {
	background-color: #ccc;
}  

.scroller::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;  
}

.accordion2 {
	margin: 10px 4% 30px 0px !important;
}

@media screen and (min-width: 64em) {
	#sidebar-upgrade {
		padding: 0;
	}
}

#t10_main {
	overflow: hidden;
}

@media screen and (max-width: 64em) {
	
	#regionSelectionPanel,
	#packageSelectionPanel,
	#valueAddSelectionPanel	{
		width: 96%;
		margin: 0 auto;
	}
	
	.accordion2 {
		margin: 20px 10px !important;
	}
	
	.product-selection-upgrade label {
		margin: 0 1.5%;
	}
	
	.region-selection li.selection, .package, .region, .packageOffers {
		margin-right: 0;
	}
	
	#sidebar-upgrade {
		margin-top: 30px;
	}

}

@media screen and (max-width: 600px ) {
	
	.product-selection-upgrade label,
	.product-selection label {
		width: 45%;
	    margin-bottom: 20px;
	}
	
}

@media screen and (max-width: 400px ) {
	
	.product-selection-upgrade label,
	.product-selection label {
		width: 96%;
	}
	
}