/******************** Start => Page Layout Divs ********************/

#body_wrapper {  /*For the adaptive CSS : All the child classes will behave depending on this IDs class change for different resolution*/
	margin: 0 auto; /*To keep content of the body in the center of the page. */
	text-align: left;
	}
	.aig800 {
		width: 743px; /* To adjust the width of the #body_wrapper in 800/600 screen resolution */
		}
	.aig1024 {
		width: 970px; /* To adjust the width of the #body_wrapper in 1024/768 screen resolution */			
		}	
#grid_wrapper { /* Wrapper for the content Divs e.g Left, Center and Right Grid */
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto !important;
	overflow: visible;	
	float: left;
	}
	.aig800 #grid_wrapper{
		width: 743px;
		}
	.aig1024 #grid_wrapper{
		width: 970px;
		}		
br.both {/* Mendatory for the grid_wrapper to strech till the end */
	line-height: 0;
	height: 0;
	clear: both;
	}
div.clearer { /* Workaround CSS : Mendatory for the grid_wrapper to strech till the end */
	clear: left;
	line-height: 0; 
	height: 0;	
	}	
#gridLeft { 						/* Left Grid/Column - Fluid with fixed right margin */
	float: left;
	width: 150px; 					/* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 0 0 0 0 !important;
	margin: 0 -3px 0 0;
	padding: 0 0 0 0;
	overflow: hidden !important; 	/* DO NOT REMOVE */
	overflow: visible;				/* DO NOT REMOVE */
	}
#pageBanner{						/* This section can used for page level Banner / Breadcrumb / Page Title Section */
	 margin: 0 0 0 0;
	 padding: 0 20px 0 18px;
	 overflow: visible; 			/* DO NOT REMOVE */
	}	
#gridRight { 						/* Right Grid/Column */	
	float: right;
	height: 100%;
	width: 192px; 					/* width of the right sidebar -- can be set to any value including percentages */
	margin: 0 !important;
	margin: 0 0 0 -3px; 		/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 11px 0 0 0;	
	overflow: hidden !important;
	overflow: visible;
	}
#gridCenter { 						/* Center Grid/Column - Fluid with fixed right margin */
	min-height: 400px;
	height: 100% !important;
	height: 400px;
	margin: 0 0 0 0;
	padding: 11px 20px 20px 18px;
	overflow: hidden !important;	/* DO NOT REMOVE */
	overflow: visible;				/* DO NOT REMOVE */
	}
/******************** End => Page Layout Divs ********************/


/******************** Start => Page Header ********************/
#mastHead {
	margin: 0;
	padding: 0;
	height: 94px;
	}
/*****************************************************************************/
/*Component Divs                               */
/*****************************************************************************/
/*---- global links styles ----*/
.topLinks {
	float: right;	
	padding:0 0 2px 0;
	margin: 0 0 0 0 !important;
	margin: 0 0 0 0;
	}
	.topLinks span{
		padding: 0;
		}	
	.topLinks a, .topLinks a:visited {
		white-space: nowrap;
		padding-bottom: 3px;
		display: block; 
		float: left; 
		margin-top: 10px;		
		}	
	.topLinks img {
		float: left;
		}
	#topLinkUni{
		float:left;
		display: block;
		}
	#topLinkUni	a{
		float: left;
		display: block;
		padding: 0;
		margin: 0;
		padding-top: 10px;
		}
	#topLinkUni img{
		margin: -3px 3px 0 0;		
		}
	#topLinkUni	a img{
		display: block;
		margin: -13px 3px 0 0;
		}
	.topLinks .onPage{ /* Active Page Link */
		margin-top: 10px;
		float: left;
		}
	.topLinkSep img, #topLinkUni .topLinkSep img { 	/* Top Link Seperator Image */
		margin: 0 7px 0 7px;
		height: 25px;
		}
	.langLinkSep img{ 	/* Language Seperator Image */
		margin: 10px 5px 0 5px;
		height: 13px;
		}	
#logo {
	padding: 0 0 0 0;
	margin: -15px 0 0 0 !important;
	margin: -15px 0 0 0;
	float: left;
	}		
#logobanner1{						/* The first Branding container - Can be Image or Text */
	float: left;
	padding: 0 0 0 0;
	margin: -15px 0 0 0;
	}
#logobanner2, #logobanner3, #logobanner4{	/* Second Branding container - Can be Image or Text */
	float: left;
	padding: 0 0 0 0;
	margin: -15px 0 0 0px;
	overflow: hidden; 
	}

