﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
	background:url(images/Tile.png) repeat-x left top #1A234C;
	color:#333;
}



#main{
background-color:#fff;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right !important;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#786c67;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#00b8ff;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong {color:#333; font-size:1.083em; line-height:1.231em;}

/* ============================= main layout ====================== */

.link {background:#00b8ff url(images/link-right-bg.gif) top right no-repeat; display:block; float:left; color:#f8f4e8; font-size:0.917em; line-height:1em; font-weight:bold; margin-top:31px; text-decoration:none;}
.link3 {background:#00b8ff url(images/link-right-bg.gif) top right no-repeat; display:block; float:left; color:#f8f4e8; font-size:0.917em; line-height:1em; font-weight:bold; margin-top:15px; text-decoration:none;}
.link span {background:url(images/link-left-bg.gif) top left no-repeat; display:block; padding:4px 7px 5px 10px;}
.link3 span {background:url(images/link-left-bg.gif) top left no-repeat; display:block; padding:4px 7px 5px 10px;}
.link:hover {background:#91e0ff url(images/link-right-bg-hover.gif) top right no-repeat; color:#000;}
.link3:hover {background:#91e0ff url(images/link-right-bg-hover.gif) top right no-repeat; color:#000;}
.link:hover span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}
.link3:hover span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}


.link2 {font-weight:bold; color:#275b6d; padding-left:14px; font-size:0.917em; font-family:Tahoma, Geneva, sans-serif;}

li { background:url(images/list-bg.gif) no-repeat 0 9px; padding-left:14px; font-size:0.917em; line-height:1.727em; font-family:Tahoma, Geneva, sans-serif;}
li a {color:#00b8ff;}

.imgindent {margin:0 20px 0 0; float:left;}

.imgindent2 {
margin:0 20px 0 0; float:left;
border:1px solid #ccc;
padding:4px;

}

h2 {font-size:1.5em; border-bottom:1px solid #ddd9d8; line-height:1em; color:#2c3b44; font-weight:normal; padding-bottom:6px; margin-bottom:25px;}
h3 {font-family:Tahoma, Geneva, sans-serif; font-size:1.333em; line-height:1em; color:#fff; padding:1px 0 0 24px;}

h2.mainh2{
font-style:italic;
font-weight:bold;
	font-size:1.3em;
	color:#254D8C;
	
}

.title1 {background:url(images/title1-tail-bg.gif) top repeat-x; padding:16px 0 21px 17px;}
.title1 h3 {background:url(images/title1-bg.gif) top left no-repeat;}
.title2 {background:url(images/title2-tail-bg.gif) top repeat-x; padding:16px 0 21px 17px;}
.title2 h3 {background:url(images/title2-bg.gif) top left no-repeat;}

/* ============================= header ====================== */


.submenuholder{
float:right;
text-align:right;
margin-top:15px;
margin-right:25px;
width:300px;
}

.submenu { 
margin-bottom:25px; 
margin-right:20px;
}

#LogoHolder{
float:left;
}

.submenu li {display:inline; background:url(images/submenu-marker.gif) top right no-repeat; padding:0 8px 0 22px; font-family:Tahoma, Genefa, sans-serif;}
.submenu li a {color:#282828; text-decoration:none;}
.submenu li a:hover {color:#00b8ff; text-decoration:underline;}

.logo {

margin:0px 0px 0px 0px;

}

#TopMenuHolder{
padding-top:5px;
padding-bottom:5px;
}

#slogan { 
background:url(images/HeaderArea.jpg) left center no-repeat #101530;
margin-top:1px;
height:250px;

/*padding-top:51px;
padding-left:20px;
padding-bottom:44px;*/

z-index:-999;

}

#flashHolder{
position:relative;
top:30px;
left:20px;

z-index:1;
}


/* ============================= content ====================== */

#content {
padding:5px 13px 15px 13px;

}
#page1 #content {padding:9px 0 56px 0;}
.row2 {padding:26px 0 0 13px;}

.box {background:url(images/box-bg.gif) bottom repeat-x #f3f3f3;}
.box .indent {padding:14px 15px 29px 18px;}
.box ul {padding-bottom:8px;}

.col-pad {padding-right:0px;}
.col-pad2 {padding-right:2px;}
.col-pad3 {padding-right:9px;}
.col-pad4 {padding-right:70px;}
.margin0 {margin-top:0px;}
.margin1 {margin-bottom:25px;}
.margin2 {margin-top:21px;}
.margin3 {margin-bottom:15px;}
.padding1 {margin-top:31px;}

.color2 {color:#00b8ff;}
.text2 {font-size:0.917em;}
.text2 strong {font-size:1em;}
.text2 strong a {color:#009feb;}
.rss { background:url(images/rss-bg.gif) no-repeat 0 0; color:#786c67; text-decoration:none; font-weight:bold; padding:0 0 0 23px; display:inline-block;}
.rss:hover {text-decoration:underline;}
.line {border-top:1px solid #ddd9d8; padding:13px 0 0 0; margin-top:36px;}
.phone {float:right; margin-right:20px;}
.mail {color:#b73909;}

/* ============================= footer ====================== */

#footer {font-size:12px; padding:10px 0 0 13px;}
#footer a {font-weight:bold; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm {padding:0 25px 0 0;}
#ContactForm .rowi {height:40px;}
#ContactForm .link {margin:18px 0 0 10px;}

.input {width:255px; height:15px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:255px; height:136px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}


#menu {
position:relative;
z-index:999;
width:auto;
}

#menu ul{
list-style:none;
list-style-type:none;
height:63px;
background:url(images/Latest/TopMenuTileOff.jpg) left top repeat-x;
}

#menu ul li{
float:left;
background-image:none;
position:relative;
}

.headlink img{
margin:0px;
padding:0px;
vertical-align:middle;

margin-left:5px;
width:7px;
height:4px;


}

#menu ul li a {
font-family:Arial, Helvetica, sans-serif;
display:block;
background:none;
height:63px;
padding-left:15px;
padding-right:15px;
line-height:63px;
font-weight:bold;
font-size:14px;
text-decoration:none;
color:#fff;
background:url(images/Latest/TopMenuTileOff.jpg) left top repeat-x;
z-index:999;
}

#menu ul li a:hover {
background:url(images/Latest/TopMenuTile.jpg) left top repeat-x;
}

#menu ul li a.selected {
font-family:Arial, Helvetica, sans-serif;
display:block;
background:none;
height:63px;
padding-left:20px;
padding-right:20px;
line-height:63px;
font-weight:bold;
font-size:14px;
text-decoration:none;
color:#fff;
background:url(images/Latest/TopMenuTile.jpg) left top repeat-x;
}

#menu ul li.Sep{
background:url(images/Latest/TopMenuSep.jpg) right top no-repeat;
width:2px;
display:block;
height:63px;
}


/* -------------------------------------- sub menu ----------------------------------------------- */

#menu ul li ul {
width:200px;
background:#1C2659;
margin:auto;
display: block;
display:none;
float: left;

position:absolute;

z-index:999;
}


#menu ul li ul li{
float:left;
background-image:none;
margin:0;
padding:0;
z-index:999;
border-bottom:1px solid #303B67
}


