body
{
	background-color: White;
	font-size: .75em;
	margin: 0;
	padding: 0;
	color: #696969;
}

a:hover { 
    color: #B75703;
}
	
.tooltip{
   	display: inline;
    position: relative;
    float: right; 
    z-index: 99999;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(20,20,20,.5);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
		
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
	
	

/* new pagination style */
.PagedList-pager {
	height: 28px;
	margin: 0 0 0 0;
}
.PagedList-pager ul {
	margin: 0 !important;
	padding: 0;
	-moz-border-radius: 3px 3px 3px 3px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.15);
	float: left;
}
.PagedList-pager li {
	display: inline;
}
.PagedList-pager a {
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	float: left;
	line-height: 20px;
	padding: 0 8px;
	text-decoration: none;
}
.PagedList-pager a:hover, .PagedList-pager .active a, .PagedList-currentPage a{
	background-color: #C7EEFE;
}

.PagedList-pager .disabled a, .pagination .disabled a:hover {
	background-color: transparent;
	color: #BFBFBF;
}
.PagedList-pager .next a {
	border: 0 none;
}

/* end new pagination style */

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}

#common-site-nav ul
{
    line-height: 70px;
    font-size: 16px;
}

img 
{
	border: 0px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

button 
{
	cursor: pointer;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
/*
.center-body
{
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	position: relative;
	margin-bottom: 0px;
	margin-top: 25px;
	color: #000;
	padding: 0;
	height: 30px;
}

#header h1
{
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px !important;
}
*/

#ft.center-body {
    margin-bottom: 0;
    position: relative;
}

#main
{
	-moz-border-radius: 0px 7px 7px 0px;
	-moz-box-shadow: 0 1px 4px #CCCCCC;
	padding: 10px 17px 5px 30px;
	background-color: #FFFFFF;
	min-height: 700px;
	float: left;
	width: 749px;
	border-left: 2px solid #d1d1d1;
}


#menu 
{
	float: left;
	width: 180px;	
}

#mainPublic {
	padding: 10px 10px 5px 10px;
	background-color: #fff;
	min-height: 500px;
}
#mainPublicChartCatalog {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
	background-color: #fff;
    height: 100%;
}
#footer
{
	color: #666;
	padding: 5px 0;
	text-align: center;
	line-height: normal;
	margin-bottom: 10px;
	font-size: 12px;
}

.bd-content 
{
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 0 1px 4px #CCCCCC;
	background-color: #EDEDED;
	border: 1px solid #CCCCCC;
}

.bd-contentPublic
{
	background-color: #FFFFFF;
	padding: 10px;
}

.bd-contentChartCatalog 
{
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 0 1px 4px #CCCCCC;
	background-color: #EDEDED;
    border: none;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}

fieldset p 
{
	margin: 2px 12px 10px 10px;
}

legend 
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

select
{
	border: 1px solid #CCC;
	padding: 5px;
}

input[type="text"], input[type="password"], select
{
	border: 1px solid #7F9DB9;
	padding: 5px;
	width: 200px;
}



/* TABLE
----------------------------------------------------------*/

table.borders
{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-collapse: collapse;
	empty-cells: show;
	border-color: #E2DCDC;
}
table.borders td 
{
  padding: 8px;
  border: 1px solid #E2DCDC;
}
table.borders thead th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: 1px solid #E2DCDC;
}

table.borders thead th.center{
    text-align: center;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color:#f00;
}

#menucontainer
{
	margin-top:40px;
}

div#title
{
	display:block;
	float:left;
	text-align:left;
}

#logindisplay
{
	font-size:1.1em;
	display:block;
	text-align:right;
	margin:10px;
	color:White;
}

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

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

#logindisplay a:hover
{
	color: #fff;
	text-decoration: none;
}



#login-control-block {
		padding-top: 9px;
		padding-right: 2px;
		margin-right: 15px;
		line-height: 1.6em;
		width: auto;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.login-link {
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
		outline: none;
	}

	.login-link:hover 
	{
		color: #7fba00;
		text-decoration: underline;
	}

	.login-separator {
		font-family: Arial;
		font-size: 12px;
		color: #FFF;
	}

	.login-description 
	{
		margin-top: 2px;
		font-family: Arial;
		font-size: 11px;
		color: #FFFFFF;
	}
    


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #f00;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #f00;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
	margin: 0.5em 0;
}

.text-box
{
	width: 30em;
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}


.LoginFormPanel 
{
	margin: 50px auto;
	padding: 30px;
	width: 365px;
}

.registerSuccess {
	margin: 200px auto;
	padding: 30px;
	width: 265px;
}
.LoginFormPanel input[type='text'], .LoginFormPanel input[type='password']
{
	width: 250px;
}

.DetailsSectionHeader 
{
	font-weight: bold;
}

.TwoColumns 
{
	vertical-align: top;
	width: 50%;
}

.GridRowSelectable:HOVER
{
	cursor: pointer;
}

 .GridTable 
 {
	 border-width: 1px 1px 0px 0px;
	 border-style: solid;
	 border-color: #DDD;
	 border-collapse: collapse;
	 width: 100%;
 }

.GridTable TD, .GridTable TH
{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #DDD; 
	padding: 5px;
}

.GridRowSelected, .GridRowSelected .DiscountTotalCell 
{
	background-color: #FFFFCC;
}

.GridRowSelectable:HOVER
{
	cursor: pointer;
	background-color: #FFFFEE;
}

.GridRowSelected:HOVER 
{
	background-color: #FFFFAA;
}

.CellDisabled {
	color: silver;
}

.GridCentered td {
	text-align: center;
}

.CountrySelect, .RegionSelect, .CardBrandSelect
{
	width: 210px;
}

#billingPageTotal .CountrySelect, #billingPageTotal .RegionSelect{
    margin-left: 10px;
}

.ProfileEditDiv 
{
	margin-left: 150px;
	margin-bottom: 100px;
}

.ProfileInput
{
	width: 300px;
}

.ZipInput
{
	width: 150px;
}

.UserNameHeader
{
	font-weight: bold;
	font-size: 150%;
	padding-bottom: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 600px;
}

.EmailDetailsCell {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 230px;
}
.ProfileDetailsPanel 
{
	width: 335px;
	padding: 10px;
	float: left;
	min-height: 300px;
}

.ProfileProductsPanel 
{
	background-color: #F2F2F2;
	width: 415px;
	padding: 10px 20px 20px 20px;
	margin-left: 480px;
}

.RegistrationPanel 
{
	margin-left: 30px;
	padding: 30px;
}

.RegistrationPanel input[type='text'], .RegistrationPanel input[type='password'] 
{
	width: 280px;
	margin-bottom: 10px;
}


#social-login-panel {
	width: 280px;
	border-right: 1px solid black;
}

.ProductLink 
{
	color: #444;
	text-decoration: none;
}

.ProductLink:HOVER
{

	text-decoration: underline;
}

.cart 
{
	min-height: 180px;    
}

