@charset "utf-8";
/* CSS Document */

/*HTML*/
* {
	margin:0;
	padding:0;
	font: normal 12px Arial, Helvetica, sans-serif;
}
body {
	background-color: #fff;
	margin:0;
}
h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 24px 0;
}
h2 {
	font: normal 24px Whitney, Arial, Helvetica, sans-serif;
	color: #ff9900;
	margin: 0 0 0.8em 0;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 1em 0;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ff9900;
	margin: 0 0 1em 0;
}
h3 .ui-icon {
	background-image: none!important;
} /*CSS added by Rubicon Team on 25Aug2010 tO SEMOVE SPAN IN h3 tag of SIdeMenu Control */
p {
	margin:0 0 1.1em 0.9em;
	padding:0;
}
a:link, a:visited, a.active {
	color: #1a85c9;
}
a:hover {
	color: #ff9900;
}
strong, b {
	font-weight: bold;
	color: #607589;
}
em, cite {
	font-style: italic;
	font-size: 0.9em;
	color: #607589;
}
ul {
	margin: 0 0 1.4em 2.4em;
}
ul ul {
	margin: 0 0 0 2.4em;
}
ol {
	margin: 0 0 1.4em 3em;
}
li {
	margin-bottom: 0.25em;
}
blockquote {
	margin: 25px 0;
	padding: 20px 25px;
	border: 1px solid #d4e2d8;
	background-color: #ecf4fc;
}
/*HEADER*/
#header {
	float: left;
	width: 100%;
	height: 172px;
	background: url(../images/bg-header.jpg) repeat-x left top;
}
#header .container {
	background: url(../images/bg-header-hotspot.jpg) no-repeat center top;
	height: 172px;
}
#logo {
	float: left;
	display: inline;
	width: 342px;
	height: 94px;
}
#sublinks {
	float: left;
	display: inline;
	width: 538px;
	height: 29px;
	text-align: right;
	padding: 8px 0 0 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
}
#sublinks strong {
	color: #fff !important;
}
#sublinks a {
	text-decoration: none;
	color: #70ccfb;
}
#searcharea {
	float: left;
	display: inline;
	width: 540px;
	height: 47px;
	text-align: right;
	padding: 0;
}
#searcharea table {
	float: right;
}
#nav {
	float: left;
	display: inline;
	width: 910px;
	height: 58px;
	padding-top: 24px;
}
#menu {
	width: 910px;
	height: 31px;
	padding:0;
	text-align: center;
}
.container {
	width: 910px;
	margin: 0 auto;
}
.clear {
	clear: both;
}
.clr {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.searchbox {
	width: 216px;
	height: 25px;
	background: url(../images/bg-searchbox.png) no-repeat left top;
	text-align: left;
}
.searchbox input {
	background: none;
	width: 200px;
	border: none;
	padding: 2px 8px 2px 8px;
}
.searchtabs {
	width: 280px;
}
.searchtab {
	text-align: left !important;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	height: 22px;
}
.searchtab a:link, .searchtab a:visited, .searchtab a:active {
	padding-right: 15px;
	border-bottom: 2px solid #63acf1;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.searchtab a:hover {
	color: #FFF;
	border-bottom: 2px solid #63acf1;
	padding-right: 15px;
}
.searchtab a.next:link, .searchtab a.next:visited, .searchtab a.next:active {
	padding-right: 15px;
	border-bottom: 2px solid #999;
	font-size: 10px;
	font-weight: bold;
	color: #b6b6b6;
	text-decoration: none;
}
.searchtab a.next:hover {
	color: #FFF;
	border-bottom: 2px solid #FF9900;
	padding-right: 15px;
}
/*FOOTER*/
#footer {
	float: left;
	display: inline;
	width: 100%;
	height: 319px;
	background: url(../images/bg-footer.gif) repeat-x top;
	margin-top: 25px;
}
#footer .container {
	background: url(../images/bg-footer-hotspot.jpg) no-repeat center top;
	height: 258px;
}
#footerchat {
	width: 910px;
	height: 258px;
	float: left;
}
#footeraddress {
	width: 910px;
	height: 61px;
	float: left;
}
#ISO {
	float: left;
	width: 132px;
	height: 231px;
	padding: 10px 0 0 17px;
}
#footerpromo {
	float: left;
	width: 357px;
	height: 231px;
	padding: 27px 50px 0 0;
}
#livechat {
	float: left;
	width: 146px;
	height: 196px;
	padding: 62px 175px 0 33px;
	background: url(../images/bg-chat.jpg) no-repeat left top;
	color: #e9e5e5;
}
#footerpromo h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #c4daec;
	margin: 0 0 12px;
	padding:0;
}
#footerpromo p, #footerpromo td, #footerpromo div {
	color: #e9e5e5;
}
#footerpromo strong {
	color: #FFF;
	font-weight: bold;
}
#footerpromo a {
	color: #ff9900;
	font-weight: bold;
}
#footerpromo a:hover {
	color: #1a85c9;
	font-weight: bold;
}
#footerlogo {
	float: left;
	width: 540px;
	height: 37px;
	text-align: right;
	color: #FFF;
	padding: 24px 16px 0 0;
	background: url(../images/bg-footerlogo.gif) no-repeat left top;
}
#macrae {
	float: left;
	width: 354px;
	height: 46px;
	text-align: right;
	padding: 15px 0 0 0;
}
#macrae a {
	color: #fff;
	text-decoration: none;
	line-height: 31px;
	vertical-align: middle;
	margin: 0 10px;
}
/*CONTENT*/
#main {
	width: 100%;
	float: left;
}
#main .container {
	width: 910px;
	/*CSS added by Rubicon Team on 07 Oct 2010 starts */
	/* min-height: 300px;*/
	height: auto!important;
	/*CSS added by Rubicon Team on 07 Oct 2010 end */
	color: #333;
	margin: 0 auto;
}
#sidebar {
	float: left;
        /*CSS added by Rubicon Team on 07 Oct 2010 starts */
	width: 185px;
        
	background: url(../images/bg-sidebar2.jpg) repeat-y left top;
	height:auto!important; margin-right:30px;
	 /*CSS added by Rubicon Team on 07 Oct 2010 ends */
}
#sidebarmenu {
	width: 183px;
	padding: 12px 0;
	/*CSS added by Rubicon Team on 07 Oct 2010 starts */
	float: left; height:auto!important;
	background: url(../images/bg-sidebar.jpg) no-repeat left top;
	border-bottom:0px solid #c1c5c8;
	/*border:0px red solid!important;*/
	/*CSS added by Rubicon Team on 07 Oct 2010 ends */
}/*no-repeat left top border-bottom:1px added bottom  in CSS*/
#sidebarmenu h3 {
	width: 175px;
	padding: 4px;
	background: url(../images/bg-h3.jpg) repeat-x left top;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#sidebarmenu ul {
	/*CSS added by Rubicon Team on 07 Oct 2010 starts */
	margin: 0!important;
	list-style: none!important;
	/*CSS added by Rubicon Team on 07 Oct 2010 ends */
	height:auto!important;
}
#sidebarmenu li {
	padding: 0px 10px 0px;
	/*CSS added by Rubicon Team on 07 Oct 2010 starts */
	width:140px!important; height:auto!important; margin-left:-8px!important; margin-bottom:10px!important;
	/*CSS added by Rubicon Team on 07 Oct 2010 ends */
	border-bottom: 0px dashed #ccc;
}   /* CSS added by Rubicon Team on 25Aug2010*/ /* css Commented by Rubicon Team on 25Aug2010:  padding: 2px 10px 4px; border-bottom: 1px dashed #ccc;*/

