/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 760px) {
body {-webkit-text-size-adjust:none;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}

/*-------- design style --------*/
.logo_style { text-align:center; }
.user_style { float:left; text-align:left; padding:5px 2px 0 10px;}
.search_style { float:right; padding:0 5px 0 0;}
#skin_banner { margin-top:0; padding-top:0; min-height:0;}
#mobile_nav{display:block;float:left;width:98%; margin:0 1%; background:url(../images/nav_bg.jpg) repeat-x center center #ffffff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0,0.5);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0,0.5);box-shadow:0px 0px 5px 0px rgba(0, 0, 0,0.5);}
.mobile_nav_bg {float:left;background:url(../images/nav_mobile.png) no-repeat 0 0; width:90px;line-height:40px; margin:-6px 0 0 5px;}
.breadcrumb_style { float:left; padding:8px;}
.Social-Links{ text-align:center; padding:0 0 0 0; }
#menuclick{color:#fff; text-decoration:none;text-transform:uppercase; font-size:14px; text-shadow:1px 1px 0px #000; font-weight:bold;z-index:1000; padding:11px 24px 11px 22px;}
#menuarea{ display:none;float:none;clear:both; width:100%; background:none; margin-bottom:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0,0.5);-moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0,0.5);box-shadow:0px 0px 0px 0px rgba(0, 0, 0,0.5);}

/*--------- Menu style ----------*/
#standardMenu { margin:0;position:relative;z-index:903;padding:3px 0;}
#standardMenu ul { margin:0; padding:0;}
#standardMenu ul li { list-style:none;float:none;overflow:visible; position:relative; margin:0; background:url(../images/mobile_subnav.jpg) repeat-x left top; height: auto; line-height:1em;cursor:pointer; border:1px #ccc solid; margin-bottom:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#standardMenu ul li.selected, #standardMenu ul li.breadcrumb{ background:url(../images/subnav_sel.jpg) repeat-x left top; margin-top:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color:ffffff;height:auto;}

#standardMenu ul li a {display:block;background:none;text-transform:uppercase;font-size:12px;font-weight:bold;text-decoration:none;color:#000000;}
#standardMenu ul li:hover, #standardMenu ul li a:hover {text-decoration:none;}
#standardMenu ul li.selected > a, #standardMenu ul li.breadcrumb > a{ background:none; color:#ffffff; }

#standardMenu ul li a div {display:block; background:none; }
#standardMenu ul li a:hover div{background:none;}
#standardMenu ul li.selected a div, #standardMenu ul li.breadcrumb a div{ background:none;margin:0;}

#standardMenu ul li a div span{display:block; background:none; margin:0; padding:0 15px;line-height:32px; }
#standardMenu ul li a:hover div span{background:none;}
#standardMenu ul li.selected a div span, #standardMenu ul li.breadcrumb a div span{ background:none;padding:0 15px 0 15px;line-height:32px;}

#standardMenu ul li ul li{ background:#f9f9f9;margin:0px;white-space:normal; height:auto; line-height:2em; width:auto;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; border-left:none;border-right:none;border-top:none;border-bottom:1px dotted #ccc;}
#standardMenu ul li ul li.last {border-bottom:none;}
#standardMenu ul li ul li a {display:block;background:none;text-decoration:none;font-weight:normal;text-transform:none;padding:4px 15px 4px 20px;font-size:12px;color:#000000;}
#standardMenu ul li ul li.breadcrumb > a {background:url(../images/right1.gif) 10px 14px no-repeat; color:#000000; cursor:pointer;}
#standardMenu ul li ul li.selected > a, #standardMenu ul li ul li.item a:hover{ background:url(../images/right1.gif) 10px 14px no-repeat; color:#940001; cursor:pointer; }
#standardMenu ul li ul li.haschild > a,#standardMenu ul li ul li.selected.haschild > a, #standardMenu ul li ul li.breadcrumb.haschild > a, #standardMenu ul li ul li.item.haschild > a:hover { background:url(../images/right1.gif) 10px 14px no-repeat; }
#standardMenu ul.level0 li, #standardMenu ul.level0 li:hover{ background:url(../images/right1.gif) 10px 14px no-repeat; }
#standardMenu ul li ul li ul li {border-bottom:none;}

#standardMenu ul li ul { display:block; position:relative; top:0; left:auto; padding:0; border:none;background:#f9f9f9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#standardMenu ul li.selected ul, #standardMenu ul li.breadcrumb ul{ display:block; position:relative; top:0px; }
#standardMenu ul li:hover ul.level0 { display: block;}
#standardMenu ul li ul li ul{ display: block; border:none; padding:0 0 0 10px;}
#standardMenu ul li ul li:hover ul.level1{ display: block; left:auto; top:0;}
#standardMenu ul li ul li ul li ul{ display: block}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block; left:auto; top:0; }
#standardMenu ul li ul li ul li ul li ul{ display: block}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; left:auto; top:0; }

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:28px; margin-right: 6px; vertical-align: middle;}

/*--------- pane style ----------*/
.h_toppane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_topleftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_toprightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_contentpane{width:auto;clear:both;padding:5px 0;margin:0;}

.h_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_contentpane2{width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxapane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxbpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxcpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_boxdpane {width:auto;clear:both;padding:5px 0;margin:0;}
.h_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.i1_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_centerpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i1_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.i2_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i2_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i2_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i2_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

.i3_contentpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i3_leftpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i3_rightpane {width:auto;clear:both;padding:5px 0;margin:0;}
.i3_bottompane {width:auto;clear:both;padding:5px 0;margin:0;}

/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#444444; font-size:10px; text-decoration:underline; }
A.Breadcrumb:hover{color:#BE373E; text-decoration:none; }
}

@media handheld, only screen and (max-width: 360px){
.user_style { float:none; text-align: center; padding:10px 0 10px 0;}
.search_style { float:none; text-align: center; padding:10px 0 0 0; width:100%; margin:0 auto;}
#Search { float:none;}
}