.cart-leftcol
{
	width: 80px;
	
	float: left;
	padding: 20px 10px 10px 10px;    
}

.cart-rightcol
{
	float: left;
	padding: 10px 10px 0px 10px;
}

.hidden
{
	display: none;
}





#lightbox {
 display:none;
 position:fixed;
 background:#000000;
 opacity:0.7;
 filter:alpha(opacity=90);
 top:0px;
 left:0px;
 min-width:100%;
 min-height:100%;
 z-index:1000;
}


#lightbox-panel {
 display:none;
 position:fixed;
 top:100px;
 left:50%;
 margin-left:-200px;
 width:400px;
 background:#FFFFFF;
 padding:10px 15px 10px 15px;
 border:2px solid #CCCCCC;
 z-index:1001;
} 
#ft { width:  100%; }
#ft { background:#00aff0; padding:0; text-align:center; }
#ft {
    border: none;
    bottom: 0;
    z-index: 9000;
    position: relative;
    -webkit-box-shadow: 0px 150px 0px 150px #00aff0;
    -ms-box-shadow: 0px 150px 0px 150px #00aff0;
    box-shadow: 0px 150px 0px 150px #00aff0;
}

#ft-chart-catalogue { border:none; bottom: 0px;z-index: 9000; position:fixed}
#ft-content { padding:10px; }
#site-small-logo { margin:2px 0 8px; }

.wide-table 
{
	width: 100%;
}

/***********************************
 ************ BASKET ***************
 ***********************************/

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

.Basket-PageTitle 
{
	font-weight: bold;
	font-size: 120%;
	display: none;
}

.Basket-Main 
{
	width: 600px;
	margin: 0px  auto;
	margin-top: 50px;
}

.Basket-CartridgeName 
{
	margin-top: 20px;
}

.Basket-CostSection {
	width: 600px;
	margin: 0px  auto;
}

.Basket-CheckoutSection 
{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 50px;
}

.Basket-PayOnlineSection 
{
	text-align: center;
	margin-bottom: 50px;
}

.Basket-Item 
{
	border: 1px solid Silver;
	background-color: White;
	margin-bottom: 10px;
}

.Basket-Item-Header 
{
	background-color: #00aff0;
}
.Basket-Item-Content 
{
	padding: 10px;
}

.Basket-Item-PriceHeader 
{
	width: 100%;
	margin: 0px;
	border-bottom: 1px solid Silver;
}

.Basket-Cartridge-Code 
{
	font-weight: bold;
}

.Basket-Cartridge-Title 
{
	font-weight: bold;
}

.Basket-SectionTitle 
{
	font-weight: bold;
}

.Basket-Price 
{
	font-weight: bold;
	font-size: 120%;
	text-align: right;
}

.Basket-RemoveCell 
{
	width: 10%;
}

.Basket-RemoveLink 
{
	text-transform: lowercase;
	text-align: center;
	text-decoration: none;
}

.Basket-RemoveLink:HOVER 
{
	text-decoration: underline;
}

.Basket-Subitems 
{
	margin-left: 50px;
}

.Basket-OptionsHeader 
{
	border-bottom: 1px solid Silver;
}

.Basket-TotalSection TD
{
	border-top: 1px solid Silver;
}

.Basket-TotalTitle 
{
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	width: 70%;
}
.Basket-TotalDiscount
{
	text-align: right;
	font-size: 110%;
	width: 70%;
}

.Basket-CourierName {
	font-weight: bold;
}

.Basket-CourierInputCell {
	vertical-align: top;
}

.Basket-ShippingCost-Title {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	width: 35%;
	vertical-align: top;
}

.Basket-CourierTransit {
	color: #708090;
}

.Basket-ShippingCost-Couriers {
	vertical-align: top;
}

#Basket-custom-shipping-price {
	width: 30%;
	vertical-align: top;
	font-weight: bold;
	font-size: 120%;
	padding-right: 70px;
	text-align: right;
}

.Basket-ShippingError
{
	color: red;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
}


.Basket-TotalPrice 
{
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	padding-right: 70px;
}

.Basket-TotalPriceDiscount 
{
	text-align: right;
	font-size: 110%;
	padding-right: 70px;
}


.Basket-Total-Dimmed {
	color: Silver;
}

#Basket-Section-TotalPrice 
{
	
}

.Basket-Gateway-Container{
    margin-right: 50px;
}

.Basket-Gateway-legend{
    font-weight: normal !important;
    font-size: 11px;
}

.Basket-IsEmpty 
{
	text-align: center;
	font-style: italic;
	margin: 100px 0px;
	color: Silver;
}

.BasketMenuLink 
{
	background-image: url(../img/Basket.png);
	background-repeat: no-repeat;
	padding-left: 24px;
}
.BasketMenuLink:HOVER
{
	background-image: url(../img/Basket-Hover.png);
}

.Basket-BreadSeparator 
{
	margin-left: 20px;
	margin-right: 20px;
}

.Basket-StepPrevious 
{
	font-weight: bold;
}

.Basket-StepCurrent
{
	font-weight: bold;
	color: Blue;
}

.Basket-StepNext
{
	
}

.Basket-Billing 
{
	margin-top: 50px;
	margin-left: 250px;
	margin-bottom: 20px;
}

.courier-selection-table {
	border-collapse: collapse;
}

ul.checkboxes
{
padding: 0em;
margin: 0em;
}

ul.checkboxes li
{
display: block;
list-style-type: none;
clear: both;
float: none;
height: auto;
overflow: auto;
}

ul.checkboxes li input
{
display: block;
float: left;
}

ul.checkboxes li label
{
display: block;
margin-left: 0.2em;
margin-top: 0.1em;
float: left;
clear: right;
}
div.confirmationButtons, .product-assign
{
	text-align: center;
	width: 100%;	
}
div.confirmationButtons #noButton
{
	margin-left: 20px;
}

.ShippingInfo-Main 
{
	width: 600px;
	margin: 0px  auto;
	margin-top: 10px;
}

.ShippingInfo-header{
    line-height: 40px;
    border-bottom: 1px solid #AAAAAA; 
}
.ShippingInfo-right{
    text-align: right;
}

.ShippingInfo-cost{
    width: 30%;
}

.ShippingInfo-table{
    width: 100%;
    margin-top: 15px;
    border:1px solid #AAAAAA;
}

table.ShippingInfo-table-inner{
    margin-bottom: 5px;
}

.ShippingInfo-table-inner td{
    vertical-align: top;
}

.ShippinInfo-border{
    border-bottom: 1px solid #CCCCCC;
}


#registrationApplet 
{
	width: 1px;
	height: 1px;
	float: left;
}

#FeatureList .Column-Status      { width:20px; text-align: center; }
#FeatureList .Column-Code        { width:120px;}
#FeatureList .Column-Description { }
#FeatureList .Column-Price       { width:70px; text-align: right;}
#FeatureList .Column-AddLink     { width:120px; text-align: center;}


.ItemInBasketInfo
{
	color: Silver;
}

