/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Telex);

body, p, td, font, div, span, button, input, select, h1, h2, h3, h4 { font-family: Telex, San-Serif; }

/* FONTS */

.fs8 { font-size: 8pt; }
.fs9 { font-size: 9pt; }
.fs10 { font-size: 10pt; }
.fs11 { font-size: 11pt; }
.fs12 { font-size: 12pt; }
.fs13 { font-size: 13pt; }
.fs14 { font-size: 14pt; }
.fs16 { font-size: 16pt; }
.fs18 { font-size: 18pt; }
.fs8, .fs9, .fs10, .fs11, .fs12, .fs13, .fs14, .fs16, .fs18 { line-height: normal; }

.b { font-weight: bold !important; }
.i { font-style: italic; }

.fc_whi { color: #FFFFFF !important; }
.fc_lgray { color: #F1F1F1 !important; }
.fc_gray { color: #E1E1E1 !important; }
.fc_mgray { color: #CCCCCC !important; }
.fc_dgray { color: #999999 !important; }
.fc_bgray { color: #777777 !important; }
.fc_dbgray { color: #555555 !important; }

.fc_bla { color: #000000 !important; }
.fc_key { color: #333333 !important; }
.fc_lbla { color: #555555 !important; }
.fc_navy { color: #006393 !important; }

.fc_oldgold { color: darkgoldenrod !important; }
.fc_orange { color: orange !important; }
.fc_dorange { color: darkorange !important; }
.fc_gold { color: gold !important; }
.fc_red { color: red !important; }
.fc_ored { color: orangered !important; }
.fc_dred { color: darkred !important; }
.fc_green { color: green !important; }
.fc_limegreen { color: limegreen !important; }

.underline { text-decoration: underline; }
.no-underline, .no-underline:hover { text-decoration: none; }
.truncate { display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cookies { color: gold; }
.cookies:hover { color: #F1F1F1; }

.w-list { font-size: 13pt; color: #999999;}
.w-list:hover { color: #888888; text-shadow: 0 0 2px #A8A8A8; }

.required { border-left: 2px solid #E58E00 !important;}

footer {
	background-color: #979FA5;
	color: #FFFFFF;
	}

footer a { color: #FFFFFF; }
footer a:hover { color: #F1F1F1;}
footer ul { list-style: none; list-style-position: outside; }
footer li { padding: 2px; }

.app-buttons {
	background-color: #7D858B;
	padding: 8px;
	border: 1px solid #777E84;
	text-align: center;
	display: inline-block;
	width: 120px;
	}

.copyright {
	background-color: #8B9399;
	text-align: center;
	font-size: 9pt;
	padding: 10px;
	color: #EFEFEF;
	}

.copyright .top {
	background-color: #f1f1f1;
	font-size: 20px;
    bottom: 20px;
    color: #999999;
    cursor: pointer;
    float: right;
    height: 45px;
    padding: 0;
    position: fixed;
    right: 20px;
    width: 45px;
    z-index: 999;
	line-height: 45px;
	display: block;
}

/* ELEMENTS */
.dashboard {
	color: #F1F1F1;
	border-bottom: 3px solid #404040;
	background-color: #505050;
	margin-bottom: 30px;
	height: 35px;
	}

.dashboard button {
	font-size: 14px;
	height: 35px;
	color: #f1f1f1;
	background-color: #505050;
}

.dashboard button:hover, .dashboard button:focus { background-color: #CCCCCC; }
.dashboard .uk-active { background-color: #909090; }
.dashboard .uk-button-group { margin-left: 15px; }
.dashboard .saved:focus { color: #F5F0DA; }

.saved {
	background-color: #505050  !important;
	color: #F5F0DA !important;
}

.saved-dropdown { background-color: #505050; }
.saved-dropdown span { color: #EEEEEE; padding: 15px; }

.box-shadow { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-window { border: 1px solid #DDDDDD; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.3); }

/* LIB ADJUST */
.uk-placeholder {
    background: #F4EDDE none repeat scroll 0 0;
    border: 1px dashed #8D8386;
    color: #444;
    margin-bottom: 15px;
    padding: 20px;
}

ul.uk-navbar-nav li.uk-active a { background-color: #c0e1e7 !important; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
ul.uk-navbar-nav li.uk-active a:hover { background-color: #b9dae0 !important; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
ul.uk-navbar-nav li a:hover { background-color: #FFFFFF; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
ul.uk-navbar-nav li a { border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; }

.uk-table td, .uk-table th { border-bottom: 1px solid #DDDDDD; }

.uk-button-more { background-color: #FF9000; color: #FFFFFF; }
.uk-button-more:hover { background-color: #FFA000; color: #FFFFFF; }
.uk-button-more:focus { background-color: #D88600; color: #FFFFFF; }

.uk-alert-warning { border: 1px solid #F1C089; }
.uk-alert-success { border: 1px solid #A7CA74; }
.uk-alert-danger { border: 1px solid #EDA696; }
.uk-parent { border-top: 1px solid #4A4A4A; border-bottom: 1px solid #242424; }

.uk-panel-hdr {
	color: #F1F1F1;
	border-bottom: 3px solid #404040;
	margin-bottom: 0px;
	padding: 5px 15px;
	background-color: #505050;
	font-size: 11pt;
	}
.uk-panel-hdr > a { color: #FFFFFF; }
.uk-panel-hdr > a:hover { color: #FFFFFF; }
.uk-panel-menu .uk-nav-side li a { border-left: 3px solid #f5f5f5; }
.uk-panel-menu {
	border-bottom: 1px solid #CCCCCC;
	z-index: 99px;
	box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4);
	margin-bottom: 25px !important;
	}

.uk-panel-menu .uk-active a:after {
    content: "\F00D";
    float: right;
    font-family: FontAwesome;
    margin-right: -10px;
    text-align: center;
    width: 20px;
	color: #FFFFFF;
}

.uk-panel-articles-menu .uk-nav-sub li a:hover, .uk-nav-sub ul li a:hover {
	background-color: #ED8808;
	}
.uk-panel-articles-menu li.uk-active a {
	background-color: #ED8808;
	}

.uk-nav-side span { padding: 18px; color: #888888; }
.uk-pagination li a:hover { background-color: #50A6CB; color: #FFFFFF; }

.uk-dropdown-box {
    border: 1px solid #DDDDDD;
    border-top: 0px;
    box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.3);
}

.button-lawn, .button-orange, .button-dgrey, .button-navy { color: #FFFFFF !important; }
.button-lawn { background-color: #3D9400 !important; }
.button-navy { background-color: #0069A4 !important; }
.button-navy:hover { background-color: #0075C0 !important; }
.button-orange { background-color: #E58E00 !important; }
.button-orange:hover { background-color: #F7A800 !important; }
.button-dgrey { background-color: #4C4C4C !important; }
.button-dgrey:hover { background-color: #656565 !important; }

.uk-article-title { font-size: 20pt !important; border-bottom: 1px dotted #CCCCCC; }

/* TAGS */
.tag, .tag-inline {
	color: #FFFFFF;
	padding: 0px 5px;
	font-size: 8pt;
	height: 20px;
	}
.tag {
	position: absolute;
	top: 5px;
	}
.tag-1 { top: 5px; }
.tag-2 { top: 35px; }
.tag-3 { top: 65px; }

.tag-featured {	background-color: #8E0000; }
.tag-urgent {	background-color: #6F9242; }
.tag-new {	background-color: #FDB311; }
.tag-reduced {	background-color: #C17800; }
.tag-onsale { background-color: #8F1113; }
.tag-limitedstock { background-color: #7FCCC8; }
.tag-homemade { background-color: #8A4D4E; }
.tag-personalised {	background-color: #9C7637; }
.tag-freedelivery {	background-color: #1E7E59; }
.tag-madeinuk {	background-color: #114B63; }
.tag-specialoffer {	background-color: #D50003; }
.tag-freegift {	background-color: #6F588F; }
.tag-241 { background-color: #70466F; }
.tag-freequote { background-color: #2F8E9E; }
.tag-sameday { background-color: #6BBD0A; }
.tag-file { background-color: #888888; }
.tag-adbid { background-color: rgba(200, 200, 200, 0.5); color: #999999;  height: 0px}
.tag-urgent-box { background-color: #d7f3c2 !important; }
.tag-urgent-box:hover { background-color: #cbe7b6 !important; }

/* ADS LIST */
.ads-v { background-color: #F2F2F2; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); position: relative; border: 1px solid #DDDDDD; }
.ads-v:hover { background-color: #E5E5E5; text-decoration: none; }
.ads-v-crop { width: 100%; background-color: #CACACA; height: 150px; background-position: center; background-size: cover;}
.ads-v-image { height: 100%; }
.ads-v-title { height: 58px; text-align: center; padding: 3px 6px 1px 6px; overflow: hidden; color: #017391; font-size: 10pt; line-height: 14pt; margin-top: 5px; margin-bottom: 5px; text-decoration: none; }
.ads-v-text { border-top: 1px dashed #CDCDCD;
	padding: 4px 10px;
	padding-top: 8px;
	color: #333;
	font-size: .9em;
	text-decoration: none;  }
.ads-v-price { border-top: 1px dashed #CDCDCD; padding: 4px 10px; padding-top: 8px; color: #333333; font-weight: bold; text-decoration: none;}
.ads-v-wlist { padding: 5px; bottom: 5px; margin-top: -30px; }

.ads-z { background-color: #F2F2F2; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); position: relative; border: 1px solid #DDDDDD; }
.ads-z:hover { background-color: #E5E5E5; text-decoration: none; }
.ads-z-crop { width: 100%; background-color: #CACACA; }
.ads-z-image { width: 100%; }
.ads-z-title { max-height: 58px; text-align: center; padding: 3px 6px 1px 6px; overflow: hidden; color: #017391; font-size: 10pt; line-height: 14pt; margin-top: 5px; margin-bottom: 5px; text-decoration: none; }
.ads-z-text { border-top: 1px dashed #CDCDCD;
	padding: 4px 10px;
	padding-top: 8px;
	color: #333;
	font-size: .9em;
	text-decoration: none;  }
.ads-z-price { border-top: 1px dashed #CDCDCD; padding: 4px 10px; padding-top: 8px; color: #333333; font-weight: bold; text-decoration: none;}
.ads-z-wlist { padding: 5px; bottom: 5px; margin-top: -30px; }

.ads-h { background-color: #F2F2F2; width: 100%; }
.ads-h:hover { background-color: #E5E5E5; text-decoration: none; }
.ads-h-crop { height: 100px; overflow: hidden; border: 1px solid #DDDDDD; text-align: center; }
.ads-h-image { width: 100%; height: auto; vertical-align: middle;  }
.ads-h-title { color: #017391; font-size: 11pt; line-height: 12pt; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ads-h-text {     color: #333;
	border-top: 1px dashed #CDCDCD;
	padding-top: 8px;  }
.ads-h-price { color: #333333; padding-right: 5px; padding-bottom: 8px; font-weight: bold; }
.ads-h-wlist { padding: 5px; bottom: 5px; margin-top: -30px; }

.advert-buttons button { background-color: #DEDEDE; border: 1px solid #FFFFFF;  }
.advert-buttons button:focus { background-color: #2B5577 !important; color: #FFFFFF; }
.advert-buttons button:hover { background-color: #2B5577 !important; color: #FFFFFF; }
.advert-buttons ul li a:hover { background-color: #2B5577; color: #FFFFFF; }
.advert-buttons .advert-watched { background-color: #2B5577 !important; color: #FFFFFF; }
.advert-watched { color: #FFFFFF;  }

/* AD VIEW */
.desc-line { border-bottom: 1px solid #AAAAAA; overflow: auto; }
.desc-field { padding: 5px; float: left; }
.desc-value { font-weight: bold; text-align: right; padding: 5px; float: right; }

.ads-tag, .ads-tag-nb, .ads-tag-usr {
	padding: 3px 6px 3px 6px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #657A86;
	color: #FFF;
	margin: 0px 0px 4px 4px;
	float: left;
	font-size: 11px;
	}

.ads-tag:hover {
	background-color: #868E97;
	text-decoration: none;
	color: #FFF;
	}

.ads-tag-nb {
	background-color: #A49292;
	text-decoration: none;
	}

.ads-tag-nb:hover {
	background-color: #BDB2B2;
	text-decoration: none;
	color: #FFF;
	}

.ads-tag-usr {
	background-color: #745731;
	text-decoration: none;
	color: #FFF;
	}

.ads-tag-usr:hover {
	background-color: #7A6D63;
	text-decoration: none;
	color: #FFF;
	}

/* WALL */
#wall-image {
    background-image: url(/gfx/walls/wall1.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #ccd5dc;
    width: 100%;
    height: 220px;
}

.wall-follow-button {
	background-color: transparent !important;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 15px;
}

.wall-follow-button:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

#wall-title-text {
	color: #FFF;
	background-color:transparent;
	width: auto;
	font-size: 22pt;
	text-shadow: 1px 1px 2px #888888;
	margin: 15px;
}

/* EVENT CALENDAR */
.calendar { border: 0px; width: 294px; border-collapse: separate; border-spacing: 2px; }
.calendar td { text-align: center; margin: 1px; border-bottom: 1px solid #999999; padding: 1px; color: #888888; }
.calendar td a { color: #666666; }
.cal-hdr { text-align: center; }
.cal-dow { width: 42px; padding: 1px; }
.cal-day-data {
    background: #f9c866; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9c866 0%, #ffa035 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c866), color-stop(100%,#ffa035)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9c866 0%,#ffa035 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9c866 0%,#ffa035 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9c866 0%,#ffa035 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9c866 0%,#ffa035 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c866', endColorstr='#ffa035',GradientType=0 ); /* IE6-9 */
}
.cal-day-data:hover, .cal-day-select {
    background: #ff9730; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9730 0%, #ff7402 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9730), color-stop(100%,#ff7402)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9730 0%,#ff7402 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9730 0%,#ff7402 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9730 0%,#ff7402 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9730 0%,#ff7402 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9730', endColorstr='#ff7402',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF !important;
    text-decoration: none;
}
.cal-day-data:hover a { color: #FFFFFF; }
.cal-day-data a:hover { text-decoration: none; }