/* CSS Document */

body{
	float:left;
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-family:Arial;
	font-size: 12px;
	color: #000000;
	background-color:#eaeaea;
}
#divhldr, .divhldr{ height:auto; width:778px; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px; text-align:left; font-weight:normal; background-color:#fff;}
#divMenuBannerhldr{ float:left; width:778px; vertical-align:top;}

/*Menu Start*/
#menu_container {margin:0; position:relative; width:778px; height:33px; background-color:#000066; font-weight:normal;} /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu { float:left; width:175px; color:#ffffff; font-weight:normal;}
/* Start Headermenu Link */

.menu {font-size:11px; color:#ffffff; padding-left:3px; font-weight:normal;}
/* For Linkmenu Background..... remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:33px; color:#ffffff; font-weight:normal;}
/* style the sub-level lists */
.menu ul ul {width:80px; color:#ffffff; font-weight:normal;}
/* For 1st Link Background.....float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:33px;line-height:33px; color:#ffffff; font-weight:normal;}
/* style the sub level list items */
.menu ul ul li {display:block;width:10em;height:auto;position:relative;line-height:1em; color:#ffffff; font-weight:normal;}

/* 1st Level Menulink BG .....  style the links for the top level */
.menu a { display:block; float:left; height:100%; font-size:11px; font-weight:bold; text-decoration:none; color:#ffffff; padding:0px 41px 0 31px; text-align:left; z-index:auto;/*background:#00B6DE;*/}

/* 1st Dropdown ..... style the sub level links */
.menu ul ul a{display:block;background:#6699cc; color:#ffffff;width:14em;height:100%;line-height:1em; padding:0.5em 1em; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.menu ul table ul a  {width:10em; width:8em; color:#ffffff;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:11px; /*z-index:+1;*/ color:#ffffff;}
.menu ul ul table {lef\t:-1px; color:#ffffff;}
.menu ul ul table ul.left {margin-lef\t:2px; color:#ffffff;}

.menu li:hover {position:relative; color:#ffffff;}
* html .menu a:hover {position:relative; color:#ffffff;}

/* style the third level background */
.menu ul ul ul a {background:#ff9900; color:#ffffff;}
/* style the fourth level background */
.menu ul ul ul ul a {background:#ff9900; color:#ffffff;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ff9900; color:#ffffff;
	background-image:url(../images/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	border-right:1px solid #fff;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ff9900; color:#ffffff;}

/* style the level hovers */
/* first */
.menu a:hover { color:#ffffff;background:#ff9900; text-align:left; text-decoration:underline;}
.menu :hover > a { color:#ffffff;background:#ff9900; text-align:left; text-decoration:underline;}
/* second */
.menu ul ul a:hover{ color:#000066;background:#ff9900; text-align:left; text-decoration:none;}
.menu ul ul :hover > a { color:#000066;background:#ff9900; text-align:left; text-decoration:none;}
/* third */
.menu ul ul ul a:hover {background:#ff9900;  color:#ffffff;}
.menu ul ul ul :hover > a {background:#ff9900;  color:#ffffff;}
/* fourth */
.menu ul ul ul ul a:hover {background:#ff9900;  color:#ffffff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:auto;top:3em;left:0;width:10em; color:#ffffff;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:10em; color:#ffffff; z-index:1;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-10em; color:#ffffff;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; color:#ffffff;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden; color:#ffffff;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden; color:#ffffff;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; color:#ffffff;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible; color:#ffffff;}
/*Menu End*/


.email{ font-family:Arial; font-size:12px; color:#000066; text-decoration:none; font-weight:bold;}
a.email:link{ font-family:Arial; font-size:12px; color:#000066; text-decoration:none; font-weight:bold;}
a.email:hover{ font-family:Arial; font-size:12px; color:#000000; text-decoration:underline; font-weight:bold;}

.footerlink{font-family:Arial; font-size:11px; color:#ffffff; text-decoration:none; font-weight:normal;}
a.footerlink:link{ font-family:Arial; font-size:11px; color:#ffffff; text-decoration:none; font-weight:normal;}
a.footerlink:hover{ font-family:Arial; font-size:11px; color:#ffffff; text-decoration:underline; font-weight:normal;}

.meunlinks{ font-family:Arial; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:20px;}
a.meunlinks:links{ font-family:Arial; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:20px;}
a.meunlinks:hover{ font-family:Arial; font-size:18px; color:#000066; text-decoration:none; font-weight:bold; padding-left:20px;}

.registerleft{ font-family:Arial; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:normal; padding-left:20px;}
a.registerleft:links{ font-family:Arial; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:normal; padding-left:20px;}
a.registerleft:hover{ font-family:Arial; font-size:18px; color:#FFFFFF; text-decoration:underline; font-weight:normal; padding-left:20px;}

.registerright{ font-family:Arial; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:40px;}
a.registerright:links{ font-family:Arial; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:40px;}
a.registerright:hover{ font-family:Arial; font-size:12px; color:#000066; text-decoration:none; font-weight:bold; padding-left:40px;}

/* Start Banner */

#bannerpic{ margin:0px; padding:0px; background-image:url(../images/banner.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
/**#bannerpicflash{ margin:0px; padding:0px; height:276px; width:778px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#6699CC;}**/
#bannerpicflash{ margin:1px 0 0 0; padding:0; height:185px; width:778px; background-color:#6699CC;}
#bannerpic_aboutap{ margin:0px; padding:0px; background-image:url(../images/banner_aboutap.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product{ margin:0px; padding:0px; background-image:url(../images/banner_product.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product_homeowners{ margin:0px; padding:0px; background-image:url(../images/banner_product_homeowners.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product_jewellersblock{ margin:0px; padding:0px; background-image:url(../images/banner_product_jeweller.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product_umbrella{ margin:0px; padding:0px; background-image:url(../images/banner_product_umbrella.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product_valuable{ margin:0px; padding:0px; background-image:url(../images/banner_product_valuable.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product_watercraft{ margin:0px; padding:0px; background-image:url(../images/banner_product_watercraft.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_product_workers{ margin:0px; padding:0px; background-image:url(../images/banner_product_workers.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}

#bannerpic_technology{ margin:0px; padding:0px; background:url(../images/banner_technology.jpg) #ff0000 no-repeat; height:276px !important; width:778px; border-top:1px solid #ffffff;}

#bannerpic_contactus{ margin:0px; padding:0px; background-image:url(../images/banner_contactus.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_news_upcomingevents{ margin:0px; padding:0px; background-image:url(../images/banner_news_upcomingevents.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_news_apinthenews{ margin:0px; padding:0px; background-image:url(../images/banner_news_apinthenews.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_news{ margin:0px; padding:0px; background-image:url(../images/banner_news.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_privacy{ margin:0px; padding:0px; background-image:url(../images/banner_privacy.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}
#bannerpic_sitemap{ margin:0px; padding:0px; background-image:url(../images/banner_sitemap.jpg); background-repeat:no-repeat; height:277px; width:778px; border-top:1px solid #ffffff;}

/* End Banner */

.border{ border-bottom:1px solid #567eb0; border-top:1px solid #567eb0; border-left:1px solid #567eb0; border-right:1px solid #567eb0;}
.welcometext1{ font-family:Arial; font-size:16px; font-weight:bold; color:#000000;}
.welcometext2{ font-family:Arial; font-size:16px; font-weight:bold; color:#567eb0;}
input{ font-weight:normal; font-family:Arial; font-size: 11px; color: #000000; background-color:#ffffff; border:1px solid #000066; padding:2px 3px 2px 3px;}
button{ font-weight:normal; font-family:Arial; font-size: 11px; color: #000000; background-color:#ffffff; border:1px solid #000066; padding:2px 3px 2px 3px;}
.buttonregister{ font-weight:normal; font-family:Arial; font-size: 12px; color: #ffffff; background-color:#ff9900; border:1px solid #000066; padding:2px 3px 2px 3px; cursor:pointer;}

/* Start Content Middle */
#main-content-container { float:left; width: 778px; text-align:left; margin:5px 0px 8px 0px; padding:5px 0px 5px 0px;}
#content-container-left { float:left; width: 151px; text-align:left; margin:0px; padding:0px 5px 0px 5px; color:#ffffff;}
#content-container-middle { float:left; width: 440px; text-align:left; margin:0px 0px 0px 0px; padding:0px 6px 0px 9px;}
#content-container-right { float:right; width: 148px; text-align:left; margin:0px; padding:0px 5px 0px 5px; color:#ffffff;}
#middle-section {float:left; background-image:url(../images/middle-section.jpg); background-repeat:repeat-y; margin-top:1px;}
.title_18_darkblue{ font-size:18px; font-weight:bold;color:#000066;}
.title_18_black{ font-size:18px; font-weight:bold; color:#333333;}
.title_18_orange{ font-size:18px; font-weight:bold; color:#ff9900;}
.title_14_darkblue{ font-size:14px; font-weight:bold; color:#000066;}
.title_14_black{ font-size:14px; font-weight:bold; color:#333333;}
.title_12_darkblue{ font-size:12px; font-weight:bold; color:#000066;}
.title_13_orange{ font-size:13px; font-weight:bold; color:#ff9900;} /*Old Orange:DC4303*/
.title_12_lightblue{ font-size:12px; font-weight:bold; color:#ffffff;}
.newtoap{ font-size:12px; font-weight:bold; color:#ffffff; padding-left:30px;}
.sucessstories{ font-size:12px; font-weight:bold; color:#ffffff; padding-left:52px;}
.title_12_black{ font-size:12px; font-weight:bold; color:#333333;}
.title_12_white{ font-size:12px; font-weight:bold; color:#ffffff;}
.title_11_white{ font-size:11px; font-weight:bold; color:#ffffff;}
.Points_Arrow{ background-image:url(../images/iconli_dark.gif'); background-position: left 50%; background-repeat:no-repeat; line-height:18px; font-weight:normal}

/* End Content Middle */
.sitemapul{ margin:0px; padding:5px 0px 5px 30px; line-height:18px; list-style-type:circle; color:#000066;}

#pic { position: relative; top: 10px; width: 135px;}

#pic a .large { display: block; height: 0px; left: -1px; position: absolute; top: -1px; width: 1px; border: 0px solid #ff0000;}

#pic a img {  border: 1px solid #000000;}

#pic a.p1, #pic a.p1:visited { border: 0px solid #000000; display: block; height: 300px; left: 0; text-decoration: none; top: 0; width: 400px;}

#pic a.p1:hover { color: #000000; text-decoration: none; border: 1px solid #000000;}

#pic a.p1:hover .large { border: 1px solid #000000; display: block; height: 488px; left: 0px; position: absolute; top: 0px; width: 650px;}

.productpoint{ background-image:url(../images/iconli_orange.gif); margin: 25px; background-position:left top; background-repeat:no-repeat; height:20px; line-height:18px; font-weight:normal; padding-left:15px; padding-bottom:10px;align: left}

.smsup{ font-size:12px;}
.smsup10{ font-size:10px;}


/* new */

#main-content-container .sc1 {font-weight: bold; color: #339933;}
#main-content-container .sc2 {font-weight: bold; color: black;}
#main-content-container .sc3 {font-size: 0.5em; line-height: 0.5em; vertical-align: super; color: #339933;} /*these 3 for the smartcomp styling*/

#main-content-container h1, #main-content-container h2, #main-content-container h3 {text-align: center; font-weight: bold;}
h2 .head1 {color:#333333;}
h2 .head2 {color:#ff9900;}
h3 .head1 {color:#333333;}
h3 .head2 {color:#ff9900;}