#ChartCatalogue {
    width: 100%;
    display: flex;
    max-height: 800px;
    flex-flow: row wrap;
    flex: 2 100%;
    height: 100%;

}

.LeftColumn {
    padding: 0 5px;
    width: 430px;
    height: 100%;
    flex-direction: column;
    display: flex;
    order: 1;
}

.RightColumn { 
    width: auto;
    overflow: hidden;
    order: 2;
    display: flex;
    flex: 1 auto;  
    flex-direction: column;
    height: 100%
}
.ChartFilter, .ChartSearch, .ChartResults, .ChartList
{
	width: 100%;
}

.ChartSearch {
    display: flex;
    width: 315px;
}

.ChartResults {
    display: flex; 
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.ChartDetails 
{
    /*margin:  10px 0;*/
    display: flex;
    flex-grow: 1;
    overflow-y: auto; 
    overflow-x: hidden; 
    width: auto;
    background-color:#E3E3E3; 
    border: 1px solid #63A62F ;
    padding: 10px;
    min-height: 200px;
}

.ChartDetails #CartridgeLoading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 100%;
}

#ChartDetails p {
     display: flex; 
    font-size: 14px; 
    color: #B8B8B8;
    align-items: center;
    justify-content: center;
    flex: 100%;
    margin: unset;
}

.ChartDetails div {
    display: flex;
    flex-flow: wrap;
}

.ChartDetails .DetailsCol1 { flex: 40%; }
.ChartDetails .DetailsCol2 { flex: 60%; }




#OpenLayer {
    width: 100%;
    height: 100%;
}
.ChartFilter .Col1 { margin-top: 15px; margin-left: 15px; }
.ChartFilter .Col2 { margin-top: 5px; margin-left: 15px; width: 55%; }
.ChartFilter table:not(#purchase-options)
{
    margin: 5px;
    width: 420px;
}

.ChartFilter table tr td:nth-child(1) {
    width: 100px;
}




.ChartSearch * 
{
	margin-top: 6px;
}
.ChartSearch Label 
{
	margin-left: 10px;
}
.ChartList 
{
	margin-top: 5px;
	width: 100%;
    order: 3;
}
.label-select-price-class {
	vertical-align: top;
	padding-top: 20px;
}


#products, #countries, #techProduct, #technology, #platform, #software {
	width:100%;
	color:#001C45;
}

.ChartResults {
    display: flex;
}

.ChartResults .Header 	
{
    padding: 5px;
	font-weight: bold; 
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    background-color: #fff;
             
}

.ChartResults .Header .Col1 { display: flex; flex: 30%; }
.ChartResults .Header .Col2 { display: flex; flex: 70%; }



.ChartResults .resuts-wrapper {
    display: flex;
    flex: 0 0 auto;
    overflow-y: auto;    
    overflow-x: hidden;
    height: calc(100% - 30px);
}
.ChartResults #CatridgeContainer {
    display: block;
}

.ChartResults #CatridgeContainer a {
    height: 20px; 
}


#CatridgeContainer .Row 
{
	height: 20px;
	overflow: hidden;
	cursor: hand;
}
.ChartResults .Footer a 
{
 float: right;
 margin-top: 2px;	
}

.ChartResults .Row .Col1 { width: 40%; float: left; }
.ChartResults .Row .Col2 { width: 50%; float: left; }


#CatridgeContainer { 
    flex: 1 1 auto;
    min-height: 0;
    padding: 5px;
 }

