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

a:hover { 
    color: #B75703;
}

/*a:link
{
	color: #034af3;
	text-decoration: underline;both
}
a:visited
{
	color: #505abc;
}value-c
a:hover
{
	color: #1d60ff;
	text-decoration: none;
}
a:active
{
	color: #12eb87;
}*/
	
.tooltip{
   	display: inline;
    position: relative;
}

.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;
}
	
	



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

img 
{
	border: 0;
}

/* 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;
}
*/
@font-face
{
    font-family:Roboto-Medium;
    src:url('../fonts/Roboto-Medium-webfont.woff') format("truetype");
    font-weight:400;
    font-style:normal
}
#main
{
	-moz-border-radius: 0 7px 7px 0;
	-moz-box-shadow: 0 1px 4px #CCCCCC;
	padding: 10px 18px 5px 18px;
	background-color: #FFFFFF;
	min-height: 500px;
	float: left;
	width: 760px;
	border-left: 2px solid #d1d1d1;
}


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

#mainPublic {
	padding: 10px 10px 5px 10px;
	background-color: #fff;
	min-height: 500px;
}
#mainPublicChartCatalog {
	padding: 0 5px;
	background-color: #fff;
	min-height: 500px;
}
#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
{
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 0 1px 4px #CCCCCC;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	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;
}

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

.error
{
	color:Red;
}

#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: white;
	text-decoration: underline;
}

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

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

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

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

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

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

.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 0 0;
	 border-style: solid;
	 border-color: #DDD;
	 border-collapse: collapse;
	 width: 100%;
 }

.GridTable TD, .GridTable TH
{
	border-width: 0 0 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;
}

.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 0 10px;
}

.hidden
{
	display: none;
}





#lightbox {
 display:none;
 position:fixed;
 background:#000000;
 opacity:0.7;
 filter:alpha(opacity=90);
 top: 0;
 left: 0;
 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:  978px; }
#ft { background:#eee; padding:0; border:1px solid #ddd; text-align:center; -moz-border-radius:6px !important; -webkit-border-radius:6px !important;  border-radius:6px !important; }
#ft { background:none; border:none;}
#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: 50px auto 0;
}

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

.Basket-CostSection {
	width: 600px;
	margin: 0  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: #46a2e3;
}
.Basket-Item-Content 
{
	padding: 10px;
}

.Basket-Item-PriceHeader 
{
	width: 100%;
	margin:0;
	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-BlankPrice-Reseller
{
	text-align: right;
	font-size: 120%;
}

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

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

.Basket-ProgramPanel-Reseller
{
    text-align: center;
    padding-top: 70px;
}

.Basket-SegmentationCell
{
    padding: 0 !important;
}

.Basket-SegmentationTable
{
    margin: 0;
    border-style: hidden;
    width:100%;
}

.Basket-ProgramPanel-Reseller .dealerApplyLink
{
    margin: 10px;
}

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

#Basket-Section-TotalPrice 
{
	
}

.Basket-IsEmpty 
{
	text-align: center;
	font-style: italic;
	margin: 100px 0;
	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: 0;
margin: 0;
}

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;
}

#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: table; }

.LeftColumn {
    /*min-height: 794px;*/
    margin-right : 5px;
    width: 350px;
    float: left;
    height: 100%;
    margin-right: 5px;
}

.LeftColumnRawView {
    /*min-height: 794px;*/
    margin-right : 5px;
    width: 350px;
    float: left;
    height: 100%;
    margin-right: 5px;
}

.RightColumn { 
    float: none;
    height: 756px;
    border: 1px solid #B8B8B8 ;

    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}

.RightColumnRawView { 
    float: none;
    border: 1px solid #B8B8B8 ;

    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}

.ChartFilter, .ChartSearch, .ChartResults, .ChartList
{
	float: left;
	border: 1px solid #B8B8B8 ;
	width: 100%;
	margin: 3px -1px;
	background: #F0F0F0 ;
}

