/* CSS Document */
img {
	behavior:	url("pngbehavior.htc");
}

body { 
	background-color:#000000;
	margin:0px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1.indexWelcome {
	font-size:14pt;
	font-family:"Times New Roman", Times, serif;
}

p.rL {
	text-align:left;
	color:#FF0000;
}

.Aindent {
	color:#FFFFFF;
}

img.chamber {
	margin-top:25px;
}

strong.red {color:#FF0000;};

p {

	color:#FFFFFF;
	margin-bottom: 1.5em;
	font-size: 12px;
	line-height:1.5em;
}

p a, p a:visited, p a:active {
	text-decoration: none;
	color: white;
	border-bottom: 1px dotted #8FC8E3;
	font-weight: bold;
}

ul {
	list-style: disc;
	margin-bottom: 0.6em;
}

ul li {
	margin-left: 1.5em;
	margin-bottom: 0.3em;
}

p a:hover {
	border-bottom: 1px solid #8FC8E3;
	color: #8FC8E3;
}

a.totop {
	display: block;
	color: white;
	text-align: center;
	border-bottom: 1px solid white;
	margin-bottom: 25px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.iounz {
	font-weight: bold;
	font-size: 15px;
}

h1 {
	text-transform:uppercase;
	color:#ee1a26;
	font-size:18px;
}

h2, h3 {
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 1.2em;
}

#rightPanel h1 {  }

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
	font-style: normal;
}

ul {
	list-style: disc;
	margin-bottom: 0.6em;
}

ul li {
	margin-left: 1.5em;
	margin-bottom: 0.3em;
}

ul.pageindex {
	list-style: url(images/arrow.gif);
	font-weight: bold;
	margin-bottom: 25px;
}

ul.pageindex li {
	margin-bottom: 0.6em;
	font-size:24px;
}

ul.pageindex a {
	color: white;
	text-decoration: none;
}

#page {
	width:797px;
	position:absolute;
	margin-left:50%;
	margin-top:0px;
	top:0%;
	left:-399px;
}

.registerHere {
	float:right;
	position:relative;
	right:-6px;
	height:37px;
	margin:0px;
	padding:0px;
	
}

.invoiceT {
	float:right;
	position:relative;
	right:-10px;
	top:17px;
}

*html .registerHere {
	float:right;
	position:relative;
	right:-20px;
	top:0px;
}

*html img.envelope {
	position:relative;
	top:45px;
}

#header {
	width:797px;
	height:140px;
	z-index:1;
	text-align:left;
	background-image:url(images/header-new.jpg);
	background-repeat:no-repeat;
	background-position:0px 15px;
	padding-top:20px;
	text-align:right;
}

*html #header {
	position:inherit;
	height:147px;
}

#header img {
	margin-top:10px;
}

#nav { 
	position:absolute;
	top:136px;
	width:800px;
	height:32px;
	float:left;
	z-index:1;
}

#specials { 
	position:relative;
	top:-25px;
}

*html #specials {
	position:relative;
	top:-10px;

}

#leftPanel {
	width:212px;
	margin-right:6px;
	float:left;
	margin-top:0px;
	color:#FFFFFF; 
	line-height:1.3em;
}

#leftPanel ul li {
	margin-left:-10px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
*html #leftPanel {
	top:160px;
	position:absolute;
}

#login {
	width:212px;
	height:65px;
	background-image:url('images/client_login_2.jpg');
	background-repeat:no-repeat;
	padding-top:45px;
}

.pay {position:relative; top:-30px; } 
.businesspack { position:relative; top:-3px; }

*html .pay { position:relative; top:0px; } 

*html #login {
	width:212px;
	height:47px;
	background-image:url('images/client_login_2.jpg');
	background-repeat:no-repeat;
	padding-top:45px;
	margin-bottom:-50px;
	padding-bottom:-50px;
}

.up {
	border:0;
	margin-bottom:5px;
	width:115px;
}