#emergencyInfo {
	position: absolute;
	margin-left: 88px;
	}
	/*Alternate CSS For Netscape*/
	html>body #emergencyInfo { 
		position: fixed;
	}
.emsBox{
	width:221px;
	height:57px;
	}
.emsTitle{
	margin:0;
	height:18px;
	padding:1px 2px 0 1px;
	}
.emsText{
	padding:0 0 0 0;
	margin:0;
	height:38px;
	}
#siteSearch {
	float: right;
	padding: 0 0 0 0;
	margin: 18px 0 0 0 !important;
	margin: 18px 0 0 0;
	height: 41px;
	}
#siteSearch input{
	float: left;
	margin-right: 3px !important;
	margin-right: 3px;
	}
.btn {
	margin: 0 0 0 0 !important;
	margin: 0px 0 0 0;
	height: 19px !important;
	height: 19px;
	vertical-align:top;
	}
#globalNav {
	float: left;
	padding: 0 0 0 0;
	margin: -15px 0 0 0;
	}
	#globalNav a {
		padding: 0 0 0 0;
		}
	/*---- B: For the tab layout ----*/
	#globalNav a span {	
		padding: 4px 0 3px 0;
		*padding: 5px 0 5px 0;
		margin: 0 10px 0 10px;
		}
	#globalNav a, #globalNav a span {
		display: block;
		float: left;
		}
	/*---- Hide from IE5-Mac ----*/
	#globalNav a, #globalNav a span {
		float: none;
		}/* End hide */
	#globalNav a:hover, #globalNav li.tabOn a {		
		}
	#globalNav a:hover span, #globalNav li.tabOn span {		
		}
	#globalNav ul#glbLink {
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
	#globalNav li {
		float: left;
		margin: 0 2px 0 0;
		width: 104px;
		}
	#globalNav .navLink {
	height:36px;
	}
#utilityNav {
	float: right;
	width: 250px;
	margin: -16px 0 0 0;
	padding: 0 0 0 0;
	}
	#utilityNav div.topLinks{
		margin: 0 0 0 0 !important; 
		padding: 0;
		}
	#utilityNav .topLinks img{
		height: 35px;
		margin: 2px 5px 0 5px;
		padding: 0;
	}
/******************** End => Page Header ********************/


/******************** Start => BreadCrumb ********************/	
#breadCrumb {
	clear: both;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	}
	#breadCrumb .bcModule{
		margin: 0;
		padding: 0;
		margin-right: 10px;
		height: 15px;
		float: left;
		display: inline;
		}
	#breadCrumb .bcModule img{
		margin-right: 8px;
		}
	#breadCrumb .bcModule a.drop, #breadCrumb .bcModule a.drop:visited, #breadCrumb .bcModule a.drop:hover {
		display: inline;
		white-space: nowrap;		
		padding: 2px 2px 1px 12px;			
		margin:0px;
		}

/* Start => BreadCrumb Dropdown */
#dropMenuDivAIG {
	width: 180px;
	position: absolute;
	z-index: 100;
	margin-top: -18px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	}
#dropMenuDivAIG a{
	width: 96%;
	display: block;
	padding: 3px 0 3px 5px;
	}
/* End => BreadCrumb Dropdown */
/******************** End => BreadCrumb ********************/

/******************** Start => Page Title ********************/	
#pageTitle {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	min-height: 43px;
	height: 43px;
	}
	#pageTitle img{
		padding: 0;
		padding-right: 10px;
		}
	#pageTitle .pageName {
		margin: 0 0 0 10px;	
		padding-top: 10px;
		}
	#pageTitle .link {
		margin: 0 0 0 10px;
		padding-bottom: 5px;	
		}
		
/******************** End => Page Title ********************/	


/******************** Start => Page Components ********************/

/* Start => List items for the whole page */
#rules {
	float: left;
	width: 100%;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
    }
#rules hr {
	border: 0;
	height: 1px;
	margin: 0;
	padding: 0;
	display: none;
	}
.title{
	clear: left;
	margin: 0 0 10px 0;
	}
ul.bulleted{
	margin: 0;
	margin-left: 25px;
	padding: 0px 5px 5px 0;
	list-style-type: square;
	}
	ul.bulleted li{
		padding: 0 0 0 0;
		margin: 2px 0 2px 0;
		}
	.centerModule ul.bulleted{
		padding: 0;
		}
