@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:85px; background-color: #cada35;}
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/yw_logo.svg) no-repeat left center; background-size:326px auto; width:326px; height:93px; 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:30%;}
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:#FFFFFF;}
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%);}
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;
}

/* 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;}

/*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;}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
button.btn-danger:hover {
    color: #fff;
    background-color: #df130c;
    border-color: #df130c;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
button.btn-warning:hover {
    color: #fff;
    background-color: #e78c0b;
    border-color: #e78c0b;
}
.btn-small {
	padding: 5px;
    font-size: 10px;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table td, table th {
  padding: 10px 10px 0 0;;
  text-align: left;
  vertical-align: top;
}
table tr:nth-child(odd) td {
  background-color: rgba(255,255,255,0.8);
}
table tr:nth-child(even) td {
  background-color: rgba(255,255,255,0.4);
}