.upBtn {
	border:0;
	background-color:#FFFFFF;
}

.fp {
	margin-top:0px;
	margin-bottom:0px;
	color:#FFFFFF;
	font-size:9px;
	width:117px;
	margin-bottom:2px;
}

#ll {
	width:66px;
	height:98px;
	float:left;
	font-size:10px;
	line-height:0px;
	padding-left:10px;
	position:relative;
	top:-30px;
}

#ll p {
	margin-top:2px;
	line-height:20px;
	font-size:10px;
}

#lr {
	width:124px;
	height:98px;	
	float:right;
	text-align:right;
	margin-right:10px;
	position:relative;
	top:-30px;
}

div.sideImages {
	position:relative;
	top:-28px;
}

img.welcome {
	margin-top:11px;
	margin-bottom:8px;
}

img.callgirl {
	float:right;
position:relative;
top:00px;
left:4px;
}

#footer a {
	font-size:14px;
	color:#FF0000;
	text-decoration:none;
}

img.callNow {
	margin-top:0px;
}

.sdeImg {
	margin-bottom:9px;
}

*html #lr {
	width:124px;
	height:93px;	
	float:right;
	text-align:right;
	margin-right:10px;
	
}

#pay {
	width:212px;
	height:78px;
	position:relative;
	top:-30px;
}

*html #pay {
	margin-top:34px;
}

html>body #pay { position:relative; top:50px; }

#hiaw2 {
	width:204px;
	height:219px;
	background-image:url('images/how_it_works_left_panel2.jpg');
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	position:relative;
	top:-9px;
	
}



#rightPanel {
	width:561px;
	float:right;
	padding-left:8px;
	padding-right:8px;
	position:relative;
	padding-top:18px;
	margin-top:0px;
	min-height:600px;
}

#rightPanel.narrow {
	width:100%;

}
*html #rightPanel.narrow {
	width:100%;
	margin-left:0px;
}


.narrow p {
	color:#FFFFFF;
	line-height:1.6em;
}

div#rightPanel {
}

*html #rightPanel {
	float:left;
	position:absolute;
	width:541px;
	margin-top:20px;
	margin-left:225px;
	height:550px;
}

#rightPanel p {
	color:#FFFFFF;
	line-height:1.6em;
}


#rightPanel ul li { color:#DEDEDE;  font-size:12px; line-height: 1.6em; padding-right:30px;}


#rightPanel span.tnc {
	font-size:0.6em;
	margin:0px;
	color:#DEDEDE;
}

div.tnc2 {
	 margin-left:50px;
	 color:#DEDEDE; font-size: 1em; line-height: 1.6em; 
	 width:86%;
}

div.i2 {
	margin-left:80px;
	margin-top:20px;
	margin-bottom:20px;
	 color:#DEDEDE; font-size: 0.6em; line-height: 1.6em; 
	 width:86%;
}