ul.bigBulleted li {
	margin: 5px 2px 2px 8px;
	padding: 0;
	}	
ul.nonBulleted{
	list-style-type: none;
	margin: 0;
	padding: 5px 10px;
	}
	ul.nonBulleted p{
		list-style-type: none;
		margin: 0;
		padding: 5px 0px;
		}	
ul.nonBulleted ul, ul.bulleted ul, ul.bigBulleted ul, ul.imageBulleted ul{
	padding: 4px 0 10px 14px;
	*padding: 4px 0 10px 17px;
	margin: 0 0 0 0;
	}
	ul.nonBulleted ul li, ul.bulleted ul li, ul.bigBulleted ul li, ul.imageBulleted ul li{
		padding-bottom: 3px;
		}
ul.imageBulleted {
	margin: 5px 5px;
	padding: 0; /* Cross check in all browser the positions of the bullets, when changed */
	list-style: none;
	}
	ul.imageBulleted li {
		clear: left;
		list-style: none;
		padding: 1px 0 1px 5px;
		}
	ul.imageBulleted li img {
		padding-right: 5px;
		}
/* End => List items for the whole page */

/* Start =>Standard Module*/
.module { /* Center Module properties: It has all the component which Left and Right Module has */
	margin: 0 0 0 0;
	clear: left;
	}
	.module .moduleImage { 
		float: left;		
		}
	.module .moduleTitle { 
		margin: 0 0 5px 0;
		}
	.module .moduleTitle a { /* Module Title as a link */
		margin-bottom: 10px;
		}		
	.module .moduleTitle img {
		float: none; /*Important: For the forcefull line break*/
		}
	.module .moduleSubTitle { 
		margin-bottom: 5px;
		}
	.module img { /* Center Module Image */
		float: left;		
		padding: 5px;
		}
	.module p {
		margin: 5px 0 3px 0;
		display: block;
		}
	.module .moduleFooter {
		margin: 3px;
		}
	.module .moduleMore {
		text-align: left;
		white-space: nowrap;
		}
	.module ul.bigBulleted li {
		margin: 5px 2px 2px -25px;
		padding: 0;
		}
div.moduleBanner{
	margin: 5px;
	padding: 10px 3px;
	text-align: center;
	}		
/* End => Standard Module */

/*---Start Category Module-----*/
.moduleCat {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	display: block;
	}
.moduleCat .moduleTitle{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	}	
.moduleCat .moduleImage{
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	overflow: hidden !important;
	overflow: visible;
	}	
.moduleCat .moduleCont{
	display: block;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin: 0 0 0 0;
	padding: 0 15px 0 0;
	overflow: hidden !important;
	overflow: visible;
	}
.moduleCat .moduleCont .moduleTitle{
	display: block;
	margin: 0 0 5px 0;
	}
.moduleCat .moduleCont .moduleText p{
	margin-top: -3px;
	padding: 0;
	}		
	.moduleCat .moduleImage img{
		margin: 0;
		padding: 0;			
		}		

/*----End Category Module------ */


/* Start => Center Column Standard Module*/
#DivShim{	/* Iframe which overlaps on select box */
	position:absolute;
	display:none;
	filter:alpha(opacity=0);
	}
.centerModule { /* Center Module properties: It has all the component which Left and Right Module has */
	margin: 0 0 0 0;
	}
	.centerModule .moduleTitle { 
		text-align: left;
		margin-bottom: 5px;
		display: block;
		}
	.centerModule .moduleTitle a { /* Module Title as a link */
		margin-bottom: 10px;
		}		
	.centerModule .moduleTitle img {
		float: none; /*Important: For the forcefull line break*/
		}
	.centerModule .moduleSubTitle { 
		margin-bottom: 5px;
		}
	.centerModule img { /* Center Module Image */
		float: left;		
		padding: 5px;
		}
	.centerModule p {
		padding-bottom: 10px;
		margin: 0;
		display: block;
		}
	.centerModule .moduleFooter {
		margin: 3px;
		}
	.centerModule .moduleMore {
		padding: 1px 0;
		clear: left;
		text-align: left;
		}
/* End => Center Column Standard Module */

.callToAction {
	}	
.callToAction .moduleTitle, .callToAction .moduleSubTitle, .callToAction .moduleImage{
	float: left;
	}
