@font-face{
     font-family:"Helvetica Neue LT W05 45 Light";
     src:url("/assets/fonts/HelveticaNeue/5664085/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix");
     src:url("/assets/fonts/HelveticaNeue/5664085/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix") format("eot"),
     url("/assets/fonts/HelveticaNeue/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),
     url("/assets/fonts/HelveticaNeue/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"),
     url("/assets/fonts/HelveticaNeue/5664085/fdf10d5e-4ce0-45e5-a6c1-5eaff6cb1c11.ttf") format("truetype");
}
@font-face{
     font-family:"Helvetica Neue LT W05 46 Lt It";
     src:url("/assets/fonts/HelveticaNeue/5664089/99531fe3-1c8b-4966-a5e0-c17d164113c0.eot?#iefix");
     src:url("/assets/fonts/HelveticaNeue/5664089/99531fe3-1c8b-4966-a5e0-c17d164113c0.eot?#iefix") format("eot"),
     url("/assets/fonts/HelveticaNeue/5664089/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"),
     url("/assets/fonts/HelveticaNeue/5664089/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff"),
     url("/assets/fonts/HelveticaNeue/5664089/dfce121b-01a2-4997-acf0-8cf3bcaf68d6.ttf") format("truetype");
}
@font-face{
     font-family:"Helvetica Neue LT W05_75 Bold";
     src:url("/assets/fonts/HelveticaNeue/5664150/4c21ab66-1566-4a85-b310-fbc649985f88.eot?#iefix");
     src:url("/assets/fonts/HelveticaNeue/5664150/4c21ab66-1566-4a85-b310-fbc649985f88.eot?#iefix") format("eot"),
     url("/assets/fonts/HelveticaNeue/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),
     url("/assets/fonts/HelveticaNeue/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff"),
     url("/assets/fonts/HelveticaNeue/5664150/f07c25ed-2d61-4e44-99ab-a0bc3ec67662.ttf") format("truetype");
}
body {
     font-family: 'Helvetica Neue LT W05 45 Light', Arial, sans-serif!important;
}

.logo img { width: 191px ; padding-top:5px}
header {z-index:100; position: relative;}
.container { width: 1030px; }
header .col { padding: 0px; }
.orangebar {  background: #fff; border-bottom: 5px solid #fff; font-size: 0.8em; height: 5px; width: 100%; }
.blackbar {  background: #000; height:40px ;margin-top:10px }
.greybar { background: #fff; border-bottom: 1px solid #fff; padding: 12px 0 5px;}
.contact { text-shadow: 1px 1px 1px #ffffff; font-family: "Helvetica Neue LT W05 45 Light",sans-serif;}
.contact a { color: #666; text-align: right; display: block}
.contact a:hover { text-decoration: none;}
.contact .num { color:#000; font-family: 'Helvetica Neue LT W05_75 Bold', Arial, sans-serif!important; font-weight:400; font-size: 32px; line-height: 20px; padding-bottom: 0px; padding-top:8px}

/* Chrome etc */
.contact .email { color:#000; font-family: 'Helvetica Neue LT W05 45 Light', Arial, sans-serif!important; letter-spacing:0.5px; padding-top:5px;font-size: 16px; }
/* Firefox only */
@-moz-document url-prefix() {
     .contact .email { color:#000; font-family: 'Helvetica Neue LT W05 45 Light', Arial, sans-serif!important; letter-spacing:0.3px; padding-top:5px;font-size: 17px; }
}

.greyback { position: relative; z-index: 90; background: #f8f8f8;}
.greyback .container { background: #fff; }

.separator {background: transparent url("https://fluid-media.s3.amazonaws.com/fluid-site-images/sprite4.png") repeat scroll 820px 70px;
     height: 2px; margin: 25px 114px; }

.brands-list { padding-left: 58px; padding-right: 58px; margin: 25px 0; }
.brands-list a span { background: transparent url("https://fluid-media.s3.amazonaws.com/fluid-site-images/sprite4.png") repeat scroll 0 0; float: left; margin-right: 33px;  }

a.brandedumbrellas span { width: 97px; height: 30px; background-position: 0 -58px; margin-top: 5px;}
a.brandedumbrellas span:hover {background-position: 0 -96px;}
a.brandedgolf span {background-position: -103px -53px; height: 35px;width: 99px;}
a.brandedgolf span:hover {background-position: -103px -91px;}
a.livingpromotions span {width: 97px; height: 30px; background-position: -207px -54px;}
a.livingpromotions span:hover {background-position: -207px -92px;}
a.morebloodybags span {background-position: -307px -51px;  height: 37px; width: 48px;}
a.morebloodybags span:hover {background-position: -307px -89px;}
a.chomp span {width: 76px; height: 35px; background-position: -357px -51px;}
a.chomp span:hover {background-position: -357px -89px;}
a.ecoincentives span {width: 86px; height: 35px; background-position: -438px -51px;}
a.ecoincentives span:hover {background-position: -438px -89px;}
a.urbanheadwear span {width: 79px; height: 34px; background-position: -529px -53px;}
a.urbanheadwear span:hover {background-position: -529px -91px ;}
a.brandaball span {width: 100px; height: 30px; background-position: 118px 65px; margin-right: 0;}
a.brandaball span:hover {background-position: 118px 34px;}

.darkbar { background: #333; padding: 15px;}
.darkbar p, .darkbar a { color: #fff; font-size: 10.5px;  }
/*
.social-icons { width: 21%; height: 27px; float: right; padding: 0; }*/

.social-icons a {background: url("https://fluid-media.s3.amazonaws.com/fluid-site-images/sprite4.png") repeat scroll 0 0 transparent; width: 30px; height: 27px;  margin-right: 15px; display: inline-block;}
.social-icons .facebook {background-position: -109px 60px;  }
.social-icons .pinterest {background-position: -137px 60px; width: 30px; height: 27px;  margin-right: 15px; }
.social-icons .twitter {background-position: -166px 60px; width: 30px; height: 27px; margin-right: 15px; }
.social-icons .googleplus {background-position: -197px 60px; width: 30px; height: 27px; margin-right: 15px; }
.social-icons .linkedin {background-position: -166px 29px; width: 30px; height: 27px;  margin-right: 0; }

.no-padd { padding: 0;}
.no-bmarg { margin-bottom: 0;}
.no-marg { margin: 0; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.black { color: #000; }

h1, h3, h5 { color: #c49a6c; font-family: "Helvetica Neue LT W05_75 Bold",sans-serif; font-weight: normal; line-height: 0.9;  margin: 0 0 14px }
h1 { font-size: 35px;}
h2 { color: #555; font-family: "Helvetica Neue LT W05 45 Light",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 16px; font-style: normal; margin-bottom: 15px; text-transform: uppercase; font-weight: bold;}

#error_message { margin-top: 40px; min-height: 500px;}
#error_message p {font-family: 'Open Sans'; color: #b7b7b7; font-size: 18px; line-height: 30px; margin-bottom: 20px;}
#error_message a, #error_message strong { color: #c49a6c; }

.payment { margin: 50px 35px 0 35px;}
#payment_form { background: #f8f8f8 linear-gradient(#fff, #f5f5f5) repeat scroll 0 0; border: 5px solid #fff; box-shadow: 0 1px 3px #bbb; margin: 0 auto 32px; padding: 12px 24px 24px; }
.form-group label.required:after {  content:" *"; color:red;}
input.form-control, select.form-control { border-color: #aaa #ddd #ddd #aaa; border-width: 1px; box-shadow: 0 1px 3px -1px #aaa inset;color: #333;display: block; font-size: 18px;padding: 0 5px;}

#pay_now, #purchase { background-color: #c49a6c; border: medium none; border-radius: 0px; color: #000; font-size: 20px; font-weight: bolder; padding: 10px; text-align: center; width: 150px; }
#pay_now:disabled, #purchase:disabled { cursor: not-allowed; display: block; opacity: 0.5; }
#amount_extra { font-size: 24px; color: #FF0000; }
#incVat { font-size: 26px; color: #000; }

/* AUTHENTICATION IFRAME - TODO - Improve CSS by blacking out background and use the concept of containers */
#authenticationBG {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.6;
    z-index: 1000;
}
#authenticationIframe { position: fixed; margin: 0 auto; left: 0; right: 0; top: 20%; z-index: 10000; }

/* Applying Accent Color for Form Control Input & Select*/
input.form-control {
    border-radius: 0;
}
input.form-control:focus, select.form-control:focus {
    border-color: #c49a6c;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(221 200 177);
}

/* Target all select dropdowns */
select option:hover,
select:focus option:checked,
select:focus option:hover,
select:focus option:active,
select option:checked,
select option[selected] {
    background: #c49a6c !important;
    background-color: #c49a6c !important;
    color: white !important;
    -webkit-appearance: none;
    /* Applying new colour Viridian #459361 - if doesn't apply then the alternative is to change class of links */
}

a.visited {
    color: #459361;
}