/* 
    Document   : default.css
    Created on : Mar 9, 2015, 3:03:41 PM
    Author     : Richard Sussex <rs@silverside.co>
    Description:
        Purpose of the stylesheet follows.
*/

body {
    font-size:15px;
    color:#222222}

.top_banner_add-wrapper {
    margin-top:0;
}
#search-wrapper {
    margin-top:20px;
}
#search-wrapper input {
    float:right;
}
#search_term, #search_button {
    margin-bottom:0;
}

#header_call_to_action-wrapper {
    clear:both;
    float:right;
    text-align:right;
    margin-top:5px;
}
#header_call_to_action-wrapper a {
    font-weight:bold;
    color:#fff;
    font-size:14px;
    text-decoration:none;
}
#header_call_to_action-wrapper a:hover {
    text-decoration:underline;
}
#page-wrapper {
}

form {
    margin-bottom:0;
}
#county_form {
    margin-top:10px;
}
#county_select {
    width:100%;
}
#county_select {
    font-weight:bold;
    color:#4c8042;
    font-size:16px;
}
#profile_form {
    margin-bottom:20px;
}
header {
    background-color:#7ec569;
    height:140px;
}

#wrapper {
}


footer {
    background-position:top center;
    background-color:#7ec569;
}
footer .fb-page {
    margin-top:16px;
    margin-bottom:16px;
}
footer .twitter-timeline-wrapper {
    margin-top:16px;
    margin-bottom:16px;
}

#foot_note {
    background-color:#4c8042;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}
#foot_note a {
    color:#fff;
    text-decoration:none;
}

h1 {
    margin-bottom:0;
    font-size:2.4em;
    color:#4c8042;
}
h1.section-title-left {
}
h2 {
    margin-bottom:0;
    font-size:1.4em;
    color:#4c8042;
}
h2 a {
    color:#4c8042;
}
h3 {
    margin-bottom:0;
    font-size:1.4em;
    color:#4c8042;
}
h3 a {
    color:#4c8042;
}
h2.section-title-right {
    margin-top:8px;
    font-size:1.8em;
}
h2.blog-title {
    font-size:1.4em;
}
h3.blog-sub_title {
    font-size:1.2em;
}

p {
    margin-bottom:8px;
}
p.left {
    float:left;
    width:70%;
}
p.right {
    float:left;
    text-align:right;
    width:30%;
}

p.no-margin {
    margin:0;
}

ul.no-margin-bottom {
    margin-bottom:0;
}
p.no-margin {
    margin:0;
}

ul {
    margin-left:16px;
}

.instructions_list {
    background-color:#99cc99;
    
    /* rounded */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    color:#fff;
    font-weight:bold;
    
    margin-left:0;
    padding:10px 10px 2px 20px;
    margin-bottom:10px;
}
.instructions_list.warning {
    background-color:#4c8042;
}

.sponsored_link-seperator {
    
}

#home_page-banner {
    background-color:#4c8042;
    padding:20px; 
    margin-bottom:10px;
}


#home_page-banner h1 {
    color:#fff;
}

.home_page-sub_banner {
    background-color:#4c8042;
    padding:10px 20px;
}


.home_page-sub_banner h2 {
    color:#fff;
}
.home_page_create_profile {
    font-size:18px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:block;
    border-radius: 4px;
    padding:10px;
    margin-top:10px;
    background-color: #666699;
}
.home_page_category {
    font-size:18px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:block;
    border-radius: 4px;
    padding:10px;
    margin-top:10px;
    background-color: #4c8042;
}
.home_page_category_title {
    margin-bottom:15px;
}

.home_page_create_profile:hover, .home_page_category:hover {
    color:#7ec569;
}
.home_page_create_profile:hover {
    color:#ccc;
}
.sponsored_link-content {
    background-color:#eaeaea;
    padding:10px;
    color:#666699;
}
.sponsored_link-content .ad_title-wrapper a, .sponsored_link-content .ad_link-wrapper a {
    color:#666699;
}
.sponsored_link-content .ad_title-wrapper a {
    font-size:22px;
}
footer h4 {
    font-size:1.4em;
    color:#ffffff;
    margin-top:20px;
    margin-bottom:10px;
}
footer p {
    color:#fff;
}

