/*Styling floated images via CKEditor*/
img[style*="left"]  {margin:0 20px 20px 0;}
img[style*="right"] {margin:0 0 20px 20px; }

.leftback {
    background-image: url('/images/leftback.jpg');
    background-repeat: no-repeat;
    min-height: 145px;
    color:#fff;
    text-align:center;
    max-width:100%;
}

.leftback > h1 {
    margin-top:48px;
}


.leftback > h1 > a {
    color:#fff;
}


.midback {
    background-image: url('/images/midback.jpg');
    background-repeat: no-repeat;
    min-height: 145px;
    color:#fff;
    text-align:center;
    max-width:100%;
}

.midback > h1,
.rightback > h1 {
    margin-top:24px;
}


.midback > h1 > a {
    color:#fff;
}


.rightback > h1 > a {
    color:#fff;
}

.rightback {
    background-image: url('/images/rightback.jpg');
    background-repeat: no-repeat;
    min-height: 145px;
    color:#fff;
    text-align:center;
    max-width:100%;
}

#bottombarl{
    background-image: url('/images/bottoml.jpg');
    background-repeat: no-repeat;
     min-height: 70px;
}
#bottombarr{
    background-image: url('/images/bottomr.jpg');
    background-repeat: no-repeat;
    min-height: 70px;
}

.clink {
    text-transform: uppercase;
}

.cftxt {
    text-transform: uppercase;
}
#leftCol {
	/* margin-left: -15px;*/
}
#leftCol > .controlHandler > .control > h1 {
	 color:#fe0002;
     font-size:30px;
     /*line-height: 12px;*/
}

#leftCol > .controlHandler > .control > p:first-of-type {
	 margin-top:32px;;
}
#leftCol > .controlHandler > .control > h2 {
	 color:#333;
     font-size:20px;
     line-height: 2px;
}

#topDiv {
    margin-bottom:24px;
}

#catalogimg {
    
}
.topimgdiv {
    border-top:12px #2aa202 solid;
}
#snippet4 {
    color:#fe0002;
    text-align:right;
    margin-top:0px;
    margin-bottom:12px;
}
.btndiv {
    margin-top:16px;
}
.cta {
    margin-top:40px;
    color:#0166b4;
}
.embeddedContent[style*="left"] {
    margin-right: 30px;
}

.embeddedContent[style*="right"] {
    margin-left: 30px;
}

.embeddedContent {
  position: relative;
  width: 100%;
}

.embeddedContent iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}


#admin-bar {
	top: 0;
	position: fixed;
	width: 100%;
	background: #000;
	color: #fff;
	border: 1px #fff dotted;
	padding: 4px;
}

#admin-bar a {
	color: #fff;
	text-decoration: none;
}

#admin-bar-content {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

body {
  padding-top: 20px;
}

.footer {
  margin-top: 40px;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
  background-image:         linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 1199px) {
    .leftback {
        background-color:#2da203;
        background-image: none;
    }
	.midback {
        background-color:#2da203;
        background-image: none;
    }
    .rightback {
        background-color:#2da203;
        background-image: none;
    }
    div.hidden-phone {
        display:none;
    }
}

@media (max-width: 991px) {
    	
	.leftback > h1,
	.midback > h1,
	.rightback > h1 {
        margin-top:24px;
		font-size:24px;
    } 
	
    .leftback,
    .midback,
	.rightback{
        padding-top:32px;
    }
}

@media (max-width: 767px) {
    #rightCol {
        margin-top:36px;
        float:left !important;
    }
}