/* Adjust the width of the left reveal menu. */
#demo-page #left-panel.ui-panel {
    width: 15em;
}
#demo-page #left-panel.ui-panel-closed {
    width: 0;
}
#demo-page .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 15em;
    right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  border-top: none !important;
}
/* Nested list button colors */

/*.ui-listview .ui-listview .ui-btn {
    background: #fff;
}
.ui-listview .ui-listview .ui-btn:hover {
    background: #f5f5f5;
}
.ui-listview .ui-listview .ui-btn:active {
    background: #f1f1f1;
}*/

.ui-listview > li > a.ui-btn {
	border-width: 0px 0 0 0;
	border-style: solid;
}

/* Reveal panel shadow on top of the listview menu (only to be used if you don't use fixed toolbars) */
#demo-page .ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#demo-page .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}
/* Setting a custom background image. */
#demo-page.ui-page-theme-a,
#demo-page .ui-panel-wrapper {
    background-color: #fff;
    background-image: url("../_assets/img/bg-pattern.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}
/* Styling of the page contents */
.article p {
    margin: 0 0 1em;
    line-height: 1.5;
}
.article p img {
    max-width: 100%;
}
.article p:first-child {
    text-align: center;
}
.article small {
    display: block;
    font-size: 75%;
    color: #c0c0c0;
}
.article p:last-child {
    text-align: left;
}
.article a.ui-btn {
    margin-right: 2em;
}

/* Custom */

.ui-header {
	
	background-color: white !important;
	
}

.ui-header .ui-title {
	
	color: white;
	background: none;
	
}

.logo-container {
	
	display: block;
	width: 100%;
	height: 80px;
	background: white;
	padding-top: 40px;
	padding-left: 0px;
	
}

.logo {
	
	display: block;
	width: auto;
	height: auto;
	padding-left: 20px;
	
}

.menu-bar {
	
	display: block;
	width: 100%;
	height: 45px;
	background: #f05323;
	padding-left: 20px;
	padding-right: 20px;
}

.tagline {
	
	color: #f05323;
	padding: 0px;
	margin: 0px;
	float: right;
	padding-right: 20px;
	font-weight: normal;
	font-size: .8em;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eee /*{a-bar-shadow-color}*/;
}

.product-finder-link {
	
	display: block;
	width: 100%;
	height: 40px;
	background: #333;
	
}

.product-finder-link .ui-page-theme-a .ui-btn {
	
	background-color: none;
	
}

.pf-link {
	
	margin-top: .3em !important;
	margin-left: .5em;
	background-color: none !important;
	background: none !important;	
	color: white !important;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #000000 /*{a-bup-shadow-color}*/ !important;
	border: 0px !important;
}

#mobile-banner-wrapper{
	
	display: block;
	width: 100%;
	height: 240px;
	background: black;
	text-align: center;
	overflow: hidden;
}

/*#mobile-banner-wrapper img{
	
	max-width: 100%;
	
}*/


.home-ui-content {
	
	padding: 0 !important;
	
}

.home-ui-content .article {
	
	padding: 1em !important;
	
}


a.orange-rounded:link, a.orange-rounded:visited {
	
	
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-size: .95em;
	background: #ff5000;
	color: white;
	text-transform: lowercase;
	text-decoration: none;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
    behavior: url(../js/border-radius.htc);
    border-radius: 5px;
    
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

	text-shadow: 0 /*{a-page-shadow-x}*/ 0px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;

}

a.orange-rounded:hover {
	
	color: #ff5000;
	background: #eae9e9;
	
}

a.orange-rounded-mobile:link, a.orange-rounded-mobile:visited {
	
	
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-size: .95em;
	background: #ff5000;
	color: white !important;
	text-transform: lowercase;
	text-decoration: none;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
    behavior: url(../js/border-radius.htc);
    border-radius: 5px;
    
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

	text-shadow: 0 /*{a-page-shadow-x}*/ 0px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;

}

a.orange-rounded-mobile:hover {
	
	color: #ff5000;
	background: #eae9e9;
	
}

.article {
	
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	text-shadow: 0 /*{a-page-shadow-x}*/ 0px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;
	text-align: left;
	margin-bottom: 20px !important;
}


.article h1 {
	
	font-size: 1.8em;
	font-weight: 300;
	color: #ff5000;
	margin-top: .2em;
	margin-bottom: .2em;
	
}

.article h2 {
	

	font-size: 1.3em;
	font-weight: 300;
	color: #333;
	margin-top: .5em;
	margin-bottom: .5em;
	
}

.article p {
	
	font-size: 1.0em;
	
}

.article table {
	
	width: 100% !important;
	
}

.table_header th {
	
	text-align: right !important;
	
}

a.white-rounded:link, a.white-rounded:visited {
	
	display: block;
	width: 269px;
	height: 58px;
	background: url('../../assets/images/mobile/white_btn_bg.png') no-repeat center;
	color: #ff5000;
	text-decoration: none;
	text-align: center;
	padding-top: 40px;
	
}

.button-wrapper{
	
	display: block;
	width: auto;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.child-link {
	
	background-color: #666 !important;
	border-color: #1f1f1f /*{b-bup-border}*/;
	color: #fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/;
	text-transform: lowercase !important;
}

h2.last { display: none !important; }

.article a.ui-link:link, .article a.ui-link:visited {
	
	color: #ff5500;
	display: inline-block;
}


img.forMobile {
	
	width: 100% !important;
	height: auto !important;
	
}

.pcss3f select + span {
top: 56px;
}

/* Footer */
/*********************/

.footer-wrapper {
	
	font-family: 'Muli', sans-serif !important;
	background-color: #ff5000 !important;
	border-color: #ff5000 !important;
	color: white !important;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eee /*{a-bar-shadow-color}*/ !important;
	font-weight: 300 !important;	
	text-align: center;
	font-size: .9em;
	
}

.footer-wrapper a:link, .footer-wrapper a:visited {
	
	color: white;
	text-decoration: none;
	font-weight: 300;
	
}

.footer-wrapper a:hover {
	
	text-decoration: underline;
	
}

.article h3 {
	
	margin: 0px;
	margin-bottom: 10px;
	
}



@media all and (min-width:769px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 4em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .article a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}