#CatridgeContainer p { text-align: center; margin-top: 50px; font-size: 14px; color: #B8B8B8; }
.ChartResults .RowMouseOver { background: #D8D8D8; }
.ChartResults .RowClicked { background: #D8D8D8; }
.ChartList .ChartListHeader { 
    height: 30px;
    overflow: hidden;
    display: table;
    width: 100%;
    text-align: center;
}
.ChartListHeader .leftArrow
 { 
    float: left;
    margin-top: 2px;
    margin-left: 10px;
}
.ChartListHeader .rightArrow
 { 
    float: right;
    margin-top: 2px;
    margin-right: 10px;
}
.ChartListHeader p { font-weight: bold; font-size: 14px; }
.ChartListHeader p.small { font-weight: normal; font-size: 12px;  margin-top: -14px;}
.ArrowDown { 
    background: url('../img/arrow-down.gif') 0px 6px no-repeat;
    width: 20px;
    height: 30px;
}
.ArrowUp { 
    background: url('../img/arrow-up.gif') 0px 6px no-repeat;
    width: 20px;
    height: 30px;
}
.ChartListHeader .HeaderName {
    font-weight: bold;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
#ChartListContainer { display: none; width: 100%; min-height: 200px }
#ChartListContainer p { text-align: center; margin-top: 55px; font-size: 16px; color: #B8B8B8;}
.HiddenItems { display: none; }
#ChartListContainer div { width: 100%; height: 100%; text-align: center; font-size: 16px;}

#ChartListContainer table { width: 100%; }
#ChartListContainer table { width: 100%; }
#ChartListContainer table th {
	background: url(grd50.eee-fff.gif) repeat-x scroll left bottom #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	white-space: nowrap;
}
#ChartListContainer table td {
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	padding: 2px 4px;
	text-align: left;
}
#ChartListContainer div img { vertical-align: middle; }

.manage
{
	background-image:url(../img/manage.PNG);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top: 15px;
	padding-bottom: 15px;
	}    
	
	
/*FLASH MESSAGE*/    
.flash-message
{
	border: 1px solid black;
	margin: 3px 0;
	padding: 3px;
	background-color: #AFEB94;
	border: 1px solid #329C35;
	margin: 3px 0;
	padding: 3px 3px 3px 3px; 
	
}

.ok
{
	margin: 3px 0;
	padding: 3px 3px 3px 24px; 
	background-image:url(../img/ok.png);
	background-position: 5px center;
	background-repeat:no-repeat;
	
}

.info
{
	margin: 3px 0;
	padding: 3px 3px 3px 24px; 
	background-color: #B0F1F7;
	border-color: #10A3BC;
	background-image:url(../img/info.png);
	background-position: 5px center;
	background-repeat:no-repeat;
	
}

.info-enter-code{
    background-image:url(../img/info.png);
    margin: 3px 0;
	padding: 3px 3px 3px 24px;
    background-position: 5px center;
	background-repeat:no-repeat;
}

.warn
{
	margin: 3px 0;
	padding: 3px 3px 3px 24px; 
	background-color: #FDF88E;
	border-color: #F4B904;
	background-image:url(../img/warn.png);
	background-position: 5px center;
	background-repeat:no-repeat;
	
}

.error
{
	margin: 3px 0;
	padding: 3px 3px 3px 24px;
	background-color: #FACACA;
	border-color: #FF0000; 
	background-image:url(../img/error.png);
	background-position: 5px center;
	background-repeat:no-repeat;
	
}

/**/


.synchronizeLink
{
	background-image:url(../img/synchronize.png);
	background-position: 5px center;
	background-repeat:no-repeat;
	padding-left:40px;
	font-size: 0.9em;
	max-width: 10px;
	max-height: 5px;
	color: white;
}
.addToBasketLink
{
	background-image:url(../img/addToBasket.png);
	background-position: center center;
	background-repeat:no-repeat;
	font-size: 0.9em;
	color: white;
	border-radius: 3px;
    width: 53px;
    height: 25px;
    display: inline-block;
    border: 1px solid white;
}

.linkSpanElement{
    line-height: 25px;
}

.details-footer 
{
    width: 100%;
}
.details-footer-inner
{
    width: 100%;
	border-top: 1px dashed Black;
	text-align: right;
	padding-top: 5px;
	margin-top: 10px;
	padding-right:6px;
    display: flex;
    justify-content: flex-end;
}

.details-price {
    font-size: 22px;
    font-weight: 400;
}

.striked-out {
    text-decoration: line-through;
}

#show-permalink-link
{
	background-image: url(../img/permalink.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 24px;
	min-height: 24px;
	display: inline-block;
}

.kml-download-link
{
	background-image: url(../img/kml_icon.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 24px;
	min-height: 24px;
	display: inline-block;
}

.map-kml-download-link {
    background-image: url(../img/kml_icon.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 24px;
	height: 24px;
    top: -25px;
    z-index: 999;
    display: flex;
    flex-grow: 0;
    position: relative;
    width: 24px;
}

/* Centered div used to show lists of Vads, Hos, etc */
div.centered
{
	display: block;
	position: absolute;
	top: 150px;
	left: 0;
	margin-bottom: auto;
	margin-left: 0;
	margin-right: auto;
	margin-top: auto;
	width: 100%;
	height: 570px;
	display: none;
	z-index: 10000;
}

/* X used to close lists */

div.closeCenteredVads, div.closeCenteredHos, div.closeCenteredPermalink
{
	position: absolute;
	top: 7px;
	right: 7px;
	width: 16px;
	height: 16px;
	font-family: serif;
	display: none;
	z-index: 10001;
	background-image: url(../img/close.png);
	background-position: left;
	background-repeat: no-repeat;
}

/* VAD list */

div#vadsList, div#hosList, div#permalinkList
{
	width: 600px;
	overflow: auto;
	text-align: left;
	background-color: white;
	position: relative;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	display: none;
	max-height: 400px;
	top: 80px;	
	z-index: 10001;
	border: 1px solid black;	
}

tr.vadListTable td, tr.hosListTable td 
{
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
	color: black;
}

table.vadListTable, table.hosListTable
{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	text-align: center;
}

.permalinkInputClass
{
	width: 90% !important ;
}

/****************************************
 ********** PURCHSE ASSISTANT ***********
 ****************************************/

.purchase-no-options-available,
.purchase-only-sd-option-available
{
	margin: 8px;
	font-weight: bold;
}

.purchase-main-content {
	width: 500px;
	float: left;
}
 
.purchase-options-group {
	width: 400px;
}

.purchase-options-header {
	background-color: #46a2e3;
	padding: 5px;
}

.purchase-main-content input[type="radio"] {
	outline: none;
}

.group-toggler-visible, .group-toggler-hidden {
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 16px;
	text-decoration: none;
	font-weight: bold;
	color: Black;
}

.group-toggler-visible
{
	background-image: url(../img/disclosure-visible.png);
}

.group-toggler-hidden {
	background-image: url(../img/disclosure-hidden.png);
}

#purchase-table {
	width: 500px;
	border-collapse: collapse;
}

.purchase-table {
	width: 100%;
}

.purchase-table th {
	text-align: center;
}

.purchase-table, .purchase-table td, .purchase-table th {
	border-style: solid;
	border-color: #dddddd;
}

.purchase-table
{
	border-width: 1px 1px 0px 1px;	
}

.purchase-table td, .purchase-table th {
	border-width: 0px 0px 1px 0px;
}

.purchase-table th {
	display: none;
}

.purchase-table td {
/*	background-color: #F8F8F8; */
	background-color: White;
}

#available-shipping{
    display: inline-block;
}

#available-shipping-info{
    display: inline-block;
}

#purchaseShippingInfo table{
    width: 100%;
    vertical-align: top;
}

.code-column {
	text-align: center;
	color: Silver;
}

.price-column
{
	text-align: right;
	width: 70px;
	padding-right: 10px;
	color: black;
}

.delivery-column {
	text-align: left;
	padding-right: 10px;
}

.select-cell {
	width: 25px;
	text-align: center;
    vertical-align: top;
} 

.full-row-select {
	
}

.full-row-select:hover {
	background-color: #ffffcc;
	cursor: pointer;
}


.purchase-options-table-hidden {
	display: none;
}

.purchase-options-table 
{
	border-collapse: collapse;
	display: block;
}


table.actionsTable 
{
	width: 878px;	
}
table.actionsTableButton td
{
	width: 10px;
}

.general-section-icon-cell {
	width: 0px;
	display: none;
	vertical-align: top;
}

.general-section-content-cell 
{
	vertical-align: top;
}

.label-device-type-PC,  
.label-device-type-Mobile,   
.label-device-type-Cartridge {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	display: block;
	padding-top: 5px;
	font-weight: bold;
}

.label-device-type-PC        { background-image: url(../img/pc-icon-small.png); }
.label-device-type-Mobile    { background-image: url(../img/mobile-icon-small.png); }
.label-device-type-Cartridge { background-image: url(../img/cartridge-icon-small.png); }

#purchase-summary {
	margin-left: 520px;
	max-width: 220px;
	border: 1px solid Silver;
	background-color: White;
}

#total-price-cell {
	font-weight: bold;
	font-size: 150%;
}

#cartridge-code-cell {
	color: Black;
	font-weight: bold;
}

#purchase-summary .value-cell {
	color: Black;
	font-weight: bold;
}


#purchase-header {
	background-color: Silver;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
}

.purchase-button,
#CheckoutButton {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #7FBF4D;
	background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
	border-color: #63A62F #63A62F #5B992B;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #96CA6D inset;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold ;
	padding: 7px 0 8px;
	text-align: center;
	text-shadow: 0 -1px 0 #4C9021;
	width: 170px;
}

