@charset "utf-8";
/* doc: tpl_landing ---------------------------------------------- */
/* author: andrew tennison ---------------------------------------------- */
/* company: fingal ------------------------------------------------------ */

/*	Description:
	the landing section has its own CSS page and DOES NOT call _landing.css 
*/


@import url(_default.css);
@import url(_font.css);

/* CSS Document */
html { }
body {}
html {height:100%;background:#f0f0f0;}
body {
	width:764px;
	padding:0px 20px 20px 20px;
	margin:0px auto;
	position:relative;
	display:block;
	background-color:#fff;
}

/* Header --------------------------------------------------------------- */

h1 {
	position:relative; display:block;
	width:764px; height:76px;
	background:#fff url(../images/global/h1_jaguar_white.gif) 0px 10px no-repeat
}
h1 em {
	position:absolute; display:block;
	top:0px; right:0px;
	width:109px; height:76px;
	background:url(../images/global/h1em_jaguarLogo.jpg) 0px 0px no-repeat;
}

div#content {
	position:relative; display:block;
	margin:40px 0 0 0;
}

img {
	margin:0px;
	padding:11px 0 0 220px;
	border-top:6px solid #000000;
}
/* navPrimary --------------------------------------------------------------- 
h3 {
	position:absolute; display:block;
	top:0px; left:0px; 
	height:0px;
	color:#4c4c4c;
}
h3 span {
	position:relative; display:block;
	width:140px;
}

ul#navLanding {
	position:absolute; display:block;
	top:0px; left:140px;
	width:500px; height:20px;
}

ul#navLanding li {position:relative; display:inline; float:left;}
ul#navLanding li#navItem_uk {width:35px;}
ul#navLanding li#navItem_northAmerica {width:120px;}
ul#navLanding li#navItem_international {width:150px;}

ul#navLanding li span {
	position:relative; display:block;
	text-transform:uppercase;
	font-weight:bold; font-size:1.1em; letter-spacing:1px;
	line-height:20px; padding:0px;
	margin:0px;
}
ul#navLanding li a {text-decoration:none;color:#999999;}
	
ul#navLanding li a:hover { color:#000000;}


*/
/* -------------------------------- */

p#welcome {
	position:absolute; display:block;
	top:103px; left:142px;
	width:487px; height:15px; overflow:hidden;
	text-indent:-9999px;
	background:url(../images/global/landing_welcome.gif) 0px 0px no-repeat;
}

div#enter {
	position:absolute; display:block;
	left:20px; top:134px;
	width:179px; height:147px;
	padding:15px;
	background:url(../images/landing/bg_login.gif) 0px 0px repeat-x;
}
div#login {
	position:absolute; display:block;
	left:20px; top:310px;
	width:179px; height:147px;
	padding:15px;
	background:url(../images/landing/bg_login.gif) 0px 0px repeat-x;
}

h2 {
	font-size:1.1em; text-transform:uppercase; font-weight:bold;
	color:#022a3f;
	line-height:1.2em; letter-spacing:0px;
	margin:0 0 15px 0;
}
div.enterBox form {
	position:relative; display:block;
	padding:0 0 0px 0;
	margin:0 0 10px 0;
}

	


div.enterBox form input.submit {
	/*position:absolute; display:block;
	bottom:0px; left:55px;
	*/
	position:relative; display:block;
	margin:5px 0 0 55px;
	width:100px; height:19px;
	border:none;
	background:url(../images/global/but_submit_dark.gif) 0px 0px no-repeat;
	cursor:pointer;
	text-align:left;
	padding: 0 0 0 25px;
	font-size: 1.2em
}
div.enterBox form li span.enter {
	position:absolute; display:block;
	top:0px; right:0px; width:100px; height:19px; line-height:19px;
}

div.enterBox form ul li {
	position:relative; display:block;
	margin:5px 0 0 0;
}
div.enterBox form ul li em {
	position:absolute; display:block;
	top:0px; right:0px;
	color:#FF0000; font-size:1.5em; line-height:1.1em;
}
div.enterBox form div#error {
	position:absolute; display:block;
	top:-11px; left:206px;
	width:145px; height:80px;
	background:url(../images/landing/bg_error.gif) 0px 0px no-repeat;
}
div.enterBox form div#error p{
	padding:10px 10px 10px 20px; border:none; color:#FF0000;
}


div.enterBox form label {
	position:relative; display:inline; float:left;
	width:55px;
}
div.enterBox form select, div.enterBox form input {
	width:110px; font-size:1.1em;
	border:1px solid #999999; padding:1px;
}


div.enterBox p {
	line-height:1.1em; margin:0; padding:5px 0 0 0; color:#666; font-size:1.1em; border-top:1px solid #CCCCCC;
}
div.enterBox a {
	position:absolute; display:block;
	bottom:10px; left:15px;
	font-size:1.1em; text-transform:uppercase; font-weight:bold; text-decoration:underline;
	color:#999999;
}
div.enterBox a:hover {
	color:#000000;
}