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

/*-------- design style --------*/
.headerpane_style {padding:5px 10px 48px 10px;}
.logo_style { text-align:center; padding:55px 10px 15px 10px;}
.user_style { float:none; text-align:center; padding:0;  position:absolute; top:0; left:0; width:98%; margin:0 1%;}
.search_style {display:none; }
.search_mobile { display:block;position:absolute; right:0; bottom:7px;}
.mobile_nav { display:block; position:absolute; left:7px; bottom:7px; background:url(../images/mobile_menu_click.png) no-repeat center center #EAEAEA; border: 1px solid #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; width:95px; height:33px;}
.click_img {width:97px; height:33px;}
#Login{ float:none;}
.skin_nav { background:#F4F4F4; border:none; min-height:0; padding-top:5px;}
#nav_box { display:none; width:98%; margin:0 1%; padding:0 0 5px 0;}
.footerpane_style { padding:5px;}
.bottom_style { padding:5px 0;}
.copyright_style { float:none; text-align:center; padding:5px;}
.privacy_style { float:none; text-align:center; padding:5px;}
.Social-Links{ text-align:center; padding:0 0 0 0;}

/*--------- StandardMenu style ----------*/
#standardMenu {width:auto;}
#standardMenu ul {padding:0;}
#standardMenu .rootMenu {float:none;border:none; }
#standardMenu .rootMenu li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }

#standardMenu .rootMenu li a{display:block; background:url(../images/mobile_nav_bg.jpg) repeat-x center top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
#standardMenu .rootMenu li.breadcrumb a { background:url(../images/mobile_nav_sel.jpg) repeat-x top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li a:hover, #standardMenu .rootMenu li:hover a { margin:0; background:url(../images/mobile_nav_sel.jpg) repeat-x top; }

#standardMenu .rootMenu li a span {display:block; padding:0 20px; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; margin-right:0; height:38px; line-height:38px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position:relative; }
#standardMenu .rootMenu li.selected a span,#standardMenu .rootMenu li.breadcrumb a span,#standardMenu .rootMenu li.rmHover a span,  #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span{ text-decoration:none; background:none; }
#standardMenu .navarrow{ position:absolute; width:60px; height:38px; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center center;}

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; border:1px solid #6F6F6F; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:1px; }
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ border-top:1px solid #848484; border-bottom:1px solid #545454; margin:0; padding:0; height:auto; background:url(../images/mobile_subnav_bg.jpg); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1; }
#standardMenu .subMenu li.haschild > a { background:url(../images/mobile_subnav_bg.jpg);}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#424242; color:#FFFFFF; cursor:pointer; }
#standardMenu .subMenu li.selected.haschild > a span,#standardMenu .subMenu li.breadcrumb.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background: #424242; }

#standardMenu .subMenuRight{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#standardMenu .subMenuRight li.last > a{ border-bottom:1px solid #545454; border-top:1px solid #848484;}
#standardMenu .subMenuRight li.item a span{ display:block; background:none; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 25px; text-transform:none; }
#standardMenu .subMenu li.rmhover > .subMenuRight{ display:block; }

/*--------- MegaMenu style ----------*/
#megaMenu {width:auto;}
#megaMenu ul {padding:0;}
#megaMenu .root {float:none;border:none; }
#megaMenu .root li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }

#megaMenu .root li a{display:block; background:url(../images/mobile_nav_bg.jpg) repeat-x center top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; }
#megaMenu .root li.breadcrumb a { background:url(../images/mobile_nav_sel.jpg) repeat-x top; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li a:hover, #megaMenu .root li:hover a { margin:0; background:url(../images/mobile_nav_sel.jpg) repeat-x top; }

#megaMenu .root li a span {display:block; padding:0 20px; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; margin-right:0; height:38px; line-height:38px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position:relative; }
#megaMenu .root li.selected a span,#megaMenu .root li.breadcrumb a span,#megaMenu .root li.rmHover a span,  #megaMenu .root li:hover a span, #megaMenu .root li a:hover span{ text-decoration:none; background:none; }
#megaMenu .navarrow{ position:absolute; width:60px; height:38px; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center center;}

/*-- submenu --*/
#megaMenu .category{ position:static; width:auto; border:1px solid #444; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0px; margin-top:1px; background:#444444; padding:0; }
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0;}
#megaMenu .category li.item a{ border-bottom: solid 1px #666666; padding:0; height:auto; background:#444444; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a span{ padding:0 35px 0 15px; color:#FFFFFF; }
#megaMenu .category li.selected a span, #megaMenu .category li.breadcrumb a span, #megaMenu .category li.item a:hover span { background:#424242; color:#ffffff; font-weight:bold; }
#megaMenu .category li.haschild > a { background:none;}
#megaMenu .category li.haschild > a span { background:none;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.breadcrumb.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background:#424242; }

#megaMenu .leaf{ position:static; width:auto; margin:0; border:none; top:0; }
#megaMenu .leaf li{ clear:both;float:none; width:auto; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0; line-height:1em; background:none; border-bottom:none;}
#megaMenu .leaf li li{ clear:both;float:none; width:auto; }
#megaMenu .leaf li.last > a{ border-bottom: solid 1px #666666;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 20px 0 25px; text-transform:none; }
#megaMenu .category li.rmhover > .leaf{ display:block; }

/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.footer_grid4a {}
.footer_grid4b {}
.footer_grid4c {}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid [class*="span"] { float:none; margin-left:0;}
.row-fluid .span12 {width:auto; }
.row-fluid .span11 {width:auto; }
.row-fluid .span10 {width:auto; }
.row-fluid .span9 {width:auto; }
.row-fluid .span8 {width:auto; }
.row-fluid .span7 {width:auto; }
.row-fluid .span6 {width:auto; }
.row-fluid .span5 {width:auto; }
.row-fluid .span4 {width:auto; }
.row-fluid .span3 {width:auto; }
.row-fluid .span2 {width:auto; }
.row-fluid .span1 {width:auto; }
}