/*Master Page and Others css */
/* Links */
a:link { TEXT-DECORATION: none;	COLOR: #21253E;}
a:visited { TEXT-DECORATION: none; COLOR: #21253E;}
a:hover { TEXT-DECORATION: underline; COLOR: #21253E;}
a:active {	TEXT-DECORATION: none; COLOR: #21253E;}
a.LogOff:link {	TEXT-DECORATION: underline;	COLOR: #fff;}
a.LogOff:visited { TEXT-DECORATION: underline; COLOR: #fff;}
a.LogOff:hover { TEXT-DECORATION: none;	COLOR: #fff;}
a.LogOff:active { TEXT-DECORATION: underline; COLOR: #fff;}
a.TopMenu:link { TEXT-DECORATION: none;	COLOR: #21253E;}
a.TopMenu:visited {	TEXT-DECORATION: none;	COLOR: #21253E;}
a.TopMenu:hover { TEXT-DECORATION: underline; COLOR: #21253E;}
a.TopMenu:active { TEXT-DECORATION: none; COLOR: #21253E;}
a.BottMenu:link { TEXT-DECORATION: none; COLOR: #fff;}
a.BottMenu:visited { TEXT-DECORATION: none;	COLOR: #fff;}
a.BottMenu:hover { TEXT-DECORATION: underline; COLOR: #fff;}
a.BottMenu:active {	TEXT-DECORATION: none; COLOR: #fff;}
a.WInAB:link { TEXT-DECORATION: none; COLOR: #375163;}
a.WInAB:visited { TEXT-DECORATION: none; COLOR: #375163;}
a.WInAB:hover {	TEXT-DECORATION: underline;	COLOR: #375163;}
a.WInAB:active { TEXT-DECORATION: none;	COLOR: #375163;}
a.Quota:link { TEXT-DECORATION: none;	COLOR: #ff0000; font-size:12px; font-weight:bold; border:none; }
a.Quota:visited { TEXT-DECORATION: none; COLOR: #ff0000; font-size:12px; font-weight:bold; border:none; }
a.Quota:hover { TEXT-DECORATION: underline; COLOR: #ff0000; font-size:12px; font-weight:bold; border:none; }
a.Quota:active {TEXT-DECORATION: none; COLOR: #ff0000; font-size:12px; font-weight:bold; border:none; }

/* Divs */
#container { MARGIN: 0px auto; WIDTH: 900px; TEXT-ALIGN: left;}
#container2 {
	MARGIN: 0px auto;
	WIDTH: 900px;
	TEXT-ALIGN: left;
	BACKGROUND: #fff url("images/container-bg.gif") repeat-x;
	HEIGHT: auto;
	OVERFLOW: visible;
	FLOAT: left;
}
#datebar {
	BACKGROUND: url(Images/bar2.bmp);
	WIDTH: 858px;
	PADDING: 9px 21px 10px 21px;
	MARGIN: 0px auto;
	HEIGHT: auto;
	OVERFLOW: visible;
	MIN-HEIGHT: 13px;
}
#datebarleft { FLOAT: left;	WIDTH: 700px; TEXT-ALIGN: left;	FONT-WEIGHT: bold;}
#datebarright {	FLOAT: right; WIDTH: 150px;	TEXT-ALIGN: right; FONT-WEIGHT: bold;}
#FloatingSectionOfHeader { height: 45px; width: 840px; margin:auto;}
#footer{
	MARGIN: auto;
	BACKGROUND: #AFC6D1 url(images/footer.png) repeat-x;
	WIDTH: 876px;
	LINE-HEIGHT: 30px;
	TEXT-ALIGN: left;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 24px;
}
#footer2 { MARGIN: auto; WIDTH: 876px; LINE-HEIGHT: 30px; TEXT-ALIGN: left;	COLOR: #375163;	PADDING-LEFT: 24px;	FONT-WEIGHT: bold;}
#header { MARGIN: auto;	BACKGROUND: url(images/header.jpg);	WIDTH: 900px; HEIGHT: 120px;}
#ListerLogo { float:left; text-align:left; width:384px;}
#LoggedIn {	float: right; width: 420px;	color: white; text-align: right;}
#Theresnologo {	width: 840px; text-align: left;	margin:auto;}
#clear { clear:both; margin: auto;} 

/* Menu */
#menu { width:100%;	float: left; font-weight:bold; list-style: none; font: arial, helvetica, sans-serif;}
#menu ul { list-style-type:none; margin: 0;	padding: 0;	float: left;}
#menu a { display: block; margin: 0; padding: 2px 3px; color: #21253E;	text-decoration: none; list-style-type:none;}
#menu a:hover {	color: #21253E; text-decoration:underline;}
#menu li { position: relative; list-style-type:none;}
#menu ul ul { position: absolute; z-index: 500;	width: 125px; border:1px #21253E solid;	list-style-type:none; background:#ffffff;}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul { display:block ;}

/* Tags */
body { 
	margin-top: 0px;
	margin-right: auto;	
	margin-left: auto; 
	FONT-SIZE: 70%;
	BACKGROUND: #AFC5D0 url(images/bg.gif) repeat-x;
	COLOR: #053F65;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
}
h1 { COLOR: #021641; FONT-SIZE: 1.8em; margin: auto; vertical-align:middle;}
h2 { COLOR: #021641; FONT-SIZE: 1.2em;	margin: auto; vertical-align:middle;}
h3 { COLOR: #021641; FONT-SIZE: 1.1em; margin: auto; vertical-align:middle;}

/*classes*/
.clear { CLEAR: both; FONT-SIZE: 0.1em;}
.clearright { clear:right;}
.clearleft { clear:left;}
.WarningText {color: #FF0000; text-transform: capitalize; font-weight: bold; font-size: 12px;}
.datagridhead
{
	border: 1px solid #21253E;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	line-height: 22px;
	background: #fff;
	font-weight: bold;
	font-size: 12px;
}


/* Other Pages than master */
.lightblue { COLOR: #7795AA;}
.TblPosition { left: 15px; position: relative; width: 600px;}
.TextAlignLeft { text-align:left;}
.Productlist li { display:inline; text-align: left;}

/*IT SUPPORT*/
.SupportBox {border:1px #8dc0ff solid; width: 340px; height: 200px;	margin: 2px; BACKGROUND: #ffffff url('Images/SupportBoxBG.png') no-repeat;}
.SupportIMG { float:left; width:125px; height:180px; padding-top:20px;}
.SupportDetail { float:right; width:211px; text-align:left;	padding:2px;}
.SupportName { font-family:Tahoma, Arial, Helvetica; font-size:22px; font-weight:bold;}
.SupportTitle { font-family:Tahoma, Arial, Helvetica; font-size:18px; font-weight:Normal;}
.SupportText { font-family:Tahoma, Arial, Helvetica; font-weight:normal;}
.SupportContact { font-family:Tahoma, Arial, Helvetica;	font-weight:bold; text-align:right;	COLOR: #053F65;}
a.SupportLink:link { font-family:Tahoma, Arial, Helvetica; font-weight:bold; TEXT-DECORATION: none;	text-align:right; COLOR: #053F65;}
a.SupportLink:visited { font-family:Tahoma, Arial, Helvetica; font-weight:bold;	TEXT-DECORATION: none; text-align:right; COLOR: #053F65;}
a.SupportLink:hover { font-family:Tahoma, Arial, Helvetica;	font-weight:bold; TEXT-DECORATION: underline; text-align:right;	COLOR: #053F65;}
a.SupportLink:active { text-align:right; font-family:Tahoma, Arial, Helvetica; font-weight:bold; TEXT-DECORATION: none;	COLOR: #053F65;}
.SupportMenu {
	BACKGROUND: url(Images/bar2.bmp);
	WIDTH: 300px;
	PADDING: 9px 21px 10px 21px;
	MARGIN: 2px;
	HEIGHT: auto;
	OVERFLOW: visible;
	MIN-HEIGHT: 13px;
	text-align:center;
}
a.SupportMenu:link { TEXT-DECORATION: none;	COLOR: #21253E;	FONT-WEIGHT: bold;}
a.SupportMenu:visited {	TEXT-DECORATION: none; COLOR: #21253E; FONT-WEIGHT: bold;}
a.SupportMenu:hover { TEXT-DECORATION: underline; COLOR: white;	FONT-WEIGHT: bold;}
a.SupportMenu:active { TEXT-DECORATION: none; COLOR: #21253E; FONT-WEIGHT: bold;}

/*Login*/
#LoginForm { COLOR: #021641; FONT-SIZE: 1.1em; margin: auto; vertical-align:middle;}
td.loginFormLabel {	WIDTH:100px; border:0px; padding:0px;}
#LoginBtn {	padding-top:5px;}
#DemoBtn { padding-top:5px;}
#ErrorMsg {	padding-top:5px;}

/* Account Statements */
/*Classes*/
.Sizer150 { width:150px;}

/*Divs*/
#AllStatements { margin:0px auto; text-align:center; width:810px;}
#StatementsPageChanger { text-align:left; font-size: 14px; font-weight: bold;}
#statementReport { border: solid 1px #000; background:#ffffff; color:#000000; font: tahoma, arial, helvetica, sans-serif; text-align:left;}
#statementPageheader {background: #426E88; font-weight:bolder; font-size:11px; height:86px; color:#ffffff; padding: 30px 30px 0px 30px}
#statementPageheaderLeft { float:left;}
#statementPageheaderRight { float:right;}
#StatementsBlueBar {background: #CDDDE7; height:25px;}
#StatementReportHeader { padding:30px 30px 0px 30px; font-weight:bolder; font-size:13px; height:158px;}
#StatementReportHeaderLeft {float:left;}
#StatementReportHeaderRight {float:right;}
#ReportTitle {text-align:center; font-weight:bolder; font-size:20px; text-decoration:underline; clear:both; line-height:30px;}
#StatementItems { padding-left:10px;}
#StatementTotals { margin:0px auto; width:750px; text-align:center;}
#tblTotals { width:750px;}
#StatementVAT {font-weight:bold; font-size:8px; color: #426E88; padding-left:30px;}
#StatementReportFooterLeft {float:left; font-weight:bold; font-size:14px; color: #426E88; padding-left:30px;}
#StatementReportFooterRight {float:right; padding-right:30px;}


/*Customer Care*/
#CCcenterer {text-align:center;}
#CustomerCareContents {text-align:left;}
#CCleftside {float:left;width:700px;padding-left:10px}
#CustomerCareheader {clear:both;}
#CCRightSideBar {float:right; padding-right:10px; padding-bottom:10px;}
#CustomerCareheader.Li {display:block; list-style-type:circle; list-style-image:none; list-style-position:inside; float: left;}

/* invoice page */
/*class*/
.lefterWithPad {text-align:left; padding: 0px 0px 0px 16px;}
.spacer15 {	height:15px;}
.spacer15Clear { height:15px; clear:both;}
.spacer3 {height:3px;}
.spacer3Clear {height:3px; clear:both;}
.spacer30 {	height:30px; }
.lefter { text-align:left;}
.righter {text-align:right;}
.BoldMe { font-weight:bold;}
/*Divs*/
#AllEverything { MARGIN: 0px auto; text-align: center; color: Black; font: tahoma, arial, helvetica, sans-serif; width: 810px;}
#InvoiceTopData { MARGIN: 0px auto;}
#InvoiceReportPager { text-align:left; font-size: 14px; font-weight: bold;}
#InvoiceReportAll { border: solid 1px #000;}
#InvoicePageHead { padding:30px 30px 0px 30px; background: #426E88; color: #ffffff; text-align: left; font-weight: bolder; font-size: 11px; height: 86px;}
#InvoicePageHeadLeft { float: left;}
#InvoicePageHeadRight { float: right;}
#Blueline { background: #CDDDE7; height: 25px;}
#InvoiceReportHead { padding:30px 30px 0px 30px; height: 184px; color: #000000; text-align: left; font-weight: normal; font-size: 12px; line-height: 16px;}
#InvoiceReportHeadLeft { float: left; width: 270px;}
#InvoiceReportHeadRight { float: right; width: 270px; font-weight: bold;}
#InvoiceReportItems { height: 600px; width: 731px; text-align: left; font-size: 12px; padding-left: 30px; padding-right: 30px;}
#InvoiceReportTotals { width: 780px; text-align: right;  font-weight: bold; font-size: 12px; padding-right:30px;}
#TotalsFloatRight { float:right; width: 200px;}
#InvoiceReportBotVAT { font-weight: bold; font-size: 8px; color: #426E88; text-align: left;padding-left: 30px;}
#InvoiceReportBotLeft { float: left; font-weight: bold; font-size: 14px; color: #426E88; text-align: left; padding-left: 30px;}
#InvoiceReportBotRight { float: right; text-align: left; padding-right: 30px;}

/* Downloads.aspx */
#Downloadsleftside {float:left; width:700px; padding-left:10px}
#DownloadsTitle {}
#DownloadsPageText {}
#DownloadsData {width:100%; padding:0; FONT-SIZE: 12px; text-align:center;}
#DownloadsRightSideBar {float:right; padding-right:10px; padding-bottom:10px;}

#DownloadsDataContainer {width: 100%; margin: 0; text-align:Left; line-height: 130%; background: #fff; padding: 10px 0px 10px 0px;}
#DownloadsRightFloat {float:right; margin:0; width:100px; padding: 0px 5px 0px 5px; text-align:center;}
#DownloadsDataContents {margin-right: 110px; border-right: solid 1px #000066;padding: 0px 5px 0px 5px;}

#DownloadsDataContainerAlt { width: 100%; margin: 0; text-align: Left; line-height: 130%; background: #FFFFCC; padding: 10px 0px 10px 0px;}
#DownloadsRightFloatAlt {float:right; margin:0; width:100px; padding: 0px 5px 0px 5px; text-align:center;}
#DownloadsDataContentsAlt { margin-right: 110px; border-right: solid 1px #000066; padding: 0px 5px 0px 5px;}

/* Order Forms */
.OrderForms{float: left;margin: 15px 30px 30px 0px;}
.OrderForms img {border: 1px solid #777;}
.OrderForms p {margin: 0;padding-top: 10;}