/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 url('../gfx/ui-bg_gloss-wave_16_121212_500x100.png') 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #404040; background: #888888 url('../gfx/ui-bg_highlight-hard_15_888888_1x100.png') 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #adadad url('../gfx/ui-bg_highlight-soft_35_adadad_1x100.png') 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url('../gfx/ui-bg_highlight-soft_60_dddddd_1x100.png') 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #121212 url('../gfx/ui-bg_inset-soft_15_121212_1x100.png') 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #404040; background: #555555 url('../gfx/ui-bg_highlight-hard_55_555555_1x100.png') 50% top repeat-x; color: #cccccc; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #cccccc; }

/* states and gfx */
.ui-icon { width: 16px; height: 16px; background-image: url('../gfx/ui-icons_bbbbbb_256x240.png'); }
.ui-widget-content .ui-icon {background-image: url('../gfx/ui-icons_bbbbbb_256x240.png'); }
.ui-widget-header .ui-icon {background-image: url('../gfx/ui-icons_cccccc_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('../gfx/ui-icons_666666_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('../gfx/ui-icons_c98000_256x240.png'); }
.ui-state-active .ui-icon {background-image: url('../gfx/ui-icons_f29a00_256x240.png'); }
.ui-state-highlight .ui-icon {background-image: url('../gfx/ui-icons_aaaaaa_256x240.png');}

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }



/* WebsPlaet Platform */
.languages {}
.headerimage {}
.slogan {}
.logo {
    color:#f16521;
}
.logo a,.logo a:visited{
    color: #f16521;
}
.logo a:hover{
    color:#a7a9ab;
}
.menu {}
.menu_rollover {}
.menu_active {}
.skinBg {}
.skinAlign {}
.footerText {}
.footerLinks {}
.titles {}

.astrix {}
.form_field_text {}
.text_field {}
.text_field_big {}
.buttons {}

.search_button {}
.search_field {}
.search_text {}
.search_result_highlight {}

.login_field {}

/* Modules */

.module-wrapper {}
.module-title {}
.module-content {}

/* Widgets */

.widget-wrapper {}
.widget-title {}
.widget-body {}

/*---click to action ----*/
/* Panel Tab/button */
.tab {
    background: url(../gfx/tab_b_bottom.png) repeat-x 0 0;
}
.tab ul.mobile_action li.left {
    background: url(../gfx/tab_l_bottom.png) no-repeat left 0;
}
.tab ul.mobile_action li.right {
    background: url(../gfx/tab_r_bottom.png) no-repeat left 0;
}
.tab ul.mobile_action li {
    background: url(../gfx/tab_m_bottom.png) repeat-x 0 0;
}

.tab ul.mobile_action li label {
  color: #ffffff;
}

.tab ul.mobile_action li label:hover {
  color: #f16521;
}

.tab label.open {background: url(../gfx/bt_open.png) no-repeat left 0;}
.tab label.close {background: url(../gfx/bt_close.png) no-repeat left 0;}
.tab label:hover.open {background: url(../gfx/bt_open.png) no-repeat left -19px;}
.tab label:hover.close {background: url(../gfx/bt_close.png) no-repeat left -19px;}

#panel {
  color: #999999;
  background: #272727;
}

#panel a {
  color: #ffffff;
}

#panel a:hover {
  color: #f16521;
}

.icon{
  color: #ffffff;
}
.icon .click-phone{
  background: url(../gfx/call-icon.png) no-repeat 0 0;
}
.icon .click-mail{
  background: url(../gfx/mail_icon.png) no-repeat 0 0;
}
.icon .click-map{
  background: url(../gfx/google_maps_icon.png) no-repeat  0 0;
}
/*-----end click to action ----*/


/*---------------mobile google map default theme css----------------*/

.widget-button {
  background: #4c4c4b;
  color: #f16521;
}
.widget-button:hover {
  background: #f16521;
  color: #4c4c4b;
}
/*---------------end mobile google map default theme css----------------*/



a, .footer li a{color: #f16521;}
a:hover{color: #a7a9ab;}

body{background: #2c2b2c;}
#content,.footer{color:#ffffff;}
.footer a{color: #f16521}
.footer-text{}
.buttons {
  background: #4c4c4b;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  display:inline-block;
  color:#f16521;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  cursor: pointer;
  -webkit-box-shadow:  0px 0px 5px  #000;
  -moz-box-shadow:  0px 0px 5px  #000;
    box-shadow:  0px 0px 5px  #000;
}


.recaptchatable #recaptcha_response_field {
    height:20px;
    background-color:#fff!important;
}

.contactUsFront textarea, .contactUsFront input[type="text"] {
  width: 90% !important;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color:#000;

  
}
.bottom {
  background: #4C4C4B;
}
.bottom li a{
    color: #ffffff;
}
.bottom li a:hover:before{
    background: none repeat scroll 0 0 #F16521;

  }
.bottom li a:before{
    background: none ;

  }

/*---- Menu---*/

/* default color skin */

.wp-menu ul{
    background: #4c4c4b;
}
.wp-menu a{color: #fff}
.wp-menu li:before{display: none;}
#nav{
    background: none repeat scroll 0 0 #4c4c4b;
  }
/* #Media Queries
================================================== */

  /* Smaller than standard 480 (devices and browsers) */
  @media only screen and (min-width: 480px) {
  #nav:before {
    border-right: 15px solid #a7a9ab;
  }
 #nav:after {
    border-left: 15px solid #a7a9ab;
  }
  
  .wp-menu a:hover:before, .wp-menu li.current a:before {
    background: none repeat scroll 0 0 #f16521;

  }

  

}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    
    .nav .before{
      color: #B0AEAF;  
    }


    .wp-menu a{
      border-bottom:1px solid #B0AEAF;

    }
      

    .wp-menu span.wp-sub  {
      background: none repeat scroll 0 0 #B0AEAF;
      color: #fff;
      border-bottom: #B0AEAF 1px solid;   
    }

    .wp-menu li li a{
      background: #f0f0f0;
      color: #f16521;
    }
    .wp-menu li li li a{
      background: #dddddd;
      color:#f16521;
    }

}