/* (You can edit only if you have a knowledge of CSS) */

/* << Imported Styles */

/* CSS for Rounded corners - DON'T TOUCH */
@import 'rc.css';
/* CSS for Tabmenu - DON'T TOUCH*/
@import 'tabmenu.css';


/* >> Imported Styles */
/* ---------------------------------- */

/* MAIN CSS */

body {	background: #fff url(../images/bgr.gif) repeat-x top;	margin: 0;	padding: 0px; }
body, td, input, textarea, select {	font: normal normal 11px Tahoma, Arial, Helvetica, sans-serif;}

form {	margin: 0px;	padding: 0px;}
textarea, select {	overflow: auto;	background: #fff; color:#999999; }
textarea {border:1px solid #C8C8C8}

.xl {width:770px; margin:0px auto ; }
.top {background:url(../images/bgr-top.gif) right top no-repeat}

.logo {padding:0px}
.logo span {font-size:10px; color:#96C377; padding:0px 0px 4px 5px; font-weight:bold; pad}


/* << breadcrumps*/

.bread, .bread a, .url  {color:#10a3c1; margin-bottom:5px }
.bread { padding-left:20px;  font-size:10px; background:url(../images/bc-arrow.gif) no-repeat left}
.bread a {font-weight:bold}
.bread, .url {line-height:25px;}
.url {font-size:10px;  text-transform:uppercase; font-weight:bold; padding-right:5px}

/*  Home Area */

.rcslight  {	position: relative;	height: 100%; }

.welcome {position: relative;	height: 100%;	width:538px;  background:#e8fbff url(/images/bgr-welcome.gif) bottom no-repeat; }
.welcome .rbtm {background:#e8fbff }
.welcome h1{font-size:14px; padding:5px; color:black; margin:0px 0px 3px 0px; line-height:20px}
.homecontent {height:145px; float:right; padding:0 0px 0 0; width:330px; color:#214267; font-size:11px; line-height:18px}
.welcome h1 span {color:#f27118}

.login {margin-bottom:11px}
.login1,
.subnav,
.newsletter1 {margin-bottom:7px}
.login, .newsletter, .quick {width:220px;  }
.login1,
.newsletter1,
.subnav,
.quick1 {width:196px;}

.login,
.newsletter,
.newsletter1,
.quick,
.quick1,
.login1 {position: relative;	height: 100%;  background:#f7feff; color:#2d5786}

.login h1,
.newsletter h1,
.newsletter1 h1,
.login1 h1 { background:#e8fbff url(/images/h1squire.gif) no-repeat left ; }

.subnav h1 { background:#e8fbff url(/images/h1squire-blue.gif) no-repeat left ; }

.login h1,
.newsletter h1,
.newsletter1 h1,
.subnav h1,
.login1 h1 {display:block; padding:0 0 0 35px; 
line-height:26px; font-size:10px; text-transform:uppercase; color:#2d5786; margin:0; border-bottom:1px solid #ddf4f8   }

.login .content,
.login1 .content,
.newsletter .content,
.newsletter1 .content {padding:5px; height:60px}



.login .rbtm,
.newsletter .rbtm,
.newsletter1 .rbtm,
.login1 .rbtm {background:#F7FEFF}

.login .inpFld,
.newsletter .inpFld,
.newsletter1 .inpFld,
.login1 .inpFld {font-size:10px; border:1px solid #c7ccd0; color:black}
.login .inpFld {width:100px; } 
.login1 .inpFld {width:80px}
.newsletter .inpFld,
.newsletter1 .inpFld {width:130px}

.login td,
.login1 td,
.newsletter td,
.newsletter1 td {padding:0 5px 2px 5px}

.newsletter td,
.newsletter1 td {padding-top:5px}

.login .regularBtn,
.login1 .regularBtn   {width:60px}

.newsletter .regularBtn,
.newsletter1 .regularBtn  {margin-top:5px; width:100px}


/* << Home page Services   */

.services  .rbtm {background:#F7FEFF}
.services {margin:7px 0 7px 0;  background:#f7feff}
.services h1 {background:#e8fbff url(../images/h1squire-blue.gif) no-repeat left ;  font-size:10px;
			 text-transform:uppercase; color:black; line-height:26px; padding:0 0 0 30px; margin:0; border-bottom:1px solid #ddf4f8}
.services .special h1 {background:#e8fbff url(../images/h1squire.gif) no-repeat left ; }			 
.services .s1,
.services .s2,
.services .s3,
.services .s4 {width:192px; float:left; margin:0; padding:0; }
.services .s1 div,
.services .s2 div, 
.services .s3 div,
.services .s4 div  {padding:5px 10px 5px 10px; border-top:1px solid white; color:#4c5d6e; }
.services .special div {background:#e8fbff}
.services .s2 img, 
.services .s3 img,
.services .s4 img {padding:5px 0} 
.services .s1 img {padding:5px 0 5px} 
.services a, .news .newscontent a {color:#ff9600; text-decoration:none; font-weight:bold}
.services a:hover, .news .newscontent a:hover {text-decoration:underline;}


/* << News  */
.news {position: relative;	height: 100%;	width:564px;  background:#f7feff;  margin:0  }
.news .rbtm {background:#f7feff }
.news1 {float:left; width:281px; margin:0; }
.news1 .header {background: url(../images/bgr-news.gif) repeat-x bottom; border-bottom:1px solid #ddf4f8; height:50px; padding:5px}
.news .date {color:#09a2c2}
.news .a {color:#09a2c2; text-decoration:none}
.news .title {color:black; font-weight:bold}
.news .newscontent {padding:10px 10px 15px 10px;  color:#4c5d6e;}
.news .img {margin:0 5px 0 2px; border:1px solid #ccc}


.quick, .quick1 {margin-bottom:7px}
.quick .rbtm, .quick1 .rbtm {background:#F7FEFF }
.quick .mail,
.quick .mail a,
.quick .phone,
.quick1 .content,
.quick1 a,
.quick1 .phone {color:black}

.quick .mail,
.quick .phone {line-height:60px;padding-left:65px; font-weight:bold; } 
.quick1 .phone  {line-height:60px; font-weight:bold; } 
 
.quick .mail{ background:url(../images/mail.gif) no-repeat left; }
.quick .mail a {text-decoration:none}
.quick1 a {text-decoration:none; font-weight:bold;  line-height:20px }
.quick .phone{ background:url(../images/phone.gif) no-repeat left; font-size:18px}
.quick1 .phone { background:url(../images/phone.gif) no-repeat left; font-size:14px; padding-left:65px;}

/* << Footer */

.dotz {background: white url(../images/dotz.gif) repeat-x; height:11px; font-size:11px; line-height:11px}

/* << Content */

.left_col {	width: 200px;	float:left; 	}
.page_content {	margin-left: 203px; }
.container {	position: relative;	width: 770px;}

.round1 .rbtm {position: absolute;}
.round1 {	position: relative;	height: 100%;  }
.mainimage {height:113px; margin:0 0 7px 0; padding:0; width:562px}

.contentarea h1 {display:block; background:#e8fbff url(../images/h1squire-blue.gif) no-repeat left ; padding:0 0 0 35px; 
line-height:30px; font-size:13px; text-transform:uppercase; color:#FB8937; margin:0; border-bottom:1px solid #ddf4f8   }
.contentarea {position: relative;	height: 100%;  background:#f7feff; color:#2d5786; width:562px}
.contentarea .content {padding:0 10px 5px 10px}
.contentarea .content p {line-height:150%}
a { color:#0FA6C5; text-decoration:none}
a:hover { color:#0FA6C5; text-decoration:underline;}
/* >> Content */

/* << Left  */

.subnav .content {background:#F7FEFF; padding:5px 0px 5px 0}
.subnav a {font-size:11px;  display:block; border-bottom:1px solid #FFFFFF; line-height:25px;
			font-weight:bold; color:#10A3C1;  text-decoration:none; background:url(../images/usermenu-off.gif) no-repeat left; padding-left:30px}
.subnav a:hover { color:#FB8937;  border-bottom:1px dotted #dfdede; background: #E8FBFF url(../images/usermenu-on.gif) no-repeat left; }
.subnav .active { color:#77C000;  border-bottom:1px dotted #dfdede; }




/* >> Left  */



/* >>  Content Page Headers */

	/*  Content Table */

.tableGrid {	border: 1px solid #C8C8C8;	background: #fff; }
html>body .tableGrid {	border-top: 2px solid #C8C8C8; border-left: 2px solid #C8C8C8;	background: #fff;  }
.tableGrid .grid {	border: 1px solid #fff;	border-collapse: collapse;}
.tableGrid .grid th {
	color: #636363;
	border-left: 1px solid #ccc;
	background: #DDDDDD;
	font-size: 11px;
	white-space: nowrap;
	padding: 0px 2px;
	line-height:20px
}
.tableGrid .grid th a { color: #636363; }
.tableGrid .grid td a:hover { text-decoration:none }
.tableGrid .grid td img { margin:0 5px 0 5px }
.tableGrid .grid th img { margin:0 0px 0 0px }
.tableGrid .grid td {	border-left: 1px solid #eee;	font-size: 11px;	padding: 3px 4px;}
.tableGrid .grid .odd td { background: #f4f4f4; }

/* User Menu */

.usermenu {padding:5px 5px 0 0px;}
.usermenu a {font-size:11px;  display:block; border-bottom:1px solid #FFFFFF; line-height:22px;
			font-weight:bold; color:#636363;  text-decoration:none; background:url(../images/usermenu-off.gif) no-repeat left; padding-left:15px}
.usermenu a:hover { color:#77C000;  border-bottom:1px dotted #dfdede; background: #f6f4f4 url(../images/usermenu-on.gif) no-repeat left; padding-left:15px}
.usermenu .active { color:#77C000;  border-bottom:1px dotted #dfdede; background: url(../images/usermenu-on.gif) no-repeat left; padding-left:15px }

/*  Forgot password */

/* bottom */
.xhtml {cursor:pointer; color:#74AF4A; }

.preloadImg {display:none}

.footer {border-top:1px solid #cacaca; padding:10px 0 0 0; margin:10px 0 10px; color:gray}
.bottommenu {font-size:11px; margin-top:15px}
.bottommenu a {margin:0px 5px 0 5px; text-decoration:none; color:#74AF4A; }
.bottommenu a:hover { text-decoration:none; color:#7D7D7D}

.fineprint {font-size:11px; margin:0px 0 3px 5px; color:gray}
.fineprint a {color:gray; text-decoration:none; font-weight:bold}
.fineprint a:hover { text-decoration:none;}

/* Fixed stuff */

html>body .regularBtn {background: url(../images/bgr-btn.gif) repeat-x; ; border:3px double #C7CCD0; padding:0px 1px 0px; margin-top:2px}
.regularBtn  {
	background: url(../images/bgr-btn.gif) repeat-x;
	color: #f77f1f;
	font-size:10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	border: 3px double White;
	padding: 0px 7px 2px 7px;

	/* IE hack */
	_padding: 0px;
	_border: 3px double #C7CCD0;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}

/* dummies */

div.dist {  height: 2px;  font-size: 1px;  clear: both;  visibility: hidden;}
.nohgh {height: 0;	font-size: 1px;	line-height: 0;	visibility: hidden;}
.mtb5{margin:5px 0 5px 0}

.left {float:left}
.right {float:right}

.center  {text-align:center}

.clear { clear: both }
.mar { margin: 10px }
.pad { padding: 10px }


.tableGrid {background: #fff; padding:0px}
.tableGrid .grid {	}
.tableGrid .grid th {
	color: white;
	background: #0CA4C3;
	font-size: 11px;
	white-space: nowrap;
	padding: 0px 2px;
	line-height:20px; 
}
.tableGrid .grid td a:hover { text-decoration:none }
.tableGrid .grid td img { margin:0 5px 0 5px }
.tableGrid .grid td {	border-left: 1px solid #eee;	font-size: 11px;	padding: 3px 6px; line-height:24px}


.listing {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black}
.listing td{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black;}
.listing th {  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; background: #E3FAFE; color: #0CA4C3; font-weight: bold;}
.listing th a{  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; background: #E3FAFE; color: #0CA4C3; font-weight: bold; text-decoration:underline}
.listing th a:hover{  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; background: #E3FAFE; color: black; font-weight: bold; text-decoration:none}
.listing a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; font-weight: bold;}
.listing a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; font-weight: bold;}
.listing .active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: #E3FAFE}