.purchase-button:HOVER 
{
	background-color: #76B347;
	background-image: -moz-linear-gradient(center top, #76B347, #5E9E2E);
	box-shadow: 0 1px 0 0 #8DBF67 inset;
	cursor: pointer;
}

.purchase-button-disabled
{
	background-color: #EBEBE4;
	border-color: #666666 #666666 #555555;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #999999 inset;
	color: #888888;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold ;
	padding: 7px 0 8px;
	text-align: center;
	text-shadow: 0 -1px 0 #999999;
	width: 170px;
}

.fb-authenticate {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #4E69A2;
	background-image: -moz-linear-gradient(center top , #4E69A2, #3C5488);
	border-color: #435A8B #3C5488 #334C83;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold ;
	padding: 7px 15px 8px 15px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.fb-authenticate:HOVER 
{
	background-color: #6E89C2;
	border-color: #637AAB #5C74A8 #536CA3;
	background-image: -moz-linear-gradient(center top, #4E69A2, #3C5488);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

/*coverage select dialog*/
#coverageOverlapMenuInner ul
  {
	list-style-type: none;
  }
 #coverageOverlapMenu
  {
	font-size: 0.8em
}

.silver-msg
{
	font-style: italic; 
	color: Silver;
	}
	
	
	
.MenuTop
{
}


.MenuTop td
{
	padding: 0
}
.MenuItem, .MenuItemSelected
{
	background-color: #6081b0;
	display: inline-block;
	padding: 6px 15px 6px 15px;
	margin-left: 5px;
	border-width: 1px 1px 0px 1px;
	cursor: pointer;
	color: White;
	font-weight: bold;
	border-radius: 0.5em 0.5em 0em 0em;
	-moz-border-radius: 0.5em 0.5em 0em 0em;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
}

.MenuItemSelected
{
	background-color: #00317b;
}

.MenuItem:HOVER
{
	background-color: #45628b;
}

.MenuItemSelected:HOVER
{
}

.MenuTopBorder
{
	background-color: #00317B;
	height: 5px;
	clear: both;
}

.MenuLink
{
	color: White;
	text-decoration: none;
	font-weight: bold;
}

.MenuLink:HOVER
{
	text-decoration: none;
}

.MenuItemSelected .MenuLink
{
	color: White;
}

.productsAction-button { 
	outline: 0; 
	margin:0 4px 0 0; 
	padding: .4em 1em; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
	zoom: 1; 
}
	
	
.cartridge-details-purchase-options 
{
    width: 100%;
    margin: 0;
}

.cartridge-details-purchase-options  td + td
{
    text-align: right
}



.logon-header {
	margin: 5px auto 0px auto;
}

/**Cartridges list in chart catalogue***/
#CatridgeContainer a {text-decoration:none}
#CatridgeContainer table {border-bottom: 1px dashed #CCC;   width: 95%; margin: 0;}
tr.listRow:hover {background-color: #CCC}
td.code {width:30%}
td.desc {width:60%;font-size: 0.9em; text-align: left; margin-left: 10px;}
.discountPrice
{
	font-size:0.7em;color:green;
}


	
	.regionSelectItemActive {
		position: absolute;
		background-image: url('../img/world_icon.png');
		background-repeat: no-repeat;
		background-position: center;
		width: 25px;
		height: 25px;
		
	}
	.lupaButtonItemActive {
		position: absolute;
		background-image: url('../img/full-24.png');
		background-repeat: no-repeat;
		background-position: center;
		width: 25px;
		height: 25px;
		top: 24px;
	}
	.olControlPanel {
		/*border: 1px solid black;*/
		border: none;
		top: 12px;
		right: 12px;
		width: 25px;
		height: 25px;
		position: absolute;
		cursor: pointer;
	}
	.dropdown{
		font-size: 10px;
		width:300px; 
		height: 25px; 
		text-align:center;
		margin-bottom: 3px;
	}

/*Account Menu*/
.AccountMenu {
	margin-top: -12px;
}

.AccountMenu ul {
	list-style: none;
	padding: 0px;
	margin-left: 0px;
}

.AccountMenu li {
	padding: 10px 10px;
	border-bottom: 1px solid #C3C3C3;
	background-image: url('../img/arrow_icon.png');
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
}
.AccountMenu li:hover {
	background-color: #e0e0e0;	
}


.menu-burger .AccountMenu li {
	padding: 5px 8px !important;
	border-bottom: 1px solid #C3C3C3;
	background-image: none !important;
	font-weight: bold;
    min-width: 120px;
}

ul#site-utils li.util .menu-burger .AccountMenu li.menu-last{
    border-bottom: none;
}

.menu-burger .AccountMenu li:hover {
	background-color: #efefef;	
}


.activeMenu {
	background-color: #dcdcdc;
}

.AccountMenu li a{
	color: #757575;
	font-size: 1.1em;
	margin: 10px 0;
	text-decoration: none;
}

.AccountMenu #MenuLogOff {
	background-image: none;
}

#shippingUnavailable{
    color: red;
    font-size: 11px;
    font-weight: bold;
    border: none;
    background-color: #FFFFFF !important;
}

#shippingUnavailable .ui-state-error{
    border: none;
}

#shippingUnavailable .ui-icon{
    float: left;
}

#login-error {
	background-color: #FBF9EE;
	border: 1px solid #FCEFA1;
	color: #CD0A0A;
	margin: 0 0 5px;
	padding: 5px;
}
.RegionChange {
margin-top: -12px;
}

.RegionChange ul {
	list-style: none;
	padding: 0px;
	margin-left: 0px;
}

.RegionChange div 
{	border-bottom: 1px solid #C3C3C3;
	padding: 10px 10px;
	border-bottom: 1px solid #C3C3C3;
	cursor: pointer;
	font-weight: bold;
}
.RegionChange div:hover {
	background-color: #e0e0e0;	
}

.BackButton{
	margin-bottom: 10px;
	background-color: #46a1e2;
	border-color: #46A1E2 #46A1E2 #46A1E2;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #46A1E2 inset;
	color: Black;
	font-size: 14px;
	font-weight: bold ;
	padding: 5px 0 8px;
	text-align: center;
	display:block;
	text-decoration:none;
	width:90px;
}
.BackButtonContent {
	display:block;
	width:15px;
	text-indent:25px;
	background: url(../img/arrow-back.gif);
}

.BackButton:hover {
	border-color: #3e98d7 #3e98d7 #3e98d7;
	cursor: pointer;
	background-color: #3e98d7;
	cursor: pointer;
}

.langTitle {
	margin-left: 20px;
}
.input-Menu
{
	border: 1px solid #7F9DB9;
	margin: 0.5em 0;
}
.menu-spin {
	width: 20px;
	height: 20px;
}
.transaction_lefttBox{
	max-width: 180px;
	min-width: 160px;
	vertical-align: top;	
}
.transaction_search {
	width: 220px
}
.transaction_rightBox 
{
	width: 490px;
}
.transaction_table {
	width:100%
}

#paymentDetails {
	width: 50%; 
	margin-bottom: 50px; 
	/*border: darkgray 1px solid; */
	
}
#paymenttitle {
	padding: 10px;
}
#paymentDetails td 
{
	padding: 10px;
	
}
#billingPage input[type="text"]{
	
	border: 1px solid #7F9DB9;
	margin-left: 10px;
	padding: 5px;
	width: 200px;
}
#billingPage .CountrySelect, .RegionSelect {
	width: 212px;
}
#billingPage #BillingAddress_IsMale {
	margin-left: 10px;
}
#inline1 {
	width:100%;
	height: 200px;
	overflow: auto;
}
.summary {
	text-align: center;
	margin: 2em 1em 1em 1em;
}
.cancel-button {
	margin-left: 100px
}
#freeSpaceInfo {
	margin: 10px;
}
#cornerFreeSpaceInfo {
	padding: 0 .7em; 
    background-color: #ffefde; 
    border: 1px solid #ffca92;   
}