.ChartFilter  { min-height: 150px; margin-top:0; }
.ChartSearch  { height: 38px;}
.ChartResults {  }
.ChartDetails 
{ 
    float: left;
    height: 280px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    width: 100%;
	margin: 3px -1px;
	background-color:#E3E3E3; 
    border: 1px solid #63A62F ;
}
#OpenLayer    { height: 100%; width:100%;}
.ChartFilter .Col1 { margin-top: 15px; margin-left: 15px; }
.ChartFilter .Col2 { margin-top: 5px; margin-left: 15px; width: 55%; }
.ChartFilter table 
{
	margin-top: 5px; 
	margin-left: 5px;
	margin-bottom: 5px;
}

.ChartFilter table tr td {
    width:25%;
}
/* only the cells with at least one cell before (aka all except the first one) */
 .ChartFilter table tr td + td {
    width:75%;
}
 .ChartFilter label {
  text-align:left;
  white-space: nowrap;
}

#PriceClassContainer { width: 100%; }
#PriceClassContainer .Col1 {  width: 50%; float: left;  margin: 0; }
#PriceClassContainer .Col2 {  float: left;  margin: 0;  width: 50% !important;}
.ChartSearch * 
{
	margin-top: 6px;
}
.ChartSearch Label 
{
	margin-left: 10px;
}
.ChartList 
{
	margin-top: 5px;
	width: 100%;
	border-color: transparent;
	background: transparent;
}
.label-select-price-class {
	vertical-align: top;
	padding-top: 20px;
}
#priceClassRow {
	height: 60px;
}
#PriceClasses {
	margin-left: 10px;
}
#products, #countries, #techProduct, #technology, #platform, #software {
	width:94%;
	color:#001C45;
	margin-left: 10px;
}
.ChartResults .Header 	
{
	font-weight: bold; 
	height: 15px;  	
	width: 95%;
	float: left;
	margin-left: 10px;
}
.ChartResults .Footer 	
{
	float: left; 
	width: 95%;
}

.ChartResultsRawView .Header 	
{
	font-weight: bold; 
	height: 15px;  	
	width: 95%;
	float: left;
	margin-left: 10px;
}
.ChartResults .Footer 	
{
	float: left; 
	width: 95%;
}
#CatridgeContainer .Row 
{
	float: left;
	height: 20px;
	overflow: hidden;
	cursor: hand;
	width: 100%;
}
.ChartResults .Footer a 
{
 float: right;
 margin-top: 2px;	
}
.ChartResults .Header .Col1 { width: 10%; float: left; }
.ChartResults .Header .Col2 { width: 35%; float: left; }
.ChartResults .Header .Col3 { width: 45%; float: left; }

/*.ChartResults .Header .ColOne { width: 40%; float: left; }
.ChartResults .Header .ColTwo { width: 50%; float: left; }*/

.ChartResults .Row .Col1 { width: 10%; float: left; }
.ChartResults .Row .Col2 { width: 35%; float: left; }
.ChartResults .Row .Col3 { width: 45%; float: left; }
#CatridgeContainer { 
    margin-left: 10px; 
    float: left; 
    width: 340px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    min-height: 100px !important;
    height: 370px; }
.ChartDetails .Col1 { width: 40%; float: left; margin-left: 10px;}
.ChartDetails .Col2 { width: 50%; float: left;  }
#ChartDetails p { text-align: center; margin-top: 50px; font-size: 14px; color: #B8B8B8; }
#CatridgeContainer { margin-top: 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') 0 6px no-repeat;
    width: 20px;
    height: 30px;
}
.ArrowUp { 
    background: url('../img/arrow-up.gif') 0 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;
	
}

.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: 5px center;
	background-repeat:no-repeat;
	padding-left:40px;
	font-size: 0.9em;
	color: white;
	max-height: 5px;
	max-width: 10px;
}
.details-footer 
{
	clear: both;
}
.details-footer-inner
{
	clear: both;
	border-top: 1px dashed Black;
	text-align: right;
	padding-top: 5px;
	margin-top: 10px;
	padding-right:6px;
}

