/*common style*/
body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	color: #434343;
	background-color: #fbfbfb;
    background: #fbfbfb url("../images/bgd.png") repeat-x;
    height:100% !important;
}
#indexHomeBody, #mainWrapper, #mainWrapperInner, .joeCategories {height:100% !important;}
p {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	color: #434343;
}
h1, h2, h3 {
    color:#191919;
}
h1 {
    font-size:1.75em;
}
h3 {
    font-size:1.5em;
}
h4 {
    font-size:1.25em;
}
h1{line-height:40px;}
h2,h3{line-height:23px;}
a {
	color: #0e76bc;
    transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;	
}
a:hover {
	color: #0096da; 
	outline:0px none;
}
a:focus {
	outline:0px none;
}
a.underline {
	text-decoration:underline;
}
a.underline:hover {
	outline:0px none;
}
.content {
	font-size: 12px;
}
.centered {
	text-align: center !important;
}
.larger {
	font-size: 15px;
}
.red {
	color: #cc0000; 
}
hr.homeLine {
    margin-left:25px;
    margin-right:25px;
    border-bottom:1px solid #3174c0;
    height:1px;
    text-align:center !important;
}
/*header style*/
header#top-header{
	padding-top: 0;
	color: #888888;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
    border:none !important;
}
header#top-header a{
	color: #666666;	
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
}
header#top-header a:hover{
	color: #5f6062;
	text-decoration: none;
}
#logo-wrapper {
    padding-top:5px;
	text-align: left;
}
#mainWrapper {
    background-color:transparent;
	margin-bottom: 0px;
}
#mainWrapperInner {
	padding: 0 0 20px 0;
}

.bodyDropShadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);
}

/*Menu*/
#nav-banner-wrapper {
    padding: 22px 13px 10px 13px;
}
#navbar-inner-wrapper {
    background-color:transparent;
}
.headerform form {
    position:relative;
    float:right;
    margin-top:26px;
    background-color:transparent;
}
.headerform input[type="text"] {
	border-top:1px solid #6480bd;
	border-right:0px solid #6480bd;
	border-left:1px solid #6480bd;
	border-bottom:1px solid #6480bd;
    width:156px !important;
    height:33px !important;
    padding:0 0 0 10px !important;
    background-color:transparent;
    color:#fff;
}

input:-moz-placeholder,textarea:-moz-placeholder{color:#fae440; font-weight:bold;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fae440; font-weight:bold;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fae440; font-weight:bold;}
input:-moz-placeholder {
    color:    #fae440;
    font-weight:bold;
    }
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fae440;
    font-weight:bold;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fae440;
    opacity:  1;
    font-weight:bold;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fae440;
    opacity:  1;
    font-weight:bold;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fae440;
    font-weight:bold;
}

.headerform input[type="image"] {
    margin-top:-10px !important;
}