#cornerFreeSpaceInfo.ui-state-error{
    border: 1px solid #e67300;
    color: #333333;
}

#spanFreeSpaceInfo {
    color: #e67300;
}
.deviceNotLogOn {
	color: #cc0a38;
}

#purchase-options button {
	padding: 1px;
}

#searchForCartridges, .product-icon {
	float: right;
}

#searchStringForm input[type="text"] {
	width: 180px;
}


#searchStringForm {
    margin: 0;
    padding:5px 0;
}

#searchStringForm table {
    width: 100%; 
    margin: 0; 
    padding: 0;
    border-collapse: collapse;
}

#searchStringForm table th, #searchStringForm table td {
    padding: 0;
    text-align: left;
}

#searchStringForm table tr td {
	vertical-align: middle;
    text-align: left;
    font-weight: bold;
}
#searchStringForm table tr td label{ margin: 5px;}

#searchStringForm table tr td + td {
    width: 99%
}

#searchStringForm table tr td input{
	display: block;
	margin: auto;
}

.errorModelBilling {
	color: red;
	font-weight: bold;
}
.ButtonDisabled, .ButtonDisabled:hover {
	background-color: #666666;
	background-image: -moz-linear-gradient(center top , #F0F0F0, #F0F0F0);
	border-color: #B0B0B0  #B0B0B0 #B0B0B0;
	box-shadow: 0 1px 0 0 #F0F0F0  inset;
	color: 	#888888;
	text-shadow: none;
}
.ButtonDisabled:hover 
{
	cursor: default;
}
.info-panel {
	margin-top: 5px;
	padding: 0 0.7em 5px;
	margin-bottom: 15px;
}
.info-icon {
	float: left;
	margin-right: .3em;
	margin-top: 12px;
}
.infoPanelCenter {
	margin: auto;
	margin-bottom: 20px;
}
.infoPanelButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	margin-left: 35px;
	 margin-top: 10px;
}.infoPanelButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.infoPanelButton:active {
	position:relative;
	top:1px;
}
.InfoPanelSpinner {
	width: 15px;
	height: 15px;
	display: none;
}
.SpanLeft {
	float: left;
	width: 50%;
}
.SpanRight {
	float: right;
	width: 50%;
}

.delivery-method {
	font-weight: normal;
	color: black;
}

.cartridge-type {
	color: black;
}

.taxesInfo
{
	font-size: 12px;
	color: green;
}

.bold { font-weight: bold; }

.error-message {
	color: red;
}

.smallFont {
	font-size: 80%;
}

.lightBlueText {
	color: #46A2E3;
}

.MonthSelect {
	width: 50px;
} 

.YearSelect {
	width: 100px;
} 
.dialog
{
	 display: none;
}
 
.dialogIFrame
{
	 width: 100%;
	 height: 100%;
	 margin: 0px;
	 padding: 0px;
	 border: 0px;
}

.ui-dialog {
	z-index: 10000 !important;
}
.ui-widget-overlay {
	z-index: 9999 !important;
}
#MMInstaller {
	float: left;
}
#addContentArea {
	float: right;
}
.contentLinkSubtext {
    width: 220px;
    text-align: center;
    padding: 2px;
    margin: 0px;
}


.required-mark 
{
	margin-left: 3px;
	 color: Red;
}

.country-cell {
	color: black;
	padding: 4px 0px 4px 8px;
	font-size: 11px;
	
}

#billing-country-name,
#shipping-country-name 
{
	font-weight: bold;
}

.country-hint {
	color: #888;
	margin-left: 20px;
}

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

.product-select-table
{
	width: 100%;
}

.product-select-table th, .product-select-table td
{
	border: 1px solid #bbb;
}


.product-icon img
{
	margin: 0 10px auto auto;
}

.product-info
{
	margin: 10px 30px;
}

.product-info p
{
	margin: 10px 40px;
}

.nowrapcell
{
	white-space: nowrap;
}

.barSeg
{
	display: inline-block;
	margin-top:3px;
}

.actionSeg
{
	margin-top: 4px;
	padding-left: 2px;
	vertical-align: top;
}


.actionVad
{
	margin-top: 0;
	padding-left: 0;
	vertical-align: top;
}

.counterVad
{
	display: inline-block;
	margin-top: 3px;
	vertical-align: top;
}

.barVad
{
	display: inline-block;
	margin-top: 3px;
	width: 60px;
	
}

#add-content-panel {
	padding: 6px 0 10px 10px;
    position: relative;
}

.downloadButtonContainer {
    float: right;
    margin-right: 10px;
}

#addSDContentLink, #sdDownloadLink
{
	padding: 3px 12px 4px 30px;
	text-decoration: none;
	background-color: #7FBF4D;
	border-color: #63A62F #63A62F #5B992B;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #96CA6D inset;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 15px;
    line-height: 20px;
	font-weight: bold ;
	text-align: center;
	text-shadow: 0 -1px 0 #4C9021;
	display: inline-block;
	margin-right: 0;
    width: 200px;
   
}
#addSDContentLink{
    background: url("../img/cartridge-icon-small-inverted.png") no-repeat scroll left center transparent;
	background-position: 4px 5px;
    background-color: #7FBF4D;
    width: 180px;
}

#addChartplotterLink{
	padding: 3px 12px 4px 12px;
	text-decoration: none;
	background-color: #7FBF4D;
	border-color: #63A62F #63A62F #5B992B;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #96CA6D inset;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 15px;
    line-height: 20px;
	font-weight: bold ;
	text-align: center;
	text-shadow: 0 -1px 0 #4C9021;
	display: inline-block;
	margin-right: 0;
    width: 160px;
    float: right;
    margin-bottom: 5px;
}

#sdDownloadLink{
    padding: 3px 12px 4px 10px;
}
#sdDownloadLink i{
    font-size: 20px;
    display: block;
    position: relative;
    position: relative;
    top: 3px;
    float: left;
    margin-right: 5px;
    min-height: 30px;
}



.segBuyLink,.regularBuyLink,.vadBuyLink
{
	background: url("../img/go.ico") no-repeat scroll right center transparent;
	padding: 0 17px 2px 0;
	white-space: nowrap;
}

.segApplyLink,.regularApplyLink,.vadApplyLink, .raymarine-apply-link
{
	background: url("../img/cartridge-icon-small-inverted-16.png") no-repeat right center transparent;

	background-position: 47px;
	padding: 0 16px 1px 0;
	white-space: nowrap;
	text-decoration: none;

	background-color: #7FBF4D;
	border-color: #63A62F #63A62F #5B992B;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #96CA6D inset;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold ;
	text-align: center;
	text-shadow: 0 -1px 0 #4C9021;
	display: inline-block;
	font-size: 95%;
	width: 50px;
}

