@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, form, input, textarea, label, button, table, td{margin:0; padding:0; -webkit-text-size-adjust:none;}
body{background-color:#fff; color:#000; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:300; font-size:16px; margin:0; padding:0;}
a:link, a:visited{color:#5e5e5e; text-decoration:none;}
a:hover, a:active{color:#5e5e5e; text-decoration:underline;}
img{height:auto !important; max-width:100%; border:none;}

/* header ------------------------------------------------------ */
header{min-height:125px;}
header .logo{float:left; padding:0 0 10px 0;}
header .logo a:link, header .logo a:visited, header .logo a:hover, header .logo a:active{background:url(/assets/images/logo.png) no-repeat left center; background-size:326px auto; width:326px; height:65px; display:block; margin-top:10px;}
header .greenbar {background-color:#cada35; min-height:40px;}
header .numbers{float:left; font-size:18px; color:#666666; margin-top:8px; margin-left:5px; font-weight:300;}
header .search{float:left; margin:6px 0 0 86px;}
header .search input[type="text"]{background-color:#fff; border:1px solid #fff; width:188px; font-size:14px; padding:4px 6px 5px 6px; margin:0;}
header .search button{margin:0; padding:4px; width:32px; background-color:#d0e630; border:1px solid #e5ed9a; border-radius:4px; vertical-align:middle;}
header .login_account{float:right; line-height:40px; text-align:right; font-size:14px; color:#5e5e5e;}
header .login_account i.fa{color:#fff; margin-right:3px;}
header .account{position:relative;}
header .account > a:link, header .account > a:visited, header .account > a:hover, header .account > a:active{height:40px; display:inline-block; text-decoration:none;}
header .account_nav{display:none; position:absolute; top:25px; right:0; z-index:102; text-align:left; background-color:#fff; border-radius:4px; line-height:1; box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.39);}
header .account_nav:before{top:-10px; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-bottom-color:#ffffff; border-width:5px; margin-left:-5px;}
header .account_nav a:link, header .account_nav a:visited, header .account_nav a:hover, header .account_nav a:active{padding:10px; display:block; white-space:nowrap;}
header .account_nav a:hover, header .account_nav a:active{background-color:#f7f7f7; text-decoration:none;}
header .account_nav a:first-child{padding-top:14px; border-top-left-radius:4px; border-top-right-radius:4px;}
header .account_nav a:last-child{padding-bottom:12px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
header .basket a:link, header .basket a:visited, header .basket a:hover, header .basket a:active{padding:5px 4px 4px 4px; margin:0 0 0 5px; background-color:#d0e630; border:1px solid #e5ed9a; border-radius:4px;}
header .basket a:hover, header .basket a:active, header .search button:hover{background-color:#d5ec31; text-decoration:none; cursor:pointer;}

/* nav ----------------------- */
header nav {float:right; width:auto; font-size:14px; margin:27px 0 0 0;}
header nav > ul {list-style:none; padding:0; float:right; margin:0;}
header nav > ul li{float:left; margin:0 0 0 20px; position:relative;}
header nav ul li a {color:#515151; display:block; padding:4px 6px; text-decoration:none; border-radius:4px; text-transform:uppercase; background-color:#f7f7f7; position:relative; z-index:9;}
header nav a:hover, header nav li.active > a{background-color:#cada35; color:#666666; text-decoration:none;}
.navbar-toggle{display:none;}
ul.nav_dropdown{display:none; position:absolute; width:auto; top:26px; margin-left:-10px; border:1px solid #fff; background-color:#fff; z-index:10; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; overflow:hidden; box-shadow:0px 16px 22px rgba(50, 50, 50, 0.55);}
ul.nav_dropdown li{float:none; margin:0; white-space:nowrap; background-color:#fff; padding:10px;}
ul.nav_dropdown li:first-child{border-top:none;}
ul.nav_dropdown li a{display:inline-block; background-color:#fff;}
ul.nav_dropdown li a:hover{background-color:#cada35;}
ul.nav_dropdown.professions{width:590px; margin-left:-200px;}
ul.nav_dropdown.professions li{width:33.33333333%; float:left; box-sizing:border-box;}
li.nav_open > a{background-color:#fff;}
li.nav_open > a:hover{background-color:#cada35;}
span.mob_dd_link, span.mob_acc_link{display:none;} 
span.mob_subnav_ctrl{display:none;}
.mob_sidenav{display:none;}

/* footer ----------------------- */
footer {width:100%; background:#666666 url(/assets/images/footer_shadow.png) no-repeat center top; clear:both; padding:10px 0 0 0;}
footer .wrap {height:100%;}
footer ul{list-style-type:none; border-left:1px solid #7a7a7a; margin:0 0 0 -1px; padding:20px 0 20px 5%; float:left; width:20%;}
footer ul:first-child{border-left:none; padding-left:0; margin-left:0;}
footer ul li{color:#FFFFFF; font-size:12px; margin:5px 0 5px 5px;}
footer ul li:first-child{font-size:14px; color:#d0e631;}
footer ul li a:link, footer ul li a:visited, footer ul li a:hover, footer ul li a:active{color:#FFFFFF; transition:color 0.5s ease; text-decoration:none;}
footer ul li a:hover, footer ul li a:active{color:#d0e631;}
footer .right-col{float:right; text-align:right; width:30%; padding-top:20px;}
footer .right-col p{font-size:11px; color:#FFFFFF;  }
footer .right-col a:link, footer .right-col a:visited, footer .right-col a:hover, footer .right-col a:active{color:#d0e631;}

/* Typography */
p, ul li{margin:20px 0; line-height:1.3; color:#353535;}
p span.green, p.green{color:#a6bd00;}
p.small, p span.small{font-size:80%;}
p span.highlight{font-weight:400;}
p.date{color:#999;}
h1 + p, h2 + p, h3 + p{margin-top:-10px;}
ul{list-style-type:disc; margin:20px 0 20px 30px; padding:0;}
ul li{margin:20px 0; padding:0;}
h1 {color:#666666; font-size:42px; font-weight:300; margin:15px 0;}
h2, h3, h4 {color:#666666; font-size:25px; font-weight:300; margin:20px 0;}
h3{font-size:20px;}
h4{font-size:17px; text-transform:none; font-weight:400;}
h2 a:hover, h2 a:active{color:#a6bd00; text-decoration:none;}
h2:first-child{margin-top:0;}

/* breadcrumb ----------------------- */
.breadcrumb{font-size:11px; padding:10px 0 0 0;}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active{color:#666; font-weight:bold; float:left; padding:4px 4px 4px 24px; background:#e0e0e0 url(/assets/images/breadcrumb-bg.gif) no-repeat left top; transition:color 0.5s ease;}
.breadcrumb a:hover, .breadcrumb a:active{text-decoration:none; color:#add402;}
.breadcrumb a.active:link, .breadcrumb a.active:visited, .breadcrumb a.active:hover, .breadcrumb a.active:active{background-color:transparent; background-image:url(/assets/images/breadcrumb-bg-active.gif); }
.breadcrumb a.active:hover, .breadcrumb a.active:active{color:#666; cursor:default;}
.breadcrumb a:first-child{border-radius:4px 0 0 4px; background-image:none; padding-left:10px;}

/* Shared Content Styles */
span.raquo{font-size:170%; font-weight:700; display:inline-block; position:relative; top:1px; margin:-10px 0 0 0;}
i.fa{color:#d0e631;}
input[type="submit"] i.fa, button i.fa, .button i.fa, header .basket i.fa{color:#666;}
.clear{clear:both;}
.clearfix:after, .row:after, div.logo:after, .greenbar:after, .product:after, .about_yw:after, .subcats:after, .checkout_right:after, .totals_postage p:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.row{margin:20px -10px;}
h2 + .row{margin-top:-10px;}
.onethird, .twothirds, .half, .quarter, .fifth{float:left; box-sizing:border-box; width:50%; padding:0 10px;}
.onethird{width:33.33333333%;}
.twothirds{width:66.66666667%;}
.quarter{width:25%;}
.fifth{width:20%;}
.half.right{float:right;}
.wrap {margin:0 auto; max-width:960px;}
.wrap:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.wrap-grey {margin:0 auto; max-width:960px; width:96%;}
img.rounded-crnrs{border-radius:4px;}
img.round{border-radius:50%;}
.pagination{text-align:center; margin:20px 0; clear:both;}
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active{background-color:#cada35; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:0 1px; font-size:14px; font-weight:700; display:inline-block; border-radius:4px; text-decoration:none; color:#fff; transition:background-color 0.5s ease;}
.pagination a:hover, .pagination a:active, .pagination a.active{background-color:#add402;}
.pagination a.prev:link, .pagination a.prev:visited, .pagination a.prev:hover, .pagination a.prev:active{margin-right:20px; font-size:14px; line-height:26px;}
.pagination a.next:link, .pagination a.next:visited, .pagination a.next:hover, .pagination a.next:active{margin-left:20px; font-size:14px; line-height:26px;}
.pagination i.fa{color:#fff;}
a.button:link, a.button:visited, a.button:hover, a.button:active{background-color:#cada35; padding:12px 20px; white-space:nowrap; font-size:16px; line-height:1; text-transform:uppercase; display:inline-block; text-align:center; border-radius:4px; text-decoration:none; color:#666; transition:background-color 0.5s ease;}
a.button:hover, a.button:active{background-color:#add402; text-decoration:none;}
a.button-grey:link, a.button-grey:visited, a.button-grey:hover, a.button-grey:active{padding:12px 20px; white-space:nowrap; font-size:16px; line-height:1; text-transform:uppercase; display:inline-block; text-align:center; border:1px solid #cacaca; border-radius:4px; text-decoration:none; color:#333; background:#f0f0f0; background:-webkit-linear-gradient(top, #f0f0f0 0%,#ebebeb 82%,#cacaca 100%); background:linear-gradient(to bottom, #f0f0f0 0%,#ebebeb 82%,#cacaca 100%);}
.contact-us a.button-grey:link, .contact-us a.button-grey:visited, .contact-us a.button-grey:hover, .contact-us a.button-grey:active{ width: 170px;}

a.button-grey:hover, a.button-grey:active{background:#ebebeb; text-decoration:none;}
.video{position:relative; padding-bottom:56.25%; height:0;}
.video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
a.green:link, a.green:visited, a.green:hover, a.green:active{color:#a6bd00; font-weight:400; text-decoration:underline;}
p.but_center{text-align:center;}
.hide{display:none;}
.separate{display:inline-block; margin:0 3px;}

/*FORMS*/
input[type=text], input[type=email], input[type=password], select, textarea{font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:300; display:inline-block; width:100%; box-sizing:border-box; border-radius:4px; border:1px solid #ccc; margin:2px 0 10px 0; background-color:#fff; color:#333; font-size:16px; padding:10px;}
textarea{height:150px;}
form.grey input[type=text], form.grey input[type=email], form.grey input[type=password], form.grey select, form.grey textarea{background-color:#d4d4d4;}
input[type=submit], button{font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; margin:10px 0 0 0; padding:10px 20px; display:inline-block; background-color:#cada35; color:#666; border-radius:8px; border:1px solid #cada35; transition:background-color 0.5s ease; cursor:pointer; -webkit-appearance:none;}
input[type=submit]:hover, button:hover{background-color:#add402;}
div.button_center{text-align:center; clear:both;}
div.button_center input[type=submit], div.button_center button{margin-top:0;}
.file_upload{font-size:18px; margin:2px 0 10px 0; display:inline-block; overflow:hidden; margin-right:0; border-radius:4px; border:1px solid #ccc; background-color:#d4d4d4; padding:10px; width:100%; box-sizing:border-box; position:relative;}
.file_upload input[type="file"]{opacity:0; position:absolute; left:0; right:0; top:0; bottom:0;}
input[type="checkbox"]{vertical-align:middle;}
label, .fakelabel{display:block; margin:0 0 10px 0;}
label.inline{display:inline-block; margin:0 10px;}
label.small{width:50%;}
label input[type=text], label input[type=email], label input[type=password], label select, label textarea{margin-bottom:0;}
label input[type="file"]{width:100%;}
label span{display:inline-block; width:20%; min-width:100px;}
label span + input[type=text], label span + input[type=email], label span + input[type=password], label span + select, label span + textarea{width:auto; min-width:210px;}
.product-view label.error{color:#C00;font-size:12px; margin:5px 0;}
label.error{color:#C00;}
label#qty-error{margin-left:130px;}
input[type=text].error, input[type=email].error, input[type=password].error, select.error, textarea.error{border:1px solid #C00;}
#error-summary{clear:both; color:#C00; margin:10px 0;}
::-webkit-input-placeholder {
   color:#a0a0a0;
}
:-moz-placeholder { /* Firefox 18- */
   color:#a0a0a0; 
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#a0a0a0;
}
:-ms-input-placeholder {  
   color:#a0a0a0;
}

/*HOMEPAGE*/
.hp_slideshow{border-radius:4px; box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.39); position:relative; overflow:hidden; margin:0 0 20px 0;}
.hp_slide{/*padding:0 0 32.71% 0;*/ height:314px; width:100%; overflow:hidden;}
.hp_slide img{position:absolute; left:0; right:0; top:0; max-width:none;}
.hp_slide_text{position:absolute; left:0; right:0; bottom:0; padding:15px 20px 20px 20px; background-color:rgba(202, 218, 53, 0.8); color:#383838;}
.hp_slide_text h2{padding:0; margin:0; font-size:36px; color:#383838;}
.hp_slide_text p{padding:0; margin:0; font-size:20px; line-height:1.2;}
.hp_slideshow .ctrls {position:absolute; left:0; right:0; top:50%; font-size:38px; z-index:100;}
.hp_slideshow .ctrls i.fa {color:rgba(202, 218, 53, 0.8);}
.cycle-prev {position:absolute; left:0; top:50%; font-size:38px; z-index:100;}
.cycle-next {position:absolute; right:0; top:50%; font-size:38px; z-index:100;}
span#hp_slides_right, span#hp_slides_left{position:absolute; left:20px; top:-20px; cursor:pointer;}
span#hp_slides_right{left:auto; right:20px;}
.about_yw{border-radius:4px; box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.39); color:#383838; padding:15px 20px 18px 20px; margin:20px 0; background:url(/assets/images/yw_about_bg.jpg) no-repeat center top;}
.about_yw h2{font-size:36px; font-weight:700; margin:0; color:#383838; line-height:1;}
.about_yw p{font-size:25px; line-height:1.1; margin:0; max-width:660px;}
.about_yw a:link, .about_yw a:visited, .about_yw a:hover, .about_yw a:active{text-decoration:none;}
.about_yw img{float:right; margin:-11px -16px -14px 20px;}

/* 404 Page */
.errorpg h1{text-align:center; font-size:240px; color:#cada35; font-weight:700; line-height:1; margin-bottom:6px;}
.errorpg h1 span{font-size:48px; margin-top:-29px; display:block; text-transform:uppercase;}
.errorpg img.chains{display:block; margin:0 auto;}
.errorpg h2{margin-top:-10px;}
.errorpg ul{list-style-type:none; margin:0;}
.errorpg ul li{float:left; width:50%; margin:0;}
.content.errorpg .half h2{border-left:none; padding-left:0; margin-bottom:10px; margin-top:20px;}
.content.errorpg .half h2 + p{margin-top:10px;}
.content.errorpg .half + .half{border-left:1px dashed #cada35;}

/*PRODUCT block Styles*/
.product h3{font-size:18px; margin:0 0 5px 0;}
.product p{margin:0; color:#666;}
.product p.price{font-size:20px; font-weight:700;}
.product p.price small{font-weight:300; font-size:12px;}
.product p.rrp{font-size:12px; text-decoration:line-through;}
.product .thumb{float:left; width:37%; padding:0 10px 0 0; box-sizing:border-box;}
.product .info{float:left; width:63%;}
.product .button{margin-top:10px;}

/*Shop page styles*/
.shop .content{background:#dfdede; background:-webkit-linear-gradient(left,  #dfdede 0%,#dfdede 50%,#ffffff 51%,#ffffff 100%); background:linear-gradient(to right,  #dfdede 0%,#dfdede 50%,#ffffff 51%,#ffffff 100%);}
.twocols{display:table; width:100%; height:100%;}
.sidenav{display:table-cell; width:20%; background-color:#dfdede; padding:10px 20px 10px 0; vertical-align:top;}
.maincontent{display:table-cell; width:80%; background-color:#fff; box-sizing:border-box; padding:0 0 0 20px; vertical-align:top;}
.sidenav nav{background-color:#fff; border-radius:4px; padding:10px; font-size:14px;}
.sidenav nav > a:link, .sidenav nav > a:visited, .sidenav nav > a:hover, .sidenav nav > a:active{color:#515151; display:block; padding:4px 6px; text-decoration:none; border-radius:4px; text-transform:uppercase; background-color:#f7f7f7; margin:10px 0;}
.sidenav nav > a:hover, .sidenav nav > a:active, .sidenav nav > a.active{background-color:#cada35;}
.sidenav nav > a:first-child{margin-top:0;}
.sidenav nav .subcats{margin-top:-6px;}
.sidenav nav .subcats a:link, .sidenav nav .subcats a:visited, .sidenav nav .subcats a:hover, .sidenav nav .subcats a:active{float:left; clear:both; width:auto; padding:4px; margin:0 0 0 20px;}
.subcats a.active{background-color:#e0e0e0; border-radius:4px;}
span.rightlink{float:right; font-size:14px; margin:10px 0 0 0;}
.toolbar{background-color:#f7f7f7; border-radius:4px; padding:8px 10px;}
.toolbar .sorting{text-align:right; color:#666;}
.toolbar .sorting span{font-size:12px; display:inline-block; margin:0 0 0 20px; padding:4px 0; cursor:pointer;}
.toolbar .sorting i.fa{color:#666; font-size:16px; vertical-align:middle; margin:0 0 0 3px;}
.accordion{margin:15px 0;}
.accordion h3{margin:5px 0; background-color:#f7f7f7; border-radius:4px; padding:8px 10px; cursor:pointer;}
.accordion h3 span.right{float:right;}
.infoshow{display:none; padding:10px;}
.infoshow p:first-child{margin-top:0;}
.product-view p{color:#666;}
.product-view p.price{font-size:40px; font-weight:700; margin:0;}
.product-view p.price small{font-weight:300; font-size:16px;}
.product-view p.rrp{text-decoration:line-through; margin:0 0 10px 0;}
.product-view label{font-size:25px; color:#666;}

/*Alert styling*/
.alert{border-radius:10px; padding:10px 10px 10px 42px; font-weight:bold; background-color:#faffd0; border:1px dashed #cada35; position:relative;}
.alert:before{content:"\f058"; font-family:FontAwesome; font-size:30px; color:#cada35; position:absolute; left:10px; top:50%; margin-top:-20px;}
.alert.fail{background-color:#ffd9d9; border:1px dashed #C00;}
.alert.fail:before{content:"\f057"; color:#C00;}

/*CHECKOUT STYLES*/
.checkout_right{border-radius:4px; background-color:#dfdede; padding:20px;}
.checkout_right p.total_text{float:left; margin:0;}
.checkout_right p.price{float:right; margin:0; font-size:40px; font-weight:700; line-height:1;}
.checkout_right p.but_center{margin:0; padding-top:20px; clear:both;}
.basket label{font-size:18px; color:#666; white-space:nowrap;}
.basket label span{min-width:10px; width:25%;}
.basket label select{margin-left:-4px; margin-top:0; margin-right:2%; width:50%; min-width:10px;}
.basket label button{margin-left:-4px; margin-top:0; width:23%; padding-right:0; padding-left:0;}
.basket .product + .product{margin-top:20px;}
.basket .product .thumb, .purchase-success .product .thumb{max-width:120px;}
.basket .delete{font-size:22px; float:right; padding:0 0 0 10px;}
.basket label.sub-totals{border-top:1px dashed #666; border-bottom:1px dashed #666; padding:10px 0;}
.basket label.sub-totals span{min-width:10px;}
.basket .sub-price{width:75%; text-align:right; font-weight:700;}
form.basket-form{margin-top:20px;}
a.pw_forgot:link, a.pw_forgot:visited, a.pw_forgot:hover, a.pw_forgot:active{float:right; font-size:14px; padding:2px 0 0 0;}
#acc_create_pw{display:none;}
.checkout form{max-width:525px;}
table.product_summary td{vertical-align:text-bottom; padding:10px 0 10px 5px; border-top:1px dashed #999;}
table.product_summary td:first-child{padding-left:0;}
table.product_summary tr:first-child td{padding-top:0; border-top:none;}
table.product_summary td.details b{font-weight:400;}
.totals_postage{border-top:1px dashed #666; border-bottom:1px dashed #666; margin-bottom:10px;}
.totals_postage p{margin:10px 0;}
.totals_postage span{float:left;}
.totals_postage span + span{float:right; text-align:right; font-weight:700; font-size:22px;}
.purchase-success .product p{margin:5px 0;}
.purchase-success .product p.price{border-top:1px dashed #666; border-bottom:1px dashed #666; padding:10px 0; white-space:nowrap; margin-top:10px;}
.purchase-success .product p.price span{width:50%; display:inline-block; font-weight:300;}
.purchase-success .product p.price span + span{text-align:right; font-weight:700;}
.purchase-success .order{border-bottom:1px dashed #cada35; padding-bottom:20px;}

/*Account styles*/
table.account_info{border-collapse:collapse; margin:0 0 20px 0; width:100%; table-layout:fixed;}
table.account_info tr:nth-child(odd){background-color:#f7f7f7;}
table.account_info td{padding:10px 5px;}
table.account_info td:first-child{width:30%;}
.order{border-top:1px dashed #cada35; margin-bottom:20px;}
.order .row{margin-bottom:0;}
.orders .orders_info p.price{margin-bottom:0;}
.orders_info p.total_text{float:left; margin-top:0;}
.orders_info p.price{float:right; margin-top:0; font-size:40px; font-weight:700; line-height:1;}
.orders .product .thumb{max-width:120px;}
.orders .product + .product, .purchase-success .product + .product{margin-top:20px;}

/*Login or register*/
.forgotten-password{display:none; margin:20px 0;}

table.table tr:nth-child(even) td {
    background-color: #f2f2f2;
}

.social i.fa-facebook-official{color:#3a5899;}
.social i.fa-youtube{color:#f80000;}
.social i.fa-linkedin{color:#017eb4;}
.social i.fa-twitter{color:#5ea9dd;}

.worldpay {
	clear: both;
}
.worldpay img {
	margin-right: 5px;
}