/* CSS Document */
* { margin:0; padding:0;}
#page{
	background-color: #d7d7d7;
	font-family:arial;
	font-size:100%;
	line-height:1em;
	color:#191919;	
}
img{ border:0px none; margin:0; padding:0; /*vertical-align:top;*/}
/**********font size***************/
div.header, div.headerS{font-size:0.8125em; line-height:1.23em;}
.content{font-size:0.75em; line-height:1.33em;}
.content .box{ color:#c4c4c4; line-height:1.42em;}
.content .box a{color: #fff;}
#footer{font-size:0.75em; line-height:1.16em;}
/********** end font size***************/
 
input, textarea, select{ 
	font-family:tahoma, arial;
	font-size: 1.2em;
	padding: 2px;
	color:#191919; 
	/*border:1px solid #313131;*/
	vertical-align:top;
}

	input:focus, textarea:focus, select:focus
	{
		border: solid 2px #3535ff;
		background-color: #f5f5ff;
	}
	
input[type=submit]
	{
		border: solid 2px #5555ff;
		border-left: solid 2px #a5a5ff;
		border-top: solid 2px #a5a5ff;
		background-color: #7575ff;
		font-weight: bold;
		color: White;
		padding: 3px 6px;
	}
	
	input[type=submit]:hover
	{
		color: #000;
		background-color: #a5a5ff;
	}
	
input[type=submit].disabled
{
	background-color: #757575;
}
	input[type=submit].disabled:hover
	{
		color: White;
		background-color: #757575;
	}

#form input{ font-size:0.92em;}
#form textarea{ width:174px; height:70px;
	font-size:0.92em; overflow:auto;}
.inp_h{ height:23px; margin:0 0 3px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

li{padding:0 0 6px 0px;}

.col { float:left;}
.right{ text-align:right;}
/*.clear { clear:both;}*/

/***************links**************/
a{ color:#638a96;}
a:hover{ text-decoration:none;}
.box strong{ font-size:0.92em; color:#FFFDFD; font-weight:normal;}
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {padding-left: 90px; color: #fff;}
.txt{ font-size:1.16em; color:#F43631; font-style:italic;}
.txt_1{ font-style:italic; color: #000;}
.txt_2{ color:#FFFFFF;}
/***************end txt***************/


div.header { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#CACFCF; }
div.headerS{ background: url(../../images/bg_headerS.jpg) 0 0 no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#CACFCF; }
div.header .menu {padding:0px 0 0px 0px;height: 45px; background-color: #fff; }
div.headerS .menu{padding:0px 0 0px 0px;height: 45px; background-color: #fff; border-bottom: solid 5px #000;}
div.header .column_1 .indent,div.headerS .column_1 .indent{padding:0px 40px 0 0px;}

	.menu ul
	{
		list-style-type: none;
		height: 45px;
	}

		.menu ul li
		{
			display: block;
			float: left;
			padding: 5px 0 0;
			border: 0;
			margin: 0;
			background: none;
		}
		
			.menu ul li a
			{
				display: block;
				height: 33px;
				margin: 5px 5px 0;
				padding: 0px 20px 0;
				font-size: 110%;
				font-style: normal;
				font-weight: bold;
				text-decoration: none;
				color: #00f;
				border: solid 2px #fff;
				border-bottom: 0;
			}
			
			.menu ul li a:hover
			{
				text-decoration: underline;
				/*background-color: #9ac8cf;
				color: #fff;*/ /* #9ac8cf;*/
				border: solid 2px #fff;
				border-bottom: 0;
			}

/*******************box #1*********************************/
.box .left_top{ background:url(../../images/left_top.gif) left top no-repeat;}
.box .right_top{ background:url(../../images/right_top.gif) right top no-repeat;}
.box .left_bot{ background:url(../../images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(../../images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_left{ background:url(../../images/side_left.gif) left top repeat-y #9C0B0B;}
.box .side_right{ background:url(../../images/side_right.gif) right top repeat-y;}
.box .side_top{ background:url(../../images/side_top.gif) left top repeat-x;}
.box .side_bot{ background:url(../../images/side_bot.gif) left bottom repeat-x;}
/***************************end box #2**************************/

/************Rotator**********/

.frntrotator {height: 250px; margin: 0; padding: 0; overflow: hidden;}
.frntrotator .desc{color: #fff;}
/*****************************/

.content { background-color: #FFFFFF;padding-top: 10px;}
.content .contpad{padding:0 10px 20px 10px;}
.content .indent{padding:0 45px 30px 40px;}
.title_box{ padding:18px 0 42px 25px; color:#fff; font-size:2em; font-family:Verdana;}
.indent_box{padding:0 20px 46px 31px;}

.title{ padding:0 0 20px 44px;}
.content .column .title{ padding:0 0 20px 0;}
.content .column_1 .indent{ padding:0 0 0 44px;}

/***************************page**************************/
/***************************end page**************************/

#footer { background:#121212; color:#C4C4C4; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer a{color:#C4C4C4;}
#footer .indent {padding:5px 5px 0 ;}
#footer .footmenu {float: right; width: 360px; padding:5px 5px ; text-align: right;}
#footer .rss { color:#949494; font-family:Arial, Helvetica, sans-serif; background:url(images/rss.gif) 0 0 no-repeat; padding:0 0 5px 24px; text-decoration:none;}
#footer .rss:hover {text-decoration: underline;}

.floatright { float: right; }



/*  **************************************** */
/*    layout.css starts here */
/*  **************************************** */
/*You can modify the width of the website by changing "width" parameter with .main The minimum value is 766px.*/
.main { width:100%;}
.min_width {width:990px; margin: 5px auto;background: #fff url(../../images/fill.gif) 0 0 repeat-x;}
div.header {}
div.header .headerbg {min-height: 385px; background: transparent url(../../images/layout/postbox-bg.png) no-repeat left top;}
div.headerS {}
div.header .column,div.headerS .column { width:48%;min-width:509px;}
div.header .column h1 {padding: 70px 0 0 250px}
div.header .column_1,div.headerS .column_1 { width:353px;}
div.header .column_1 { margin-top: -80px; padding-left: 40px; }
#footer { height:61px;}

.column, .column_1 { float:left;}

/*---page---*/
#page .content .column{ width:460px;padding: 0 10px 0 0;}
#page .content .column_1{ width:460px;} 
/*---// page---*/

/*---page_1---*/
#page_1 .content .column{ width:50%;}
#page_1 .content .column_1{ width:49%;}
/*---// page_1---*/

/*---page_2---*/
#page_2 .content .column{ width:54%;}
#page_2 .content .column_1{ width:45%;}
/*---// page_2---*/

/*---page_3---*/
#page_3 .content .column{ width:50%;}
#page_3 .content .column_1{ width:49%;}
/*---// page_3---*/

/*---page_4---*/
#page_4 .content .column{ width:43%;}
#page_4 .content .column_1{ width:56%;}
/*---// page_4---*/

/*---page_5---*/
#page_5 .content .column{ width:100%;}
/*---// page_5---*/

/* Front page */

.fpleftcol
{
	float: left;
	width: 470px;
	padding: 0 0 0 10px;
	color: #000;
	font-style: normal;
}

	.content .fpleftcol
	{
		padding: 0;
	}
	
	.fpleftcol h1
	{
		margin: 116px 0 50px 210px;
		padding: 0;
	}
	
	
			
	.fpleftcol .mainbox
	{
		font-weight: bold;
		margin: 360px 0 0;
		font-size: 140%;
		line-height: 120%;
		text-align: center;
	}
		
		.fpleftcol .mainbox .highlight
		{
			color: #f00;
		}
		
	.fpleftcol .sub
	{
		height: 110px;
	}

	
.fprightcol
{
	float: left;
	width: 500px;
	margin: 0;
}

	.content .fprightcol
	{
		width: 480px;
		margin-left: 20px;
	}
	
	.fprightcol .rot
	{
		margin: 20px 10px 20px 30px;
	}
	
	.fprightcol .rottmb
	{
		margin: 0px 10px 0 15px;
	}
	
	.fprightcol .featured
	{
		width: 210px;
		float: left;
		height: 264px;
	}
	
	.fprightcol .sub
	{
		width: 200px;
		margin: 0 0 20px 20px;
		float: left;
		height: 110px;
	}

	.fprightcol .mainboxabout
	{
		color: #fff;
		height: 230px;
	}
	
		.fprightcol .mainboxabout h2
		{
			padding: 0 0 5px;
		}

.fill
{
	background-color: #fff08e;
	font-size: 120%
}

.ybox
{
	/*background: #fff841 url(/images/layout/tb-bg.gif) no-repeat left top;
	background-color: #b2e0e3;*/
	border: solid 2px #000;
	color: #000;
	padding: 10px;
}

	.ybox .ybhead
	{
		font-size: 140%;
		font-weight: bold;
		padding: 4px 0;
		color: #000;
		background: url(/images/layout/blt-redarrow.gif) no-repeat left center;
		padding-left: 24px;
	}
	
	.ybox .ybbody
	{
		margin: 10px 0 0;
	}
	
		.ybox .ybbody .lBtn
		{
			clear:both;
			display:block;
			background-color: #fff;
			color: #0000ff;
			font-weight:bold;
			font-size:18px;
			border: 2px solid #000;
			padding: 6px;
			text-align: center;
			text-decoration: none;
		}
		.ybox .ybbody .lBtn:hover
		{
			/*text-decoration: underline;*/
			background-color: #eaeaea;
		}
	
	.ybox ul
	{
		list-style-type: circle;
		list-style-position: outside;
		margin-left: 22px;
	}

		.ybox ul li
		{
			background: none;
			/*background: url(/images/layout/blt-arrow.gif) no-repeat left top;
			padding-left: 22px;*/
		}
	
	.ybox .quote
	{
		font-style: italic;
		/*font-weight:bold;*/
		text-align:justify;
	}
	
	.ybox .quoteauth
	{
		padding-top: 5px;
		text-align: right;
	}
		
.red
{
	color: #f43631;
}

/*  **************************************** */
/*    layout.css ends here */
/*  **************************************** */


/*  **************************************** */
/*    x402css.css starts here */
/*  **************************************** */
/* Form Styles*/
div.formLine
{
	clear:both;
	padding: 2px;
}
div.formLine div.formLeft
{
	float: left;
	text-align: right;
	font-weight: bold;
	padding-top: 3px;
}
div.formLine div.formRight
{
	float: left;
	padding-left: 5px;
	text-align: left;
}

.formline
{
	clear: left;
	padding-top: 5px;
}
 
	.formline .formtitle
	{
		float: left;
		text-align: right;
		font-weight: bold;
		padding: 6px 0 0;
	}
	
	.formline .formfield
	{
		float: left;
		margin-left: 5px;
	}
	
		.formline .formfield .field
		{
			padding: 2px;
			font-size: 1.2em;
		}
		
		.formline .formfield .field:focus
		{
			border: solid 2px #3535ff;
			background-color: #f5f5ff;
		}
		
.formfooter
{
	padding: 10px;
}

	.formfooter input
	{
		border: solid 2px #5555ff;
		border-left: solid 2px #a5a5ff;
		border-top: solid 2px #a5a5ff;
		background-color: #7575ff;
		font-weight: bold;
		color: White;
		padding: 3px 6px;
	}
	
	.formfooter input:hover
	{
		color: #000;
		background-color: #a5a5ff;
	}
	
	.formfooter a
	{
		color: #000;
	}
	
	.formfooter a:hover
	{
		text-decoration: none;
	}
	
/* Areas */
.loginform
{
	font-size: 110%;
}

	.loginform .formline .formfield
	{
		width: 200px;
	}
	
	.loginform .formline .formfield .field
	{
		width: 200px;
	}

	.loginform .formfooter
	{
		padding-left: 105px;
	}
	
.regform
{
	font-size: 110%;
}

	.regform .formline .formfield
	{
		width: 220px;
	}
	
	.regform .formline .formfield .field
	{
		width: 220px;
	}

	.regform .formfooter
	{
		padding-left: 125px;
	}	
	
.clear
{
	clear:both;
	line-height:0px;
	font-size: 0;
}

.clearleft
{
	clear:both;
	line-height:0px;
	font-size: 0;
}
.width60
{
	width:60px;
}
.width100
{
	width:100px;
}
.width120
{
	width:120px;
}
.width150
{
	width:150px;
}
.width200
{
	width:200px;
}
.width250
{
	width:250px;
}
.width300
{
	width:300px;
}
/* End Form Styles */

/*Global Styles*/
.error
{
	color: Red;
}
.box .error
{
	color: yellow;
}
.box div.formLine div.formLeft
{
	color: #fff;
}

.notice
{
	margin: 10px 0;
	padding: 10px;
	border: solid 1px #d2d2d2;
	background-color: #ffd2d2;
	font-size: 16px;
	text-align: center;
}

.updatenoticealert
{
	border: solid 1px #a00000;
	border-left: none;
	border-right: none;
	background-color: #ff7777;
	text-align: center;
	padding: 15px 20px;
	font-size: 14px;
}
	.updatenoticealert a
	{
		color: #fff;
		font-weight: bold;
		font-style: normal;
	}
	
.updatenotice
{
	border: solid 1px #a0a000;
	border-left: none;
	border-right: none;
	background-color: #ffff00;
	text-align: center;
	padding: 15px 20px;
	font-size: 14px;
	position: relative;
}

	.updatenotice a
	{
		color: #000;
		font-style: normal;
	}
	
	.updatenotice a.close
	{
		position: absolute;
		top: 0;
		right: 2px;
		display: block;
		font-size: 10px;
		color: #888;
	}
	
.infobox
{
}
	.infobox .infoboxtitle
	{
		background-color: #df5f5f;
		color: White;
		font-size: 16px;
		padding: 5px 10px 5px 20px;
	}
	
	.infobox .infoboxcontent
	{
		background-color: White;
		border: solid 1px #af6f6f;
		border-top: none;
		padding: 5px;
	}
		
.bul
{
	color: White;
	font-weight: bold;
	font-size: small;
}

.black
{
	color: Black;
}
.lBtn, .lBtn2
{
	clear:both;
	display:block;
	background-color: #9ac8cf;
	color: #000;
	font-weight:bold;
	font-size:11px;
	border: 1px solid #000;
	padding:2px;
	text-align: center;
	text-decoration: none;
}
.lBtn:hover, .lBtn2:hover
{
	/*text-decoration: underline;*/
	background-color: #aee2ea;
}

.lBtnAct
{
	clear:both;
	display:block;
	background-color: #c56F44;
	color: #000;
	font-weight:bold;
	font-size:11px;
	border: 1px solid #000;
	padding:2px;
	text-align: center;
	text-decoration: none;
}
.lBtnAct:hover
{
	/*text-decoration: underline;*/
	background-color: #F59F64;
}

.sml
{
	font-size: 10px;
}
.bold
{
	font-weight: bold;
}

.textcenter
{
	text-align: center;
}

.margtopsml
{
	margin-top: 5px;
}
.margtopmed
{
	margin-top: 10px;
}
.margtoplrg
{
	margin-top: 20px;
}
/*End Global Styles*/

/* Groups Styles */

.smartindent
{
	margin-left: 25px;
	padding: 2px;
	border: solid 1px #a7a7a7;
}


/* End Groups Styles */

/* Invoice Table */
.invtable
{
}
	
	.invtable .vattitle
	{
		font-size: 14px;
		font-weight: bold;
	}
	
	.invtable .totaltitle
	{
		font-size: 16px;
		font-weight: bold;
	}
	
	.invtable .total
	{
		font-size: 16px;
		color: Red;
		font-weight: bold;
	}
	
	
/* Grid Styles */
TABLE.grid {
	width:				100%;
}

TABLE.grid TR.even TD {
	background-color:	#FFCCCC;
}

TABLE.grid TH{
	color:				#fff;
}


TABLE.grid TD {
	border-left:		1px solid #BF1F1F;
	font-weight:		normal;
	vertical-align:		middle;
	background-color: #FFEEEE;
}


TABLE.grid .header TH {
	background-color:  	#BF1F1F;
	text-align:			center;
}

TABLE.grid2 {
	width:				100%;
}

TABLE.grid2 TR.even TD {
	background-color:	#FFCCCC;
}

TABLE.grid2 TH{
	color:				#fff;
}


TABLE.grid2 TD {
	border-left:		1px solid #BF1F1F;
	font-weight:		normal;
	vertical-align:		middle;
	background-color: #FFEEEE;
}


TABLE.grid2 .header TH {
	background-color:  	#BF1F1F;
	text-align:			center;
}

/*TABLE.grid2 {
	width:				100%;
}

TABLE.grid2 TD {
	border-left:		1px solid #fff;
	background-color: #555555;
	font-weight:		normal;
	vertical-align:		middle;
}

TABLE.grid2 TR.even TD {
	background-color:	#666666;
}

TABLE.grid2 TH{
	color:				#fff;
}

TABLE.grid2 .header TH {
	background-color:  	#000;
	text-align:			center;
} */
/* End Grid Styles */

TABLE.sample
{
	font-style: italic;
	border-collapse: collapse;
}
TABLE.sample TH
{
	border-left: #ccc 1px solid;
	border-collapse: collapse;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #eee;
}
TABLE.sample TD
{
	border-left: #ccc 1px solid;
	border-collapse: collapse;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
}

/* Help Styles */

.help
{
	border: solid 1px #888888;
	background-color: White;
	padding: 10px;
	margin: 20px 0;
	color: #555555;
}

	.help h2
	{
		padding: 8px 110px 5px 5px;
		color: #87a8FF;
		border-bottom: solid 1px black;
		font-size: 18px;
		background:transparent url(../../images/help/bg-help.gif) no-repeat right -5px;
	}
	
	.help h2.sub
	{
		padding: 8px 10px 5px 5px;
		color: #87a8FF;
		border-bottom: solid 1px black;
		font-size: 18px;
		background:none;
	}
	
	.help p
	{
		padding: 5px;
	}
	
	.help ul
	{ 
		padding: 10px 0 15px 15px;
		list-style-position: outside;
		list-style-type: disc; 
	}

	
		.help ul li
		{
			padding: 5px 4px;
			background: none;
		}
		
		.help ul ul
		{
			list-style-type: square
		}
		
	.helplink
	{
		/*color: #00f;
		background-color: #ffb;
		border: solid 1px #000;
		padding: 4px 7px;
		font-weight: bold;
		text-decoration: none;*/
		
		background-color: #9ac8cf;
		color: #000;
		font-weight:bold;
		font-size:11px;
		border: 1px solid #000;
		padding: 2px 8px;
		text-align: center;
		text-decoration: none;
	}
	
		.helplink:hover
		{
			background-color: #aee2ea;
		}
	
	.helplinkn
	{
		background-color: #9ac8cf;
		color: #000;
		font-weight:bold;
		font-size:11px;
		border: 1px solid #000;
		padding: 2px 8px;
		text-align: center;
		text-decoration: none;
	}
	
	.helplinkn2
	{
		border: solid 2px #5555ff;
		border-left: solid 2px #a5a5ff;
		border-top: solid 2px #a5a5ff;
		background-color: #7575ff;
		font-weight: bold;
		color: White;
		padding: 3px 6px;
	}
	
.helppad
{
	margin: 20px;
}

.helpBtn
{
	float:right;
}

/* Unsub */

.unsub
{
	padding: 20px;
	font-family: Arial, Verdana, Sans-Serif;
}

	.unsub .h2
	{
		padding: 5px;
	}
	
	.unsub p
	{
		padding-top: 10px;
	}

/* TCs popup */

.tcpop
{
	margin: 5px;
	padding: 10px;
	font-family: Arial;
	font-size: 14px;
	background-color: #fff;
}
	.terms p
	{
		margin: 5px;
		text-align: justify;
	}
		.terms ul, .terms ol
		{
			margin: 10px 20px 10px 30px;
		}
/* pop up */

.modalBackground
{
	background-color:black;
    filter:alpha(opacity=70);
    opacity:0.7;
}

/*  **************************************** */
/*    x402css.css ends here */
/*  **************************************** */