.regularApplyDownloadLink
{
	background-position: 47px;
	padding: 0 16px 1px 0;
	white-space: nowrap;
	text-decoration: none;

	background-color: #7FBF4D;
	border-color: #63A62F #63A62F #5B992B;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #96CA6D inset;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold ;
	text-align: center;
	text-shadow: 0 -1px 0 #4C9021;
	display: inline-block;
	font-size: 95%;
	width: 50px;
}


.main-unsupported {
	border-color:silver; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px;
	width: 100%;
}

.message-unsupported {
	text-align: center; 
	margin-top: 200px; 
	width: 100%;
	display: block;
	font-size: 120%;
}

.uppercase {
	text-transform: uppercase;
}

.pls_activea_ccount {
	color: silver;
	text-align: center;
}

.weather_not_sync {
	text-align: left;
	font-weight: bold;
}


.spinner {
	padding-left: 23px;
	background-image: url(../img/spinner.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#logon-column-left {
	 width: 45%; 
	 vertical-align: middle; 
	 border-right: 1px solid Silver; 
	 text-align: center;
}

#logon-column-right {
	width: 100%; 
	vertical-align: middle;
	padding-left: 270px;
}

#logon-column-right-no-facebook {
	vertical-align: middle;
	padding-left: 280px;
	
}

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

.free-trial-info { 
	color: red;
	text-align: center;
}

.tech_badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	min-width: 11px;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

.regular_badge {
	border-radius: 7px;
	padding: 4px 5px;
}

.left_badge {
	border-radius: 7px 0px 0px 7px;
	margin-right: -5px;
	padding: 4px 5px;
}

.right_badge {
	border-radius: 0px 7px 7px 0px;
	padding: 4px 10px;
}

.raymarine_badge {
	background-color: #8C1C40;
	color: White;
	padding: 5px;
	border-radius: 7px 7px 7px 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.active_badge {
	color: #fff;
}

.no_active_badge {
	color: #888888;
	background-color: white;
	border: 1px solid #888888;
}

.no_active {
	font-style: italic;
	color: #c3c3c3;
}

.ntpl_ntplus {
	background-color: #61B4E4;
	border: 1px solid #407896;
}

.ntpl_max {
	background-color: 	#EC7404;
	border: 1px solid 	#B75703;
}


.max_n {
	background-color: #C227B9;
	border: 1px solid #961F90;
}

.max_np {
	background-color: rgb(0, 51, 170);
	border: 1px solid 	rgb(0, 51, 170);
}

.max_4d {
	background-color: 	rgb(0, 51, 170);
	border: 1px solid 	rgb(0, 51, 170);
}

.pc_max {
	background-color: 	#EC7404;
	border: 1px solid 	#B75703;
}

.ntpl_max_pc {
	background-color: 	#EC7404;
	border: 1px solid 	#B75703;
}

.insight {
	background-color: 	#EC7404;
	border: 1px solid 	#B75703;
}

.software_unlock{
    background-color:  #7FBF4D;
    border: 1px solid #63A62F;
}

td.CenterCell, th.CenterCell {
	text-align: center;
}

.transaction-status-failed,
.transaction-status-success
{
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 44px;
	font-size: 2em;
	font-weight: 900;
	margin-bottom: 20px;
}

.transaction-status-failed {
	background-image: url(../img/VerifyFailureBig.png);
	color: #dd172a;
}

.transaction-status-success {
	background-image: url(../img/VerifySuccessBig.png);
	color: Green;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}

.raymarine-locked-link {
	background-image: url(../img/unlock-16.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
	display: block;
	margin-bottom: 4px;
	margin-left: 3px;
}

.raymarine-voucher-link {
	background-image: url(../img/gift16.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	display: block;
	margin-top: 4px;
}

.layout-table-wide {
	width: 100%;
}

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


.timeout-label {
	background-image: url(../img/alarm_clock-16.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 0px 4px 20px;
}

.unlock-label {
	background-image: url(../img/unlock-24.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 12px 0px 6px 24px;
}

.gift-label {
	background-image: url(../img/gift24_light3.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 12px 0px 6px 32px;
}

.map-unlock-list {
	margin-left: 30px;
}

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

.voucher-option-description {

	font-size: 90%;
}

#expired-cartridge-notification {
	background-color: #FFFFCC;
	border: 1px solid #fdf88e;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px 0 5px 0;
}

.disabled-panel {
	color: silver;
}

.disabled-panel .gift-label {
	background-image: url(../img/gift24_disabled.png);
}
.disabled-panel .unlock-label {
	background-image: url(../img/unlock-24_disabled.png);
}


.disabled-panel button,
.disabled-panel img {
	opacity: 0.5;
}

.cartrige-info-table td:nth-child(1){
	padding-right: 25px;
}

.raymarine-apply-link {
	display: block;
	margin-top: 10px;
}

/* for IE10+ make disabled controls to look more "disabled" */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	button[disabled],
	select[disabled]
	{
		opacity: 0.5;
		cursor: default;
	}
	
}

.cartridge-preview-iframe {
	margin-top: 10px;
	display: block;
	min-height: 652px
}

.oversized-map {
	color: #888;
}

#dialog-buy-button[disabled] {
	opacity: 0.5;
	cursor: default;

}

#dialog-buy-button {
	cursor: pointer;
}

#dialog-close-button {
	cursor: pointer;
}

.price-stroke {
	text-decoration: line-through;
}
.align-right {
	text-align: right;
}


.taxes-disclaimer {
	font-size: 90%;
	opacity: 0.5;
}

#oversize-warning {
	background-color: #fdf88e;
	padding: 3px 6px;
	display: none;
}

#unlock-button {
	padding-left: 23px;
	padding-right: 23px;
}


.unlock-in-progress {
	background-image: url(../img/spinner.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.unlock-button-panel {

	padding: 0 23px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
}

.unlock-button-panel-in-progress {
	background-image: url(../img/spinner.gif);
	background-repeat: no-repeat; 
}

.upgrade-button-panel-in-progress {
	background-image: url("../img/spinner.gif");
	background-position: 0 13px;
	background-repeat: no-repeat;
	padding-left: 20px;
}


#addsd-tooltip, #download-tooltip {
	display: none;
	position: absolute;
	width: 220px;
	line-height: 20px;
	padding: 5px 5px 4px 5px;
	font-size: 14px;
	text-align: left;
	color: #444;
	background: #FFFFDD;
	border: 3px solid #C9B055;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	font-size: 95%;
    z-index: 8500;
}

#download-tooltip{
   left: 508px;
   top: 58px !important;
}

#addsd-tooltip{
    left: 270px;
    top: 58px !important;
}

#download-tooltip:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #C9B055 transparent ;
	top: -20px;
	left: 110px;
}

#addsd-tooltip:after {
    content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #C9B055 transparent ;
	top: -20px;
	left: 110px;
}

.tooltip-main-message {
	border-bottom: 1px solid #FADC57; 
	padding-bottom: 4px
}

