@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific sty;es

==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");	
/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
/* white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit */
body{
	color:#666;font-size:1em;line-height:18px;background:#fff ;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;font-variant:normal;white-space:normal;
}
body.frme{font-size:smaller;width:910px;}
	
/* 
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a:link, a:visited { border-bottom: none; color:#366EAA; }
/* remove dotted outlines in FF */
a:hover,a:active,a:focus, :focus { outline-style:none; outline-width:medium; outline:0 none; }
a:link.external, a:visited.external { /*background: transparent url('../inc/images/bg/external.gif') top right no-repeat;*/ padding-right: 12px; }

form p{margin:0px;padding-left:0px;} /* Override the Styles in the base class  */
/* paragraphs */
h2{text-align:left}

h4{margin-bottom:0;font-size:12px;}
p{}
p:first-letter{}
p:first-line{}

img{background:url('../shared/img/icn/loader_msg.gif') no-repeat center;}

/* list types Style */
ul {margin:0 0 15px;padding:0px; }
ul li{list-style:none;}
ol {margin:5px 0;}
ol li{}

.main-col #main-content ul.norm li {padding:0 0 0 20px;} 
.main-col #main-content ol li {margin:0 0 0 25px; } /* Main content list overide */

.blocks li{padding: 0 0 0 20px;background: url('../img/design/list.gif')  no-repeat scroll 0px 5px;}

dl dt { font-weight: bold; }
dl dd img { display: inline; }
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */

/* blockquotes */
blockquote { background-color: #f5f5f5; margin-bottom: 1em; }
blockquote p { font-family: georgia, "times new roman", serif; color: #ccc; font-size: 1.5em; margin: 5px 5px 5px 10px; }
blockquote cite { font-style: normal; color: #ccc; font-weight: bold; }

hr{height:1px;border:none;background:#E0E0E0} /* url('../inc/images/bg/hr.gif') repeat-y;*/

/* Quote */
quote {  }

/* strong */
strong {  }
strong.error { color: #f00; }
b{color:#366EAA;}

/* em */
em.required { color: #f00; font-weight: bold; font-style: normal; }

/* box model padding */
h1, h2, h3,  p, blockquote { padding: 0 0 15px; }

/* headers */
h1, h4 { color: #565864; }
h1 { font-size:26px;color:#3e3e3e; padding:15px 0 20px; }
h2 { font-size:20px;color:#A0A0A0;}
h2.blue{color:#366EAA;margin-top:5px;}
h3{color:#366EAA;font-size:13px;}

input.frm-btn{}
/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
.holder{width:976px;background: url('../img/bg/main-body-bg.png') repeat-y;	margin:0 auto;}
.blue-holder{background:url('../img/bg/sub-tab-bg.png') repeat-x scroll center top;}	
.full-outer{width:100%;background: #F3F3F3;} /* url('../img/bg/BlueSq.png') no-repeat top right*/
.full-spread{min-height:1100px;width:99%;margin:auto;}	


.holder .left-fade{}
.outer{padding-bottom:25px;}
.main-col #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 950px;  /* Using the maximum size to fit current resolutions of 984px. */
	background-color:transparent;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size:0.8em;
	min-height:1100px;
	 /*height:auto !important;height:1030px;min-height:1030px;*/
} 

.main-col #main-content { padding:8px}
/* margin: 0 0 0 0; padding:0 3% 0 0;*/
 /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
.main-col #main-body{width:725px;padding-right:5px;}
.main-col #main-body-no-right-menu{width:930px;}
.main-col #right-sidebar {position: absolute; right:0; width: 215px;display:block;overflow:none;} /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
.main-col #header {position:relative;z-index:10; width:100%; height:95px; text-align: left; }
.main-col #header-leadin {position:relative;z-index:8; width:100%; text-align: left;} /* */
.main-col #footer { width:100%; height:40px; text-align: left; }

 /*
==========================================================================
4 - Header styles
==========================================================================
*/
#header{width:100%;background:url('../img/bg/header-bg.png') repeat-x;}
#header a:hover, #header a:focus, #header a:active { border:0 none;text-decoration:none; }

/* #header-container allows centered content with full width header border:solid 1px #F00; */
#header-container 
{margin:0 auto 1px;width:950px;position:relative; height:95px;}
#header-container #search{color:#FFF;
	margin-top:0px;margin-right:5px;padding:5px;width:250px;
	position:absolute;right:0;}
input.frm-input{border:solid 1px #606060;color:#FFF;font-size:11px;width:150px;height:18px;
	padding-left:5px;padding-right:5px;}	
input.frm-btn{width:20px;margin-left:-5px;border:none;background:url('../img/buttons/btn-search.png') no-repeat scroll 100% 0;}	
input.frm-clear{width:20px;border:none;background:url('../img/buttons/btn-clear.png') no-repeat scroll 100% 0;}

#lng {position:absolute;right:0}
#lng  li{display:block;float:left;margin-right:5px;}
#lng  li a{color:#FFF;font-size:11px;vertical-align:middle;}
#lng  li a img{display:inline-block;margin-right:2px;vertical-align:middle;}
#lng  li a:hover{text-decoration:underline}
#header-leadin-container{z-index:7; position:relative;width:950px;margin:0 auto;height:169px;text-align:left;font-size:0.9em;border-bottom:solid 1px #E0E0E0; }

#header #logo {margin-top:5px;position:absolute;/*width:314px;height:77px;*/ }
/*background:transparent url('../../inc/images/header/api-logo.jpg') no-repeat scroll 0 0;*/

#header #Logged-in{position:absolute;background:url('../img/bg/login-viewerBG.png');bottom:0;right:0;margin:10px 0px 0px 10px;
	width:280px;height:50px;
	padding:5px 8px 5px 10px;color:#FFF;font-size:smaller;
	} /*background:url('../../inc/img/design/bg/API-LoggedIn.png') no-repeat;*/
#header #Logged-in .Inline{display:inline;float:right}

#header-tabs{height:29px;background:  url('../img/bg/tab-bg.png') top repeat-x;}
#header-tabs #tabs{position:relative;left:0;width:950px;margin:0 auto 0px;padding-top:30px;} /*background:#F00;*/
#header-tabs #tabs ul#nav {position:absolute;left:0;bottom:0;height:30px;line-height:30px;padding:0;margin:0; }
#header-tabs #tabs ul#nav li {float:left;height:29px;line-height:29px;margin:0;padding:0;list-style:none; border-left:1px solid #E0E0E0;border-right:1px solid #A3A3A3;}
#header-tabs #tabs ul#nav li.selected{background:url('../img/bg/tab-bg-selected.png') top repeat-x;border-left:1px solid #2F3E9B;border-right:1px solid #2F3E9B;}
#header-tabs #tabs ul#nav li.selected a{color:#FFFFFF;}
#header-tabs #tabs ul#nav li a {vertical-align:middle;position:relative; display:block;padding:8px 15px 0 15px;
	font:bold 13px Helvetica,Arial,sans-serif;color:#595556;}
#header-tabs #tabs ul#nav li a:hover{color:#B8130F;border-bottom:none;text-decoration:none;}
#header-tabs #tabs ul#nav li.selected a:hover{color:#F3F3F3}
#header-tabs #tabs #tab-right{position:absolute;right:0;top:0}
#header-tabs #tabs #tab-right #contact{margin:1px;float:right;background:url('../img/bg/grn-bg.png') repeat-x;border:solid 1px #448939}
#header-tabs #tabs #tab-right #online{margin:1px;float:right;background:url('../img/bg/yel-bg.png') repeat-x;border:solid 1px #E2BF01}
#header-tabs #tabs #tab-right #contact:hover{border:solid 1px #559A4A}
#header-tabs #tabs #tab-right #online:hover{border:solid 1px #FFCC00}
#header-tabs #tabs #tab-right a{padding:4px 5px 3px 5px;display:block;color:#FFF; text-transform:uppercase;font-weight:bold;}
#header-tabs #tabs #tab-right a:hover{border-bottom:none;text-decoration:underline;}
/* == SUB MENU == */
#sub-menu{position:relative;color:#FFFFFF;width:950px;height:28px;margin:0px auto 0px auto;background:url('../img/bg/sub-tab-bg.png') top repeat-x;}
#sub-menu ul{color:#FFF;font-weight:bold;border-bottom:solid 1px #446EA5;
	position:absolute;left:0;bottom:0;height:28px;line-height:28px;padding:0;margin:0; }
#sub-menu ul li { float:left;height:28px;line-height:28px;margin:0;padding:0;list-style:none;}
#sub-menu ul li a{font:bold 11px "Helvetica";padding:8px 14px 0 14px;color:#FFF;}/* border-left:1px solid #FFF;border-right:1px solid #FFF;*/
#sub-menu ul li span{font:bold 11px "Helvetica";padding:8px 14px 0 14px;color:#FFF;}
#sub-menu ul li a:hover{text-decoration:underline;border-bottom:none;}
#sub-menu ul li:after {content: "| ";}


#header #nav-search{position:absolute;top:3px;right:100px;width:295px;height:34px; font-size:12px;color:#FFFFFF; background-color:#231f20;border:1px solid #666;border-top:0 none; }
#header #nav-search ul {margin:4px 0;padding:0; }
#header #nav-search ul li{float:left;list-style:none;line-height:20px;margin:2px 0; }
#header #nav-search li a{display:block; margin:4px 0 0;font-size:12px;line-height:12px;color:#FFFFFF;padding:0 5px;border-right:1px solid #fff; }
#header #nav-search li a:hover{color:#FFCC00;text-decoration:underline}

#header #nav-search li span{display:inline;margin:0;padding:0; }
#header #nav-search li span fieldset{display:inline;margin:0;padding:0; }
#header #nav-search li span input{margin:0;padding:0;border:1px solid #8f8f8f;background-color:#FFFFFF; }
#header #nav-search li span input.frm-btn-icon{height:20px; }
#header #nav-search li.search{padding:0 4px;}

#header a#button-contact{position:absolute;top:3px;right:1px; font-size:12px;text-align:center;padding:0 10px;height:34px;line-height:34px;background:#231f20;color:#fd0;border:1px solid #666;border-top:0 none; }
#header a:hover#button-contact{background-color:#7d7d7d; }

#header-leadin-left-image{position:absolute;bottom:5px;left:0px;width:722px;height:165px; } 
#header-leadin-left-image img{position:absolute;left:0;margin:1px auto;max-width:722px;max-height:165px;} 
#header-leadin-content{position:absolute;width:490px;height:140px;top:20px;left:370px; }
#header-leadin-right{z-index:9;position:relative;width:200px;height:165px;bottom:0;
			margin-left:728px;right:1px;
			padding:10px 8px 5px 10px;font-size:15px;font-weight:normal;line-height:22px;
			} 
#header-leadin-right .padding{padding: 10px; } /* fixes IE6 bugs (can't have width and padding on same element) */
#header-leadin-right h2{padding:0 0 0px;font-size:18px; }
#header-leadin-right .lbl{color:#3D52BF;display:inline-block;width:60px;}
#header-leadin-right .ph{float:right;font-family:"Helvetica"}/*Times New Roman*/
#header-leadin-right .detail{font-size:10px;line-height:12px;display:block}
#header-leadin-right a{text-decoration:none;color:#565864}
/*
==========================================================================
5 - Main content styles
========================================================================== */
/* === #right-sidebar styles === */
.main-col #right-sidebar-padding { padding:0; }
#right-sidebar .right-menu-item{background:url('../img/design/right-menu-item.png') no-repeat;height:49px;
	padding:8px 10px 10px 5px;font-size:16px;margin-left:7px;}
#right-sidebar .right-menu-item img{float:left;margin-right:5px;margin-top:-3px}
#right-sidebar .right-menu-item:hover{background:url('../img/design/right-menu-item-hover.png') no-repeat}
#right-sidebar .right-menu-item .apply{color:#449233;display:block;padding-top:16px;height:45px;}
#right-sidebar .right-menu-item .apply:hover{border-bottom:none;}
#right-sidebar .right-menu-item .online{color:#606060;display:block;padding-top:16px;height:45px;}
#right-sidebar .right-menu-item .online:hover{border-bottom:none;}
#right-sidebar #display-img img{max-width:200px;}
.main-col #main-content-padding {padding:0;}
#right-sidebar #ads img{max-width:200px;}
#main-content-left {width:48%;float:left;text-align:justify;}
#main-content-right {width:48%;float:right;text-align:justify;}
#main-content-single{text-align:justify;}
/*
==========================================================================
6 - Footer styles
========================================================================== */
#footer {width:100%;background:#000; }
/* the container is used to allow centered content with a full width bar through #footer. */
#footer-container { font-size:12px;color:#FFF;width:940px;margin:0 auto;padding-top:10px;position:relative; }
#footer-container a, #footer-container a:hover, #footer-container a:active, footer-container a:visited  { color: #fff; border:0 none; }
#footer-container a:hover { color:#0099FF; border:0 none;}

#footer-container ul { list-style:none; margin:0; position:absolute;top:10px;right:20px; }
#footer-container ul li {color:#0099FF; display:inline; font-size: 12px; padding:0 2px; margin-left:0; }
/*
==========================================================================
7 - boxes
========================================================================== */
#boxes{display:block;position:relative;width:730px;overflow:auto}
#boxes .box-item{width:223px;display:block;float:left;white-space:nowrap;}
#boxes .box-item .blkb h2{color:#000000}
#boxes .box-item .blueb h2{color:#366EAA}
#boxes .box-item .blkb img{float:right}
#boxes .box-item .blueb img{}
#boxes .box-item a{color:#DDBB00;font-weight:bold;font-size:13px;}
#boxes .box-item ul{width:140px}

/* rounded corners */
.type2 {background-color:#CCDEDE;}
.type2 .cnr {background-image:url('../img/design/sprites/rounded-corners.png');}

.cnr{position:absolute; width:9px; height:9px;background-image:url('../img/design/sprites/rounded-corners.png');}
.rnd{position:relative; padding:17px; margin:10px 0;}

.TL {top:0; left:0; background-position: 0px  0px;}
.TR {top:0; right:0; background-position: 9px 0px;}
.BL {bottom:0; left:0; background-position:0px 9px;}
.BR {bottom:0; right:0; background-position:9px 9px;}

.blkb {background-color:#FFFFFF; border:1px solid #000;}
.blkb .TL {top:-1px;left:-1px;}
.blkb .TR {top:-1px; right:-1px;}
.blkb .BL {bottom:-1px; left:-1px;}
.blkb .BR {bottom:-1px; right:-1px;}

.blueb {background-color:#FFFFFF; border:1px solid #366EAA;}
.blueb .TL {top:-1px;left:-1px;background-position:-36px  0px;}
.blueb .TR {top:-1px; right:-1px;background-position:-45px  0px;}
.blueb .BL {bottom:-1px; left:-1px;background-position:-36px  -9px;}
.blueb .BR {bottom:-1px; right:-1px;background-position:-45px  -9px;}

/*
==========================================================================
8 - Page specific styles
========================================================================== */ 
.fltrt{float:right;margin-left:8px;}	
.fltlft{float:left;margin-right:8px;}
	
.clearfloat{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;}

/* === Product Spotlight Box === */
.product-spotlight { border:1px solid #3d3d3d; }
.product-spotlight .head { background-color:#3d3d3d;color:#fd0;font-weight:bold;height:22px;line-height:22px;padding:0 0 0 10px; }
.product-spotlight .body { padding:10px; }
.product-spotlight .body h3,.product-spotlight .body h2 { color:#806e00;font-size:1em; }

/* === Sitemap === */
/*ul#sitemap, #sitemap ul{list-style-type: none;  margin: 0; padding: 0;margin-bottom:15px; }  /*background: #fff url('../img/design/list.gif') repeat-y;*/
/*#sitemap ul { margin-left: 40px; }
#sitemap li { margin: 0; padding: 0 12px; line-height: 24px; background: #fff url('../img/design/list.gif') no-repeat 5px ;font-weight:bold;font-size:14px }
#sitemap li.noshow { background:none;}
#sitemap li ul { margin-left: 28px; }
#sitemap a { border-bottom: none; color:#3D52BF;}
ul#sitemap a:hover {color: #000;}*/

.addtop{margin-top:100px}