.p1 { color:#41AD49; font-size:16px; font-weight:bold;}
.p2 { color:#E6E7E8; font-size:16px; font-weight:bold;}
.p3 { color:#FFF200; font-size:16px; font-weight:bold;}
.p4 { color:#F58220; font-size:16px; font-weight:bold;}
.p5 { color:#D2232A; font-size:16px; font-weight:bold;}


.hiawTHB { border:solid #000000 4px; }

.ii { display:block; width:202px; height:40px; text-decoration:none; margin-bottom:63px;}
.cc { display:block; width:202px; height:40px; text-decoration:none; position:relative; top:-51px;}
.cc2 { margin-top:12px; display:block; width:202px; height:40px; text-decoration:none; position:relative; top:-59px;}
.cc3 { margin-top:12px; display:block; width:202px; height:40px; text-decoration:none; position:relative; top:-68px;}
.cc4 { display:block; width:202px; height:40px; text-decoration:none; position:relative; top:-58px;}

#userDetails {
	position:absolute;
	margin-left:617px;
	width:180px;
	height:61px;
	float:right;
	margin-right:0px;
	margin-top:0px;
}

*html #userDetails {
	margin-top:-3px;
	margin-left:617px;
}

#userDetails p strong a {
	font-style:italic;
	color:#FFFFFF;
	text-decoration:none;
}

#userDetails p strong a:hover {
	color:#00CCFF;
}

.legal { font-weight:normal; }

.t1 { font-weight:bold; margins:0px; color:#DEDEDE; font-size:12px; }

#footer { font-size:10px; color:#CCCCCC; margin:20px auto 20px auto; width:100%; text-align:center;}

.bLogin {
	background-image:url(images/login.jpg);
	width:83px;
	height:29px;
	border:0;
	position:relative;
	top:-17px;
}

*html .bLogin {
	top:-14px;
}

.menu {width:797px; height:32px; z-index:100;}
/* hack to correct IE5.5 faulty box model */
*html .menu {width:797px; w\idth:797px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:132px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:132px;position:relative;margin:0px; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; width:132px; height:32px; border:1px solid #000; border-width:0px 0 0px 0px; background-image:url('images/nav_solution2_up.gif'); background-repeat:no-repeat; color:#000; padding-left:0px; line-height:29px; text-align:center;}

.menu li.home a, .menu li.home a:visited {
	background:url('images/nav_solution2_up_home.gif') no-repeat; height:32px;
}

.menu li.home a:hover, .menu li.home a:hover {
	background:url('images/nav_solution_over_home.gif') no-repeat; height:32px;
}

*html .menu li.home a:hover, .menu li.home a:hover {
 background: url('images/nav_solution_over_home.gif'); width:132px; height:32px; padding:0px; margin:0px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:132px; w\idth:132px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#002fef; background-image:none;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#002fef; height:32px;}
.menu ul ul :hover > a.drop {background:#002fef;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-image:url('images/nav2_up.gif');}
/* style the third level hover */
.menu ul ul ul a:hover {background:#002fef;}

.menu ul li a.home { background-image:url('images/nav_solution2_up_home.gif'); }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:132px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:132px; top:-1px; width:132px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul.left {right:-129px;}

.menu ul ul ul.left {left:129px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background-image:url('images/nav2_up.gif'); color:#000; height:auto; line-height:19px; color:#000; padding:0px 0px; width:128px;border-width:0 1px 1px 1px;}


/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:132px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:url('images/nav_solution_over.gif') no-repeat;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:url('images/nav_solution_over.gif') no-repeat;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.menu ul ul :hover > a.green:hover {background:#3bb349; color:#000000;}

.menu ul ul :hover > a.white {background:#FFFFFF; color:#000000;}
.menu ul ul :hover > a.white:hover {background:#FFFFFF; color:#000000; }
.menu ul ul :hover > a.orange:hover {background:#FF6600; color:#000000;}
.menu ul ul :hover > a.yellow:hover {background:#ffff33; color:#000000;}

.orange { line-height:10px; }


h1.arms a {
	margin-left:50px;
	float:right;
	height:104px;
	display:block;
	width:122px;
	background:url(images/arms.jpg) 100% 0;
margin-top:8px;
}

#indexPage {
	position:relative;
	top:-20px;
}

h1.jcall {
margin:0px;
padding:0px;
	width:210px;
	height:37px;
	background-image:url('images/jollands-callander.jpg');
	background-repeat:no-repeat;
	display:block;
	background-position:0 37 ;
}

h1.jcall strong {
display:none;
}

h1.jcall:hover {
margin:0px;
padding:0px;
	width:210px;
	height:60px;
		display:block;
	background-image:url('images/jollands-callander.jpg');
	background-repeat:no-repeat;
	background-position:0px -37px;
}

h1.arms a:hover {
	margin-left:50px;
	float:right;	
	height:104px;
	display:block;
	width:122px;
	background:url(images/arms.jpg) 100% -104px;
	margin-top:8px;
}