#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;
	min-height: 24px;
	display: inline-block;
    position: relative;
    top: -25px;
    z-index: 999;
}

/* Centered div used to show lists of Vads, Hos, etc */
div.centered
{
	display: block;
	position: absolute;
	top: 150px;
	left: 0;
	margin: auto auto auto 0;
	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: 10px 15px 15px 10px;
	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-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 0 1px;	
}

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

.purchase-table th {
	display: none;
}

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

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

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

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

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

.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;
}

td.fix-width
{
    width: 60px;
}

.general-section-icon-cell {
	width: 0;
	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;
}
.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 0 1px;
	cursor: pointer;
	color: White;
	font-weight: bold;
	border-radius: 0.5em 0.5em 0 0;
	-moz-border-radius: 0.5em 0.5em 0 0;
	-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 
{
	display: block;
	clear: both;
	margin-left:10px;
}

.cartridge-details-purchase-options  td
{
	padding-left: 0;
}

.logon-header {
	margin: 5px auto 0 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/area.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:0;
	margin-left:0;
}

.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;	
}

.activeMenu {
	background-color: #dcdcdc;
}

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

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

#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:0;
	margin-left:0;
}

.RegionChange div {
	padding: 5px 0;
	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;
}

.langTitle {
	text-align: left;
}
.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;
}
#spanFreeSpaceInfo {
	float: left;
	 margin-right: .3em;
}
.deviceNotLogOn {
	color: #cc0a38;
}

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

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

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

#searchStringForm {
	padding-right: 4px;
	
}
#searchStringForm table tr td {
	vertical-align: middle;
}

#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: 15px;
}
.infoPanelCenter {
	margin: auto;
	margin-bottom: 20px;
}
.infoPanelButton {
	-moz-box-shadow:inset 0 1px 0 0 #bbdaf7;
	-webkit-box-shadow:inset 0 1px 0 0 #bbdaf7;
	box-shadow:inset 0 1px 0 0 #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 0 #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: #AAA;
}

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


.error-message {
	color: red;
}

.smallFont {
	font-size: 80%;
}

.lightBlueText {
	color: #46A2E3;
}

.MonthSelect {
	width: 50px;
} 

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

.ui-dialog {
	z-index: 10000 !important;
}
.ui-widget-overlay {
	z-index: 9999 !important;
}
#MMInstaller {
	float: left;	
}
#addContentArea {
	float: right;
}


.required-mark 
{
	margin-left: 3px;
	 color: Red;
}
.country-cell {
	color: black;
	padding: 4px 0 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;
}

#addSDContentLink
{
	background: url("../img/cartridge-icon-small-inverted.png") no-repeat scroll left center transparent;
	background-position: 4px center;
	padding: 3px 12px 4px 30px;
	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;
	margin-right: 0;
}




#dealerAccountCleanup
{
    background: url("../img/warn.png") no-repeat scroll left center transparent;
    background-position: 4px center;
	padding: 3px 12px 4px 30px;
	white-space: nowrap;
	text-decoration: none;
    float: left;
	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;
    margin-right: 20px;
}

.alertNoBlankAvailableShow
{
    display: inline; 
    margin-left: 2px;
}

.alertNoBlankAvailableNoShow
{
    display: none;
}

#products-refresh-device {
    margin-right: 20px;
}

#devices {
    margin-top: 5%;
}

.refresh-device-style
{
	background: url("../img/cartridge-icon-small-inverted.png") no-repeat scroll left center transparent;
	background-position: 4px center;
	padding: 3px 12px 4px 30px;
	white-space: nowrap;
	text-decoration: none;
    float: left;
	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;
}

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

.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;
	margin-right: 0;
	font-size: 95%;
	width: 50px;
	margin: 0 auto;
}


.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: 55%; 
	vertical-align: middle;
	padding-left: 20px;
}

#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 0 0 7px;
	margin-right: -5px;
	padding: 4px 5px;
}

.right_badge {
	border-radius: 0 7px 7px 0;
	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_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;
}