.tooltip-close {
	margin-top: 4px; 
	color: #888; 
	display: block; 
	text-align: right; 
	text-decoration: none; 
}

.tooltip-close:hover {
	text-decoration: underline;
}

.clickable-label:hover {
	cursor: pointer;
	color: black;
}

.footer_section_separator {
	display: none;
}

.help-menu {
	background-image: url("../img/help_16.png");
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 0 4px 20px;
	margin-left: 2px;
	display: none;
}

.hidden_scroll_vertical {
	overflow-y: hidden !important;
}


.apply-remainder {
	background-color: #ffffcc;
	text-align: center;
	padding: 5px 6px 4px 6px;
	margin-bottom: 3px;
	border: 1px solid #eeeeee;
}

.premium-discount,
.premium-discount-details {
/*	color: #32cd32; */
	color: green;
	font-weight: bold;
	font-size: 90%;
	text-align: right;
    vertical-align: center;
}

.premium-discount-details {
	text-align: left;
    font-weight: bold;
}

.activeSubscription {
    background-color: #E5FFE5;
}

.expiredSubscription {
    background-color: #F3F3F3;
}

.backgroundNotification {
    border-radius: 10px;
    background-image: linear-gradient( #fffadf,#fff3a5 );
}

.notificationTable {
    margin: 0;
}

.notificationTable td {
    padding: 6px;
    min-height: 30px;
}

.notificationTable tr {
    border-bottom: 1px solid #ddd;
}

.notificationTable tr:last-child { 
    border-bottom: none;
}

.notificationCloseButton {
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,.4);
    border-radius: 12px;
    border: thin solid #808080;
    float: right;
    cursor: pointer;
    background-image: url(../jquery-mobile-1.2.0/images/icons-36-white.png); 
    background-position: -70px 50%;
    background-size: 776px 20px;
}

.basket-alert-message {
    float: left;
    margin-left: 5px;
}

.basketClear-message{
    margin-left: 10px;
}

.basketClear-radioButton {
    margin-left: 20%;
}

.basketClear-border {
    border-top: 1px solid;
    border-color: #46a2e3;
}

.basketClear-table {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.basketClear-text-strike {
    text-decoration: line-through;
}

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



.color-square {
    display: inline-block;
    opacity: 0.7;
    margin: 0 4px 0 0 ;
    height: 12px;
    width: 12px;
    border: 1px solid #777;
    background-color: #333333;
}

.wide { background-color: #FF00FF; }
.local { background-color: #008000; }
.mega-wide { background-color: #800080; }
.max-lakes { background-color: #FFCCAA; }
.lake-insight-pro { background-color: #0000FF; }
.lakes-regional { background-color: #00FFFF; }
.lakes-continental { background-color: #008080; }
.nautic-insight-pro{ background-color: #808000; }
.nautic-insight-hd{ background-color: #FFFF00; }
.lake-insight-hd{ background-color: #4488FF; }
.lakes-insight-hd{ background-color: #000080;}
.continental{ background-color: #FF0000; }
.bathy{ background-color: #C0C0C0; }
.insight-pro{ background-color: #800000; }
.precision-contour-hd { background-color: #00FF00; }
.drifthook { background-color: #808080; }
.reveal {background-color: #F0B0F0; }
.medium { background-color: #008000; }
.large { background-color: #FF00FF; }
.extra-large { background-color: #FF0000; }
.coastal { background-color: #F0B0F0; }
.lakes-state { background-color: #0000FF; }
.lakes-regional { background-color: #00FFFF; }

.unlockCode-field{
    min-width: 248px;
}

.same-as-billing-address-button{
    margin-left: 10px;
    padding: 3px;
    font-family: "Arial";
    width: 211px;
    display: inline-block;
    font-size: 11px;
    margin-top: 3px;
}

.same-as-billing-address-button.account-billing-address{
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.valid-promo-code input[type=text] {
    background-color: #96ca6d;
}

.promo-check-container.valid-promo-code i {
    color: #4c9021;
}

.promo-check-container i {
    color: #888;
}

.invalid-promo-code  input[type=text]  {
    background-color: #facaca;
}
.promo-check-container.invalid-promo-code  i {
    color: #dd172a;
}

.promo-check-container {
    padding:  8px 0 8px 5px;
    border-bottom: 1px solid #ddd;
}

.promo-check-container input {
    width: 320px;           
}


.ChartFilter.promo-filter-enabled tr#placeholder, 
.ChartFilter.promo-filter-enabled tr#technologies, 
.ChartFilter.promo-filter-enabled tr#platformField, 
.ChartFilter.promo-filter-enabled tr#softwareField, 
.ChartFilter.promo-filter-enabled tr#productsField, 
.ChartFilter.promo-filter-enabled tr#priceClassRow,
.ChartFilter.promo-filter-enabled tr#productDescription,
.ChartFilter.promo-filter-enabled .ChartSearch{
    display: none !important;
}


#productsField-coupon, #priceClassRow-coupon {
    display: none;
}

.ChartFilter.promo-filter-enabled #productsField-coupon,
.ChartFilter.promo-filter-enabled #priceClassRow-coupon{
    display: table-row;
}

.ChartFilter.promo-filter-enabled {
    display: flex;
    flex: 1 1 auto;
}

.cartridge-details-purchase-options {
    margin: 0;
}

.productsField-coupon-container, .priceClassRow-coupon-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    height: 60px;
    overflow-y: auto;
}



.productsField-coupon-container .tecnology-item ,
.priceClassRow-coupon-container .tecnology-item {
    flex: 50%;
    display: flex;
    flex-flow: row;
    align-items: center;
}


#priceClassRow-coupon > td, #productsField-coupon > td {
    padding:  7px 0;
}


.tecnology-item > span {
    border: 1px solid #ddd; 
}

#priceClassRow {
    display: table-row
}

#priceClassRow #PriceClassContainer {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 1;
    height: auto;
    overflow-y: auto;
    width: 315px;
}

.ChartFilter.promo-filter-enabled {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

#priceClassRow #PriceClassContainer .price-class-item {

    flex: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.ChartResults.promo-filter-enabled .Header .Col1 { display: flex; flex: 30%; }
.ChartResults.promo-filter-enabled .Header .Col2 { display: flex; flex: 70%; }


.ChartResults.promo-filter-enabled #CatridgeContainer {
    display: flex;
    flex-direction: column;
}

.upperCase { text-transform:uppercase; }

.convertsd_tooltip {
	position: relative;
	display: inline-block;
}

.convertsd_tooltip_text {
	visibility: hidden;
	width: 120px;
	background-color: silver;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

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

.convertsd_tooltip:hover .convertsd_tooltip_text {
	visibility: visible;
	opacity: 1;
}

.billing_user_consent {
	display: block;
	position: relative;
	cursor: pointer;
	padding-top: 1px;
	padding-left: 24px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.billing_user_consent input {
	position: absolute;
	top: 0;
	left: 0;
}