/*CSS added by Rubicon Team on 07 Oct 2010 starts */
#sidebarmenu li a{
 margin-left:0px!important; height:auto!important;}

/*CSS added by Rubicon Team on 07 Oct 2010 End */

#sidebarmenu li:hover {
	/*CSS added by Rubicon Team on 07 Oct 2010 starts */
	margin-left:-7px!important; width:140px!important; height:auto!important;
        padding-left: 9px;
	margin-right:10px;
	/*background: #FFF url(../images/arrows.gif) no-repeat right top;*/
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	/*CSS added by Rubicon Team on 07 Oct 2010 end */
}
#sidebarmenu a:hover {
	color: #000;
	/*CSS added by Rubicon Team on 07 Oct 2010 starts */
	height:auto!important;
	/*CSS added by Rubicon Team on 07 Oct 2010 ends */
}

 /*CSS commented by Rubicon team on 7 Oct 2010*/
/* #sidebarclose {
	width: 183px;
	height: 20px;
	background: url(../images/bg-sidebar-bottom.jpg) no-repeat left bottom;
}*/

 /* CSS Updated by Rubicon team on 7 Oct 2010*/
#sidebarclose {
	width: 183px!important;
	height: 20px!important;
	background: url(../images/bg-sidebar-bottom.jpg) no-repeat left bottom!important;
	z-index:9999!important;
	display:block!important;
	float:left!important;
}

