
@import url("nav.css");
@import url("nav-inner.css");
@import url("cmxform.css");


/*-----------------------

Tap Air

----------------------*/


* {
	padding: 0;
	margin: 0;
} /* this will reset all elements to margin/padding = 0 */



/*-----------------------
Body
----------------------*/
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #0f7e8d url('../images/core/bg.gif') top left repeat-x;
	color: #333333;
	margin-top: 59px;
}


/*-----------------------
Standard
----------------------*/
h1 { 
	font-size: 2.4em;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	padding-bottom: 0.9em !important;
}

h2 { 
	font-size: 1.8em;
	color: #fb4d34;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
}

h3 { 
	font-size: 1.4em; 
	color: #169f9e;
}

h4 { 
	font-size: 1.3em; 
	color: #3e3d3c;
}

h5 { 
	font-size: 1.2em; 
	color: #3e3d3c;
}

p { 
	line-height: 1.6em;
}

h2, h3, h4, h5, p, ul, ol { padding-bottom: 1.5em; }
h3, h4, h5 { padding-bottom: 0.5em; }

img {
	border: 0;
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
	border: 2px solid #cccccc;
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 2px solid #cccccc;
	clear: right;
}

ul { 
	list-style-type: square;
	margin-left: 30px;
}

ul li { 
	line-height: 1.6em;
}

ul.no-list { 
	list-style-type: none;
}

ul.list-pdf {
	list-style-type: none;
}

ul.list-pdf li {
	background: url('../images/core/icon-pdf.gif') no-repeat;
	padding-left: 26px;
	line-height: 1.6em;
}

ol { 
	margin-left: 40px; 
}

ol li {
	line-height: 1.6em;
}

a { 
	color: #ff2400; 
	text-decoration: none; 
}

a:hover { 
	color: #00395e; 
	text-decoration: underline; 
}

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #cccccc;
	margin: 15px 0;
}

.clear {
	display: block;
	clear: both;
}

span.mailto { 
	text-decoration: dashed; 
	color: #2c85bc; 
}
 
a.mailto { 
	color: #2c85bc;
	text-decoration: none; 
}
   
a.mailto:hover { 
	color: #2c85bc;
	text-decoration: underline; 
} 

a.back {
	height: 20px;
	display: block;
	text-align: right;
	border-bottom: 1px dashed #cccccc;
}

a:hover.back {
	color: #2c85bc; 
	text-decoration: underline; 
}

.top {
	text-align: right;
	padding: 10px 0;
}


/*-----------------------
Container
----------------------*/
div#content-container {margin:0 auto; background:#fff;}

div#container {
	height: auto;
	margin: 0 auto;
}


/*-----------------------
Header
----------------------*/
div#bg-header {
	width: 812px;
	margin:0 auto;
	height: 392px;
	background: url(../images/core/bg-header.png) no-repeat ;
	padding: 0px 0px 0 15px;
}

div#bg-header-inner {
	width: 812px;
	height: 292px;
	background: url(../images/core/bg-header.png) no-repeat top center;
	margin:0 auto;
	padding: 0 0 0 0px;
}

div#header {
	width: 798px;
	height: 114px;
	position: relative;
}

/* ---- logo ---- */
div#logo {
	width: 204px;
	height: 122px;
	position: absolute;
	top: 10px;
	left: 12px;
}

/* ---- cta phone ---- */
div#cta-phone h2 {
	width: 338px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/cta-phone.gif') 0 0 no-repeat;
	position: absolute;
	top: 70px;
	left: 248px;
}

/* ---- right image ---- */
div#right-image {
	width: 188px;
	height: 76px;
	position: absolute;
	top: 23px;
	right: 7px;
}

/*-----------------------
Banner
----------------------*/
div#banner {
	width: 798px;
	height: 228px;
	background: url('../images/core/bg-banner.jpg') top center no-repeat;
}

