/* template: fleetstree-bg #1 */

table.main td.center table.form,
table.ec_page_control td { display: none; }
table.ec_page_control td.results, table.ec_page_control td.pages { display: block; }



@media only screen and (max-width : 600px)
{
#container{max-width:100%;padding: 0!important;}
tr{max-width:100%!important}
#custom3, #custom1, #custom10, #custom11, #custom5{margin:0 auto}
.availablebox{width:100%!important;margin-left: 0px!important;}
table.njh_header{width: 100%!important;min-height: 50px!important;/* background: url(http://www.thebarrelinn.co.uk/template-data/template-data/header.jpg); */background-size: 100%!important;height: 50px!important;}
table.njh_header td#back{padding-right: 0px!important;padding-left: 0px!important;background-size: 100%!important;text-align: right;}
#njh_header_container{background:#fff; height:200px;text-align:center;}
#njh_logo { width:100%!important}
#njh_compinfo { float: none!important; text-align: center!important; background: #1140ac; margin-left: auto; margin-right: auto;}
#njh_compinfo a {}
table.spectabs td.left{float:left;text-align: left;}
#njh_tabs { width:100%!important;float: left; background: #66225f; /* padding: 5%!important; */ clear: both;  padding-top: 10px!important; margin-bottom: 20px;}
#njh_tabs li { padding: 3%!important; list-style: none; float: right; padding: 3px 0 3px 20px; font-family: Georgia, "Times New Roman", serif; font-size: 16px; }
#njh_tabs a { color: #ffffff/*navigation links*/; text-decoration: none; }
#njh_tabs li.cat_link_hover a, #njh_tabs li.cat_link_active a, #njh_tabs a:hover { color: #d6d1bd/*navigation links hover*/; text-decoration: none; }
#njh_header{width:100%!important;background: #1140ac;padding-bottom: 2%;}
table.main td.left{float:left;width:100%}
td {width:100%!important;float: left;text-align: center;}
#spotart{
    height: auto!important;
}
table.njh_footer{width:100%!important}
table.spectabs{width:100%!important;display: none;}
table.main{width:100%!important;text-align: center;}
table.main td.center{width:100%!important;float:left;padding: 1%!important;}
table.main td.right{width:100%!important;float:left;}
#njh_container { width: 100%!important; margin: 0 auto; }

#njh_content { width: 95%!important; float: left; padding: 0 0 0 1%!important; background: #fff!important; overflow: hidden;}
#stain { position: relative; left: 0px!important; top: 0; width: 188px; height: 163px; background: transparent url(http://www.thebarrelinn.co.uk/template-data/bigstain.jpg) no-repeat scroll right top;  z-index: 1; }
#njh_inner { width: 95%!important; position: relative; top: -163px; bottom: -163px; padding: 10px 0px 10px 10px; min-height: 550px; }
#njh_right { float: left!important; width: 100%;}
#njh_inner ul { margin: 10px 0; }
#njh_inner li { margin-left: 25px; }
form{width:100%!important;max-width: 100%;}
fieldset.ec_form{max-width:100%!important;width: 90%!important;/* overflow: hidden!important; */}