footer ul {
    color:#fff;
}
footer ul li a {
    color:#fff;
    text-decoration:none;
}
footer ul li a:hover {
    color:#4c8042;
}

em.smaller {
    font-size:0.8em;
}

table th {
    color:#4c8042;
}
table tr td:first-child {
    font-weight:bold;
    color:#666699;
}
a {
    color:#666699;
}
.clear {
    clear:both;
    height:1px;
    display:block;
}

/* forms */

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border: 1px solid #4c8042;
    outline: 0 none;
}

label.sub {
    font-weight:normal;
    float:left;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"], #back_to_preview {
    background-color: transparent;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 38px;
    letter-spacing: 0.1rem;
    line-height: 38px;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color:#4c8042;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, #back_to_preview:hover {
    border:1px solid #999;
    color: #fff;
}

input[type="submit"].profile_form {
    font-size:12px;
}

.element_info {
    padding:0;
    font-size:12px;
    color:#4c8042;
}

#description, #qualifications, #information, #price_information {
    margin-bottom:0;
}

/** logo and navigation */
#main_logo-wrapper {
    padding:5px;
    margin-top:20px;
}

#main_nav-wrapper {
    text-align:center;
}

#main_nav-wrapper ul {
    margin:auto;
    margin-top:28px;
    display:inline-block;
    float:right;
}

#main_nav-wrapper ul li { 
    display:inline-block; 
    background-color:#7ec569;
    padding:4px 8px;
    margin-right:10px;
    color:#ffffff;
    width:100px;
    pointer:cursor;

    /* rounded */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#main_nav-wrapper ul li:hover {
    background-color:#4c8042;
}
#main_nav-wrapper ul li a {
    text-decoration:none;
    color:#ffffff;
}
#main_nav-wrapper ul li.selected {
    background-color:#4c8042;
}
#main_nav-wrapper ul li.special {
    background-color:#666699;
}
#main_nav-wrapper ul li.special:hover {
    background-color:#4c8042;
}

#main_nav-wrapper ul li.logout-link {
    width:24px;
    height:24px;
    background-image:url('/assets/images/gardeners-directory.co.uk/logout-icon.png');
    background-position:center;
    background-repeat:no-repeat;
}
#main_nav-wrapper ul li.logout-link a {
    display:block;
    width:30px;
}

#main_nav-wrapper ul li.logout-link:hover {
    background-color:#7ec569;
}

h1.directory-title {
    font-size:1.8em;
    font-weight:normal;
    margin-bottom:0;
    padding-left:2px;  
    
}

/** main content area */
h2.section-title, h3.section-title {
    font-size:0.9em;
    color:#666666;
    font-weight:normal;
    margin-bottom:0;
    padding-left:2px;
}

.ad_photo-wrapper {
    display:block;
    width:126px;
    border:1px solid #cccccc;
    background-image:url('/assets/images/gardeners-directory.co.uk/camera-icon-orange.png');
    background-position:center;
    background-repeat:no-repeat;

}
.photo_count-wrapper {
    text-align:center;
    margin-top:4px;
}
.photo_count-wrapper .photo_count {
    display:inline-block;
    width:45%;
    float:left;
    text-align:right;
}

.photo_count-wrapper .photo_count-icon {
    display:inline-block;
    float:left;
    margin-left:6px;
    background-image:url('/assets/images/gardeners-directory.co.uk/camera-icon-small-grey.png');
    width:20px;
    height:20px;
    background-position:center left;
    background-repeat:no-repeat;
}

.ad_title-wrapper a {
    color:#333366;
    text-decoration:none;
    font-weight:bold;
}
.ad_title-wrapper a:hover {
    text-decoration:underline;
}
.ad_link-wrapper a {
    color:#333366;
    text-decoration:none;
}
.ad_link-wrapper a:hover {
    text-decoration:underline;
}
.ad_location-wrapper {
    color:#333366;
    font-style:italic;
}
.ad_seperator {
    border-top:1px solid #ccc;
    margin:10px 0 10px 0;
}
.ad_seperator.no-margin-top {
    margin-top:0;
}
.ad_description-wrapper a {
    text-decoration:none;
    font-size:#000;
}
.ad_description-wrapper a:hover {
    text-decoration:underline;
}