.headerformSide {
background: rgb(55,122,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(55,122,223,1) 0%, rgba(37,82,151,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,122,223,1)), color-stop(100%,rgba(37,82,151,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(55,122,223,1) 0%,rgba(37,82,151,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(55,122,223,1) 0%,rgba(37,82,151,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(55,122,223,1) 0%,rgba(37,82,151,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(55,122,223,1) 0%,rgba(37,82,151,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377adf', endColorstr='#255297',GradientType=0 ); /* IE6-9 */

}
/* margin:15px 0 15px 20px; */
.headerformSide form {
    position:relative;
    float:left;
    margin:3px 0 2px 20px;
}
.headerformSide input[type="text"] {
	border-top:1px solid #6480bd;
	border-right:0px solid #6480bd;
	border-left:1px solid #6480bd;
	border-bottom:1px solid #6480bd;
    width:218px !important;
    height:41px !important;
    padding:0 0 0 10px !important;
    background-color:transparent;
    color:#fff;
}
.headerformSide input[type="image"] {
    margin-top:-10px !important;
}
.joeCategoriesBox {
    /*height:100% !important;*/
    min-height:386px;
    background: rgb(120,171,224); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(120,171,224,1) 0%, rgba(90,129,168,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,171,224,1)), color-stop(100%,rgba(90,129,168,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(120,171,224,1) 0%,rgba(90,129,168,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(120,171,224,1) 0%,rgba(90,129,168,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(120,171,224,1) 0%,rgba(90,129,168,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(120,171,224,1) 0%,rgba(90,129,168,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78abe0', endColorstr='#5a81a8',GradientType=0 ); /* IE6-9 */
}
.navbar-inner {
    width:1024px;
    max-height: 100px;
    padding: 0;
    border: none;   
    border-radius: 0;
    box-shadow: none;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
}
.navbar .nav {
	display: inline-block;
	float: none;
	margin: 0;
}
.navbar .nav > li > a {
    float: none;
    line-height: 23px;
    font-size: 14px;
    font-weight:normal;
    color: #ffffff;
    text-shadow: none;
    text-decoration: none;
    transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	text-align: left;
    background-color:transparent;
    border-bottom:4px solid transparent;
}

.activeOne {
    background:#05273e !important;
}
.activeTwo {
/*background: #875324 url("../images/arrow-top.png") no-repeat center top !important; */
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #333333;
    text-decoration: none;
    text-shadow: none;
}
.navbar .nav > li:hover > a {
	color: #fae440;
    text-decoration: none;
    text-shadow: none;
    background-color:transparent;
    border-bottom:4px solid #fae440;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
}
.dropdown:hover > .dropdown-menu {
    display: block;
    background: rgba(0, 0, 0, 0.5) !important;
}
.dropdown-menu {
  margin-top: 0px;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
    line-height: 33px;
    font-size: 14px;
}
.dropdown-menu li {
    background: rgba(0, 0, 0, 0.8) !important;
    border-bottom:1px solid #353536;
}
.dropdown-menu li a {
    padding:5px 0 5px 20px;
}
.dropdown-menu a {
	color: #ffffff !important;
	text-align: left;	
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #fae440;
  text-decoration: none;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #fae440;
    text-decoration: none;
    outline: 0px none;
}
.dropdown-submenu > .dropdown-menu {
	display: none;
    top: 0px;
    left: 100%;
    margin-top: -6px;
    margin-left: 0px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropdown-menu li>a:hover {color: #fae440 !important;} /* joe edit */
.navbar .brand {
	padding: 12px 20px 8px;
}
a.dropdown-parent-link {
	text-align:center;
	font-size: 12px;
	font-style: italic;
}
.slideshow {
	position: relative;
}
.i-white {
	color: #ffffff;
} 
li.dropdown-menu-column {
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid #eeeeee;	
}
li.dropdown-menu-column .last-column{
	border: none;	
}
ul.dropdown-submenu-column {
	list-style-type: none;
	margin-left: 0;
	display: inline-block;
	min-width: 80px;
}
#mobile-menu {
	margin-top: 20px;
	margin-bottom: 20px;
}
.select-navigation {
	font-size: 16px; 
	display:block;
	width:100%;
	height: 40px;
	padding: 8px 4px;
}
/*section style*/
#indexDefault {
	padding: 0;
	border: none;
}

.joeSlideMain {width:724px !important;}
.joeCategories {width:300px !important; background:#76a8db url("../images/bgd-categories.png") !important;}

.joeslide {
    text-align:center;
    border:none !important;
    max-width:724px;
}
.joesliderbgd {
	position: relative;
    text-align:center;
    border:none !important;
    background-color:#231f20 !important;
}
.arrow_box {
	background: #231f20;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 31, 32, 0);
	border-top-color: #231f20;
	border-width: 30px;
	margin-left: -30px;
}
.innerLeftSidebox {padding:10px 40px 50px 40px; height:100% !important;}
.negativePadLeft {
    margin-left:-25px !important;
}
.negativePadRight {
    margin-right:-50px !important;
}
.negativePadTop {
    margin-top:-5px !important;
}
.PadLeft {
    padding-left:30px !important;
}
#homeBlockTwo .container {
    padding-top:5px;
    background-color:#fff !important;
}
.bgdBlue {
    background-color:#0657b3 !important;
}
.bgdWhite {
    background-color:#fff !important;
}
#homeBlockTwo p {
    padding:0 35px 0 35px;
    color:#fff;
}
#homeBlockTwo h3 {
    color:#fae440;
    padding-left:35px;
}
.homeBlockTwoLink  a {
  font-size:14px;
  font-weight:bold;
  color: #fae440;
  text-decoration: none;
}
.homeBlockTwoLink:hover > a {
  color: #fff;
  text-decoration: underline;
}
.bgdHomeBlockthree {
    margin-top:-10px !important;
    min-height:57px;
    text-align:left;
    border:none !important;
    background: rgb(255,253,124); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,253,124,1) 0%, rgba(246,204,7,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,253,124,1)), color-stop(100%,rgba(246,204,7,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffd7c', endColorstr='#f6cc07',GradientType=0 ); /* IE6-9 */
}
.bgdHomeBlockthree h1 {
    padding:20px 0 20px 10px;
}
.bgdBlockFour {
    margin-top:-10px !important;
    min-height:57px;
    text-align:left;
    border:none !important;
background: rgb(5,76,164); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(5,76,164,1) 0%, rgba(3,52,113,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,76,164,1)), color-stop(100%,rgba(3,52,113,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,76,164,1) 0%,rgba(3,52,113,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,76,164,1) 0%,rgba(3,52,113,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,76,164,1) 0%,rgba(3,52,113,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(5,76,164,1) 0%,rgba(3,52,113,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054ca4', endColorstr='#033471',GradientType=0 ); /* IE6-9 */
}
.bgdBlockFour h3 {
    padding:20px 50px 20px 50px;
    color:#fff;
}

.bgdBlockFive {
    margin-top:-15px !important;
    min-height:57px;
    text-align:left;
    border:none !important;
    background: rgb(255,253,124); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,253,124,1) 0%, rgba(246,204,7,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,253,124,1)), color-stop(100%,rgba(246,204,7,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffd7c', endColorstr='#f6cc07',GradientType=0 ); /* IE6-9 */
}
.bgdBlockFive h1 {
    padding:20px 0 20px 50px;
}
.innerCustom {
    padding-bottom:55px;
}
.innerFullWidthPadding {
    padding: 0 45px 0 45px;
}

.textHomeBlockthree {
    padding:15px 25px;
    font-size:14px;
}
.textHomeBlockthree a {
  font-size:14px;
  font-weight:bold;
  color: #000;
  text-decoration: none;
}
.textHomeBlockthree:hover > a {
  color: #626262;
  text-decoration: underline;
}
.no-space [class*="span"] {
    margin-left: 0;
}

hr.line {margin:20px 0;width:98%;border:0;border-bottom:2px solid #0657b3;}

.bgdFooter {
    padding:25px 0 25px 0;
    background-color:#f1f2f2;
}
.headerPhone img {
   float:right;
}
.blue {
    color:#0657b3;
}
.sideBoxBorderLeft {
    padding-left:15px;
    border-left:1px solid #dcdcdc;
}
.paddingtop {padding-top:25px;}

/*footer style*/
.footerLink {
	padding:50px;
}
.footerLink a, .footerBgd a {
	color: #666666;
    font-size:14px;
}
.footerLink a:hover, .footerBgd a:hover {
	text-decoration: underline;
}
.footerLinkTwo {
    margin-top:-10px !important;
    margin-bottom:-10px !important;
    min-height:60px;
    text-align:center;
    border:none !important;
    background: rgb(255,253,124); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,253,124,1) 0%, rgba(246,204,7,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,253,124,1)), color-stop(100%,rgba(246,204,7,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,253,124,1) 0%,rgba(246,204,7,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffd7c', endColorstr='#f6cc07',GradientType=0 ); /* IE6-9 */
}
.footerLinkTwo p {
    text-align:center;
    font-size:12px;
    padding:25px 0 25px 0;
}
#footer {
    margin-top:-25px;
	padding: 0;
}
#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#back-top a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #dddddd;
}
#back-top a:hover {
	color: #ffffff;
	background: #5f6062;
	text-decoration: none;
}

.white {
    color:#fff;
    text-align:left;
}
.grey {
    color:#bbbbbb;
    text-align:left;
}
.footerBgd {
    margin:-21px 0 -41px 0;
    padding:30px 0 30px 0;
    color:#666666;
    background-color:#1f1f1f;
}
.footerCopyright {
    color:#666666;
    text-align:center;
    font-size:12px;
}
.footerCopyright a {
    color:#666666;
    font-size:12px;
}

.headertopgrey {
    margin:20px 0 10px 0;
    background-color:transparent;
}
.headertopgrey input[type="text"] {
    margin:8px 0 0 0;
	border:1px solid #bebebe;
    width:150px;
}

.left {
float: left;
}
.right {
float: right;
}
.small {	
    font-size:11px;
}
.small a {	
    color:#fff;
    font-weight:bold;
}
.sliderMore {z-index:9999; margin:-10px 0 0 0 !important;}
/* Large desktop */

@media (min-width: 1200px) {}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 942px) {
    body {
    	background: #fff url("../images/pixel-trans.png") no-repeat;
    }
	.flex-direction-nav a {
	    font-size: 30px;
	    width: 40px;
	    height: 40px;
	    display: block;
	}
	.flex-direction-nav a.flex-next {
		right: 10px
	}
	.flex-direction-nav a.flex-prev {
		left: 10px
	}
	.flex-direction-nav a.flex-next i {
		top: 10px;
		left: 3px;	
	}
	.flex-direction-nav a.flex-prev i {
		top: 10px;
		left: 1px;	
	}	
    .responsive {
        max-width:100% !important;
        height:auto;
        display:block;
    }
    .displayNone {display:none !important;}
    .marginTop {margin-top:-100px;}
    .marginTopMenu {margin-top:30px;}
    .joeCategories {display:none !important;}
}

 

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    body {
    	background: #fff url("../images/pixel-trans.png") no-repeat;
    }
    .centerColumn {
		padding: 0 0 0 0;
		border:none;
	}
	.flex-direction-nav a {
	    font-size: 30px;
	    width: 40px;
	    height: 40px;
	    display: block;
	}
	.flex-direction-nav a.flex-next {
		right: 10px
	}
	.flex-direction-nav a.flex-prev {
		left: 10px
	}
	.flex-direction-nav a.flex-next i {
		top: 10px;
		left: 2px;	
	}
	.flex-direction-nav a.flex-prev i {
		top: 10px;
		left: 1px;	
	}
    .responsive {
        max-width:100% !important;
        height:auto;
        display:block;
    }
    .negativePadLeft {
        margin-left:10px !important;
    }
    .negativePadRight {
        margin-right:0px !important;
    }
    .headerform {
        height:172px;
    }
    .displayNone {display:none !important;}
    .marginTop {margin-top:-100px;}
    .marginTopMenu {margin-top:60px;}
    .joeSlideMain {width:100% !important;}
    .joeCategories {display:none !important;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
    body {
    	background: #fff url("../images/pixel-trans.png") no-repeat;
    }
	.flex-direction-nav a {
	    top: 40%
	}
	.flex-control-nav {
		display: none;
	}
    .centerColumn {
		padding: 0 0 0 0;
		border:none;
	}
    .displayNone {display:none !important;}
    .marginTop {margin-top:-100px;}
    .marginTopMenu {margin-top:60px;}
    .joeSlideMain {width:100% !important;}
    .joeCategories {display:none !important;}
}

@media (max-width: 320px) {
    .displayNone {display:none !important;}
    .marginTop {margin-top:-100px;}
    .marginTopMenu {margin-top:60px;}
    .joeSlideMain {width:100% !important;}
    .joeCategories {display:none !important;}
}

h1, a:hover, header#top-header a:hover, .parent-active, #navSuppWrapper ul li a:hover { color: #444444; }
.flex-direction-nav a:hover, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, #back-top a:hover { color: #fae440; }

#navbar-inner-wrapper ul {
    margin-bottom:-6px !important;
}