﻿body {
    padding-top: 1px;
    padding-bottom: 20px;
    /*background: #FFF url("/Content/SiteImages/bg.page.gif") repeat-y scroll center top;*/
    /*word-wrap: break-word;
    text-align: justify;*/
    /*text-wrap:normal;*/
    /*background-image: url('SiteImages/Background.jpg');*/
	background-size:100%;
    /*background-repeat:no-repeat;*/
    /*background-position:center;*/
}


/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
    padding-top:7px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.panel {
	margin-bottom:5px;
}

.navbar {
	margin-bottom:5px;
}

/* Changing the Bootstrap CSS*/

#divHeader {
     /*padding-top: 10px;*/
     /*background: transparent url(/Content/SiteImages/bg.logo.png) repeat-x 0 0;*/
     border-color: #FFF;
     border-width: thin;
     border-style: solid;
     background-color: #01B122;
}

div.contactInfo {
    text-align: center;
    align-content: center;
}

#contactEmail {
    color: white;
}

#panelHeading {
    background-color: #ccffd5;
    border-color: #467813;
}

#divContact {
    color: white;
	text-align:center;
	margin-bottom:20px;
}

#divTitle {
    color: #FFF;
    font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
}

#divHeaderBg {
    /*background: transparent url(/Content/SiteImages/bg.mainnav.gif) repeat-x 0 0;*/
    background: transparent url(/Content/SiteImages/bg.logo.gif) repeat-x 0 0;
    height: 50px;
    /*height: 40px;*/
    padding-top: 2px;
    width: 100%;
}

/*.panel-heading {
    background: transparent url(/Content/SiteImages/bg.logo.png) repeat-x 0 0;
}*/

/*div.container {
    width: 890px;
}*/

/*.navbar {
min-height: 150px;
}*/



/*nav.navbar.navbar-inverse.navbar-fixed-top p {
    color: white;
}*/

/*@media only screen and (max-device-width: 480px) {

	}*/

@media screen and (min-width:768px) {
    div.container {
    width: 890px;
}
    /*row {
        padding-left: 9%;
        padding-right: 9%;
    }*/
}

@media screen and (min-width:1024px) {
    div.container {
    width: 890px;
}
}

@media screen and (max-width: 768px) {
    .row {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.panel-heading-with-button h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
}

.images {
    padding-bottom:15px;
}

.image-list {
    padding-top:15px;
}

.image-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.image-list ul li {
    display: inline-block;
    float: left;
    width: 35%;
    padding-right: 5px;
}

.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
    padding-top: 8px;
}

.price {
  background: #67b11c;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/tick_2.png") 18px 50% no-repeat, linear-gradient(#72c41f, #5c9e19);
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/tick_1.svg") 18px 50% no-repeat, linear-gradient(#72c41f, #5c9e19);
  border: 2px solid #467813;
  border-radius: 5px;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 5px 5px 5px 50px;
}

.waiting {
    cursor: wait;
}

/*.navbar {min-height:28px !important;}*/


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) { 
    #divBody {
    width: 890px;
} 

}*/

/* Medium devices (desktops, 992px and up) */
/*@media (min-width: @screen-md-min) { 
    #divBody {
    width: 890px;
} 

}*/

/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) { 
    #divBody {
    width: 890px;
} 

}*/