/** pagination */
#pagination-wrapper {
    text-align:center;
}
ul#pagination {
    margin:auto;
}

ul#pagination li { 
    display:inline-block; 
    background-color:#7ec569;
    padding:4px 8px;
    margin-right:10px;
    color:#ffffff;
    pointer:cursor;

    /* rounded */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
ul#pagination li:hover {
    background-color:#4c8042;
}
ul#pagination li a {
    text-decoration:none;
    color:#ffffff;
}
ul#pagination li.selected {
    background-color:#4c8042;
}
ul#pagination li.next, ul#pagination li.back {
    background-color:#666699;
    width:60px;
}
ul#pagination li.special:hover {
    background-color:#FF6633;
}
ul#pagination li.disabled {
    background-color:#cccccc;
}

.ad_photo-wrapper {
    width:100%;
    display:block;
    background-repeat: no-repeat;
    background-position: center center;            /* optionally, center the image */
}
.ad_photo-wrapper img {
    width:100%;
    display:block;
}
.ad {
    clear:both;
}
#search-wrapper {
    display:none;
}    
#main_logo-wrapper { 
    text-align:center;
}
#main_logo-wrapper img {
    margin:auto;
}
#main_logo-wrapper {
    margin-top:15px;
}


.notice_box {
    color:red;
    background-color:white;
    display:block;
    padding:8px;
    border:1px solid red;

    /* rounded */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

h3.important {
    color:red;
    margin-bottom:4px;
    font-size:1.6em;
}


/* image gallery */
.image-thumbnail {
    min-height:23px;
    border:1px solid #ccc;
    margin-left:10px;
    margin-right:10px;
    /* rounded */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    /* background */
    background-image:url('/assets/images/gardeners-directory.co.uk/camera-icon-orange-small.png');
    background-position:center;
    background-repeat:no-repeat;
    height:27px;
}
.image-thumbnail.has-image {       
    border:0 none #fff;
    background-position: center center; 
    background-repeat:no-repeat;
}
.one-fifth {
    width:20%;
    float:left;
    
    /* background */
    
    background-position:center;
    background-repeat:no-repeat;
}
#gallery-frame {
    height:58px;
    display:inline-block;
}
#gallery-upload_element {
}

#thumbnail-wrapper {
    height:28px;
}
.image-delete {
    color:red;
    font-weight:bold;
    cursor:pointer;
}
.description-column { 
    display:none;
}


/* profile page */
.addthis_sharing_toolbox {
    float:right;
    padding:0;
    margin-bottom:2px;
}
.at-share-tbx-element {
    margin:0;
    padding:0;
}

.slidesjs-next {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url('/assets/images/gardeners-directory.co.uk/arrows-forward.png');
  width:40px;
  height:40px;
}

.slidesjs-previous {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image:url('/assets/images/gardeners-directory.co.uk/arrows-back.png');
  width:40px;
  height:40px;
}

.profile_confirmation {
    background-color:#99CC99;
    padding:0 20px 0 20px;
}

.profile_confirmation input[type="submit"], #back_to_preview {
    font-size: 12px;
    padding-left:0;
    padding-right:0;
}
.profile_confirmation input[type="submit"]:hover, #back_to_preview:hover {
    color:#666699;
    font-size: 12px;
}
.profile_confirmation p {
    color:#ffffff;
}

#continue-message {
     color:white;
     font-weight:bold;
}
.highlight {
    color:#666699;
}
.highlight-smaller {
    color:#666699;
    font-size:1.6em;
}

.image_instructions1 {
    text-align:center;
    margin-top:10px;
}

.image_instructions1 .text {
    color:red;
}

.image_instructions2 {
    text-align:center;
    margin-top:10px;
}

.image_instructions2 .image img {
    margin-top:20px;
    margin-bottom:8px;
}
.image_instructions2 .text {
    color:#99cc99;
}



.page_numbers {
    color:#4c8042;
}

.page_navigation {
	margin: 20px 0px 10px 0px;
	text-align: center;
}

.bookings-overview {
	display: inline-block;
	padding: 10px 0 0 0;
	margin: 0 10px;	
	vertical-align: top;
}