td.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;
}

.operation-status-warning,
.operation-status-failed,
.operation-status-success
{
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 44px;
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 20px;
    margin-top: 10px;
}

.operation-status-warning {
	background-image: url(../img/warning.png);
}

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

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

.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 0 4px 20px;
}

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

.gift-label {
	background-image: url(../img/gift24_light3.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 12px 0 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;
}


#sync-tooltip {
	display: none;
	position: absolute;
	left: 490px;
	top: -25px;
	width: 300px;
	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) 0 0 10px 0;
	font-size: 95%;
}

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

.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;
}

.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;
}

.legal-copy {
    padding: 35px 40px 40px;
    margin: 0 auto 20px;
    position: relative;
}
#multilanguage-menu {
    padding-left: 15px;
    padding-top: 4px;
}

.legal-copy .indent {
    padding-left: 1.8em;
}
ul #site-utils li#site-search-util {
    width: auto;
    max-width: 260px;
}

.dealerApplyLinkNoIcon {
    padding: 1px 5px 1px 5px;
    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;
    margin-right: 0;
    font-size: 95%;
    width: auto;
    margin: 0 2px;
}

.dealerTransactionApplyLink {
    padding: 0 5px 1px 5px;
    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;
    margin-right: 0;
    font-size: 95%;
    width: auto;
    margin: 0 2px;
}

.dealerApplyLink {
    background: url("../img/cartridge-icon-small-inverted-16.png") no-repeat right center transparent;
    background-position: right;
    padding: 0 16px 1px 5px;
    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;
    margin-right: 0;
    font-size: 95%;
    width: auto;
    margin: 0 2px;
}

.dealerDisabledApplyLink {
    background: url("../img/cartridge-icon-small-inverted-16.png") no-repeat right center transparent;
    background-position: right;
    padding: 0 16px 1px 5px;
    white-space: nowrap;
    text-decoration: none;
    background-color: #666666;
    border-color: #B0B0B0 #B0B0B0 #B0B0B0;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0 0 0 0 #F0F0F0  inset;
	color: 	#888888;
    font-family: Calibri;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-right: 0;
    font-size: 95%;
    width: auto;
    margin: 0 2px;
    pointer-events: none;
    cursor: default;
}

.icons {
    height: auto;
    width: 64px;
    float: left;
    border: 0;
}

.dealerProductIcon{
    display:inline-block;
}

.transaction-panel{
    text-align: center;
    overflow: auto;
}

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

.transaction-main 
{
	width: 600px;
	margin: 0  auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.transaction-item 
{
	border: 1px solid Silver;
	background-color: White;
}

.transaction-detail-table {
    width: 100%;
    margin: 0;
}

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

.transaction-detail-col {
    width: 50%;
}

.deviceSpinner {
    width: 25px;
    height: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
}

.mapIconSpinner {
    padding-left: 5px;
}

.device-details {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-collapse: collapse;
    empty-cells: show;
    border-color: #E2DCDC;
}

.device-details-parameter {
    padding: 8px 10px;
    text-align: left;
    background-color: #e8eef4;
    border: 1px solid #E2DCDC;
}

.device-details-element {
    padding: 8px 10px;
    text-align: center;
    border: 1px solid #E2DCDC;
}

.viewLicenceContent{
    padding: 4px 12px 4px 12px;
    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;
    margin-right: 0;
}

.loadingSpinner {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/spinner2.gif') 
                50% 50% 
                no-repeat;
}

/* TOOLTIP */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    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 1s;
}

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

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip::after {
    display: none;
}

.hintDealerAction {
    cursor: help;
}

.font-12{
    font-size:12px;
}

.font-11{
    font-size:11px;
}

.text-strikeout{
    text-decoration:line-through;
}
.text-bold{
     font-weight:bold;
}

.btn-purchase {
    -webkit-appearance: none; 
    border: solid #666 1px; 
    background-color: #FFF; 
    min-width: 50px; 
    min-height: 35px;
}