#printablearea {
	float: left;
	width: 680px;
	background: url(../images/bg-h1.jpg) repeat-x left top;
	min-height: 360px;
}
#breadcrumbs {
	width: 680px;
	height: 41px;
	color: #999;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #999;
	text-decoration: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #736b6b;
	text-decoration: underline;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumbs span {
	color: #ff9933;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#printablecontent {
	width: 680px;
}
/*SPEC*/
.chart {
	width: 660px;
	border: 2px solid #808080;
	border-collapse: collapse;
	margin: 25px 10px 10px 10px;
	float:left;
}
.chart th {
	padding: 5px 3px;
	text-align: center;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #ccc;
	vertical-align: top;
	border-color: #808080;
}
.chart td {
	text-align: center;
	padding: 3px;
	border-color: #808080;
	vertical-align: top;
	font-size: 0.95em;
}
.chart td a {
	display: block;
	font-size: 0.95em;
	font-weight: bold;
}
.chart a:hover {
	color: #000;
}
.chart td span {
	font-size: smaller;
	color: #666;
}
.leftalign {
	text-align: left !important;
}
.chart tr:hover, .chart tr.even:hover {
	background-color: #c0dfff;
}
.chart tr.even {
	background-color: #f6f4f4;
}
/*ERROR/SUCCESS BOXES*/
#error {
	color: #930000;
	font-weight: bold;
	background-color: #FFD5D5;
	border: 1px dotted #930000;
	padding: 8px;
	margin: 6px 0px 18px 0px;
}
#success {
	color: #2A8A00;
	font-weight: bold;
	background-color: #E2FFD5;
	border: 1px dotted #2A8A00;
	padding: 8px;
	margin: 6px 0px 18px 0px;
}
/* My Quote */
.tblEasyQuote {
	width: 200px;
	padding:0;
	margin:0
}
 /*
 .tblEasyQuote td, .tblEasyQuote t 
*/
/*--------------- CSS Added by Rubicon  --------------- */

/*#printablecontent{
	width:685px;
	height:auto;
	display:block;
	float:left;
	background: url(images/bg-h1_new.jpg) left top no-repeat;
}*/
.products_links {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	width:220px;
	float:left;
	/*border:2px solid red;*/
}
.products_links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.products_links li {
	margin:8px 0 2px 2px;
	padding:0px;
	list-style-type: none;
	list-style-image:url(images/li_icon.gif);
	list-style-position:inside;
}
.products_links li a:link, .products_links li a:visited, .products_links li a.active {
	color:#1A85C9;
	text-decoration:underline;
	padding-left:5px;
}
.products_links li a:hover {
	color:#FF9900;
	text-decoration:none;
	padding-left:5px;
}
/*CSS For Table Chart 2nd page*/

.chart_heading {
	-x-system-font:none;
	background-color:#CCCCCC;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding:5px 8px;
	text-align:left;
	vertical-align:top;
}
.chartList {
	border-color:#808080;
	font-size:0.95em;
	padding:0px;
	text-align:left !important;
	vertical-align:top;
	float:left;
	border:2px dotted #808080;
	width:99%;
	height:auto;
}
.chartList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.chartList li {
	border-color:#808080;
	font-size:0.95em;
	padding:0px;
	text-align:left;
	border-top:1px solid #808080;
	height:24px;
	background-color:#CCC;
}
.chartList li a {
	display:block;
	font-size:0.95em;
	font-weight:bold;
	height:20px;
	padding:2px 0 2px 10px;
	text-decoration:none;
	background-color:#f4f4f8;
	font-family:Arial, Helvetica, sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color:#333333;
}
.chartList li a:hover, chartList li a.active {
	color:#333333;
	background-color:#c0dfff;
	height:20px;
	padding:2px 0 2px 10px;
	text-decoration:none;
}
h {
	text-align:center;
	white-space: nowrap;
	vertical-align: middle;
	padding: .5em 0 .5em .5em;
}