﻿/*common css starts*/
*{ margin:0; padding:0}
img, fieldset{ border:none}
.curve{ float:left; width:100%}
.curve img{ float:left;}
a{ text-decoration:none; outline:none;}
clear{ clear:both}
.left{ float:left;}
.right{float:right!important;}
*:focus{outline:none;}
.clear{ clear:both;}
body{ font-family:Arial, Helvetica, sans-serif; color:#5e5e5e;font-size: 100%;line-height: normal;}
.wrapper{width:56.750em; margin:0 auto;}
body.blue{ background:#0c508f;}
body.business{ background:#2a5963;}
body.visitors{ background:#2c76b3;}
/*common css starts*/

/*header css starts*/
#header{ width:100%; float:left;padding:	0.938em 0  0; background: url(/web_resources/themes/CityMain/images/header_bg.png) repeat-x 0 0; }
#header .logo{ float:left; margin: 0 0 0 0.563em;}
#header .search{ width:10.75em; float:right;  margin: 1.56em 0.1em 0 0;}
#header .search form{ width:100%; float:left}
#header .search form fieldset{ width:100%; float:left}
#header .search .input_bg{ width:8.688em; float:left; padding:0.313em; background:url(/web_resources/themes/CityMain/images/search_input_bg.png) no-repeat 0 0;}
#header .search .input_bg input{width:100%; float:left; background:none; border:none; font:normal 11px/11px Arial, Helvetica, sans-serif; color:#b7b7b7; text-transform:uppercase}
#header .search .submit_btn{ float:left;border:none;width:1.675em;height:2.5em; background:url(/web_resources/themes/CityMain/images/search_btn.png) no-repeat 0 0; cursor:pointer; text-indent:-99999em; font-size:	0.688em; color:#acacac}
#header .search label{ display:none;}

.nav{ width:100%; float:left; margin-top:1.2em; z-index:9999; position:relative;}
.nav ul.main_links{ width:auto; float:left; list-style:none}
.nav ul.main_links li{ float:left; font-size:0.875em;line-height:1.4em; position:relative ; text-shadow:0px 1px 1px #a19d9d}
.nav ul.main_links li a{ float:left; padding: 0 0 0 1.786em; color:#ffffff; text-transform:uppercase;}
.nav ul.main_links li a span{ float:left; padding:0.438em 1.563em  0.500em 0em; cursor:pointer;}
.nav ul.main_links li.active a{ color:#ec6e24}
.nav ul.main_links li a:hover{ background: url(/web_resources/themes/CityMain/images/menu_select_left_curv.png) no-repeat 0 0}
.nav ul.main_links li a:hover span{ background: url(/web_resources/themes/CityMain/images/menu_select_right_curv.png) no-repeat  right 0px ;color:#ec6e24}
.nav ul.main_links li.selected a{ background: url(/web_resources/themes/CityMain/images/menu_select_left_curv.png) no-repeat 0 0}
.nav ul.main_links li.selected a span{ background: url(/web_resources/themes/CityMain/images/menu_select_right_curv.png) no-repeat  right 0px ;color:#ec6e24}
.nav ul.main_links li.home a:hover ,.nav ul.main_links li.home a:hover span{ background:none;}


.menu_drop{float:left; width:31.500em; position:absolute; top:2.1em; left:-1.0em; display:none;}
.menu_drop .drop_bg{float:left; width:457px; background:url(/web_resources/themes/CityMain/images/drop_down_bg.png) repeat-y 0 0;padding:7px 13px 0 34px;}
.menu_drop ul{ width:100%; float:left; list-style:none; padding:1.000em 0 0; height:13.800em;}
.menu_drop ul li{ width:26.438em; float:left; color:#0c508f; font-size:0.875em; line-height:1.000em; padding:0 0  0.250em  0.875em;text-shadow:none!important; background:url(/web_resources/themes/CityMain/images/orange_square_bullet.jpg) no-repeat 0 7px;}
.menu_drop ul li a{ color:#0c508f!important; padding:0em!important; }
.menu_drop ul li a:hover{text-decoration:underline;}
.menu_drop.drop1 ul{ background:url(/web_resources/themes/CityMain/images/menu_drop_img1.jpg) no-repeat right 0px;}
.menu_drop.drop2 ul{ background:url(/web_resources/themes/CityMain/images/menu_drop_img2.jpg) no-repeat right 0px;}
.menu_drop.drop3 ul{ background:url(/web_resources/themes/CityMain/images/menu_drop_img3.jpg) no-repeat right 0px;}
.menu_drop.drop3 { left:-1.00em; }
.menu_drop.drop4{left:-2.813em}
.menu_drop.drop4 ul{ background:url(/web_resources/themes/CityMain/images/menu_drop_img4.jpg) no-repeat right 0px;}
.menu_drop.drop5{ left:-11.5em;}
.menu_drop.drop5 ul{ background:url(/web_resources/themes/CityMain/images/menu_drop_img5.jpg) no-repeat right 0px;}





.nav ul.social{ width:auto; float:right; padding: 0.188em 0.250em 0 0 ;}
.nav ul.social li{ float:left; margin-left:	0.500em; display:inline;}
.nav ul.social li a{ height:1.313em; width:1.313em; float:left;}
.nav ul.social li.link1 a{ background:url(/web_resources/themes/CityMain/images/social_icons.png) no-repeat 0 0;}
.nav ul.social li.link1 a:hover{ background-position: 0 -22px;}
.nav ul.social li.link2 a{ background:url(/web_resources/themes/CityMain/images/social_icons.png) no-repeat -29px 0;}
.nav ul.social li.link2 a:hover{ background-position: -29px -22px;}
.nav ul.social li.link3 a{ background:url(/web_resources/themes/CityMain/images/social_icons.png) no-repeat -59px 0;}
.nav ul.social li.link3 a:hover{ background-position: -59px -22px;}
.nav ul.social li.link4 a{ background:url(/web_resources/themes/CityMain/images/social_icons.png) no-repeat -88px 0;}
.nav ul.social li.link4 a:hover{ background-position: -88px -22px;}




/*header css ends*/

/*home top container css starts*/
#main_conatiner{ width:100%; float:left; margin-top:0;}
#btm_shadow{ width:100%;float:left; background:url(/web_resources/themes/CityMain/images/main_b_shadow.png) repeat-x bottom left;} 
#top_shadow{ width:100%;float:left; background:url(/web_resources/themes/CityMain/images/main_t_shadow.png) repeat-x  0 0;} 

#top_container{width:56.125em; float:left; background:#fff url(/web_resources/themes/CityMain/images/home_top_cont_bg.png) repeat-x 0 0; padding:0.5em 0.25em 0.25em 0.5em; }
#top_container .slider_container{ width:41.813em; float:left; height:15.688em; z-index:1; position:relative;}
#top_container .slider_container .slide{ width:100%; float:left; height:250px !important;}
#top_container .slider_container .slide figure{ height:100%; width:28.125em; float:left;}
#top_container .slider_container .slide figure img{ float:left;}
#top_container .slider_container .slide .slide_details{ width:12.75em; float:right; padding:0.938em 0 0;}
#top_container .slider_container .slide h3{ color:#0c508f; font-size:1.5em; line-height:1.600em; font-weight:normal; padding-bottom:0.100em;}
#top_container .slider_container .slide em{ color:#959595; font-size:	0.875em; line-height:1em;}
#top_container .slider_container .slide p{ font-size:0.875em; line-height:1em; color:#959595; padding:0.625em 0 0 	0.813em;}
.current_info{ width:13.438em; float:right; background:#497eb4 url(/web_resources/themes/CityMain/images/current_info_bg.jpg) repeat-x 0 0; padding:0.438em 0 0.27em ;}
.current_info h3{ width:6.9em; font-size:1.375em;line-height:1.0em; color:#0d518f; background:url(/web_resources/themes/CityMain/images/current_info_h_bg.png) no-repeat 0 0; padding:0.560em 0  0.625em 3.00em}
.current_info ul{ width:12.188em; float:left; padding:	0.625em; list-style:none;}
.current_info ul li{ width:16em; float:left; font-size:	0.75em; line-height:1.55em; color:#fff; padding: 0 0 0 1.25em; background:url(/web_resources/themes/CityMain/images/arrow_bullet.png) no-repeat 0px 6px;}
.current_info ul li a{ color:#fff;}
.current_info ul li a:hover{ text-decoration:underline}
/*home top container css ends*/


/*home bottom container css starts*/
#btm_container{ width:100%; float:left; background:#fff; padding:0.313em 0 0 ;}
#info_container{ width:100%; float:left; margin-bottom:	0.938em;}
#info_container .left{ width:42.125em; float:left; background:url(/web_resources/themes/CityMain/images/info_h_bg.jpg) no-repeat 0 0;position:relative;}
#info_container .left a.arrow{ font-size:1.375em; line-height:1.0em; color:#fffefe; width:128px; float:left; padding: 	0.8em 0 0.225em 5.125em; background: url(/web_resources/themes/CityMain/images/info_arrow.png) no-repeat 0 0; float:left; margin:-0.35em 0 0 -1.25em;}
#info_container .left a.arrow:hover ,#info_container .left a.arrow.active{ background:url(/web_resources/themes/CityMain/images/info_arrow_hover.png) no-repeat 0 0;}
#info_container .browse_aloud_btn{ float:right;}
#info_container .dropbox{ width:43.625em; position:absolute; left:-1em; top:2.338em; display:none; z-index:9999;}
#info_container .dropbox .details{ width:40.563em; float:left; padding:	0.938em 	0.75em 0px 2.313em; background:url(/web_resources/themes/CityMain/images/info_drop_repeat.png) repeat-y 0 0;}
#info_container .dropbox ul{ width:100%; float:left; list-style:none}
#info_container .dropbox ul li{ width:11.40em; float:left; color:#0c508f; font-size:1.063em; line-height:	1.5em; background:url(/web_resources/themes/CityMain/images/orange_arrow_bullet.jpg) no-repeat 0 5px; padding: 0 0 	1.5em 	1.25em;}
#info_container .dropbox ul li a{ color:#0c508f; }
#info_container .dropbox ul li a:hover{ text-decoration:underline;}

#box_container{ width:100%; float:left; padding-bottom:1.563em; z-index:1; position:relative;}
#box_container .box{background:url(/web_resources/themes/CityMain/images/box_bg.png) no-repeat 0 0; width:13.625em; height:10.563em; margin-right:	0.75em; display:inline; float:left;}
#box_container .box a{ width:100%; float:left; height:100%;}
#box_container .box img{ float:left;}
#box_container .box a .hover{ display:none;}
#box_container .box a:hover .normal{ display:none;}
#box_container .box a:hover .hover{ display:block;}
#box_container .box.last{ margin-right:0px;}
/*home bottom container css ends*/


/*footer css starts*/
#footer{ width:100%; float:left; background:url(/web_resources/themes/CityMain/images/footer_bg.png) repeat-x 0 0; padding:1.875em 0 ;}
#body footer.inner{ background: url(/web_resources/themes/CityMain/images/inner_footer.png) repeat-x 0 0; padding:3.000em 0 ;}
#footer p{ width:80%; float:left;text-align:center; font-size:0.688em; line-height:1.310em; text-transform:uppercase; color:#999999; padding:0 10%}
#footer ul{ width:100%; float:left; text-align:center; list-style:none; margin-top:1.875em;}
#footer ul li{ display:inline; float:left; padding: 0  1.125em  0 1.05em; background:url(/web_resources/themes/CityMain/images/footer_links_sep.jpg) no-repeat right 6px; font-size:0.75em; line-height:1.88em; text-transform:uppercase}
#footer ul li a{ color:#ffffff}
#footer ul li a:hover{ text-decoration:underline;}
#footer ul li.last{ background:none}
/*footer css ends*/


/*inner page  css starts*/
#inner_container{ float:left; background:#fff; margin-top:0;}

/*.inner_banner{ width:100%; float:left; padding-bottom:0.250em;}
.inner_banner img{ float:left;}*/

.breadcrumbs{ width:100%; float:left; border-bottom:2px solid #cccccc; margin-bottom:0.250em; margin-top:7px; padding-bottom:
0.125em;}
.breadcrumbs ul{ width:auto; float:left; list-style:none}
.breadcrumbs ul li{ float:left; color:#b3b3b3; font-size: 0.688em; background:url(/web_resources/themes/CityMain/images/breadcrumbs_arrow.png) no-repeat right 0px; padding:0.908em 	1.000em 0.575em 0.500em; text-transform:uppercase}
.breadcrumbs ul li.last{ background:none;}
.breadcrumbs ul li a{ color:#88aac9}
body.green .breadcrumbs ul li a{ color:#718a8f}
.breadcrumbs ul li img{ float:none; vertical-align:top; margin-top:-7 px;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

.perc-list-1 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; text-decoration:none;}
a:link {color:#333333;}      
a:visited {color:#333333;} 
a:hover {color:#333333;} 
a:active {color:#333333;} 

.perc-list-2 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333333; text-decoration:none;}
a:link {color:#333333;}      
a:visited {color:#333333;} 
a:hover {color:#333333;} 
a:active {color:#333333;} 

.perc-list-3 {font-family: "Trebuchet MS"; font-weight: bold; color: #333333; text-decoration:none; font-size: 22px;}
a:hover
a:link {color:#333333;}      
a:visited {color:#333333;} 
a:hover {color:#333333;} 
a:active {color:#333333;}

.stylebluelink {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #004080; font-weight: bold; text-decoration:none;}
a:link {color:#004080;}      
a:visited {color:#004080;} 
a:hover {color:#004080;} 
a:active {color:#004080;} 

#body_container{ width:100%; float:left; background:url(/web_resources/themes/CityMain/images/body_cont_bg_strip.jpg) repeat-y 0 0;}
#body_container.nobg{background:none;}
#left_container{width:14.063em; float:left;}
#left_container ul{ width:100%; float:left; list-style:none;}
#left_container ul li{background:url(/web_resources/themes/CityMain/images/side_menu_li_bg1.jpg) no-repeat 0 0; width:100%; float:left; text-shadow:1px 1px 2px #666}

#left_container ul li a{ color:#ffffff ;padding:0.65em 0px 0.65em 9%; float:left ; width:91%; background:url(/web_resources/themes/CityMain/images/side_menu_li_normal_arrow.png) no-repeat 11px 10px;font-size:0.750em; line-height:0.990em; }
#left_container ul li h4{ font-weight:normal ;}
#left_container ul li h4 a{font-size:0.745em;}
#left_container ul li h5{ font-weight:normal ;}
#left_container ul li h5 a{font-size:0.900em;}
#left_container ul  li h4.active a{ background:url(/web_resources/themes/CityMain/images/side_menu_li_active_arrow.png) no-repeat 9px 11px;}
#left_container ul li ul{ padding-left:0%; width:99%}
#left_container ul li ul li{background:url(/web_resources/themes/CityMain/images/side_menu_li_bg2.jpg) no-repeat 0 0;}
#left_container ul li ul.sub_menu li a{ background:url(/web_resources/themes/CityMain/images/side_menu_li_normal_arrow2.png) no-repeat 11px 8px;}
#left_container ul li ul.sub_menu li h5.active2 a{ background:url(/web_resources/themes/CityMain/images/side_menu_li_active_arrow2.png) no-repeat 9px 8px;}
.sub_sub_menu{ display:none; }
#left_container ul li ul li  a{ color:#0c508f}
body.green #left_container ul li ul li  a{color:#2a5963}
#left_container ul li ul li ul li{ background:url(/web_resources/themes/CityMain/images/side_menu_li_bg3.jpg) no-repeat 0 0;}
#left_container ul li ul li ul{ width:100%; padding-left:0px;}
#left_container ul li ul li ul li a{color:#4992d5;background:none!important; padding-left:11%; width:89%}
body.green #left_container ul li ul li ul li a{color:#248ea5;}
#left_container li.no_child a{background:none!important}


#middle_container{ width:25.938em; float:left; padding:0.750em 0 0 	1.188em;}
#middle_container h1{ color:#0c508f; font-size:1.875em; line-height:1.000em; padding-bottom:0.113em;}
body.green #middle_container h1{ color:#2a5963}
#middle_container h2{ color:#0c508f; font-size:1.500em; line-height:1.125em;padding-bottom:0.113em;}
body.green #middle_container h2{ color:#2a5963}
#middle_container h3{ color:#4d4d4d; font-size:	1.125em; line-height:1.250em; padding-bottom:5px;}
#middle_container h4{ color:#4d4d4d; font-size:	0.750em; line-height:0.875em;padding-bottom:0.113em;}
#middle_container p{ color:#5e5e5e; font-size:	0.715em; line-height:1.4em; padding-bottom:1.375em}
.list_container{ width:100%; float:left;}
.list_container .col{ width:11.250em;}
#middle_container ul{ width:100%; float:left; list-style:none; padding-bottom:1.563em;}
#middle_container ul li{ width:88%; float:left; font-size:	0.750em; line-height:0.975em; color:#5e5e5e; padding:0 0 6% 12%;}
#middle_container ul.blue_check li{ background:url(/web_resources/themes/CityMain/images/blue_check.png) no-repeat 0 0;}
#middle_container ul.orange_check li{ background:url(/web_resources/themes/CityMain/images/orange_check.png) no-repeat 0 0;}
#middle_container ul.green_check li{ background:url(/web_resources/themes/CityMain/images/green_check.png) no-repeat 0 0;}
#middle_container ul.grey_check li{ background:url(/web_resources/themes/CityMain/images/grey_check.png) no-repeat 0 0;}
#middle_container ul.blue_dot li{ background:url(/web_resources/themes/CityMain/images/blue_dot.png) no-repeat 2px 4px;}
#middle_container ul.orange_dot li{ background:url(/web_resources/themes/CityMain/images/orange_dot.png) no-repeat 2px 4px;}
#middle_container ul.grey_dot li{ background:url(/web_resources/themes/CityMain/images/grey_dot.png) no-repeat 2px 4px;}
#middle_container ul.green_dot li{ background:url(/web_resources/themes/CityMain/images/green_dot.png) no-repeat 2px 4px;}
.img_box{ width:12.563em; float:right; padding:0.313em; border:1px solid #cecece; margin: 0 0 0.313em 0.513em; display:inline;}
.img_box img{ float:none; vertical-align:top; margin-bottom:0.350em;}
.img_box small{ width:100%; float:left; text-align:center; font-size:	0.688em; line-height:1.2em;}
.rotaters img{ width:300px; border:none;}
.rotaters li, .rotaters ul{ list-style:none; padding:0; margin:0;}
.rotaters li{ width:300px; height:223px;}
.rotatersGas img{ width:600px; border:none;}
.rotatersGas li, .rotaters ul{ list-style:none; padding:0; margin:0;}
.rotatersGas li{ width:600px; height:300px;}
.rotatersPR li{ width:350px; height:230px;}

#right_container{ width:13.813em; float:right;}
#right_container .box{ width:12.188em; float:left; margin-bottom:1.250em; padding:0.875em 0.750em 0.875em;}
#right_container .box p{ font-size:	0.625em; line-height:	1.5em; padding-bottom:0.938em;}
#right_container .box.solid_blue{ background:#0c508f; border:1px solid #0c508f; color:#fff;}
#right_container .box.solid_orange{ background:#f15a24; border:1px solid #f15a24; color:#fff;}
#right_container .box.solid_grey{ background:#b3b3b3; border:1px solid #b3b3b3; color:#fff;}
#right_container .box.solid_green{ background:#2a5963; border:1px solid #2a5963; color:#fff;}
#right_container .box.outline_blue{ background:#fff; border:1px solid #0c508f; color:#5e5e5e;}
#right_container .box.outline_orange{ background:#fff; border:1px solid #f15a24; color:#5e5e5e;}
#right_container .box.outline_grey{ background:#fff; border:1px solid #b3b3b3; color:#5e5e5e;}
#right_container .box.outline_green{ background:#fff; border:1px solid #2a5963; color:#5e5e5e;}

.inner_banner table img{float:none;}

.accordion-nav li{
display:none;}

.accordion-nav li.current,.accordion-nav li.current > ul > li{
display:block;}

.rxbodyfield ul, .rxbodyfield ol, .rxbodyfield li {
  list-style-position: outside;
  margin: auto auto auto 10px;
  padding: 0;
}
 .rxbodyfield li {
margin-top:10px;
}

.news-list {
padding: 5px;
}
.news-list .perc-list-title {
font-size: 20px;
color:#003399;
font-weight:bold;
}
.news-list li {
list-style: none;
margin-top: 15px;
}
.news-list .perc-list-main {
font-size:16px;
color:#333333;
font-weight:bold;
}
.news-list .news-summary {
margin-top: 5px;
font-size: 14px;
color:#333333;
font-weight:normal;
}
/*inner page  css ends*/