/* Site Wide Styling */

body {
  background-color: #FDFDFD;
}

img {
  max-width: none !important;
}

a {
}

.quicklink{
    margin-bottom:20px;
}


  /* Navigation Buttons */
  .navigationButtons { 
    text-align: center;
  }
  
  .navigationButtons .btn { 
    margin-right: 10px;
  }
  
  .btn-primary {
    background: rgb(0, 98, 142) !important;
    border-radius: 2px;
  }
  
  .btn-alert {
    background: #DD6161 !important;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 5px rgba(1,110,166, 0.75);
    -moz-box-shadow:    0px 0px 5px rgba(1,110,166, 0.75);
    box-shadow:         0px 0px 5px rgba(1,110,166, 0.75);
    border: 1px solid rgb(1,150,190);
  }
  
    .btn-danger {
    border-radius: 2px;
  }
  
    .btn-success {
    border-radius: 2px;
  }
  
    .btn-warning {
    border-radius: 2px;
  }
  
  html,body{
      height:100%;
  }
    #content {
        min-height: 100%;
        height: auto !important;
        margin: 0 auto -285px;
        height: 100%;
    }

.navbar-fixed-top {
  position: static;
}

.navbar-inverse .navbar-inner {
  background: #002A54;

  color: #FFF !important;
  box-shadow: none;
  border: 0;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
  color: #FFF !important;
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a{
    background-color:#EFEFEF;
    background-image:none;
}

.sitewide li > a:hover{
    color:black;
}

#OrderDetails {
  font-weight: normal;
}

.progress {
  margin-bottom: 0;
}

/* End Site Wide Styling */
/***********************/

/* Utility Classes */

.hidden {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.animateableHidden {
  display: none !important;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.question-sign {
  border-radius: 1.5em;
  color: white;
  font-size: 1em;
  line-height: 1.3em;
  height: 1.3em;
  width: 1.3em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  
  background-color: #0088CC;
}

a[rel=tooltip]:hover {
  text-decoration: none;
}

/* End Utility Classes */
/***********************/

/* Main Navigation */
.brand:hover {
  text-shadow: 0 1px 1px black;
}

.loginContainer {
  float: right !important;
}

nav ul li {
  list-style: none;
  float:left;
  padding-right: 5px;
  line-height: 3em;
}

nav ul {
  list-style: none;
}


/* End Main Navigation */
/***********************/

/* Top Section Styling */
#logo {
  margin-top: 5px;
  margin-bottom: 5px;
}

#logo img {
  padding-top: 1em;
  padding-bottom: 1em;
}

@media (max-width: 480px) { 
  #logo {
    margin-top: 0px;
    margin-bottom: 5px;
  }

  #logo img {
    width: 100%;
    height: 50%;
  }
}

/* End Top Section Styling */
/***********************/

/* Footer */
#footer {
  border-sizing: border-box;
  color: white;
  background-color:#002A54;
  font-size: 11px;
  clear: both;
  
    margin-bottom: 0;
    position: static !important;
    bottom: auto;
}

.row.navigationButtons{
    margin-bottom:20px;
}

#footer ul a:link, #footer ul a:visited {
color: white;
text-decoration: none;
}

#footer ul {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
}

#footer ul li {
min-height: 25px;
}

#footer h4 {
  font-size: 1.5em;
}

/* End Footer */
/***********************/

/* Responsive Styling */

/* End Responsive Styling */
/***********************/

/***********************/
/* Start of Confirmation Page */

#printPreview {
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 5px rgba(1, 110, 166, 0.75);
  -moz-box-shadow: 0px 0px 5px rgba(1,110,166, 0.75);
  box-shadow: 0px 0px 5px rgba(1, 110, 166, 0.75);
}