callToAction .moduleImage img {
	vertical-align: middle;
	}
/* Start => Left/Right Column Standard Module*/		
.rightModule, .leftModule, .rightModuleAds, .leftModuleAds {
	margin: 0 0 12px 0;
	}
	.rightModule a, .rightModule a:visited, .leftModule a, .leftModule a:visited {
		/*white-space: nowrap;*/ /* This avoids the href to get wrapped in the Box */
		}
	.rightModule .moduleTitle, .leftModule .moduleTitle { /* Module Title */
		display: block;
		padding: 4px 10px 4px 10px;
		}			
	.rightModule .moduleTitle a, .leftModule .moduleTitle a{ 
		}		
	.rightModule .moduleTitle img, .leftModule .moduleTitle img {
		float: none;
		padding: 0;
		margin: -4px -10px;
		}
	.rightModule .moduleSubTitle, .leftModule .moduleSubTitle{ 
		display: block;
		padding: 2px 10px;
		}
	.rightModule img, .leftModule img {
		padding: 2px;
		}
	.rightModule p, .leftModule p{
		margin: 5px 10px;
		}
	.rightModule .moduleFooter, .leftModule .moduleFooter {
		margin: 5px;
		}
	.rightModule .moduleMore, .leftModule .moduleMore {
		padding: 1px 0;
		}
	.rightModule .moduleMore p, .leftModule .moduleMore p {
		padding: 5px 10px 5px 10px;
		margin: 0;
		}		
	.rightModule form, .leftModule form {
		padding: 0;
		}
	.rightModule div.boxAction, .leftModule div.boxAction {
		padding: 0 12px 5px 10px;
		text-align: right;
		}						

.rightModule, .rightModuleAds, .leftModule, .leftModuleAds {
	width: 182px; /* Fixed width Left and Right Modules*/
	}
.rightModuleAds img, .leftModuleAds img {
	padding: 0;
	}
.leftModule { /* Additional properties of the left module */
	clear: left;
	float: left;
	margin-right: 15px;
	}
.conBuyModule {
	overflow: hidden
	}
/* End =>  Left/Right Column Standard Module */

.column { /* To create column within the content */
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	padding-left: 10px;
	width: 43%;
	}
.column li { 
	padding-left: 5px;
	margin-bottom: 5px;
	line-height: 15px;
	}
.adaptiveCol{ /* To create Adaptive column within the content */
	float: left;
	margin: 0 0 0 0;
	}
	.adaptiveCol ul{
		margin: 0;
		padding: 0;
		padding: 0 10px 0 10px;
		}
.aig800 .adaptiveCol{
	width:98%;
	}
.aig1024 .adaptiveCol{
	width: 100%;
	padding: 0 0 0 0;
	}
	
.adaptiveColA{ /* To create Adaptive column within the content */
	float: left;
	margin: 0 10px 0 0;
	overflow:hidden;
	}
.adaptiveColPD{ /* To create Adaptive column within the content */
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}	
	.aig800 .adaptiveColA{
		width:95%;
		}
	.aig1024 .adaptiveColA{
		width: 320px !important;
		width:335px;
		padding: 0 0 0 0;
		}
	.adaptiveColA ul{ /* Gives the margin between the list content items */
		padding: 0 0 20px 0;
		}		
	.adaptiveColA li{ /* To create Adaptive column within the content */
		padding: 0 0 0 0;
		margin: 0 0 0 0;			
		}		
.floatRight { /* Common class to float any component right */
	float: right;
	margin: 5px 0 5px 5px;
	}
.floatLeft { /* Common class to float any component left */
	float: left;
	margin: 0 5px 0 0;
	}
.new-line { /* To start the "LEFT" floating div block in the next line */
	clear: left;
	}
	
/******************** End => Page Components ********************/

#underWriter, #underWriter a, #underWriter a:visited, #underWriter a:hover {
	clear: left;
	padding: 10px 0 10px 0;
	}
	
/******************** Start => Flyout Content Section ********************/	
#flyoutMenu1{
	margin: 21px 0 0 -1px;
	*margin: 21px 0 0 -321px;
	}
#flyoutMenu2{
	margin: 21px 0 0 105px;
	*margin: 21px 0 0 -215px;
	}
#flyoutMenu3{
	margin: 21px 0 0 211px;
	*margin: 21px 0 0 -109px;
	}
.flyoutMenu{
	position: absolute;
	text-align: left;
	z-index: 100;
	width: 400px;
	display: none;
	}		