#menu ul li ul li a {
font-family:Arial, Helvetica, sans-serif;
display:block;
background:#1C2659;
height:43px;
width:180px;
line-height:43px;
font-weight:bold;
font-size:14px;
text-decoration:none;
color:#fff;
z-index:999;
}

#menu ul li ul li a:hover {
background:none;
background:#2B3A86;
background:#FF9900;


}





.EnqFormHolder{
width:303px;
}

.PhoneSpan{
font-size:40px;
font-weight:bold;
font-style:italic;
color:#254C8C;
letter-spacing:-1px;
line-height:38px;
text-align:right;

}

.EmailSpan{
line-height:15px;
}

.ContactDetails{
color:#254C8C;

}

.ContactDetails a{
color:#254C8C;
font-size:14px;
font-style:italic;
font-weight:bold;
}

.ServicesHolder h1{
margin:0px;
padding:0px;
font-size:12px;
color:#2C3B44;
margin-bottom:10px;
}

ul.ServicesList li{
font-size:12px;

list-style-image:none;
background-image:none;
background:url(images/Latest/tick.jpg) no-repeat left 5px;
padding-left:25px;

line-height:18px;
font-family:Arial;
}

ol.ServicesList li{
font-size:12px;

list-style-image:none;
background-image:none;
background:url(images/Latest/tick.jpg) no-repeat left 5px;
padding-left:25px;

line-height:18px;
font-family:Arial;
}


.EnqFormHolder input{
line-height:20px;
font-size:11px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
margin-top:5px;
border:1px solid #E1B500;
}

.EnqFormHolder p{
padding:0px;
margin:0px;
}

.FormSection{
padding-top:2px;
padding-left:7px;
padding-bottom:7px;
background-color:#FF9F11;
margin-top:2px;
}

.FormSection2{
padding-top:2px;
padding-left:7px;
padding-bottom:7px;
background-color:#FF9F11;
margin-top:2px;
color:#000;
font-size:11px;
}

.FormSection3{
padding-top:7px;
padding-left:7px;
padding-bottom:7px;
background-color:#FF9F11;
margin-top:2px;
color:#000;
font-size:11px;

}



.FormSection2 label{
float:left;
padding-top:5px;
padding-bottom:5px;
color:#000;
width:auto;

display:block;

}

.FormSection2 input{
float:right;
margin-right:5px;
}

.FormSection2 select{
float:right;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
width:130px;
height:20px;
line-height:20px;
margin-top:5px;
background-color:#FFFFFF;
}


.FormSection2 label.error{
float:right;
margin-right:5px;
color:red;
margin-left:5px;
}

.FormSection3 label.error{
float:right;
margin-right:5px;
color:red;
margin-left:5px;
}



.FormSection3 a {
color:#000;
}

label{

}

#StoryBoard2Holder{

width:178px;
height:154px;
border:1px solid #ccc;
float:left;
margin-right:15px;
margin-bottom:5px;
padding-bottom:5px;
}