div#banner-inner {
	width: 798px;
	height: 135px;
	margin:0 auto;
	background: url('../images/core/bg-banner-inner.jpg') top center no-repeat;
}

div#banner-description {
	width: 490px;
	height: 190px;
	float: right;
	text-align: right;
	padding: 23px 12px 0 0;
}

div#banner-description h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: 100;
	color: #ffffff;
	padding-bottom: 12px;
}

div#banner-description p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #ffffff;
}

div#banner-description p.aqua {
	color: #aad9e1;
}

div#banner-description p.aqua a {
	color: #aad9e1;
	font-weight: 600;
	text-decoration: none;}

div#banner-description p.aqua a:hover {
	color: #fb4d34;
	text-decoration: underline;
}

/* ---- nav (see nav.css) ---- */


/*-----------------------
Content
----------------------*/
div#content {
	width: 798px;
	height: auto;
	padding: 20px 1.5em 1.5em 1.5em;
	font-size: 1.1em;
	margin:0 auto;
}

div#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ---- wide content ---- */
div#wide-content {
	width: 798px;
}

div#wide-content ul#brands {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

div#wide-content ul#brands li {
	border-bottom: 1px solid #cccccc;
	padding: 1.5em 0 0 0;
}


div#title1,
div#title2,
div#title3 {
	width: 150px;
	float: left;
}

div#split-description1,
div#split-description2,
div#split-description3 {
	width: 628px;
	float: left;
}

body.split h4.panasonic {
	text-indent: -9999px;
	width: 100px;
	height: 30px;
	background: url('../images/titles/panasonic.gif') no-repeat;
	margin-top: 5px;
}

body.split h4.fujitsu {
	text-indent: -9999px;
	width: 100px;
	height: 50px;
	background: url('../images/titles/fujitsu.gif') no-repeat;
	margin-top: 5px;
}

body.split h4.teco {
	text-indent: -9999px;
	width: 100px;
	height: 24px;
	background: url('../images/titles/teco.gif') no-repeat;
	margin-top: 5px;
}

/* ---- left content ---- */
div#left-content {
	width: 577px;
	float: left;
}

body.profile #wide-content h1,
body.contact #left-content h1 {
	padding-bottom: 1.5em;
}

/* ---- right content ---- */
div#right-content {
	width: 200px;
	float: left;
	padding: 30px 0 0 21px;
}

/* -- label -- */
div#label-5year {
	width: 142px;
	height: 144px;
	text-indent: -9999px;
	overflow: hidden;
	display: block; 
	background: url('../images/core/label-5year.png') 0 0 no-repeat;
	position: absolute;
	top: -34px;
	left: 32px;
}

/* -- right cta -- */
div.bottom { 
	color: #ffffff;
	background: #d9e6ec url('../images/core/bg-bottom.gif') bottom center no-repeat;
	line-height: 3.6em;
	display: block;
	position: relative;
}

div.bottom-description {
	padding: 141px 0 0 0;
	text-align: center;
}

div.bottom-description h3 {
	padding: 0;
	line-height: normal;
	color: #159b9c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.45em;
	padding-bottom: 0.5em;
}

div.bottom-description p {
	color: #747474;
	padding: 0 2em 2.5em 2em;
}


div.header-round {
	background: url('../images/core/bg-top.gif') 0 0 no-repeat;
	padding-top: 10px;
	margin-bottom: 1.5em;
}


/*-----------------------
Footer
----------------------*/
div#bg-footer {
	background: #0f7e8d url('../images/core/bg-footer.gif') top left repeat-x;
	height: 145px;
}

div#footer {
	width: 798px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

div#footer p {
	font-size: 1em;
	color: #ffffff;
	padding-top: 13px;
}

div#footer p a {
	color: #ffffff;
	text-decoration: none;
}

div#footer p a:hover {
	color: #ff2400; 
	text-decoration: underline;
}

div#wflogo {
	width: 70px;
	height: 17px;
	position: absolute;
	top: 10px;
	right: 20px;
}

