/**********************************************************
'Project          	: 	AOC
'Created By      	: 	Ramandeep Kaur
'File Description 	:	Style sheet for AOC
'**********************************************************/
.flash-hight
{	height:768px !important; /* Major browsers other than IE 6 and below respect the importance immediately */
				height:100%;  /* IE 6 and below use this value instead, even though the above was marked as important */
				/*display: -moz-inline-stack;
					display: block;*/
			}

body 	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;  padding:0px 0px 0px 0px; color:#181818; 
background-color:#ffffff;}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,strong,form,fieldset,table,th,tr,td,select { margin:0px; padding:0px; }

img{border:none; outline:none;}
.img1{border:none; float:left;}
.cl			{ clear:both; }
.fl			{ float:left; }
.fr			{ float:right; }
.padLeft	{ padding-left:65px; }
.padTop		{ padding-top:5px; }
.pad7top	{ padding-top:7px; }
.centerTxt	{ text-align:center; }
fieldset	{ border:none; }
li			{ list-style:none; }



.error{font-size:11px; color:#ff0000;}

a { text-decoration:none; color:#636363; }
a:link, a:active, a:visited{ text-decoration:none; color:#000000; }
a:hover { text-decoration:none; color:#636363; }

/*--------------DIV css start--------------*/
#Wrapper	{ position:relative; margin:0px auto; width:875px; height:auto;  }
.MidContainer{ width:875px; height:415px;}


#wrapper-inner{position: relative; padding: 0px; width:934px; }
/*.flash{position:absolute; width:100%; height:100%; min-height:768px;   z-index:0; left:0px; top:0px; }*/
#headerpart{ position:absolute; z-index:99; width:875px; left:30px;}

/*-- header css --*/
.header		{ width:875px; float:left;  padding-top:15px;}
.logo		{ width:100px; float:left;}



.toplink	{width:420px; float:right; text-align:left; font-size:10px; padding:18px 0 0 0; }
.toplink ul	{}
.toplink li	{ float:left; color:#000; text-decoration:none;}
.toplink li a{color:#000; padding:0px 5px 8px 5px; text-decoration:none;}
.toplink li a:link{color:#000; text-decoration:none;}
.toplink li a:visited{color:#000; text-decoration:none;}
.toplink li a:hover{color:#000; text-decoration:none;}

.map{position:absolute; top:12px; left:780px;}




.menu1		{width:635px; float:left; padding-left:140px; font-size:10px;}
.menu1 ul	{width:635px; height:47px; background:url(../images/menubg.png) top left no-repeat;}
.menu1 li	{float:left; padding:16px 8px 0 27px;}
.menu1 li a	{color:#fff; text-decoration:none;}
.menu1 li a:link{color:#fff; text-decoration:none;}
.menu1 li a:visited{color:#fff; text-decoration:none;}
.menu1 li a:visited{color:#fff; text-decoration:none;}
.menu1 li a:hover{color:#d7d7d7; text-decoration:none;}


/*CSS use for index */
.newsletterCont	{width:375px; padding-left:500px; float:left;}
/*CSS use for inner pages */
.newsletterContinner {width:auto; float:right; padding-right:410px; }

.newsletter1	{width:348px; height:37px; position:absolute; top:90px; background:url(../images/newsletter.png) top left no-repeat;}
.newsletterText	{color:#41454f; font-size:10px; padding:5px 0 0px 12px;}
.newsletteInput	{width:145px; border:1px solid #7f7f7f; color:#6e6e6e; background:#fff; height:15px; font-size:11px; padding:1px; font-size:10px; }

.newsletteBtn {width:51px; color:#fff; border:1px; font-size:11px; background-color:#7f7f7f; height:20px; margin:0 auto; padding:2px 0px; }

.newsletteBtn2{width:51px;}

.evntText{float:left; padding:7px 0 0 12px; font-size:10px; color:#fff;}
.centerdiv{bottom:0px; left:0px; height:0 auto; border:0px;}
#NewsMediaContainer{position:absolute; bottom:160px;  width:253px;  left:0px; z-index:80; top:540px; /*add css by raman*/}
#NewsCont{ position:absolute; width:253px; height:27px; float:left; background:url(../images/blackbar.png) top left no-repeat; color:#FFF; margin:0 auto;}
#news-botton{float:right; padding:5px 12px 0px 0px;}
#WhiteCont{position:absolute;  top:27px; left:8px; width:236px; height:105px;  z-index:81; background:url(../images/mediacoverage.png) top left no-repeat;}

#EventsContainer{position:absolute; bottom:160px; width:253px; left:265px; z-index:80; top:540px;}
#EventCont{ position:absolute; width:253px; height:27px; float:left;  background:url(../images/blackbar.png) top left no-repeat; color:#FFF; margin:0 auto;}
#event-right{float:right; padding:5px 12px 0px 0px;}

/*#WhiteCont{position:absolute; top:27px; left:8px; width:236px; height:105px;  z-index:81; background:url(../images/mediacoverage.png) top center no-repeat;
text-align:center; vertical-align:middle;}*/

#hotpick{ position:absolute; width:347px; height:161px; z-index:80; right:0px; bottom:32px; background:url(../images/hot-picks.png) top center no-repeat; top:510px;}

.arial10{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-decoration:none; line-height:1.5;}
a.arial10:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#898a8c; text-decoration:underline; line-height:1.5;}

.arial11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; line-height:1.5;}
a.arial11:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#898a8c; text-decoration:underline; line-height:1.5;}

.arial14{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none; }
a.arial14:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#898a8c; text-decoration:underline;}

.arial13{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-decoration:none; }
a.arial13:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#898a8c; text-decoration:underline;}

.arial-gray11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555555; text-decoration:none; line-height:1.5;}
a.arial-gray11:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#898a8c; text-decoration:none; line-height:1.5;}

.arial10{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; line-height:1.5;}
a.arial10:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#898a8c; text-decoration:none; line-height:1.5;}
#wrapper-footer{position: relative; padding: 0px; width:875px; }
#footer{ position:absolute; width:875px;  bottom:-30px; left:0px; z-index:99; top:680px;}
#footerOne{ position:absolute; width:875px;  bottom:10px; left:0px; z-index:99;}

.copyright{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; padding:5px 5px; text-decoration:none; line-height:1.5;}
a.copyright:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; padding:0px 5px; text-decoration:underline; line-height:1.5;}
#h-line{ background:url(../images/h-line.gif) left bottom repeat-x; width:875px; padding:4px 0px 4px 0px;}
.h-line{ background:url(../images/h-line.gif) left center repeat-x; padding:7px 0px 7px 0px;}
.v-line{ background: url(../images/prod-line.jpg) top center no-repeat;}
.aarial24{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#555555;}
.img-border{ width:55px; height:55px; border:1px solid #F0F0F0; padding:6px 0px 0px 4px; margin:8px 2px 2px 2px; float:left; text-align:center;}


.panel{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000; padding-left:10px; background:#e9e9e9; padding-top:10px;}

.panel1{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000; padding-left:10px; background:#e9e9e9; padding-top:2px; border-top:1px solid #fff;}


/*CSS created on date 24th March 2010*/

.tableborder{ border:1px solid #d4d4d4;}
.tabletdcolor{background:#e9e9e9;}
.tabletdborder{font-size:11px; color:#252525; padding:8px 8px; background:#eeeeee; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.tabletdborder1{font-size:11px; color:#252525;  padding:8px 8px; background:#f4f4f4; border-left:1px solid #fff; border-bottom:1px solid #fff;}

.arial14light{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#363636; text-decoration:none; }
.arial12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#707070; text-decoration:none; line-height:18px;}

.arial12Gray{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; text-decoration:none; line-height:18px;}
a.arial12Gray:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; text-decoration:underline; line-height:18px;}


.arial16light{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#464646; text-decoration:none;}


/*Over Container CSS*/
#showWrapper{width:650px; position:relative;}
.t-tip{ position:absolute; z-index:5; left:0px; top:-15px; background-color:#FFF; width:650px;}

.OverContTop{width:650px; /*background:url(../images/top.gif) top left no-repeat; height:11px;*/}
.OverContMid{width:628px; border:1px solid #c7c7c7; border-top:none; padding:10px;}


.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}



/*FAQ Page CSS*/
.faqbg{ background:url(../images/faqbg.gif) top left no-repeat; width:656px; height:30px; font-size:16px; color:#464646; text-decoration:none; padding:0px 0 0 5px;}

.faqbg2{ background:url(../images/faqbg_new.gif) top left no-repeat; width:630px; height:30px; font-size:16px; color:#464646; text-decoration:none; padding:0px 0 0 5px;}


.faqQues {font-size:12px; color:#636363; text-decoration:none; line-height:18px; padding:5px 0 5px 0; font-weight:bold;}
.faqQues a{font-size:12px; color:#636363; text-decoration:none; line-height:18px; padding:5px 0 5px 0; font-weight:bold;}
.faqQues a:hover{font-size:12px; color:#636363; text-decoration:none; line-height:18px; padding:5px 0 5px 0;}


.faqAns{font-size:12px; color:#636363; text-decoration:none; line-height:18px;}
a.faqAns:hover{font-size:12px; color:#636363; text-decoration:underline; line-height:18px;}


/*Form CSS*/
.forminput{ width:180px; height:18px; border:1px solid #cacaca; font-size:12px; color:#636363; padding:0px;}
.forminput1{ width:40px; height:18px; border:1px solid #cacaca; font-size:12px; color:#636363; padding:0px;}
.forminput2{ width:130px; height:18px; border:1px solid #cacaca; font-size:12px; color:#636363; padding:0px;}

.formtextarea{ width:180px; height:60px; border:1px solid #cacaca; font-size:12px; color:#636363; padding:0px;}
.formselect{ width:180px; border:1px solid #cacaca; font-size:12px; color:#636363; padding:0px;}
.form_select1{width:150px; border:1px solid #cacaca; color:#636363; background:#fff; height:20px; font-size:11px;}


/*Event Page CSS*/
.eventdate{font-size:10px; color:#636363; text-decoration:none; line-height:18px;}
.readmore{font-size:11px; color:#000; text-decoration:none; line-height:18px;}
.readmore:hover{font-size:11px; color:#000; text-decoration:none; line-height:18px; text-decoration:underline;}

/*Paging CSS*/
.paging{}
.paging ul{}
.paging li{float:left; font-size:12px; color:#636363; }
.paging li a{font-size:12px; color:#636363; text-decoration:none; padding:0px 5px 0 5px;}
.paging li a:hover{font-size:12px; color:#636363; text-decoration:underline;}


/*Collateral Page CSS*/
.productCont{ width:301px; border:1px solid #CCC; height:auto;}
.innerCont{ width:301px; height:28px; border-bottom:1px solid #d0d0d0; padding-top:5px;}

/*Fun Stuff Page CSS*/
.wallpaper{ width:200px; border:1px solid #CCC; height:auto;}
.walInnerCont{ width:200px; height:28px; border-bottom:1px solid #d0d0d0; padding-top:5px;}


/*Partner Login Page CSS*/
.formCont{width:381px; margin:0px auto;}
.loginTop{width:381px; float:left; height:14px; background:url(../images/logintop.gif) top left no-repeat;}
.loginBtm{width:381px; float:left; height:14px; background:url(../images/loginbtm.gif) top left no-repeat;}
.loginMid{width:379px; float:left; height:160px; background:url(../images/loginmid.gif) top left repeat-x; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

.welcomeUser{ font-size:16px; color:#000;}

.sitemapbullet{font-size:12px; color:#000; width:200px; float:left;}
.sitemapbullet ul{}
.sitemapbullet li{background:url(../images/arrow4.gif) top left no-repeat; padding-left:20px;  margin:5px 0 5px 10px;}
.sitemapbullet li a{color:#000; text-decoration:none;}
.sitemapbullet li a:hover{color:#636363; text-decoration:underline;}
.sitemapbullet  li ul{}
.sitemapbullet  li ul li{padding-left:15px;  margin:5px 0 5px 10px; background:url(../images/bullet1.gif) top left no-repeat;}
.sitemapbullet  li ul li a{ color:#000; text-decoration:none;}
.sitemapbullet  li ul li:hover{ color:#636363; text-decoration:underline;}





.panel2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333; background:#e9e9e9; padding:5px 5px;}
.panel3{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333;}


.arial18{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#555555;}

.imgborder{border:1px solid #ccc; padding:5px; margin:0px 15px 5px 0px; width:300px;}

.imgborderOne{border:1px solid #ccc; padding:3px;}



.viewall{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-decoration:none; line-height:1.5;}
.viewall a{color:#FFF; text-decoration:none;}
.viewall a:hover{color:#FFF; text-decoration:underline;}
.viewall a:link{color:#FFF; text-decoration:underline;}
.viewall a:visited{color:#FFF; text-decoration:underline;}

<!--CSS add by Raman on date 15-May-2010-->

.breadcrumb{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555555; text-decoration:none; line-height:1.5;}
a.breadcrumb:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555555; text-decoration:underline; line-height:1.5;}
.v-line2{ background:url(../images/dotted-line.gif) center left no-repeat;}


.panelContainer{ width:671px; float:left;}
.topborder{background:url(../images/top-border.gif) top left no-repeat; height:12px;}
.bottomborder{ background:url(../images/bottom-border.gif) top left no-repeat; height:16px;}
.bottomborder2{ background:url(../images/bottom-border2.gif) top left no-repeat; height:29px;}
.midborder{ border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}



.panel-new{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000; padding-left:10px; background:#cccccc;}

.tableborder{ border:1px solid #d4d4d4;}
.tabletdcolor{background:#e9e9e9;}
.row1{font-size:11px; color:#252525; padding:8px 8px; background:#e5e5e5; border-left:1px solid #fff; }
.row2{font-size:11px; color:#252525;  padding:8px 8px; background:#eeeeee; border-left:1px solid #fff;}


.PicPadding{ padding-right:15px; padding-left:5px;}



.brdcrmbLink{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555555;}
.brdcrmbLink a{font-size:10px; color:#555555; text-decoration:none;}
.brdcrmbLink a:hover{font-size:10px; color:#898a8c; text-decoration:none;}



.blueText{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#429ee9; text-decoration:none; line-height:18px;}
a.blueText:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#429ee9; text-decoration:underline; line-height:18px;}

/*.imageborder{border:1px solid #DDD; margin: 4px; padding:4px;}*/
.imageborder { width:268px; }
.imageborder div {border:1px solid #ccc; background-color:#fff; text-align:center; vertical-align:middle;}
.imageborder img {padding:8px; text-align:center}

.WP li{list-style:disc; margin:0 0 0 15px; padding:0 0 0 2px;}



