/******************* CSS for new pages and updated pages would all be here **/

/******************* Main Menu ******************************************/

/* Replace original CSS for .menu in styles.css (Line 62 - 66) with this *******/

.menubox{ font-family: Verdana; margin: 18px 0 10px 0; background: url("images/menubg.jpg") repeat-x; height: 35px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #E3E3E3; }
	.menubox ul li { float: left; border-right: 1px solid #DBDBDB; }
	html > body .menubox ul li a { font-weight: bold; color: #5F6667; display: block; height: 25px; padding: 10px 15px 0 15px; }
	* html .menubox ul li a { font-weight: bold; color: #5F6667; display: block; text-align: center; height: 25px; padding: 10px 3px 0 3px; width: 83px; }
	.menubox ul li a:hover , .menubox ul li a.selected{ text-decoration: none; color: #fff; background: url("images/menuhover.jpg"); }
			
/* End replace **********************************************************/		
/* Begin actual styling for drop down *************************************/
.menu, .menu ul li { color: #000; }

.menu ul { width: 200px; }
	.menu ul li { background: #f7f7f7; }
	.menu ul li a { padding: 5px 20px; border-bottom: 1px solid #E0E0E0; }

.menu a {
	text-decoration: none;
	color: #555A5D;
	padding: .6em 2em;
	display: block;
	position: relative;
	font-weight: bold;
}

	.menu a:hover, .menu li:hover { background: none; }
	.menu ul li a { font-weight: normal; color: #666; }
	.menu ul li a:hover { font-weight: bold; color: #666; background: #F3F3F3;}

.menu a:hover, .menu li:hover>a, a.selected { color: #fff; background: #666; }
.menu li li {	/* create borders around each item */ border: none; }
.menu ul>li + li {	/* and remove the top border on all but first item in the list */ border-top: 0; }
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; }

a.selected { color: #666; }

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/

/* remove all list stylings */
.menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }
.menu li { margin: 0; padding: 0; border: 0; display: block; float: left;	/* move all main list items into one row, by floating them */ position: relative;	/* position each LI, thus creating potential IE.win overlap problem */ z-index: 5;		/* thus we need to apply explicit z-index here... */ }
.menu li:hover {
	z-index: 10000;	
	white-space: normal;
}

.menu li li { float: none; }

.menu ul {
	visibility: hidden;	
	position: absolute;
	z-index: 10;
	left: 0;	
	top: 0;		
}

.menu li:hover>ul {
	visibility: visible;
	top: 100%;	
}

.menu li li:hover>ul {	
	top: 0;
	left: 100%;
}

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}

.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

/******************* END Main Menu ********/

/******************* Tuesday's Pages ********/
/******************** Quotation Styling *****/

.form-quote { padding: 0 20px; margin: 15px 0; }
	
.form-quote label { float:left; margin-right:10px; width:40%; }
	.quote-right { float:right; width:58%; }
	.form-quote p { padding: 5px 0 5px 4px; background: #f8f8f8; }
	.insidepage h5.form-topic { color: #fff; background: #2F5D79; padding: 4px 0; text-align: center; }

/******************** Guarantee Styling **/
/** Add more generic styles **/
	
	.insidepage .smalltext { font-size: 11px; }
	.insidepage .smallesttext { font-size: 10px; }
	.insidepage .greytext { color: #9B9B9B; }
.insidepage .win-head{ background: url("images/win-head.jpg") no-repeat; }
.insidepage .guarantee-head{ background: url("images/guarantee-head.jpg") no-repeat; }
.insidepage .centered { margin: 0 auto; }
	.column-a, .column-b { width: 47%; float: left; }
	.column-a  { margin-right: 2%; }
	.column-a  .clearfix, .column-b .clearfix { height: 20px; }

/******************** TOS Styling **/

.insidepage ol li { list-style-type: decimal; }
.insidepage ol li li { list-style-type: lower-latin; }
.insidepage ol li li li { list-style-type: lower-roman; }
.insidepage ol li li li li { list-style-type: disc; }
.insidepage ol { margin: 10px 0; }
.insidepage ol li strong { text-transform: uppercase; }
.insidepage ol li li strong, .insidepage ol li li li strong  { text-transform: capitalize;  }

/******************** Bill Me Later Styling **/
.insidepage .windows-head { background: url("images/win-head.jpg") no-repeat; }
.insidepage .billmelater-head { background: url("images/billmelater-head.jpg") no-repeat; }
	.insidepage .bml-how { margin: 20px 0; }
		.bml-how img { border: 1px solid #ccc; float: left; width: 202px; }
		.bml-how p { background: url("images/arrowbig.jpg") no-repeat; float: right; width: 560px; padding: 10px 50px; }
.insidepage a { color: #426981; }
		
/******************* Monday's Pages ********/
/******************** Our Features Styling **/

.insidepage .ourfeatures-head { background: url("images/features-head.jpg") no-repeat; }
	.column1, .column2, .column3 { margin: 10px 0; width: 32%; float: left; }
	.column1, .column2 { margin-right: 2%; }
	.insidepage ul.overview-features li { padding-left: 25px; line-height: auto; margin-bottom: 8px; background: url("images/features-bg.gif") no-repeat; }
	ul.overview-features li.of1 { background-position: 0 -5px; }
	ul.overview-features li.of2 { background-position: 0 -31px; }
	ul.overview-features li.of3 { background-position: 0 -106px; }
	ul.overview-features li.of4 { background-position: 0 -81px; }
	ul.overview-features li.of5 { background-position: 0 -55px; }
	ul.overview-features li.of6 { background-position: 0 -156px; }
	ul.overview-features li.of7 { background-position: 0 -130px; }
	ul.overview-features li.of8 { background-position: 0 -181px; }
	ul.overview-features li.of9 { background-position: 0 -207px; }
	.insidepage h5.features-topic { background: #F2F5F8; padding: 4px 0; text-align: center; }
	.insidepage ul.features-list { margin: 10px 0 10px 45px; }
	.insidepage ul.features-list  li { padding: 0 2px; margin: 0 0 8px 0; background: none; list-style: square url("images/check.gif") outside; }

/******************** Blog Styling **/

	.insidepage .sidebar { width: 200px; float: right;  }
		.sidebar h3 { border-bottom: 2px solid #666; color: #666; padding-bottom: 2px; }
		.sidebar-col { margin-bottom: 10px; background: #F8F9F9; padding: 10px 20px; }
		.insidepage	.sidebar ul { margin: 2px 0; }
		.insidepage .sidebar li { font-size: 11px; background-image: none; margin: 0; padding: 0; }
		.insidepage .sidebar li a { color: #555A5D; border-bottom: 1px solid #ccc; text-decoration: none; display: block; padding: 3px; }
		.insidepage .sidebar li a:hover { border-bottom: 1px solid #C9C9C9; background: #ECEFF1; }
	.insidepage .main-page { width: 660px; float: left; }
		.insidepage .main-page a { color: #307CCA; }
		.insidepage .main-page a:hover { color: #1A5DA2; }
		.insidepage .main-page h1 a, .insidepage .main-page h1 a:hover { color: #61A022; }
			.endpost { background: #E1E5EA; font-size: 11px; margin: 20px 0; border-top: 1px solid #A5A9AD; padding: 5px 10px; }
			.commentbox { margin: 10px 0; background: #F2F5F8; padding: 10px; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8;}
			.commentbox-alt { margin: 10px 0; background: #FAFBFD; padding: 10px; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; }
	
/******************** Our Team Page **/

	.insidepage .ourteam-head { background: url("images/ourteam-head.jpg") no-repeat; }
	.insidepage .profilepic { padding: 2px; float: left; margin: 0 10px 0 0; border: 1px solid #EAE8E8; }
	.insidepage h3.subhead { font-family: Arial; color: #2F5D79; border-bottom: 1px solid #B8C6CE; padding-bottom: 4px; }

	/** Changed a h1 styling from styles.css - Please find this class below from styles.css and replace it with this new code **/
	
	.insidepage h1 { color: #61A022; margin: 0 0 5px 0; }
	
/******************** Affiliates Page **/

	.orangetext { color: #F49B27; }

	.insidepage .affiliates-head { background: url("images/affiliates-head.jpg") no-repeat; }
	.insidepage ul { margin: 10px 20px; }
	.insidepage ul li { line-height: 1.6em; padding: 0 0 0 15px; background: url("images/morearrow2.gif") 0 3px no-repeat; }

	.insidepage table.affiliates { width: 500px; margin: 0 auto; }
		table.affiliates tr.table-head { background: #000; }
			tr.table-head h3 { font-weight: normal; color: #fff; }
			tr.table-head h6 { font-weight: normal; }
		table.affiliates tr.bold-topic { background: #666; color: #fff; font-weight: bold;}
	
/******************* Existing Customer Section @ Frontpage 
				Replace the Line 163 to 178 in styles.css with this code
				**/

	.existcustomer { position: relative; background: url("images/existcust.jpg") no-repeat; width: 267px; height: 149px; float: right; }
		.existcustomer h4 { font-size: 15px; font-weight: boldest; font-family: Arial; position: absolute; left: 60px; top: 6px; color: #fff; text-transform: uppercase; }
		.existcustomer .pricing { font-family: Arial; text-transform: uppercase; color: #4192DE; position: absolute; left: 25px; top: 65px; }
			.existcustomer .pricing .nairaprice { position: relative; display: none; }
			.existcustomer .pricing .gbpprice { position: relative; display: none;}
			.existcustomer .pricing .dollarprice { position: relative;  display: block;}
				.existcustomer span.only { color: #5D5C5C; font-weight: bold; text-transform: uppercase; font-size: 12px; }
				.existcustomer span.oldprice { font-weight:bold; font-size: 16px; text-decoration: line-through; color: #666; position: absolute; top: -8px; left: 80px; }
				.existcustomer span.pricetag { font-size: 30px; }
				.existcustomer span.currency { font-family: Tahoma; font-size: 35px; }
				.existcustomer span.condition { font-weight: bold; position: absolute; top: 15px; left: 150px; }

/******************* Client Area Menu **/

.client-menu { padding: 0; color: #555A5B; margin: 10px 0; height: 30px; background: url("images/clientarea-menu.jpg") no-repeat; }

.clientmenu, .clientmenu ul li { color: #000; }

.clientmenu ul { width: 200px; }
	.clientmenu ul li {	 background: #f7f7f7; }
	.clientmenu ul li a { padding: 5px 20px; border-bottom: 1px solid #E0E0E0; }

.clientmenu a {
	text-decoration: none;
	color: #555A5D;
	padding: .6em 2em;
	display: block;
	position: relative;
	font-weight: bold;
}

	.clientmenu a:hover, .clientmenu li:hover { background: none; }
	.clientmenu ul li a { font-weight: normal; color: #666; }
	.clientmenu ul li a:hover { font-weight: bold; color: #666; background: #F3F3F3;}

.clientmenu a:hover, .clientmenu li:hover>a, a.selected { color: #fff; background: #63717B; }
.clientmenu li li {	/* create borders around each item */ border: none; }
.clientmenu ul>li + li {	/* and remove the top border on all but first item in the list */ border-top: 0; }
.clientmenu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; }

a.selected { color: #666; }

/* Fix for IE5/Mac \*//*/
.clientmenu a {
	float: left;
}
/* End Fix */

/*]]>*/

/* remove all list stylings */
.clientmenu, .clientmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }
.clientmenu li { margin: 0; padding: 0; border: 0; display: block; float: left;	/* move all main list items into one row, by floating them */ position: relative;	/* position each LI, thus creating potential IE.win overlap problem */ z-index: 5;		/* thus we need to apply explicit z-index here... */ }
.clientmenu li:hover {
	z-index: 10000;	
	white-space: normal;
}

.clientmenu li li { float: none; }

.clientmenu ul {
	visibility: hidden;	
	position: absolute;
	z-index: 10;
	left: 0;	
	top: 0;		
}

.clientmenu li:hover>ul {
	visibility: visible;
	top: 100%;	
}

.clientmenu li li:hover>ul {	
	top: 0;
	left: 100%;
}

.clientmenu:after, .clientmenu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.clientmenu, .clientmenu ul {	/* IE7 float clear: */
	min-height: 0;
}

.clientmenu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.clientmenu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

/******************* END Client Area Menu **/