/*
	Theme Name: United Drug
	Description: United Drug website template
	Author: gokonski@saren.pl
*/
@CHARSET "UTF-8";

/* ---------------------------
	reset
--------------------------- */
abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
address, cite, q, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1.2; }
a, ins, del { text-decoration:none }
q, blockquote { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }
th, td {  vertical-align: top; }
th { text-align: left; }
button, input, select, textarea { font: inherit; }
pre, code, var, samp, kbd { font-family: monospace, sans-serif; }

/* ---------------------------
	forms
--------------------------- */
form label { cursor:pointer; padding:2px 0; }
form select { padding:10px; border:1px solid #aaa; }
form label input { margin-right:7px; }
form .form-actions { padding-top:10px; }
form .form-actions a { color:#777; float:left; display:block; padding:5px 0 5px 25px; background:url(images/larr-green.png) left center no-repeat; }
form .form-actions button { text-align:right; color:#777; float:right;  display:block; padding:5px 25px 5px 0; border:0; background:url(images/rarr-green.png) right center no-repeat; }
form .error { color:#d22; }

/* --------------------------
	default
-------------------------- */
:focus { outline:none; }
html { overflow:hidden; overflow-y:scroll; }
body { font:normal 14px/1.2 arial, verdana, sans-serif; color:#74797f; background:#faf6e8; }
a { color:#74797f; text-decoration:none; }
button { cursor:pointer; }
hr { display:none; }
p { padding-bottom:10px; }
h2, h3, h4, h5 { margin:0; padding:10px 0 5px; }
h1 { font-size:30px; }
h2 { font-size:24px; color:#66ab00; margin-bottom:15px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
nav li { display:inline; list-style:none; }
nav a:hover { text-decoration:underline; }

/* --------------------------
	layout
-------------------------- */
#header { position:relative; padding:0px 0; }
#header .logo { display:block; background: url(http://udretailinitiatives.ie/wp-content/uploads/2016/11/ud_wholesale.png) no-repeat; width: 213px; height: 85px; }
#header .logo h1 { display:none; }
#header form { position:absolute; top:20px; right:0; }
#header input, 
#header button { display:inline-block; height:30px; padding:0 10px; line-height:30px; }
#header input { width:130px; margin-right:5px; border:1px solid #aaa; }
#header button { background:#66ab00; color:#fff; height:32px; border:0; }

#header .udretail {
	margin-top: 15px;
}
#nav-main { position:absolute; right:0; top:80px; font-size:14px; }
#nav-main li { border-right: 1px solid #dbd8d0; padding:0 10px; }
#nav-main li a { font-size:12px; }
#nav-main li.last { border:none; padding-right:0; }

#nav-top { position:absolute; right:0; top:0; }
#nav-top a { display:block; float:left; padding:5px 10px; color:#66ab00; text-decoration:none; }
#nav-top .support-link a { background:#66ab00; color:#fff; }

#nav-session { border-top:1px solid #777; padding:15px 0; text-align:center; }
#nav-session li { border-right:1px solid #aaa; padding:0 15px; }
#nav-session li.last { border:none; padding-right:0; }
#nav-session a { font-size:15px; color:#66ab00; }

#breadcrumbs { text-align:right; font-size:12px; }

#main { border:1px solid #777; border-width:1px 0; padding:20px 0; }
#main ul { margin:0; padding:5px 0 15px 20px; }
#main li { padding:2px 0; }
#main .row h1 { font-size:34px; color:#66ab00; margin-bottom:10px; }

#content {  border-right:1px solid #777; margin-right:20px; min-height:420px; padding-right:30px; font-size:16px; }
#content ul { margin-left:0px; padding-left:0px; }
#content li { background:url(images/bg-li.png) left 1px no-repeat; padding-left:24px; list-style:none; }
#content a { color: #66AB00; }

aside { background:#fff; padding:15px; padding-right:110px; -webkit-box-shadow: 1px 1px 4px #aaa; -moz-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; margin-bottom:20px; }
aside a, 
aside h4 { color:#66ab00; }
aside.box-1 { background:#fff url(images/box-1.png) right bottom no-repeat; }
aside.box-2 { background:#fff url(images/box-2.png) right bottom no-repeat; }
aside.full { padding-right:15px; }

#footer { padding:20px 0; font-size:12px; position:relative; }
#footer nav { margin-bottom:10px; }
#footer nav li { border-right: 1px solid #ccc; padding-right:10px; margin-right:10px; }
#footer nav li.last { border:0; }
#footer .authors { position:absolute; top:20px; right:0; }
#footer .authors a { margin-left:10px; color:#aaa; }

/* --------------------------
	specific
-------------------------- */
article,
.clearfix {
  *zoom: 1;
}
article:before,
.clearfix:before,
article:after,
.clearfix:after {
  display: table;
  content: "";
}
article:after,
.clearfix:after {
  clear: both;
}

.ajax-loading {
	display:none;
    position: fixed;
    bottom: 0;
    right: 0;
    background: transparent url(images/loading.gif) center no-repeat;
    width: 60px;
    height: 60px;
}

.box {
	background:#fff; padding:15px; 
	-webkit-box-shadow: 1px 1px 4px #aaa; -moz-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; 
	margin-bottom:15px;
}
.box h2 {
	padding:0;
}

.prev,
.next { max-width:49%; }
.prev a,
.next a { color:#b20838; }
.prev a:hover,
.next a:hover { color:#000; }
.alignleft,
.prev { float:left; text-align:left; }
.alignright,
.next { float:right; text-align:right; }
.alignleft {  margin:0 20px 10px 0; }
.alignright { margin:0 0 10px 20px; }

.msg { text-align:center; color:#fff; background:#d22; padding:10px 15px; margin-top:20px; font-size:16px; }

.more a { font-size:12px; padding:5px 20px 5px 0; display:inline-block; background: url(images/rarr-green.png) right center no-repeat; }
.more a:hover { text-decoration:underline; }

.download-link { visibility:hidden; background:#fff url(images/icon-pdf.png) 15px center no-repeat; padding:20px 0 20px 60px; }
.download-link a { margin-left:10px; padding-left:10px; border-left:1px solid #aaa; color:#66ab00; }

.blog aside { 
	padding-right:15px; 
}
.blog .row {
	margin-left:-30px;
}
.blog article { 
	-webkit-box-shadow: 1px 1px 4px #AAA;
	-moz-box-shadow: 1px 1px 4px #AAA;
	box-shadow: 1px 1px 4px #AAA;
	border:1px solid #ccc;
	width: 270px; 
	height:330px;
	padding:20px;
	margin:0 0 20px 30px;
	background:#fff; 
	float:left; 
}

.blog article.large {
	width:610px;
	height:250px;
}

/* Homepage */
.home article {
	border-bottom:1px solid #888; 
}

#intro { margin-bottom:20px; }
#intro .slider { width:960px; font-size:18px; }
#intro .slider .inner { position:absolute; padding:10px 20px 20px 20px; width:400px; top:20px; left:20px; background: url(images/box.png); }
#intro .slider .inner ul { margin:0; padding:0; }
#intro .slider .inner li { background:url(images/bg-li.png) no-repeat left center; padding-left:25px; list-style:none; }
#intro .slider h2 { font-size: 34px; }
#intro .slider a { display:block; padding:8px 30px 8px 10px; float:right; border: 1px solid #aaa; color:#66ab00; background: #fff url(images/arrow-green.jpg) right center no-repeat; }

#features { padding:10px 0; }
#features article { background-color:#66ab00; background-repeat:no-repeat; background-position:15px bottom; border-right:1px solid #b3d580; height:100px; position:relative; color:#fff; padding:20px 20px 80px 20px; position:relative; }
#features a { background: url(images/arr-white.png) right center no-repeat; padding:5px 30px 5px 0; display:inline-block; position:absolute; right:20px; bottom:20px; color:#fff; }
#features .page-31 { background-image: url('images/bg-span1.png'); }
#features .page-33 { background-image: url('images/bg-span2.png'); }
#features .page-29 { background-image: url('images/bg-span3.png'); }
#features .page-35 { background-image: url('images/bg-span4.png'); }

/* FAQs*/
.faqs #main .row { padding:10px 0; }
.faqs #main ol { margin-right:20px; }
.faqs #main ol li { display:block; padding:10px; background:#fff; margin-bottom:7px; }
.faqs #main ol li.active { background:#fcfaf4; }
.faqs #main ol span { display:block; float:left; color: #66ab00; width:30px; text-align:center; } 
.faqs #main ol a { margin-left:35px; display:block; }
.faqs #main dt { font-size:20px; margin-bottom:10px; color: #66ab00; }

/* Others */
#related-posts { padding-top:20px; border-top:1px solid #777; margin-top:20px; }
#related-posts article { border-right:1px solid #999; height:320px; padding:0 12px; }
#related-posts .page-47 article { padding-right:0; border:0; }
#related-posts .more { text-align:right; }
#related-posts h3,
#related-posts .more a { color:#66ab00; }
#related-posts h3 {font-size: 16px;}
#planograms ul { padding:0; margin:0; }
#planograms li { background:url(images/bg-li.png) left 1px no-repeat; padding-left:24px; list-style:none; margin-bottom:10px; }

/* --------------------------
	grid
-------------------------- */
#container { 
	position:relative; 
	width: 960px; 
	margin: 0 auto;
}
.row {
	min-height:200px;
  	zoom: 1;
}
.row:before, .row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
}
.span1 {
  width: 80px;
}
.span2 {
  width: 160px;
}
.span3 {
  width: 240px;
}
.span4 {
  width: 320px;
}
.span5 {
  width: 400px;
}
.span6 {
  width: 480px;
}
.span7 {
  width: 560px;
}
.span8 {
  width: 640px;
}
.span9 {
  width: 720px;
}
.span10 {
  width: 800px;
}
.span11 {
  width: 880px;
}
.offset1 {
	margin-left:80px;
}

/* --------------------------
	plugins
-------------------------- */
.wpcf7 { padding:10px 0; margin-top:15px; font-size:14px; }
.wpcf7 form { position:relative; }
.wpcf7 input,
.wpcf7 textarea { width:400px; border:0; padding:5px; background:#fff; margin:3px 0; border:1px solid #000;color:#666; }
.wpcf7 textarea { height:100px; }
.wpcf7 input:focus,
.wpcf7 textarea:focus { background:#fff; color:#000; }
.wpcf7 .wpcf7-submit { width:auto; border:0; padding:8px 15px; background:#66AB00; color:#fff; cursor:pointer; }
.wpcf7 .wpcf7-submit:hover { background:#333; }
.wpcf7-response-output { margin:10px 0; padding:10px !important; text-align:center; }
.wpcf7-mail-sent-ok { border: 1px solid #398f14; background:#ccebbc; }
.wpcf7-spam-blocked { border: 1px solid #ffa500; }
.wpcf7-display-none { display: none; }
.wpcf7-validation-errors { background:#b00; color:#fff; }
.wpcf7-form-control-wrap { position: relative; }
.wpcf7-not-valid-tip { font-size:12px; -webkit-border-radius:0 15px 15px 15px; -moz-border-radius:0 15px 15px 15px; -webkit-border-radius:0 15px 15px 15px; border-radius:0 15px 15px 15px; position:absolute; top:8px; z-index:100; display:block; color:#fff; background:#d00; padding:5px 20px; border:none; right:-30px; width:auto; }
.wpcf7-not-valid-tip-no-ajax { color: #f00; display: block; }
.ajax-loader { border: none; vertical-align: middle;  display:inline; margin:0 0 0 10px; }

.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('images/fancybox/blank.gif'); 
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */
.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; 
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.bx-pager { position:absolute; bottom:20px; right:20px; z-index:9999; }
.bx-pager a { display:block; float:left;  width:17px; height:17px; text-indent: -9999px; margin-left:5px; background:#fff; }
.bx-pager .pager-active { background:#39b54a; }

#gmap {
	border:1px solid #aaa;
	height:570px;
}
#gmap .infowindow {
	color:#fff;
	text-align:center;
	overflow:hidden;
}
#gmap .infowindow h5 {
	padding:0;
	margin-bottom:5px;
	font-weight:bold;
}
#gmap .infowindow p {
	font-size:11px;
}
.lets-start button {
	background: url('images/letsStart.png') no-repeat scroll top left !important;
	width: 116px;
	height: 33px;
	text-align: left !important;
	text-indent : -9999px;
	overflow:hidden;
}
.lets-start button:hover {
	background: url('images/letsStart2.png') no-repeat scroll top left !important;
}
.download a {
	background: url('images/downloadPlanogram.png') no-repeat scroll top left !important;
	width: 190px;
	height: 33px;
	text-align: left !important;
	text-indent : -9999px;
	overflow:hidden;
}
.download a:hover {
	background: url('images/downloadPlanogram2.png') no-repeat scroll top left !important;
}