.page-first {
	display: inline-block;
	padding: 5px;
	height: 32px;
	width: 32px;
	background-image: url(/assets/images/gardeners-directory.co.uk/buttons.png);
	background-repeat: no-repeat;
	background-position: -133px 5px;
	margin: 0 0px;	
}

.page-previous {
	display: inline-block;
	padding: 5px;
	height: 32px;
	width: 32px;
	background-image: url(/assets/images/gardeners-directory.co.uk/buttons.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 0 0px;	
}

.page-next {
	display: inline-block;
	padding: 5px;
	height: 32px;
	width: 32px;
	background-image: url(/assets/images/gardeners-directory.co.uk/buttons.png);
	background-repeat: no-repeat;
	background-position: -41px 5px;
	margin: 0 0px;	
}

.page-last {
	display: inline-block;
	padding: 5px;
	height: 32px;
	width: 32px;
	background-image: url(/assets/images/gardeners-directory.co.uk/buttons.png);
	background-repeat: no-repeat;
	background-position: -87px 5px;
	margin: 0 0px;	
}

#profiles_table thead td {
    font-weight:bold;
}

table tbody tr .cancel {
    color:red;
}

table tbody tr .uncancel {
    color:orange;
}

table tbody tr.waiting_row td:not(.hidden) {
    background-color:#4c8042;
    color:#fff;
}

table tbody tr.approved_row td:not(.hidden) {
    background-color:#99cc99;
    color:#fff;
}

table tbody tr.not_suitable_row td:not(.hidden) {
    background-color:red;
    color:#fff;
}

table tbody tr .waiting {
    color:#4c8042;
}

table tbody tr .approved {
    color:#99cc99;
}

table tbody tr .not_suitable {
    color:red;
}

table tbody tr.cancelled_row td:not(.hidden) {
    text-decoration:line-through;
    background-color:#eaeaea;
}
table tbody tr td .last {
    padding-right:8px;
}

#profiles_table thead td {
    
}    

.error {
    color:red;
    font-size:12px;
    clear:both;
    padding-top:0;
    margin:0 0 10px 0;
}
.pagination {
    float:right;
    text-align:right;
    display:inline-block;
}
.page_info-wrapper {
    float:left;
    display:inline-block;
    padding-left:10px;
}
.add-wrapper {
    clear:both;
    float:right;
}

.reset-search {
    margin-left:10px;
    margin-top:10px;
    display:inline-block;
}


#approve_profile a , #decline_profile a {
    text-decoration:none;
}
#approve_profile:hover, #decline_profile:hover {
    border:1px solid #999;
    color: #fff;
}
#approve_profile a:hover, #decline_profile a:hover {
    color:#fff;
}
#approve_profile {
    margin-right:0;
    clear:both;
}

#back {
    display:inline;
    clear:both;
}
#decline_profile {
    margin-left:0;
    clear:both;
}
.mobile-hide {
    display:none;
}
#back a {
    color:#fff;
}

/* slides */
#profile_slides img {
    display:none;
    border:2px solid #4c8042;
    margin:0;
}
#profile_thumbs {
    text-align:center;
}   
#profile_thumbs span {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    width:70px;
}
#profile_thumbs span img {
    border:2px solid #4c8042;
}
#profile_thumbs span:hover img {
    border:2px solid #7ec569;
}


#search-wrapper form {
    margin-bottom:0;
    margin-top:20px;
}
#search-wrapper input[type="text"] {
    
}
#search-wrapper input[type="submit"] {
    background-color:#666699;
    color:#fff;
}

#image_uploader-error {
    color:red;
}

/* blog */
.post_date {
    font-size:11px;
}

.post_date-post {
    font-size:13px;
    padding-top:5px;
    color:#666;
    padding-right:10px;
}

.left {
    float:left;
}

.right {
    float:right;
}

header {
    height:10px;
}

#top_banner_add-wrapper {
    display:none;
}

/* responsive */    