/**********************/
/* noty's */
#noty_center_layout_container li {
    
  background: transparent;
  background-image: none;
  
  background-color: #FAFAFA !important;
  background-image: -moz-linear-gradient(top, white, #F2F2F2) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2)) !important;
  background-image: -webkit-linear-gradient(top, white, #F2F2F2) !important;
  background-image: -o-linear-gradient(top, white, #F2F2F2) !important;
  background-image: linear-gradient(to bottom, white, #F2F2F2) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0) !important;
  border: 1px solid #D4D4D4 !important;
  
  box-shadow: rgba(0, 0, 0, 0.48) 0px 4px 10px !important;
}

.noty_bar li {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 1) !important;
  -moz-box-shadow:    0px 0px 12px rgba(0, 0, 0, 1) !important;
  box-shadow:         0px 0px 12px rgba(0, 0, 0, 1) !important;

  
  /*background-color: #FAFAFA;
  background-image: -moz-linear-gradient(top, white, #F2F2F2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, white, #F2F2F2);
  background-image: -o-linear-gradient(top, white, #F2F2F2);
  background-image: linear-gradient(to bottom, white, #F2F2F2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #D4D4D4;*/

}

.noty_message {
  /*-webkit-box-shadow: 0px 0px 7px rgba(110,110,110, 0.75);
  -moz-box-shadow:    0px 0px 7px rgba(110,110,110, 0.75);
  box-shadow:         0px 0px 7px rgba(110,110,110, 0.75);*/
  text-shadow: 0px 1px 2px #000000;
  
  border-radius: 3px 3px 0px 0px;
}

.noty_message, .noty_buttons {
  background: none !important;
  background-image: none;
}

.noty_text {
  color: #777;
  text-shadow: 0 1px 0 white;
}

.noty_message.abandon>.noty_text {
}

.noty_message.abandon {
}

.OE_Content_Header, .OE_SubHeader{
  color:rgb(51, 51, 51);
}

.tile-text{
    max-width:100% !important;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    text-align:center;
    position: relative;
    top: 180px;
    width: 250px;
    color: white;
    height:80px;
    margin-left:auto;
    margin-right:auto;
    
    
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-flex-flow: row wrap;
}

.tile{
    position:relative;
    display:block;
    height:272px;
    margin-bottom:30px;
}

.tile2{
    line-height:20px;
}

a.tile{
    text-decoration: none;
}

a.tile > img {
    border:none;
    max-width:100% !important;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.tile-middle{
    font-weight: 700;
}

.tile-top,.tile-bottom{
    font-size: 0.8em;
}

.tile-top{
    margin-top: 10px;
}
.tile-bottom{
    margin-bottom: 10px;
}

.tile-item{
    width:100%;
}

#footer,#push{
    height:285px;
}

@media (min-width: 980px) and (max-width: 1199px) {
    .tile{
        height: 350px;
    }
    
    .tile-text{
        top:272px;
    }
    
    #footer,#push{
        height:310px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .tile{
        height: 255px;
    }
    
    .tile-text{
        top:186px;
    }
    
    #footer,#push{
        height:310px;
    }
    
    
}

@media (min-width: 768px) {
    .visible-mobile {
    	display:none;
    }	
}

.category-trigger {
    margin: 20px 0;
}

@media (max-width: 767px) {
    .category-tiles {
        margin: 0 30px;
    }
    .quicktiles .span3.hidden-desktop{
        float: left;
        width: 50%;
        padding:5px;
    }
    .quicktiles .span3.hidden-desktop img{
        max-height:300px;
    }
    .tile{
        max-height: 390px;
    }
    
    .tile-text{
        top:168px;
        width:187px;
    }
    
    body{
        padding:0;
    }
    
    #content,#footer{
        padding-left: 20px;
        padding-right: 20px;
    }
    #footer,#push{
        height:275px;
    }
    #content {
        margin: 0 auto -275px;
    }
    .hidden-mobile {
    	display:none !important;
    }
}


.promotion > img {
	width:100%;
}

#death > .tile-text{
    background-color: rgba(130, 123, 230, 0.75);
}

#inmemoriam > .tile-text{
    background-color: rgba(255, 27, 111, 0.75);
}

#specialoccasions > .tile-text{
    background-color: rgba(255, 120, 170, 0.75);
}

#realestate > .tile-text{
    background-color: rgba(255, 82, 0, 0.75);
}

#employment > .tile-text{
    background-color: rgba(0, 97, 154, 0.75);
}

#motoring > .tile-text{
    background-color: rgba(2, 212, 115, 0.75);
}

#personal > .tile-text{
    background-color: rgba(204, 45, 29, 0.75);
}

#otherad > .tile-text{
    background-color: rgba(0, 132, 162, 0.75);
}

.smalltext{
    font-weight:normal;
    font-size:0.8em;
}

#classificationListContainer > .span4 li {
    padding-left: 10px;
    width: auto !important;
}