table.sidebar { width: 80%!important; margin-left: auto; margin-right: auto; }
table.sidebar caption { background: transparent url(http://www.thebarrelinn.co.uk/template-data/sidebox_caption.png) no-repeat scroll left top; padding: 9px 19px 10px 9px; text-align: center!important; font-family: Georgia, "Times New Roman", serif; font-size: 16px; color: #23536e/*sidebar title*/; }
table.sidebar td { padding: 5px 19px 5px 9px; background: transparent url(http://www.thebarrelinn.co.uk/template-data/sidebox.png) repeat-y scroll left top; }
table.sidebar td table td { background: transparent; }
table.sidebar td.bottom { font-size: 0; padding: 7px; background: transparent url(http://www.thebarrelinn.co.uk/template-data/sidebox_footer.png) no-repeat scroll left top; }

#njh_footer_container { clear: both; background: #d6d1bd/*footer background*/; }
#njh_footer { width: 100%!important; height: 80px; padding-top: 50px; margin: 0 auto; text-align: center; background: #d6d1bd/*footer background*/ url(http://www.thebarrelinn.co.uk/template-data/content_footer.png) no-repeat scroll left top; font-size: 11px; color: #ffffff/*footer text*/; }
#njh_footer a { color: #ffffff/*footer links*/; text-decoration: none; }
#njh_footer a:hover { color: #d6d1bd/*footer links hover*/; text-decoration: underline; }
iframe, object, embed {width: 100%!important;max-width: 100%;}
table#custom6{width:100%!important}	
.slides{width:100%!important;height:200px!important}
.slides img{width: 100%!important; height:auto!important}	
img{max-width:100%;height: auto;}
fieldset.ec_form div.field_input{width: 100%!important;}
tr.row0{width: 90%!important;}
.input{width:90%!important;}
tbody{max-width: 100%!important;}
table{max-width: 100%!important;width: 100%;}
table.njh_container{width:100%!important}
table.njh_tabs{max-width:100%;width: 100%!important;background: #992135;/* margin-bottom: -100px; */}
table.njh_tabs td.cat_link{max-width:100%;float:left}
.slideshow{width:100%!important;height: 400px!important;/* margin-top:35%!important; */}
#njh_top {width:100%!important}
#njh_tabs{width:100%!important;background: #1140ac;}
#njh_tabs li{width:25%!important;background: #1140ac;}
#njh_contact{width:100%!important}
#njh_header a img{/* margin-left:25%; */width: 100%;}
#right,#right table.sidebar{margin-top:10%;width:100%!important;float:left!important;}
table.item td.image{display: block;width:100%!important}
div#speccontainer{width:90%!important;display:block;float:left}
td.details{width:90%!important;float:left}
span.goback{left:80%!important}
#homeback table td{width:100%!important}
table.njh_tabs td.cat_link_hover{width:100%!important}
table.njh_tabs td.cat_link{width:30}}


/* markup: Default subcategories markup #3 */

span.subcat { font-weight: bold; }


/* markup: News Article list markup #4 */

table.njh_list_default { margin-top: 10px; width: 100%; font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
table.njh_list_default td { padding: 0; text-align: left; }
table.njh_list_default tr.row0 td table.item_l { background: #ffffff url(../files/graphics/markup/default/gradient1.gif) repeat-x scroll left bottom; }
table.njh_list_default tr.row1 td table.item_l { background: #ffffff url(../files/graphics/markup/default/gradient2.gif) repeat-x scroll left top; }
table.item_l { height: 120px; border: 1px solid #dddddd; margin-bottom: 10px; }
table.item_l td { padding: 12px 0; }
table.item_l div.thumb { width: 100px; text-align: center; margin: 0 10px; }
table.item_l div.thumb img { padding: 2px; border: 1px solid #999999; }
table.item_l div.title { font-size: 14px; font-weight: bold; color: #cc0000; text-align: left; padding-left: 10px; }
div.summary { padding-left: 10px; margin-top: 10px; }table.item_l div.pricing { margin-top: -5px; text-align: right; font-weight: bold; color: #4d9dcb; }
table.item_l div.pricing span.inc { padding-left: 10px; }
table.item_l div.pricing span.price_inc { font-size: 18px; color: #ff9211; }
table.item_l div.pricing span.rrp { display: block; width: 240px; font-weight: normal; }
table.item_l span.stock { display: block; text-align: right; font-weight: bold; background: transparent url(../files/graphics/markup/default/stock.gif) no-repeat scroll right center; padding: 4px 25px 3px 0; width: 215px; margin-top: 5px; }
div.basket { width: 133px; float: right; margin-left: 10px; padding-top: 10px; }
div.distance {clear: both; padding-top: 10px; text-align: center; margin-right: 10px; }