/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/
*{margin: 0px;padding:0px;}


.enableJS 										{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
div.row 										{clear: both; padding: 5px 0px;}
div.row span.left 								{float: left; text-align: left;}
div.row span.right 								{float: right; text-align: right;}
.left 											{float:left;}
.right 											{float:right;}
.spacer 										{clear: both;}
.textcenter 									{text-align:center;}
.textleft 										{text-align:left;}
.textright 										{text-align:right;}
.pad5 											{padding:5px;}
.style2 {color: #660000}
/**************************************************************************************************
***************************************************************************************************
TABLES
***************************************************************************************************
***************************************************************************************************/
th												{color: #000000; width: 200px; text-align: center}
td												{}
td a:link										{color: #000000;}
td a:visited									{color: #000000;}
td a:hover										{color: #000000;}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 								{width: 524px; float: left; background-color: #D6D6D6; border: 1px solid #FF6633;  padding: 3px; }
.auto_form .form_input 					{color: #0D274D; float: left; border: 1px solid #45709F;  width: 255px; padding-top: 3px; padding-left: 4px;}
.auto_form .form_input-highlighted 		{color: #0D274D; float: left; border: 1px solid #45709F;  width: 255px; padding-top: 3px; padding-left: 4px;}
.auto_form div.row span.label_col 		{color: #0D274D; border: none; font-size: 12px; float: left; width: 200px;	padding: 5px;  text-align: left; margin: 0px; line-height: 18px;}
.auto_form div.row span.input_col 		{color: #0D274D; float: left; width: 290px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 5px 10px 5px 0px;}

.auto_form div.checkbox1 span.label_col 		{color: #0D274D; border: none; font-size: 12px; float: left; width: 20px;	padding: 5px;  text-align: left; margin:  0px 10px 0px 0px; line-height: 18px;}
.auto_form div.checkbox1 span.input_col 		{color: #0D274D; float: left; width: 470px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 5px 10px 5px 0px;}

.auto_form input#submit_button, .submit_button 		{width: 55px; color: #000000; margin-left: 220px; border: 1px solid #45709F;}
.auto_form select						{color: #0D274D; float: left; border: 1px solid #45709F;  width: 265px; height: 24px; line-height: 24px;  }
.auto_form textarea						{overflow: auto; font-family: Arial, Helvetica, sans-serif; color: #0D274D; float: left; border: 1px solid #45709F; height: 140px; width: 255px; padding-top: 3px; padding-left: 4px; margin-bottom: 10px; font-size: 12px; }
.auto_form select#find_us				{color: #0D274D; float: left; border: 1px solid #45709F; height: 25px; width: 261px; padding-top: 2px; padding-left: 4px;}
.auto_form textarea#message				{color: #0D274D; font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 255px; height: 175px; overflow: auto;}
.auto_form .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form fieldset legend				{margin-left: 50px; font-weight: bold; font-size: 16px;}


.auto_form2 							{width: 324px; float: left; background-color: #D6D6D6; border: 1px solid #FF6633;  padding: 3px; }
.auto_form2 .form_input 				{color: #0D274D; float: left; border: 1px solid #45709F;  width: 155px; padding-top: 3px; padding-left: 4px;}
.auto_form2 .form_input-highlighted 	{color: #0D274D; float: left; border: 1px solid #45709F;  width: 155px; padding-top: 3px; padding-left: 4px;}
.auto_form2 div.row span.label_col 		{color: #0D274D; border: none; font-size: 12px; float: left; width: 120px;	padding: 5px;  text-align: left; margin: 0px; line-height: 18px;}
.auto_form2 div.row span.input_col 		{color: #0D274D; float: left; width: 160px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 5px 10px 5px 0px;}
.auto_form2 input#submit_button	 		{width: 55px; color: #000000; margin-left: 120px; border: 1px solid #45709F;}
.auto_form2 select						{color: #0D274D; float: left; border: 1px solid #45709F;  width: 165px; height: 24px; line-height: 24px;  }
.auto_form2 textarea					{overflow: auto; font-family: Arial, Helvetica, sans-serif; color: #0D274D; float: left; border: 1px solid #45709F; height: 140px; width: 155px; padding-top: 3px; padding-left: 4px; margin-bottom: 10px; font-size: 12px; }
.auto_form2 select#find_us				{color: #0D274D; float: left; border: 1px solid #45709F; height: 25px; width: 161px; padding-top: 2px; padding-left: 4px;}
.auto_form2 textarea#message			{color: #0D274D; font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 155px; height: 175px; overflow: auto;}
.auto_form2 .submit_div 				{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form2 fieldset legend				{margin-left: 50px; font-weight: bold; font-size: 16px;}

.full_display 								{border: 0px solid #123666; background-color: #D1DEEF; min-height: 100px; margin-bottom: 10px; padding-top: 8px; padding-left: 10px; }
.full_display .form_input 					{color: #0D274D; float: left; border: 1px solid #45709F;  width: 255px; padding-top: 3px; padding-left: 4px;}
.full_display .form_input-highlighted 		{color: #0D274D; float: left; border: 1px solid #45709F;  width: 255px; padding-top: 3px; padding-left: 4px;}
.full_display div.row span.label_col 		{color: #0D274D; border: none; font-size: 12px; float: left; width: 150px;	padding: 5px;  text-align: left; margin: 0px; line-height: 18px; font-weight: bold; }
.full_display div.row span.input_col 		{color: #0D274D; float: left; width: 200px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 5px 10px 5px 0px;}
.full_display .created, .full_display .nbutton { visibility: hidden; display: none; }

.user_form .label_col					{color: #0D274D; border: none; font-size: 12px; float: left; width: 130px;	height: 14px; text-align: left; margin: 0px; line-height: 18px;}
.user_form input						{color: #0D274D; float: left; border: 1px solid #45709F; height: 19px; width: 255px; padding-top: 3px; padding-left: 4px;}
.user_form input#submit_button	 		{width: 55px; color: #000000; float: left; border: 1px solid #45709F; padding: 0px;}
.user_form .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.user_form div.row						{margin-bottom: 12px;}


.application_form .label_col			{color: #0D274D; border: none; font-size: 12px; float: left; width: 130px;	height: 14px; text-align: left; margin: 0px; line-height: 18px;}
.application_form input					{color: #0D274D; float: left; border: 1px solid #45709F; height: 19px; width: 255px; padding-top: 3px; padding-left: 4px;}
.application_form select				{color: #0D274D; float: left; border: 1px solid #45709F; height: 24px; padding-top: 3px;}
.application_form textarea				{overflow: auto; color: #0D274D; float: left; border: 1px solid #45709F; height: 140px; width: 255px; padding-top: 3px; padding-left: 4px; margin-bottom: 10px;}
.application_form input#submit_button	{width: 55px; color: #000000; float: left; border: none; padding: 0px;}
.application_form .submit_div 			{text-align: center; padding-top: 10px; height: auto; float: left;}
.application_form div.row				{margin-bottom: 5px;}


/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
/**define your sites layout style here**/

/**************************************************************************************************
***************************************************************************************************
CUSTOM
***************************************************************************************************
***************************************************************************************************/
/**define your custom styles here**/

.orange_text {color: #FF6633;}
.bold_text {font-weight: bold;}
.blue_text {color: #0D274D;}

.wrapper {}
.wrapper .site_wrapper   {border: 0px solid #000000; width: 990px; margin: 0 auto;}

.masthead                						{border: 0px solid #0000FF; height: 98px; padding-top: 177px; background: url("../../graphics/header.jpg") no-repeat;}
.masthead .navigation    						{border: 0px solid #00FF00; height: 58px;}

.masthead .greeting								{width: 210px; padding-top: 14px; float: left;}
.masthead .greeting	p							{text-align: left; color: #FFFFFF; padding-left: 9px;}	

.masthead .nav2									{float: left; margin-left: 0px; width: 620px; padding-top: 14px;}
.masthead .nav2	ul								{list-style: none;}
.masthead .nav2	ul	li							{float: right; margin-right: 14px; padding-right: 14px; border-right: 2px solid #FF6633; }
.masthead .nav2 ul li a							{color: #FFFFFF; font-weight: bold;}


.masthead .login								{float: left; margin-left: 10px; padding-top: 14px; border: 0px solid #00FF00; width: 218px;}
.masthead .login ul								{list-style: none;}
.masthead .login ul	li							{float: right; margin-right: 14px;}
.masthead .login ul li a						{color: #FFFFFF; font-weight: bold;}


.navigation ul           						{list-style: none;}
.navigation ul li        						{display: block; border: 0px solid #000000; height: 58px; width: 144px; float: left; margin-left: 1px;}
.navigation ul li a      						{display: block; height: 100%;}
.navigation ul li#home a						{background: url("../../graphics/home.png");}
.navigation ul li#home a:hover					{background: url("../../graphics/home_over.png");}
.navigation ul li#pricelist a					{background: url("../../graphics/pricelist.png");}
.navigation ul li#pricelist a:hover				{background: url("../../graphics/pricelist_over.png");}
.navigation ul li#faq a							{background: url("../../graphics/faq.png");}
.navigation ul li#faq a:hover					{background: url("../../graphics/faq_over.png");}
.navigation ul li#special_packages a			{background: url("../../graphics/special_packages.png");}
.navigation ul li#special_packages a:hover		{background: url("../../graphics/special_packages_over.png");}
.navigation ul li#other a						{background: url("../../graphics/other.png");}
.navigation ul li#other a:hover					{background: url("../../graphics/other_over.png");}
.navigation ul li#contact a						{background: url("../../graphics/contact.png");}
.navigation ul li#contact a:hover				{background: url("../../graphics/contact_over.png");}

.main 					{min-height: 500px; padding-top: 50px; }
.main .text_content		{padding-bottom: 50px;}
.main .text_content	p	{text-align: left; color: #0D274D; line-height: 22px; padding-right: 34px;}

ul.general_list 		{list-style: disc; padding-left: 13px;}
ul.general_list li		{text-align: left; line-height: 18px; color: #0D274D;}



.leftcol						{width: 515px; padding-left: 6px; float: left;}
.single_application				{border: 0px solid #123666; background-color: #D1DEEF; min-height: 100px; margin-bottom: 10px; padding-top: 8px; padding-left: 10px;}	

.single_application	.tagname	{border: 0px solid #123666; width: 112px; float: left;}
.single_application	.tagname p	{padding-right: 0px;}

.single_application	.data	{border: 0px solid #123666; width: 350px; float: left;}
.single_application	.data p	{padding-right: 0px;}


.full_display_wrapper				{background-color: #D1DEEF; min-height: 300px; padding-top: 8px; padding-left: 10px; padding-bottom: 8px;}
.full_display_wrapper	.tagname	{border: 0px solid #123666; width: 112px; float: left; margin-bottom: 3px;}
.full_display_wrapper	.tagname p	{padding-right: 0px;}

.full_display_wrapper	.data	{border: 0px solid #123666; width: 350px; float: left;}
.full_display_wrapper	.data p	{padding-right: 0px;}


.single_application .actions	{padding-top: 7px; padding-bottom: 7px;}

.actions .view					{height: 20px; float: left; margin-right: 15px;}
.actions .edit					{height: 20px; float: left;}
.actions .view	a				{text-align: left; color: #062C5F;}
.actions .edit	a				{text-align: left; color: #062C5F;}


.leftcol .register_company		{border: 2px solid #639F59; padding-top: 8px; padding-bottom: 8px; padding-left:17px; margin-bottom: 10px; background-color: #BADFA7;}
.leftcol .register_company p	{font-weight: bold; color: #344F14;}
.leftcol .contact_info			{margin-bottom: 50px;}

.leftcol .prices				{border: 1px solid red;}


.table_data .left_col_cell			{width: 257px; float: left;}
.table_data .right_col_cell			{width: 252px; float: left;}

.price_list							{border: 0px solid #000000;}
.price_list#service_heading			{margin-bottom: 10px;}
.cost2								{text-align: left; padding-top: 8px; float: left; text-align: left; width: 108px; color: #0D274D; }
.cost								{text-align: left; padding-top: 2px; float: left; text-align: left; width: 108px; color: #0D274D; }

.price_list .service				{margin-bottom: 3px; margin-top: 10px; width: 390px; float: left; padding: 0px 10px 0px 0px;  text-align: left; border: 0px solid red; color: #0D274D;}
.price_list .service2				{margin-bottom: 3px; margin-top: 3px; width: 390px; float: left; padding: 0px 10px 0px 0px;  text-align: left; border: 0px solid red; color: #0D274D;}
.price_list .price					{margin-bottom: 3px; width: 108px; float: left; padding: 0px; margin-bottom: 5px;}
.price_list .price_money			{display: block; padding-top: 2px; text-align: left; color: #0D274D; margin-bottom: 3px; margin-bottom: 5px;}



.rightcol										{border: 0px solid #0000FF; width: 303px; float: left; margin-left: 24px;}
.rightcol .registration_links					{border: 0px solid #0000FF;  height: 586px; padding-left: 8px; /* background: url("../../graphics/right_content_background.jpg") no-repeat; */ }
.rightcol .registration_links ul				{list-style: none;}
.rightcol .registration_links ul li				{height: 41px; width: 288px; margin: 0 auto; margin-bottom: 2px; display: block; background: url("../../graphics/menu_bg.jpg") no-repeat;}
.rightcol .registration_links a, 
.rightcol .registration_links a:link,
.rightcol .registration_links a:visited		{ line-height: 16px; font-weight: bold; color: #FFFFFF; }

.cc_links a, 
.cc_links a:link,
.cc_links a:visited		{ line-height: 16px; font-weight: bold; color: #FFFFFF; }


.menu_text									{ padding-left: 15px; color:#FFFFFF; font-size:14px; font-weight:bold; }
.menu_price									{ color:#FFFFFF; font-size:14px; font-weight:bold; }

.rightcol .registration_links ul li#single			{ padding-top: 10px; }
	 
.rightcol .registration_links ul li#cc_registration	a				{background: url("../../graphics/cc_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#ltd_registration a				{background: url("../../graphics/ltd_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#corporate_income_registration a	{background: url("../../graphics/corporate_income_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#tax_clearence a					{background: url("../../graphics/tax_clearence.jpg") no-repeat;}
.rightcol .registration_links ul li#vat_registration a				{background: url("../../graphics/vat_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#paye_registration a				{background: url("../../graphics/paye_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#sdl_registration a				{background: url("../../graphics/sdl_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#uif_registration a				{background: url("../../graphics/uif_registration.jpg") no-repeat;}
.rightcol .registration_links ul li#workmans_registration a			{background: url("../../graphics/workmans_registration.jpg") no-repeat;}



.rightcol .bottom_right_image		{border: 0px solid #FF0000; height: 202px; margin-top: 30px;}
.rightcol .bottom_right_image img	{border: none;}

.rightcol .bottom_right_link	{border: 0px solid #FF0000; height: 82px; width: 270px; margin: 0 auto; margin-top: 25px; background: url("../../graphics/right_content_link.jpg") no-repeat; background-position: top; }
.rightcol .bottom_right_link a	{ }
.rightcol .bottom_right_link a:hover { text-decoration: none; }

.foot						{height: 160px; border: 0px solid #000000;}

.foot .credit_links			{color: #FFFFFF; border: 0px solid #FF0000; width: 555px; padding-top: 100px; float: left;}
.foot .credit_links	img		{border: 0px solid red;}
.foot .credit_links	a		{color: #FFFFFF;}
.foot .useful_links			{border: 0px solid #CCCCCC; float: left; padding-top: 41px; margin-left: 35px; text-align: left;}
.foot .left_margin					{border-left: 1px solid #CCCCCC; float: left; width: 5px; height: 135px;}
.foot .useful_links_content			{border: 0px solid red; float: left; width: 200px; padding-left: 45px}
.foot .useful_links_content	p		{text-align: left; color: #FFFFFF;}
.foot .useful_links_content	ul  	{color: #FFFFFF;}
.foot .useful_links_content	ul li 	{text-align: left; margin-bottom: 10px;}
.foot .useful_links_content	ul li a	{color: #FFFFFF;}







/**************************************************************************************************
***************************************************************************************************
DIALOGS: FACEBOX
***************************************************************************************************
***************************************************************************************************/
.faceboxclose       																				{background: url('../../graphics/close.gif') no-repeat; width:22px; height:25px; float:right;}
#facebox .b 																						{background:url(images/b.png); }
#facebox .tl 																						{background:url(images/tl.png); }
#facebox .tr 																						{background:url(images/tr.png); }
#facebox .bl 																						{background:url(images/bl.png); }
#facebox .br 																						{background:url(images/br.png); }
#facebox 																							{position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup 																				{position: relative; }
#facebox table 																					{border-collapse: collapse; }
#facebox td 																						{border-bottom: 0; padding: 0; }
#facebox .body 																					{background: #fff; width: 370px; }
#facebox .body .content h1																{padding: 5px; padding-left: 10px; font-size: 18px; background: #123666; color: #ffffff;}
#facebox .body .content p																	{padding: 5px; padding-left: 9px; font-size: 12px; margin: 5px; color: #0D274D;}
#facebox .body .content li																	{font-size: 12px; margin-left: 15px; line-height: 17px; color: #0D274D;}
#facebox .loading 																				{text-align: center; }
#facebox .image 																				{text-align: center; }
#facebox img 																					{border: 0; margin: 0; }
#facebox .footer 																				{padding-right: 5px; padding-top: 0px; text-align: right; height: 28px; background: #123666; margin-top: 10px;}
#facebox .foot .close																			{margin: 0px; padding: 0px; height: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br	 						{height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay 																				{position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide	 																				{z-index:-100; }
.facebox_overlayBG 																			{background-color: #000; z-index: 99;}
* html #facebox_overlay 																	{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 									{}
.pagenav .previous 					{float:left;}
.pagenav .pages 						{float:right; margin:0 1em;}
.pagenav .next 							{float:right;}

/**************************************************************************************************
***************************************************************************************************
SHOPCART
***************************************************************************************************
***************************************************************************************************/
.shopcart_form 										{}
.shopcart_form .form_input 					{}
.shopcart_form .form_input-highlighted {}
.shopcart_form div.row span.label_col 	{float: left;	width: 0;}
.shopcart_form div.row span.input_col 	{float: left;}
.shopcart_form .spacer 							{}
.listDisplay .totcell 									{border:1px solid #000000; background-color:#eeeeee; text-align:right; font-weight:bold;}
.clearCart 												{text-align:center;}
.checkout 												{margin:10px; padding:10px; border:5px solid #000000;}
.declined 												{margin:10px; 	padding:10px; border:2px solid #000000;}
.approved 												{margin:10px;	padding:10px; border:2px solid #000000;}

/**************************************************************************************************
***************************************************************************************************
CALENDER
***************************************************************************************************
***************************************************************************************************/
/** do not change this **/
img.tcalIcon 											{cursor: pointer; margin-left: 1px; vertical-align: middle;}
div#tcal 												{position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;}
div#tcal table 										{width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;}
div#tcal table.ctrl 									{border-bottom: 0;}
div#tcal table.ctrl td 								{width: 15px; height: 20px;}
div#tcal table.ctrl th 								{background-color: white; color: black; border: 0;}
div#tcal th 											{border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;}
div#tcal td 											{border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;}
div#tcal td.othermonth 						{color: silver;}
div#tcal td.weekend 								{background-color: #ACD6F5;}
div#tcal td.today 									{border: 1px solid red;}
div#tcal td.selected 								{background-color: #FFB3BE;}
iframe#tcalIF 										{position: absolute; visibility: hidden; z-index: 98; border: 0;}
div#tcalShade 										{position: absolute; visibility: hidden; z-index: 99;}
div#tcalShade table 								{border: 0; border-collapse: collapse; width: 100%;}
div#tcalShade table td 							{border: 0; border-collapse: collapse; padding: 0;}

.helptext										{ font-size: 11px; line-height: 15px; padding: 5px 0px 5px 0px; }
.helptext_blue									{ font-weight: normal; font-size: 10px; line-height: 15px; color: #333EDB;  }
.director2, .director3, 
.director4, .director5, .director6,
.director7, .director8, .director9,
.director10			{ display: none; }

.director_display, .director1  { display: block; }

.stackholder2, .stackholder3, 
.stackholder4, .stackholder5, .stackholder6,
.stackholder7, .stackholder8, .stackholder9,
.stackholder10			{ display: none; }

.stackholder_display, .stackholder1  { display: block; }

.stackholdera2, .stackholdera3, 
.stackholdera4, .stackholdera5, .stackholdera6,
.stackholdera7, .stackholdera8, .stackholdera9,
.stackholdera10			{ display: none; }

.stackholdera_display, .stackholdera1  { display: block; }