@media (min-width: 400px) {
    .ad_photo-wrapper {
        width:100%;
        display:block;
    }
    .ad_photo-wrapper img {
        width:100%;
        display:block;
    }   
    .image-thumbnail {
        min-height:42px;
    }
    #thumbnail-wrapper {
        height:42px;
    }
    #slides .slidesjs-previous {
      display:block;
    }

    #slides .slidesjs-next {
      display:block;
    }
    
    
}
@media (min-width: 550px) {
    .ad_photo-wrapper {
        width:100%;
        display:block;
        min-height:79px;
    }
    #main_logo-wrapper {
        margin-top:15px;
    }    
    .image-thumbnail {
        min-height:67px;
        
    }
    #thumbnail-wrapper {
        height:67px;
    }
    .description-column { 
        display:table-cell;
    }
    
    .mobile-hide {
        display:table-cell;
    }
    .post_date-post {
        float:right;
        padding-left:5px;
    }
}


@media (min-width: 750px) {
    
    #home_page-banner {
        height:60px;
        padding-top:110px;
        padding-left:20px;
        padding-bottom:0;
    }
    #search-wrapper form {
        margin-bottom:0;
        /*position:absolute;
        top:-100px;
        right:0;*/
        margin-top:0;
    }
    #search-wrapper input[type="submit"] {
        background-color:#666699;
        color:#fff;
    }
    #main_logo-wrapper { 
        text-align:inherit;
    }
    #main_logo-wrapper img {
        margin:inherit;
    }
    #search-wrapper {
        display:block;
    } 
    #main_logo-wrapper {
        margin-top:15px;
    } 
    .image-thumbnail {
        min-height:86px;
    
        /* background */
        background-image:url('/assets/images/gardeners-directory.co.uk/camera-icon-orange.png');
        background-position:center;
        background-repeat:no-repeat;
    }
    #thumbnail-wrapper {
        height:86px;
    }
    h1.section-title-left {
        width:50%;
        float:left;
    }
    h2.section-title-right {
        width:50%;
        float:left;
        text-align:right;
    }
    .profile_confirmation input[type="submit"], #back_to_preview {
    font-size: 18px;
    padding-left:0;
    padding-right:0;
    }
    .profile_confirmation input[type="submit"]:hover, #back_to_preview:hover {
        color:#fff;
        font-size: 18px;
    }
    
    
    #approve_profile a , #decline_profile a, #modify_profile a, #preview_profile a {
        text-decoration:none;
    }
    #approve_profile:hover, #decline_profile:hover {
        border:1px solid #999;
        color: #fff;
    }
    #approve_profile a:hover, #decline_profile a:hover {
        color:#fff;
    }
    #approve_profile {
        margin-right:10px;
    }
    #decline_profile {
        margin-left:5px;
        margin-right:5px;
    }
    #modify_profile {
        margin-left:5px;
        margin-right:5px;
    }
    #preview_profile {
        margin-left:10px;
    }
    #back {
        display:inline;
        margin-right:20px;
    }
    
    .post_date-post {
        float:right;
    }
    
}

@media (min-width: 1000px) {

    header {
        height:100px;
    }
    #main_logo-wrapper {
        margin-top:10px;
    }
    #thumbnail-wrapper {
        height:130px;
    }
    .image-thumbnail {
    
        min-height:129px;
        /* background */
        background-image:url('/assets/images/gardeners-directory.co.uk/camera-icon-orange.png');
        background-position:center;
        background-repeat:no-repeat;
    } 
}


/* Larger than Desktop HD */
@media (min-width: 1200px) {
   
}





/* admin stuff */

#admin_tools-wrapper {
    height:60px;
    background-color:#666699;
    text-align:center;
    position:fixed;
    top:5px;
    width:100%;
    z-index:100000;
}
#profile_status-wrapper {
    height:25px;
    padding:8px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    text-transform: uppercase;    
    position:fixed;
    top:0;
    padding-top:70px;
    width:100%;
    z-index:100000;
}

#profile_status-wrapper.waiting {
    background-color:#4c8042;
}
#profile_status-wrapper.approved {
    background-color:#99cc99;
}
#profile_status-wrapper.unsuitable {
    background-color:red;
}

#approve_profile, #decline_profile, #modify_profile, #preview_profile {
    background-color: transparent;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
    color: #666699;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 38px;
    letter-spacing: 0.1rem;
    line-height: 38px;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color:#4c8042;
    margin-top:10px;
}