.flyoutLeftModule{
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0 5px 0;
	width: 50%;
	}
.flyoutMenu .flyoutFirstSection{
	min-height: 20px;
	height: auto !important;
	height: 20px;
	width: 400px;
	clear: both;
	display: block;
	}	
.flyoutFirstSection .flyoutLeftModule .moduleTitle a{
	display: block;
	margin: 0;
	padding: 3px 0 3px 12px;
	}
.flyoutFirstSection .flyoutLeftModule ul{
	margin: 0;
	padding: 0 0 0px 0;
	padding-left: 28px;
	}	
.flyoutFirstSection .flyoutLeftModule li{
	margin: 0;
	padding:2px 0 0 2px;

	/*list-style-type: none;*/
	}
.flyoutFirstSection .flyoutLeftModule li a{
	display: block !important;
	display: static;
	line-height:14px;
	/*padding: 2px 0 2px 0;*/
	margin: 0 0 0 -2px;
	width: 100%;
	}	


/******************** End => Flyout Content Section ********************/	

/*************** Start ==>Breadcrum Flyout Styling	****************/
.bcFlyout{
	position: absolute;
	display: none;
	margin: 14px 0 0 -1px !important;
	margin: 15px 0 0 -1px;
	padding: 0 0 10px 0;
	width: auto;
	z-index: 100;
	width: 200px;
	}
.bcFlyout ul{
	margin: 0 0 0 0;
/*	padding: 0 0 0 12px !important;*/
	padding: 0 0 0 28px;
	}
.bcFlyout li{
	margin: 0;
	padding:2px 0 0 2px;
	}
.bcFlyout .moduleTitle a{
	display: block;
	margin: 10px 0 0 0;
	padding: 5px 3px 5px 12px;
	width: 185px;
	}
.bcFlyout li a{
	display: block !important;
	display: static;
	line-height:14px;
	width:168px;
	font-size: 11px;
	/*padding: 2px 5px 2px 0;*/
	margin: 0;
	margin-left: -2px;
	}
/*************** End ==>Breadcrum Flyout Styling	****************/

/*************** Start ==> Company Details ****************/
.contModule{
	position: absolute;
	width: 200px; 
	height: auto; 
	margin: 9px 0 0 145px !important;
	margin: 22px 0 0 0;
	padding: 10px !important;
	padding: 10px 10px 0 10px;
	display: none;
	z-index: 100;
	}
.contModule .content{
	display: block;
	clear: both;
	}
.contModule .close{
	float: right;
	display: block;
	clear: left;
	}
.contModule .moduleMore{
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}		
/*************** End ==> Company Details ****************/

/******************** Start => Footer ********************/
#pageFooter {
	clear:left;
	margin:10px 0pt 0pt;
	padding:0pt 15pt 10px 15px;
	width: 90%;
	}
#pageFooter p {
	margin:0pt;
	padding:10px 0pt 0pt;
}
#pageFooter ul.nonBulleted{
	margin: 0 0 0 -10px;
	}
#siteFooter {
	clear: both;
	padding: 10px 25px 10px 0;
	margin: 0 0 0 0;
	}
#siteFooter a {
	padding: 0 0 0 0;
	}
#siteFooter hr {
      border: 0;
      width: 100%;
      height: 1px;
    }		
/******************** End => Footer ********************/

/*Start =>CSS for Sucur sales HTML component*/	
.aig1024 #grid_wrapper #salesContainer{
	width: 100%;
    }

.aig800 #grid_wrapper #salesContainer {
	width: 100%;
	}
.salesSection {
	width: 48%;
	float: left;	
	}
#salestxtsec {
	width: 100%;
	border: 1px solid #000;
	padding: 5px;
	}
.salesmainTitle {
	float: left;
	font: bold 12px arial;
	color: #000;
	width: 100%;
	padding: 0 0 10px 0;
	}
.salesTitle {
	padding: 0 0 5px 0;; 
	float: left;
	font: bold 11px arial;
	color: #000;
	width: 100%;
	}
.salesSubTitle {
	float: left;
	font: bold 11px arial;
	color: #F90225;
	width: 100%;
	}
.salesText {
	float: left;
	font: 11px arial;
	color: #000;
	width: 100%;
	line-height: 16px;
	margin-bottom: 20px;
	}
/*End =>CSS for Sucur sales HTML component*/