/* WebFirst Custom CSS */
.labelfield .rowhide {
display:none;
height: 0;
}
 /*Default Styles*/
body{
background: none;
background-color:#FFFFFF;
font-family: Arial, sans-serif;
font-size: 12px;
color: #FAF0090;
line-height: 20px;
text-align: justify;
}
.container, .innerframe {width:682px;}
.container.left, .container.right {width:1px; background-color:transparent;}
.container.left img, .container.right img {width:0;}
.outerframe {width:682px; border: 0;}
.layout .l1 {width:150px;}
.layout .l7 {width:150px;}
.layout .l5 {width:150px; text-align:right;}
.layout .l5 .BodyHTML {padding-right:20px;}
.layout .l2 {width:550px; position: relative;}
.layout .l2 img{position: absolute;top:0;}
.layout .l3{background-color:#FFFFFF; width:350px;border:0;padding:0;padding-top:180px;}
.layout .l4 {width:680px;border-top: 1px dashed #AF0090;}
.layout .l6 {width:160px;}
.layout .l8 {width:160px;}
.layout .l9 {width:160px;}
#content{width:680px;padding:0 20px 0 0;}
.footer {font-size: 10px; color: #AF0090; width: 650px;}
#weather {background-color:#AF0090; padding: 0; position:absolute;width:160px;}
#weather div{padding:0; margin:0; width:150px;}
#weather > a{color:white;display:block;padding:10px}
/*Rest*/
.breadcrumb .sep {
color: #b2b2b2;
padding: 0 5px;
}
/* menu classes start*/
#appmenuhorz{position:relative; background: transparent;}
#appmenuhorz a {
color: #AF0090;
font-style:normal;
background:transparent url( images/bullit/$File/bullit.jpg ) no-repeat scroll left center;
text-decoration:none;
padding-left:20px;
}
#appmenuhorz a:focus, #appmenuhorz a:active{
border:0;
}
#appmenuhorz a:hover, #appmenuhorz a.sfhover {
background: transparent url( images/bullit/$File/bullit.jpg ) no-repeat scroll left center;
color: #AF0090;
font-style: italic;
}
#appmenuhorz a.highlite {
color: #000000;
font-style:normal;
background: transparent url( images/bullit/$File/bullit.jpg ) no-repeat scroll left center;
}
#appmenuhorz li{
color: #AF0090;
background-color: transparent;
float:none;
line-height:normal;
}
#appmenuhorz li ul {
position:relative;
visibility: visible;
padding-left:15px;
background-color: #FFFFFF;
display:none;
width: 90%;
}
#appmenuhorz ul{color:#000000;background:transparent; none repeat scroll 0% 50%;}
#appmenuhorz ul#menuList li{color:#000000;background:transparent;}
#appmenuhorz ul#menuList li:hover, #appmenuhorz ul#menuList li.sfhover {
color: #AF0090;
background:transparent none repeat scroll 0% 50%;
}
#appmenuhorz ul#menuList li ul{
border:none;
background:transparent none repeat scroll 0% 50%;
}
#appmenuhorz ul#menuList li ul a {
color:#AF0090;
background:transparent none repeat scroll 0% 50%;
}
#appmenuhorz ul#menuList li ul li:hover, #appmenuhorz ul#menuList li ul li.sfhover {
background-color: transparent;
width: 630px;
}
#appmenuhorz ul#menuList li ul a:hover, #appmenuhorz ul#menuList li ul a.sfhover {
color: #AF0090;
text-decoration:none;
background:transparent none repeat scroll 0% 50%;
font-style: italic;
width: 630px;
}
/*BannerRotate*/
.BannerRotate {position:absolute; width:300px;border:0;padding-left:100px;margin-top:-180px;}
.BannerRotate img{height:170px ;width:342px;}
.jcarousel-list li, .jcarousel-item {height:170px;width:342px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:342px;border:0;background:none; padding: 0 40px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {height:170px; width:342px;}
.jcarousel-skin-tango .jcarousel-next-horizontal {background:transparent url(images/BannerRotate~Right/$File/next-horizontal.jpg) no-repeat scroll 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {background:transparent url(images/BannerRotate~Left/$File/prev-horizontal.jpg) no-repeat scroll 0 0;}