/* 
    Document   : tablet.css
    Created on : Jun 4, 2013, 12:38:41 PM
    Author     : design2c7
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

header {
    height: 90px;
}

h1.logo {
    width: 55%;
    max-width: 183px;
}

h1.logo .xlogo img {
    width: 100%;

}

.bx-img-wrap {
    max-height: 200px;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    /*padding-top: 160px;*/
}

.xcontent {
    width: 92%;
    float: none !important;
    padding: 20px 0px !important;
}



.sf-menu.xactive {
    display: block;
    width: 100%;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.5);
}



.sf-menu li {
    float: none !important;
    background: white;
    text-align: center;
}

.sf-menu ul {
    width: 100% !important;
}

.bcrumbs {
    display: none;
}




.xfull {
    width: 84%;
}

.mobnav-btn {
    display: block;
    height: 55px;
    width: 55px;
    margin-top: 29px;
}

.mobnav-subarrow {
    display: block;
    width: 40px;
    height: 30px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 5px;
    right: 0px;
}

.mobnav-subarrow span {
    width: 0px;
    height: 10px;
    border-top: 10px solid #555;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 10px;
    right: 24%;
    position: absolute;
}

.sf-menu li {
    padding: 0px 0px !important;
}

.sf-menu li a {
    float: none!important;
}
.sf-menu ul {
    position:static!important;
    display: none!important;
}

.xpopdrop a {
    background: #eee;

}

.xpopdrop ul {
    display: block!important;
    visibility: visible !important;
}

.xnav ul li.xpopdrop {
    background-color: #eee !important;
}

.mob-contact-hdr {
    margin-left: 0px !important;
}

.the-icons {
    float: none;
}

.mob-contact-hdr {

    display: block;
    float: right;
    font-weight: bold;
    height: 55px;
    line-height: 0;
    margin-left: 30px;
    margin-top: 29px;
    text-align: center;
    width: 55px;
}

.mob-contact-hdr a {
    text-decoration: none;
    color: #525252;
}

.mob-contact-hdr span {
    font-size: 30px;
    line-height: 40px;
}

.search-nav {
    display: none;
}



.the-icons .icon-search-1 {
    color: #156197;
    display: block;
    font-size: 35px;
    height: 48px;
    margin: 0 !important;
    padding-top: 7px;
    text-align: center;
    width: 55px;
}



.header-subnav ul.tert-nav {
    display: none;
}

.hdr-social {
    display: none;
}

a.hdr-tel {
    display: none;
}



.xpagewrapper {
    width: 95%;
    margin: 110px auto 30px;
}

.xpagewrapper form {
    width: 93%;
}

.flexslider {
    margin: 0px !important; 
}

.flexslider .slides img {
    margin: 0!important;
}
/*
.flex-caption {
    top: 105px !important;
    width: 30% !important;
}
*/
.flex-caption {
	bottom: 10px!important;
	max-width: 96%!important;
	padding: 3px 2%!important;
	min-height: 20px!important;
}




.flex-caption .text {
	display: none!important;
}
.flex-caption span {
    font-size: 110% !important;
}

.flex-caption span.xbutton {
    font-size: 16px !important;
}

.flex-caption span.fsubtitle {
    display: none !important;
}

.flex-caption a.learn-more {
    font-size: 15px !important;
}
.flex-control-nav {
	display: none!important;
}

.responsive-tabs__list__item {
    width: 32% !important;
}

.responsive-tabs__list__item:last-child {
    width: 32% !important;
}

.responsive-tabs-wrapper {
    width: 100% !important
}

.hp-text {
    width: 95%;
    margin: 0px auto 30px;
}

.hp_news {
    float: none;
    padding: 0;
    width: 100%;
    margin-top: 30px;
}
.hp_news .news_entry {
	float: none;
	width: 100%;
	padding-bottom: 10px;
}
.xheaderimg {
    display: none;
}




.splash {
    max-height: 200px;
	min-height: 0;
    width: 100% !important;
    padding: 90px 0 0!important;
}

.hp-tabs {
    height: auto !important;
    top: 0px !important;
}

.hp-tabs .xwrapper {
    width: 100% !important;
}

.responsive-tabs__heading {
    border-radius: 0px !important;
    background: #1877bb !important;
    border: 0px solid #1877bb !important;
    color: white;
}

.responsive-tabs__heading--active {
    background: #a2d4f9 !important;
    color: #032757;
}

.responsive-tabs-wrapper {
    position: relative !important;
    top: 0px !important;
}

.responsive-tabs .columns span.lcol,
.responsive-tabs .columns span.lcol-2 {
    width: 95% !important;
    float: none !important;
    height: 100% !important;
    padding: 0px !important;
    margin: auto;
}

.responsive-tabs .columns span.mcol {
    width: 95% !important;
    float: none !important;
    height: 100%;
    padding: 30px 0px !important;
    margin: auto;
}

.responsive-tabs .columns span.rcol {
    width: 95% !important;
    float: none !important;
    height: 100%;
    padding: 0px !important;
    margin: auto;
}


.rcol-2 {
    width: 95% !important;
    float: none !important;
    margin: auto;
    display: block;

}
.responsive-tabs__panel {
    max-height: none !important;
	padding: 30px 0 !important;
}

.responsive-tabs__panel span.hp-markets ul li {

    float: none !important;
    padding: 0px 0px 30px 0px !important;
    margin: auto !important;
}


.responsive-tabs__panel b {
    width: 95%;
    margin: auto;
    display: block;
}

.tabs-bg {
    display: none;
}

.ftr-wrapper {
    width: 95%;
    margin: auto;
}

.footer-subnav {
    width: 100%;
}

#ftr-mcol {
    width: 100%;
    margin-bottom: 30px;
}

#ftr-rcol {
    width: 100%;
    margin-left: 0px;
}

.ftr-social .the-icons {
    float: left;
}


.xleftnav {
    width: 100%;
    min-height: auto;
    float: none;
    background: white;
    box-shadow: 0px 0px 0px 0px white;
    -webkit-box-shadow: 0px 0px 0px 0px white;
}

.market-item {
    width: 95%;
    margin: 0px auto 30px;
    float: none !important;
}

.hp-text {
    width: 90%;
    margin: 30px auto 0px;
    float: none !important;
	padding: 20px 5%;
}


.resource-left, .resource-right {
    width: 100%;
    margin-bottom: 25px;
    float: none !important;
}


/*
ul.locations-page li {
    width: 97% !important;
    height: auto !important;
    margin: 0px auto 20px auto !important;

}
*/
.contact_leftcol {width: 100%!important; float: none;}
.contact_rightcol {width: 100%!important; float: none;}
fieldset dt {margin-left: 0; width: 100%!important; float: none!important;}
fieldset dd { width: 100%!important; float: none!important;}
fieldset {
    width: 90% !important;
    margin: 0px !important;
    float: left;
}

.map {
    display:none;
}