@charset "utf-8";
/* CSS Document */

P, H1, H2, H3, IMG, BODY { margin: 0; padding: 0; border: none; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	margin: 0;
	padding: 0; }
	
#mainWrap { 
	width: 950px; 
	margin: 0 auto; }
	
#iPhoneImage {
	width: 950px; 
	height: 380px;
	background: url(../images/mainImage.jpg) top left no-repeat; }		

.logoArea { width: 450px; text-align: left; padding: 30px 0 18px 0; }
.logoArea a.txtLink { 
	color: #000; 
	background: url('../images/arrow_orange.gif') 0px 7px no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 18px;
	text-decoration: none; }
	
#contentArea { width: 880px; margin: 0 0 0 40px; border-top:1px solid #eee;}

#copyArea { width: 880px; margin: 0 0 0 40px; }

.copyLFT, .copyRGT { width: 430px; background: url('../images/bg_small.jpg') top left repeat-x; }
.copyLFT { float: left; }
.copyRGT { float: right; }

.adj { padding: 17px 17px 27px 17px; }

#copyArea h2 { margin: 0 0 7px 0; font-size: 120%; font-weight: normal; }
#copyArea h2 a {  color: #000; text-decoration: none; background: url('../images/arrow.gif') left 3px no-repeat; padding: 0 0 1px 18px; }
#copyArea h2 a span { color: #f60; }

#copyArea h2 a:hover { color: #f60; }
#copyArea h2 a:hover span { color: #000; }

#copyArea p { font-size: 85%; }

.fagArea { clear: both; background: url(../images/thin_line.gif) top left repeat-x; padding: 20px 0 40px 0; font-size: 110%; }
.fagArea p a { background: url('../images/arrow.gif') left 1px no-repeat; color: #000; text-decoration: none; padding: 0 0 1px 18px; font-weight: bold;  }
.fagArea p a:hover { color: #f60; }

.btmNav { font-size: 85%; background: url('../images/bg_footer.jpg') top left no-repeat; padding: 20px 0 40px 0; clear: left; }
.btmNav ul { margin: 0; padding: 0; list-style: none; float: right; }
.btmNav ul li { padding: 1px 6px; border-right: 1px solid #333; display: inline; }
.btmNav ul li.lastLI { padding-right: 0; border-right: none; }
.btmNav ul li A { color: #222; text-decoration: none; }
.btmNav ul li A:HOVER { color: #ff6600; }

#lillypads { width: 870px; margin: 0 0 0 40px; 	border-top: 1px solid #191919;	padding-top: 30px;}

.lillypad { width: 217px; background: url('../images/bg_small.jpg') top left repeat-x; float: left;}

.adj { padding: 17px 17px 27px 17px; }

#lillypads h2 { margin: 0 0 7px 0; font-size: 120%; font-weight: normal; }
#lillypads h2 a {  color: #000; text-decoration: none; background: url('../images/arrow.gif') left 3px no-repeat; padding: 0 0 1px 18px; }
#lillypads h2 a span { color: #f60; }

#lillypads h2 a:hover { color: #f60; }
#lillypads h2 a:hover span { color: #000; }

#lillypads p { font-size: 85%; }

*.orangetext {color: #ff6600;}

.hr-grey {background: url('../images/bg_footer.jpg') top left no-repeat; }

.tariff-table {width:100%;border-right:1px solid #ff6600;}
.tariff-table td {border-bottom:1px solid #ff6600;border-left:1px solid #ff6600;padding:5px;}
.tariff-table .or-hdr {color:#fff;background:#ff6600;border-left:1px solid #fff;vertical-align:bottom;}
.tariff-table .wh-hdr {border:1px solid #fff;border-bottom:1px solid #ff6600;vertical-align:bottom;}

.txt-image {margin: 10px 0 40px 0;}