/* +++ RELIANCE Tracking CSS +++ */

/* 
	reliance blue: #005996; 
	battleship grey: #585858;
	 #8ECAFC
	bright gay blue:  4EA8FF
	light gay blue: 8ECAFC
	dark blue: #015A96
	#015A96
	
*/


 * 	{
 	font-family: Verdana, sans-serif;
 	text-decoration: none;
 	font-style:normal;
 	margin:0;
 	padding:0;
 	}

body	{
	font-size:0.75em;
	background-color: #fff;
	color: #005996;
	}

a:link {color: #015A96 ; text-decoration:none; }
a:hover {color: #334;}
a:visited {color: #000;}
a:active {color: #015A96;}

#page { width:720px;
	display:block;
	position:absolute;
	top:24px;
	left: 50%;
	margin: 0 0 0 -360px;
	padding: 90px 0 0 0;
	background-color: #fefefe;
	line-height:1.5em;

	border: solid #005996 1px;
	border-width:0 1px 0 1px;
	}
#head{	
	display:block;
	width:720px;
	position:absolute;
	top:24px;
	margin: 0 0 0 -360px;
	padding: 0;
	height:90px;
	left: 50%;
	background-color:#fff;
	z-index: 0;
	border: solid #005996 1px;
	border-width:0 1px 0 1px;
	}
	
table {clear:both;}

label {	width:160px; 
	margin: 0 1em 0.35em 0; 
	display:block; 
	float:left; 
	text-align:right; 
	height:1em;}

input {
	background-color:#015A96; 
	margin: 0 1em 1px 0; 
	border: 1px solid #015A96; 
	height:1.35em; 
	color:#334;
	}

#cart input {color:#fff;}

textarea {
	background-color:#015A96; 
	margin: 0 1em 1px 0; 
	border: 1px solid #015A96; 

	height:5em; 
	width:180px; 
	color:#334;
}
	
button {cursor:pointer;}

/*
.home_intro { margin:6px; padding:0em; border: 6px solid #015A96;  background-color: #015A96; color:#fff; padding: 1em;
}*/



.column1 {width: 450px; float:left; font-size:1em;}

.column1 p { line-height:1em; margin:0 0 6px 0; padding:0;}

.home_intro  p { width: 420px; font-weight:bold; margin:6px; padding:6px; }

.column1 a { text-transform: uppercase; 
	letter-spacing: 0.1em; 
	font-weight:bold; 
	width: 100%;
	text-align:right; 
	color:#000; 
	margin: 6px 0 0 0; 
	padding: 0 0.25em 0.25em 0;
	}


.home_benefits {float:left; margin:6px; padding:6px 6px 0 6px; background-color: #C5DAE4;}
	.home_benefits img { display:block; float:left; border: 1px solid #8BA5AC; background-color: #fff; padding: 6px; margin:0 6px 6px 0;}
	.home_benefits a {margin: 14px 0 0 0; display:block;  float:left; width: 300px; background-color:#9EC2D2}
	.home_benefits a:hover {background-color: #005996; color:#fff;}

.home_hardware {float:left; margin:6px; padding:6px 6px 0 6px;  background-color: #8ECAFC; }
	.home_hardware img {display:block; float:left;border: 1px solid #8BA5AC; background-color: #fff; padding: 6px; margin:0 6px 6px 0;}
	.home_hardware a {margin: 26px 0 0 0; display:block; float:left;  width: 300px; background-color:#015A96}
	.home_hardware a:hover {background-color: #015A96;  color:#fff;}
	.home_hardware a:visited {color:#fff;}
	
	
.home_demo   { margin:6px 24px 0 0; font-size:1em; float: right; width: 202px;  border: 1px solid #7B98A0;}
	.home_demo img {display:block; clear:both; margin: 5px; padding:0;}
	.home_demo P {margin:0; padding: 6px ; background-color: #7B98A0; display:block; font-weight:bold; color:#fff; line-height: 1.5em;}
	.home_demo a {  text-transform: uppercase; background-color: #015A96; margin: 6px 0 0 0; display: block; width:100%; clear:both; text-align:center; color:#fff; font-size:1.25em;}
	.home_demo	a:visited {color:#fff;}
	.home_demo	a:hover {background-color: #586062; color:#fff;}
	.home_demo	a:active {}



.downloads strong   {
	display:block;
	margin:6px 0 0 0; 
	}

.footnote {margin:6px; padding: 0 6px 6px 6px; border: 1px solid #8BA5AC; background-color:#FAFAE8; clear:both;}
.footnote h2 {margin:0; padding:0;}
.footnote P {font-size: 0.75em;}

.internal_nav { text-align: right; margin:6px; padding:6px; border: 1px solid #8BA5AC; background-color:#FAFAE8; clear:both;}


fieldset {margin:0.75em 0 0 0;padding:0;border:none;}


legend {font-weight:bold; clear:both;}

h1  {	text-transform:uppercase;
	font-size: 2.25em;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	font-weight:bold;
	margin: 6px 0 0 6px; 
	padding:0; 
	color: #005996;
	float: left;
	clear:both;
	width:95%;
	}
	
h2 {	text-transform:uppercase;
	font-size: 1.5em;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	font-weight:normal;
	margin: 0; 
	padding:0; }

TH {text-align:left;}


.hardware_image {display:block; float:left; border: 1px solid #8BA5AC; background-color: #fff; padding: 6px; margin:0.25em 6px 6px 0;}

.hardware_item {width:26.5em; float:left; border:1px solid #000033; padding:1em; margin:6px;}

.hardware_price {font-weight:bold;}

.hardware_item p {margin:1em 0 0 0; font-size:0.75em;}

.hardware_item h2 {color:#000033;}

.hardware_item a { text-transform: uppercase; 
	background-image: url('images/add.gif');
	background-repeat: no-repeat;
	background-position: 12px center;
	letter-spacing: 0.1em; 
	font-weight:bold; 
	display: block; 
	clear:both; 
	text-align:right; 
	color:#000; 
	margin: 6px 0 0 0; 
	padding: 12px;
	background-color:#015A96;
	}
	
.hardware_item a:hover {
	background-image: url('images/add-over.gif');
	color:#fff;}

.accessories {
	width:700px;
	background-color: #F2F6F7; 
	padding:6px; 
	margin:6px; 
	border:1px solid #ccc;
	}

.accessories a { text-transform: uppercase; 
	font-size:0.75em;
	letter-spacing: 0.1em; 
	font-weight:bold; 
	display: block; 
	clear:both; 
	text-align:center; 
	color:#000; 
	margin: 0; 
	padding: 12px 12px 12px 36px;
	background-color:#015A96;
	background-image: url('images/add.gif');
	background-repeat: no-repeat;
	background-position: 12px center;
	}

.accessories a:hover {
	color: #fff;
	background-image: url('images/add-over.gif');
	}

.accessories th {width: 15em;}
	
.system_intro {padding:6px; margin:6px; border:1px solid #ccc;}
.system_intro P {margin:0 0 1em 0; padding:0;}
.system_intro img {float:left; display:block; background-color: #F2F6F7; padding:0 0 2em 0; margin: 0 6px 0 0}

.links, .news, .faq, .downloads, .delivery ul  { 
	margin:6px; 
	padding:6px;  
	width: 430px; 
	float:right;
	}
	
  	
 
 .downloads a {color:#000033}

.intro {float: left; 
	width:210px; 
	margin: 12px 6px 6px 6px; 
	padding: 0 6px 6px 0;
	border: 1px solid #8BA5AC;
	border-width: 0 1px 0 0; 
	}
	
.intro P {font-size: 0.9em;}
 
 
.faq h2, .footnote h2  { font-size:2em; letter-spacing: 0em; font-family: serif; font-style: italic; text-transform:none; margin:0; }


.delivery {padding:6px; margin:6px;}

.delivery p, .charter p {margin: 0 0 6px 0; width: 390px;}

.delivery ul  {
	background-image: url('images/yacht-delivery-tracking.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	float:right;  
	width: 270px;
	padding: 175px 6px 6px 6px;
	margin:6px; 
	border:1px solid #ccc;
	list-style-position: 
	inside; font-size:0.75em; 
	font-weight:bold; }

.charter {
	padding:6px; 
	margin:6px;
	}


.charter img {border: 1px solid #ccc; padding: 6px; float:right; }


.links	dt {font-weight:bold;}
.links	dd {margin: 0 0 1em 0;}


/* CART */

.remove  {
	text-transform: uppercase; 
	font-size:0.75em;
	letter-spacing: 0.1em; 
	font-weight:bold; 
	display: block; 
	clear:both; 
	text-align:center; 
	color:#000; 
	margin:0; 
	padding: 6px 6px 6px 36px;
	background-color:#015A96;
	background-image: url('images/remove.gif');
	background-repeat: no-repeat;
	background-position: 6px center;
	}

.remove:link{
	color:#000; 	
	}
	
.remove:visited{
	color:#000; 	
	}

.cart_update {
	text-transform: uppercase; 
	font-size:0.75em;
	letter-spacing: 0.1em; 
	font-weight:bold; 
	display: block; 
	clear:both; 
	text-align:center; 
	color:#fff; 
	margin:0; 
	padding: 6px 6px 6px 36px;
	background-color:#015A96;
	background-image: url('images/basket.gif');
	background-repeat: no-repeat;
	background-position: 6px center;
	height: 18px;
	}



.remove:hover {
	color: #fff;
	background-image: url('images/remove-over.gif');
	}

.cart_table {
	width: 700px; 
	border:1px solid #ccc;
	padding: 6px;
	margin: 6px;
	background-color: #EAF1F2;
	}
	
.cart_total td {
	background-color: #C5DAE4;
	border:1px solid #9EC2D2;
	border-width: 2px 0 2px 0;
	border-collapse: collapse;
	margin-top:1em;
	font-weight:bold;
	padding: 0 0 0 0.25em;
	text-transform:uppercase;
	}
	
.next-step  {
	margin:6px; 
	padding:6px; 
	border: 1px solid #8BA5AC;
	background-color:#FAFAE8;
	clear:both;}





/* In the HEAD */



.basket {	
	background-image: url('../images/head_basket.jpg');
	background-repeat: no-repeat;
	background-position: top right;}

.nobasket{background-image: url('../images/head.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	}

#head img{float:left; margin:6px; display:none;}

#basket {
	color: #fff;
	font-weight:bold;
	font-size:0.75em;
	background-image: url('images/basket.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 0 30px;
	margin: 12px 130px 0 0;
	float:right;
	}
	
#basket a{	color: #fff;}

#basket P {text-align: center;}

#currency_switch {
	padding: 0;
	margin: 30px 15px 0 0;
	float:right;
	width: 120px;
	text-align:right;
	}

 #currency_switch legend {
	display:none;
	}
#currency_switch fieldset {
		padding: 0;
		margin:0;}

#currency_switch select{
	background-color: #C5DAE4; 
	border: 1px solid #9EC2D2;
	margin: 0 6px 0 0;
	padding: 0 0.25 0 0.25;
	}
	
	#currency_switch label 
		{
		width: auto;
		float:right;
		display:inline;
		padding:  0.35em;
		}
	
	#currency_switch select 
		{
		float:right;
	
	}
	
	#currency_switch input 
		{
		float:right;
		}



/* AIRTIME */


.package0{
	float:left;
	
	background-position: top left;
	background-repeat:no-repeat;
	
	margin: 6px;
	}

.package0 h2, .package1 h2 {
	margin:6px;
	
	}

.option0, .option1 {
	width:300px; 
	float:left; 
	margin:6px; 
	padding:6px;
	}

.package0 .option1, .package1 .option1{
	
	border: 1px solid #ccc;
	border-width: 0 0 0 1px;
	padding-left:  12px;
	}

.package0 h3, .package1 h3{
	text-transform:uppercase;
	margin: 0 3px 0 0 ;
	padding:0px;
	font-size:0.9em;
	font-weight:bold;
	}



.airtime_button{
	font-size: 0.75em;
	width: 250px; 
	display:block; 
	height:auto; 
	text-align:center;
	text-transform:uppercase; 
	font-weight:bold;
	cursor:pointer;
	color:#4EA8FF;
	margin: 6px 0 0 0;
	padding: 6px 6px 6px 36px;
	background-image: url('images/add.gif');
	background-color:#015A96;
	background-repeat: no-repeat;
	background-position: 6px center;	
	border:1px solid #015A96;
	}

.airtime_button:hover
	{
	background-image: url('images/add-over.gif');
	color: #fff;
	
	background-color:#015A96;
	border:1px solid #015A96;
	}


.package1 {

	float:left;
	margin: 6px;
	}


.radio	{background:none; border:none; margin:0; padding; 0; margin: 0 0 6px 0; }


.messaging_credits {
	clear:both;
	margin: 6px;
	border: 1px solid #344;
	border-width: 1px 0 0 0;}

.messaging_credits h3 {
	color: #334;
	}

/* Footer */

#footer  { 
	display:block;
	clear:both;
	width:720px;
	margin: 0;
	padding:0;
	background-image: url('images/footer.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	float:left;
	}

	#log-in {	
		color: #015A96;
		font-weight:bold;
		padding: 8px 6px 0 0;
		text-align:right;
		}



		#log-in legend {
			visibility:hidden;}

		#log-in input {
				background-color: #8ECAFC; 
				border-color:#015A96;
				display:inline;
				font-size: 0.75em;
				
				}


		#log-in label {
				font-size: 0.75em;
				
				display:inline; 
				float:none;}

		 .label_button {
				background-color: #8ECAFC; 
				padding: 0.25em;
				margin:0;
				display:inline;
				font-size: 0.75em;
				font-weight:normal;
				border:1px solid #015A96;
				color: #334;
				}

		 .hidden {width:0em; 
			  height:0em; 
			  border:none; 
			  margin:0em; 
			  padding:0em; 
			  background-color:#fff;
			  display:inline;}



		#footer dl	{
			font-family: Arial sans-serif;
			color: #fff;
			list-style: none;
			display:inline;	
			padding: 0 0 0.25em 0;
			font-size: 0.8em;
			letter-spacing: -0.1em; 
			float:right;
			margin: 16px 100px 0 0;
			}
		#footer dt	{
			list-style: none;
			display:inline;

			}
		#footer dd	{
			list-style: none;
			display:inline;
			margin: 0;
			padding: 0;
			margin: 0 0 0 6px;
			padding:0;
		}

		#footer a {color: #fff;}
		
		
/* PURCHASE */


.credit-card  {
	margin:6px; 
	padding:6px; 
	border: 1px solid #8BA5AC;
	background-color:#FAFAE8;
	clear:both;
	float:left;
	width: 670px; }

.credit-card fieldset {float:left; width: 300px; margin: 0 0 24px 0; border:1px solid #ccc;}
.credit-card label {width:100px;}

.credit-card P {float:left; clear:both;}

.date_label { width:50px; float:left; clear:none; display:inline;}
.date_select { float:left; clear:none; display:inline; width: 60px;}



/* navigation */

#nav	{
	font-size: 0.9em;
	padding:0;
	margin:0 0 0 -140px;
	left:50%;
	list-style: none;
	clear: both;
	width:620px;
	position:absolute;
	top:87px;
	z-index: 1;
	}

/* all lists */
 
#nav ul {
	padding:0;
	margin:0;
	list-style: none;
	text-indent:0;
	padding:0;
	margin:0;
	}

/* all list items */

#nav li {
	float: left;
	position: relative;
	text-indent:0;
	margin: 0;
	}

.top li:hover, .top li.over {
	float: left;
	position: relative;
	text-indent:0;
	margin: 0;
	background: #000033;
	}

.top li 
	{
	padding: 6px;
	}

/* second-level lists */

#nav li ul {
	display: none;
	position: absolute;
	margin:0;
	padding:0;
	left: 0em;
	top:2em;
	background: #005996;
	text-indent:0;
	width:11em;
	
	}



/* to override top left in proper browsers (IE, will position to the top right of the containing li, rather than bottom left) */

#nav li>ul {
	top: 2em;
	left:0em;
	}


/* lists nested under hovered list items */

#nav li:hover ul, #nav li.over ul
	{
	display: block;
	margin:0;
	padding:0;
	text-indent:0;
	z-index: 4; /* fixes Firefox 'dropdown behind wrapped top-line when text size is big' prob */
	}


#nav { color: #FFFFFF;}
#nav a {text-decoration:none; color: #FFFFFF;}
#nav a:link {color:#ffffff;}
#nav a:visited {color:#ffffff;}
#nav a:active {color:#ffffff;}
#nav a:hover {color:#ffffff; background-color:#000033;}



.sub ul
	{
	background-color: #005996;
	margin:0; 
	padding:0;
	
	}

.sub li
	{
	width: 10em;
	margin:0; 
	padding:0;
	display:block;

	}

.sub a{
	display:block;
	width: 100%;
	padding:6px;
	margin:0;
	line-height:1em;
	}

#nav .sub  a:link {color:#ffffff;}
#nav .sub a:visited {color:#ffffff;}
#nav .sub  a:active {color:#ffffff;}


/* end navigation chaos */