#JavaError{
font-family:Arial, Helvetica, sans-serif;
background:#1C2659;
height:200px;
padding-top:50px;
padding-left:50px;
padding-right:50px;

font-weight:bold;
font-size:25px;
line-height:25px;
text-decoration:none;
color:#fff;
position:absolute;
top:150px;
left:30%;
right:30%;

display:block;
border:1px white solid;

}

.Submit{
background:url(images/Latest/SendEnqButton.png) no-repeat center;
height:48px;
width:174px;
}

div.ThanksDiv{

text-align:center;
font-size:14px;
padding-top:30px;
}

#FinalContent{
min-height:131px;

}

FormSection3{

}

.ThanksMessage{
margin-top:40px;
font-weight:bold;
font-size:14px;
text-align:center;
border:none;
text-decoration:none;
margin-right:5px;
}

#FormBottom{

}

#Comments{
background-color:#FFFFFF;
border:none;
height:50px;
}

a.nocolor{
color:#333333;

}


#footer a{

color:#254D8C;
font-size:12px;
}

.col-1{
text-align:justify;
}

.FormSection {
font-size:11px;
}

#commentForm{
font-size:11px;
}

span.HighlightNum{
color:#254D8C;
font-weight:bold;
font-size:20px;
}

.ErrorHolder{
display:none;
background-color:#FFFFFF;
padding:10px;
text-align:left;

}

.ErrorHolder ol{
display:block;
list-style:none;
}


.FormSection3 label.error{
float:none;
color:red;
}

/* ------------------- misc form control -------------------------------------- */

.cmxform fieldset p.error label { color: red; }
div.ErrorHolder {
	background-color: #eee;
	border: 1px solid red;
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px;
}
div.ErrorHolder ol li {
	list-style:none;
	margin-left: 0px;
	padding:0px;
}
div.ErrorHolder { display: none }
.ErrorHolder label.error {
	display: block;
}
form.cmxform { }
form.cmxform label.error {
	display: block;
	margin-left: 0px;
	padding:0px;
	width: auto;
}


h1.listHeading{
margin-bottom:10px;
font-size:1.3em;
	color:#254D8C;
	font-style:italic;
}

ul.AcceptableList{


}

ul.AcceptableList li{
/*background:url(images/list-bg.gif) no-repeat 5px 18px; */
background:url(images/Latest/TickTrans.png) no-repeat 5px 10px;
background-color:#EFEFEF;
background-color:#E6EBF2;
padding:5px;
padding-left:30px;
margin-bottom:2px;


}

ul.UnAcceptableList{


}

ul.UnAcceptableList li{
/*background:url(images/list-bg.gif) no-repeat 5px 18px; */
background:url(images/Latest/unchecked.gif) no-repeat 5px 7px;
background-color:#E6EBF2;
padding:5px;
padding-left:30px;
margin-bottom:2px;


}



ul.ProcessList{


}

ul.ProcessList li{
background:url(images/Latest/ProcessBG.gif) no-repeat 0px 0px;
padding:0px;
margin-bottom:5px;
margin-top:0px;
height:65px;
width:610px;
color:#000;
font-size:12px;
clear:both;

}

ul.ProcessList li span{
font-size:47px;
margin-left:20px;
padding:0px;
padding-top:1px;
color:#fff;
float:left;
line-height:65px;
font-weight:bold;
display:block;
width:55px;
font-family:Arial, Helvetica, sans-serif;

}

ul.ProcessList li div{
float:right;
width:520px;
line-height:15px;
padding-top:20px;
padding-right:15px;
font-family:Arial, Helvetica, sans-serif;
}


table.ApplicationList{
list-style:none;
width:100%;
border:none;

}

table.ApplicationList td{
padding-top:20px;
padding-bottom:20px;
border:none;
border-bottom:1px solid #ccc;
color:#254C8C;
vertical-align:top;
font-size:11px;
}

table.ApplicationList td p{
margin-top:0px;
padding-top:0px;
}

table.ApplicationList td img{
text-align:center;
margin-left:30px;
}

table.ApplicationList th{
padding-top:20px;
padding-bottom:20px;
border:none;
border-bottom:1px solid #ccc;
color:#254C8C;
font-size:14px;
font-weight:bold;
font-style:italic;
vertical-align:top;
}

table.ApplicationList tr.grey td{
background-color:#EFEFEF;


}

table.ApplicationList td.Num{

font-size:50px;
font-weight:bold;
font-style:italic;
letter-spacing:-1px;
padding-left:30px;
vertical-align:top;
line-height:50px;

}

.MassiveHeading{
font-size:30px;
font-style:italic;
color:#254C8C;
letter-spacing:-2px;
height:38px;
line-height:38px;
margin-bottom:10px;
font-weight:bold;
}

.MassiveHeadingPrint{
font-size:25px;
font-style:italic;
color:#254C8C;
letter-spacing:-2px;
height:38px;
line-height:38px;
margin-bottom:10px;
font-weight:bold;
}

.ChecklistHeader{
font-size:12px;
font-weight:bold;

}

.DownloadLink{
float:right;
width:200px;
text-align:right;
}
