/* Custom, iPhone Retina */ 
body { font-family: 'Open Sans', sans-serif; color: #444; font-size: 14px; line-height: 1.3;}

img { border: none;}

strong { font-weight:600;}

label { display: block;}
input { padding:6px; width:100%;}
textarea { height:103px; width:100%; padding:6px;}
input.error { background:#ffc6c6; border:1px solid #ff0000;}
textarea.error { background:#ffc6c6; border:1px solid #ff0000;}
table, table th, table th td { width:100% !important;}
label { display:block; font-weight:500; font-size:15px;}
input[type=text], input[type=password], textarea, select { border:1px solid #ccc; width:100%;}
.check input { width:18px;}

.wrapper { max-width:1100px; margin:0 auto;}

input[type=text], input[type=password], textarea, select { padding:2px;}

h1 { color: #1f547e; font-size: 18px; font-weight:600; margin:0 0 15px 0;}
h2 { color: #1f547e; font-size: 16px;}
h3 { color: #1f547e; font-size:17px; margin: 0 0 10px 0;}
h4 { font-size:14px; font-weight: 600; margin-bottom:0px;}

.btn.focus, .btn:focus, .btn:hover { color:#fff;}
.logo { margin:20px 0;}
a.register { background: #0e2b42; margin-right:5px; width:49%; float:left;}
a.login { background:#10395a; width:49%; float:left;}
a.cartbutton { background:#e3e3e3; color:#333; margin-right:5px;}

.menu_button { margin:35px 0 0 0; font-size:32px; float:right;}
.fa-bars { color:#0e2b42; margin-left:10px;}
.basket_drop { background:#f5f5f5; padding:5px 10px; margin-bottom:10px; font-size:13px; text-align: center; float:left; width:100%; display: none;}
.basket_drop .btn { clear:both; width:auto; font-size:12px; padding:10px 20px;}
.basket_drop .basket_info, .basket_drop { width:100%; float:left;}
.basket_items { margin:7px 0; font-size:15px;}
.basket_info strong { font-size:15px;}
.basket_info.first { border-bottom:1px solid #fff; margin-bottom:10px;}
.headertop .fa { margin-right:10px;}
.emailaddress { text-align: right;}

a.quote { background: #1f547e;}
a.logout { background:#10395a;}
a.email { color: #383838; font-weight: 600;}
a.email:hover { text-decoration: none;}

p.stockTitle { color:#114976; margin-bottom:0px;}

.read_more_btn { background: #818286; display: block; color: #fff; margin: 15px 0; font-weight: 400; text-align: center; padding: 10px; float: left; transition: background 0.3s;}
.read_more_btn .fa { margin-left:10px;}
.read_more_btn:hover { background: #80021e; text-decoration:none; color: #fff;}

.navigation { width:100%; float:left;}
a.productsNav .fa { float:right; margin-top:4px;}
.productNavDrop { display: none; padding:0px;}
.productNavDrop li a { background:#194669 !important; font-size:14px !important;}
.quoteFormContainer h2 { font-size:20px; font-weight:600;}
.quoteFormContainer form label textarea { height:120px; margin-top:5px;}
.quoteFormBox { width:320px; margin:20px 20px 0 0; display:inline-block; height:400px;}
.quoteFormContainer .btn { margin-top:10px;}
.verify input { width:auto;}
.verify .btn { margin-top:10px; font-size:16px; width:auto !important;}
.addressBox { background:#eee; padding:20px; margin:10px 10px 10px 0;}
.delivery_check { font-size:12px; margin:20px 0; font-weight: bold;}
input.checkDelivery { width:16px; float:left; margin:0 5px 0 0;}
.btn.edit_address { margin-top:10px;}

.home_page { margin-top:10px;}

label.addquote { background: #114976;}
label.addquote:hover { background:#1a3e5b;}

ul.servicesNav { display: none; padding:0px;}
.productDropContent { display:none;}
ul.nav { position:relative; float:left; display: none; width:100%;}
ul.nav li { list-style: none; float: left; width:100%;}
ul.nav li a { color: #fff; border-bottom: 1px solid #316f9f; display: block; padding:15px 10px; font-size:16px; background:#1f547e;}
ul.nav li a.selected { color:#9ccef6; font-weight:bold;}
.nav>li>a:focus, .nav>li>a:hover { background:#1f547e;}

.product_item { margin-bottom:10px; border:1px solid #eee; padding:10px; width:100%; float:left;}
.product_item img { width:100%; margin-bottom:10px;}
.product_item.searchPage { min-height:108px;}

.cancel_address { margin-bottom:10px;}

.number { text-align: center; font-size: 16px; margin:5px 0 15px;}

.serviceboxes { background: #e3e3e3; padding: 20px; margin:20px 0;}

.footer { border:0px; margin:0px;}
ul.footernav { margin:20px 0; padding:0px; float:left; width:100%;}
ul.footernav li { width:100%; float:left; border-bottom:1px solid #fff; list-style: none;}
ul.footernav li a { font-size:13px; padding:10px; background:#eee; display:block; text-align: left;}
ul.footernav li a .fa { float:right;}

.footercopy { margin-bottom:15px;}

.search { background:#eee; padding:10px; width:100%; float:left; margin:20px 0;}
.search input  { padding: 10px; float:left; font-size:14px; width:80%;}
input.searchSubmit { background: url(/images/search_icon.png) no-repeat center #fff; border:none; background-size:26px; cursor:pointer; width: 15% !important; margin:5px 0 0 5px; float:left; padding:7px 10px 8px !important;}
input.searchSubmit:hover { background: url(images/search.png) no-repeat ceknter #eee;}

.productbox { width:100%; float:left; padding:10px 0 0; border-bottom:1px solid #eee;}
.headerFunction .btn { width:49%; font-size:16px;}

ul.materialfloat { float:left; width:225px; margin:20px 25px 20px 0;}
ul.materialfloat li { list-style:none; background:url(images/points.png) no-repeat left; padding:0 0 0 20px;}
.basket .btn { float:right; margin-top:10px;}

input.checkoutbutton { background:#1f547e; font-size:14px; color:#fff; text-transform:uppercase; padding:10px; font-weight:bold; border:0px; width:200px; cursor:pointer; margin:10px 0 0 0;}
input.checkoutbutton:hover { background:#143a58;}
.total { font-size:20px;}


input.deliverRadio { margin:0 7px 0 0;}
.btn.disabledCheckoutbutton, .btn.disabledCheckoutbutton:hover { background:#ccc;}

.billingAddress { background:#eee; padding:10px; float:left; width:100%; margin-bottom:20px;}
.billingAddress h3 { font-size:17px; margin:10px 0 20px;}
.billingAddress.delivery { margin-top:0px; margin-bottom:20px;}
a.cancel { background:#ccc; padding:8px 10px; font-weight:bold;}
strong.homeTele { padding:7px 0 0 10px; float:left;}
.emailBilling { margin-bottom:20px;}

.btn.save_billing { margin-bottom:20px;}

.contact_Form { margin:0 20px 0 0;}
.contact_Form input { padding:6px;}

ol.paymentFail { margin:0 0 0 30px;}
ol.paymentFail li { margin:10px 0;}


.vatNumber { padding:6px; width:125px;}
.vatSubmit { background:#1f547e; border:none; color:#fff; padding:6px; font-size:14px; margin-left:5px; cursor:pointer;}

.editLink { background: #1f547e; padding:7px 20px; color: #fff; font-size: 15px; margin:10px 0; float:left;}
.editLink:hover { background: #e3e3e3; color: #444;}

.button { background:#1f547e; padding:10px 20px; color:#fff; font-size:16px; border:none; margin-top:10px; cursor:pointer;}
.button:hover { background: #e3e3e3; color: #444;}

.mce-panel { width:auto !important;}

p { margin-bottom:5px;}

h1 { margin: 0 0 10px 0;}
h2, h2 a { font-size:19px; font-weight: bold; margin-top:10px;}
h2 a:hover { color:#818286; text-decoration: none;}
h5 { font-size:11px;}

a { color:#1f547e; text-decoration: none;}

.homesmallcontact { background: #f5f5f5; padding: 20px; margin: 10px 0; float: left; width:100%}

.breadcrumb { background:none; padding:0px; font-size:12px; margin-top:10px; color: #383838;}
.breadCrumb .breadTitle { color:#416A8A;}
.crumb { margin:0 6px 0 3px;}
.crumb.lastCrumb { background:none;}

.yayBox { color: #4F8A10; background-color: #DFF2BF; border: 1px solid #CEE1AE; margin:10px 0px 20px; padding:15px 10px; font-weight: bold;}
.errorBox { color: #D8000C; background-color: #FFBABA; border: 1px solid #E37676; margin:10px 0px; padding:15px 10px; }
.errorBox ul { margin-bottom:0px;}
.errorBox ul li { list-style:none;}

a.contactBtn { background: #1f547e; text-align: center; padding: 10px 20px; color: #fff; font-weight:600; font-size: 15px; float: left;}
a.contactBtn:hover { background: #e3e3e3; color: #444; text-decoration: none;}
.contactForm .btn { width:auto; font-size:15px; margin-bottom:20px;}
.contactForm span { color:#f00;}
.contactForm input, .contactForm textarea { margin:5px 0;}

.btn { padding:10px; border-radius:0px; background:#1f547e; margin-bottom:10px; color: #fff; font-size: 14px; width:100%; font-weight:600; text-transform: uppercase;}
.btn:hover { background:#10395a; color:#fff;}
.btn .fa { font-size:16px;}

.footercopy p { font-size:12px; margin-bottom:5px;}

.product_information { margin-bottom:20px;}
.product_box { border-bottom: 1px solid #eee; min-height:120px; padding: 10px;  float:left; width:100%; margin: 0 15px 15px 0; border: 1px solid #eee;}
.product_box img { width:100%;}
.product_box h3 { color: #444; font-size: 16px; margin:10px 0;}
.product_box h3 a:hover { color: #000;}

a.link { font-size:13px;}

.loginChoiceBox { background:#eee; margin:20px 0; padding:20px;}
.loginChoiceBox h1 { margin:10px 0 30px; font-size:18px;}
.loginChoiceBox h2 { font-size:24px; font-weight:600; margin-bottom:20px;}
.loginChoiceBox ul li { list-style: none; margin:5px 0;}
.loginChoiceBox label { margin-bottom:10px;}
.loginChoiceBox .btn { width: auto; font-size:15px; margin-bottom:15px;}
.loginChoiceBox label.checkbox { font-size:14px;}
.loginChoiceBox input { margin-top:5px;}
.loginChoiceBox.register { text-align: center;}
.loginChoiceBox ul { padding:0px;}
.loginChoiceBox.guest { text-align: center;}
.loginChoiceBox.guest .btn { margin-top:10px;}

label.check { margin-top:20px;}

.registrationForm { margin-bottom:20px;}
label.error input, input.error { border:1px solid #f00; background:#FFDFDF; }

.quotebasket { border:1px solid #eee; width:100%; float:left; padding:10px; margin-bottom:30px;}

.table-responsive { border:none;}
.table_wrapper { font-size:14px; text-transform:uppercase; text-align: center; margin:10px 0;} 
.table_wrapper td { background:#f5f5f5; border:2px solid #fff; padding:4px !important; font-size:11px; vertical-align: middle !important;}
.table_wrapper img { max-width:50px;}
.table_header td { background: #1f547e; padding: 6px 5px !important; font-size:10px; font-weight: 600; border-collapse:collapse; color: #fff;}
.table_content td { background: #f2f2f2; padding:0 5px 0 5px;}

td.basketprice { font-weight:bold;}

.product_image { margin-bottom:10px;}
.product_image img { width:100%;}
.productcontactbox { background: #f5f5f5; padding: 10px; float:left; width:100%; margin:10px 0;}
.productcontactbox p { font-size:18px; margin-top:15px; text-align: center;}
.productcontactbox .btn { font-size:16px; margin-bottom:0px;}
.productcontactbox span { color:#9ccef6;}
p.boxTelephone { float:left; padding:14px 0 0 5px; font-size:14px;}
a.productcontactbtn { background: #114976; text-align:center; color:#fff; padding:10px 10px; line-height:17px;}

.producttable { font-size:11px; text-transform:uppercase; line-height: 13px; text-align: center; margin:10px 0; width:100%;}
.producttable tr.tableheader td { background: #1f547e; padding: 6px 5px; font-weight: 600; color: #fff;}

a.catname { float:left; display:inline; margin:0 0 8px 0;}

label.buy, label.addquote { padding:5px; font-size:10px; cursor:pointer; color:#fff;}
label.buy { background: #e72c2c;}
label.addquote { background:#114976;}
td.noProduct { background:#eee; padding:5px;}
label.buy:hover { background:#c80a0a;}
label.buy input, label.addquote input { visibility:hidden; width:0px; height:0px; padding:0px; display: none;}
input.qty { width:80%;}

.forgot_password input { margin-top:5px;}

.producthomeimg { margin-bottom:10px;}

.map { width: 100%; height: 400px; margin-bottom:20px;}

.emtpyText { background:#eee;  border:1px solid #ccc; padding:10px; text-align:center; margin:10px 0; font-size:15px;}
.emtpyText a { text-decoration:underline;}
.emtpyText a:hover { text-decoration:none;}

.basket .btn { float:right;}

.checkoutright { background:#eee; padding:20px; float:right; width:100%; text-align:right;}
.checkoutright .btn { margin:10px 0 0 0;}
.checkoutright td { line-height: 1.6;}
.checkoutright p { text-align:right;}

.productboxcat { border-bottom: 1px solid #eee; padding: 10px; min-height:100px; float:left; margin: 0 15px 15px 0; border: 1px solid #eee; padding: 10px;}
.productboxcat h3 { color: #444; font-size: 14px;}
.productboxcat h3 a:hover { color: #000;}

.pdf { max-width:40px;}
.or { text-align: center; font-size:20px; font-weight:bold; color:#1f547e;}

@media only screen and (min-width : 480px) {
ul.nav { display: block;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

input[type=text], input[type=password], textarea, select { padding:6px; margin-top:5px;}
h1 { font-size:22px;}
.btn { width:auto; font-size: 13px;}

ul.nav li, ul.nav ol { float: left; display: inline; z-index:500; list-style: none; width:auto; position: relative; border-right: 1px solid #1c4b71;}
ul.nav li ul { position: absolute; display:none;}
ul.nav li:hover ul { display: block; padding:0px;}
ul.nav li ul li { width:250px; border-bottom:1px solid #254f71;}
ul.nav li ul li a { background:#14324b; font-size:14px; border-right:0px;}
ul.nav li ul li ul { position: absolute; display: none !important; left:250px;}
ul.nav li ul li:hover ul { display: block !important;}
ul.nav li ul li ul li { float:left; display: block;}
ul.nav li ul li ul li a { display: block; background:#10314c !important; font-size:13px;}
ul.nav li a { color: #fff; border-right: 1px solid #1c4b71; border-bottom:0px; font-size:14px; padding:15px 9px;}
ul.nav li a:hover { background: #1a3e5b;}
ul.nav li a.selected { color:#9ccef6; font-weight:bold;}
ul.nav li a:hover, ul.nav li:hover a { background:#1a3e5b; display:block;}
ul.nav li ul li a:hover, ul.nav li ul li:hover a { width:100%; float:left;}

.header_contact { float:right;}

a.register, a.login { width:auto;}

.navigation { background:#1f547e; margin:10px 0;}
.number { font-size:15px;}
.search input { font-size:13px;}
.headerFunction .btn { font-size:13px;}

td.basketprice { font-size:16px; font-weight:bold;}
td.qty_header { width:10%;}

.checkoutright { width:auto;}
.verify { margin:20px 0;}

.footer { border-top:1px solid #eee; padding:20px 0; margin:20px 0 0 0;}
.footercopy { text-align: right; line-height:1; width:100%; float:left;}
ul.footernav { margin-top:0px;}
ul.footernav li { display: inline; float:left; width:auto; border-right: 1px solid #eee;}
ul.footernav li a { padding: 0 5px; background:none; color: #444; font-size:12px;}
ul.footernav li a:hover { color: #000; }

.breadcrumb { font-size:14px;}

.billingAddress.delivery { margin-top:78px;}

.delivery_check { font-size:12px;}

.headertop { text-align: right; margin-top:20px;}
.headerTop .basket_quote { }

.headerFunction .btn { width:auto;}

.search { margin: 2px 0 0; padding:0px; background:none;}

label.buy, label.addquote { padding:10px; font-size:11px;}
.table_header td { font-size:12px;}
.productcontactbox .btn { font-size:13px; padding:10px 20px;}
.productcontactbox p { text-align:left; font-size:15px;}

.product_box h3 { margin:0 0 10px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.homecontactbox { background: #1f547e; color: #fff; width:100%; float:left; padding: 15px;}
.homecontactbox h3 { color: #fff;}
.homecontactbox img { margin-bottom:20px;}
.homecontactbox p { margin-bottom:10px;}
.homecontactbox a { color: #fff; text-decoration: underline;}
.homecontactbox a:hover { text-decoration: none;}
.search input { padding: 6px; font-size:14px;}
label.buy, label.addquote { font-size:11px;}
ul.footernav li a { padding: 0 10px;}

.product_left a:hover { background:none;}
ul.nav li a { font-size:15px; padding:15px;}
ul.nav li ul li a { padding:10px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}