body{
   font-family: 'Oxygen', sans-serif;
   background: transparent;
   color: #505050;
   font-size: 16px
}


html{
	background-color: #74b6d9;
	background: url(../img/background.jpg) top right repeat-x; background-attachment:fixed; );

	
}

.blue-header{
	background-image: url(../img/headerback.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-color: red
}

#_atssh iframe{
	display:none;
}





.breadcrumb_orange {
    margin: 0 0 10px;
    padding: 4px 15px;
}
.breadcrumb_orange {
    background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;

}

.shrewsburymarine{
	padding-left: 0;
	margin-top: 5px;
	margin-left: -10px
}

.card-details, #cc-exp, #cc-csc{
	box-shadow: 0 1px 1px rgba(124, 124, 127, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0), 0 0 4px rgba(86, 149, 219, 0);
	padding-left: 30px
}

#card-details-container{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.svgicon {
    left: 17px;
    pointer-events: none;
    position: absolute;
    top: 3px;
    transform-origin: 50% 50% 0;
}

.shrewsburymarine ul li a{
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;

	padding: 0 10px 3px 10px;
	display: inline-block;
	margin-top: -5px

}

.agree{
	color: red;
	font-weight:bold;
}

.shrewsburymarine ul li + li {
    background-image: url("../img/divider.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 2px 19px
}

.left-col-container{
	padding-left: 0
}

.bluebox a:link, .bluebox a:visited{
	color: #fff
}

.bluebox .shrewsburymarine a:link, .bluebox .shrewsburymarine a:visited{

	color: #191760
}

.shrewsbury_marine_basket .basket_title, .header_menux{

	border: 1px solid #b6d7ea;
	padding: 2px 10px;
	border-top: none;
}

.shrewsbury_marine_basket a.basket_title:link, .shrewsbury_marine_basket a.basket_title:visited, 
.shrewsbury_marine_basket a.header_menux:link, .shrewsbury_marine_basket a.header_menux:visited{
	color: #3d95c6
}

.shrewsbury_marine_basket .basket_title a:hover, .shrewsbury_marine_basket a.basket_title:hover, .shrewsbury_marine_basket .basket_title a:hover, .shrewsbury_marine_basket a.header_menux:hover{
	color: #191760
}

.searchbox{
	background-color: #0b4b8d;
	position: relative;
	text-align: right;
	max-width: 319px;
	font-size: 14px

}

.searchbox label{
	text-transform: uppercase;
	color: #fff;
	padding-right: 8px
}

.searchinput{
	border-radius: 0;
	font-size: 14px;
	border:none;
	height: 25px;
	background-color: #fff;
	margin: 5px 50px 5px 0px;
	padding: 5px 10px;
}

.searcharrow{
	position: absolute;
	right: -25px;
	top:3px;
}

.search-bar{
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 10px
}


.shrewsbury_marine_basket .basket_title a:link, .shrewsbury_marine_basket .basket_title a:visited{
	color: #3d95c6
}

.shrewsbury_marine_basket .basket_title a:hover{
color: #191760
}

.header-phone{
	padding-top: 40px;
}

.main-logo{
	padding: 40px 0 10px 0
}

.bluebox{
	background-image: url(../img/headerback.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;

	
}

li a.curpage:link, li a.curpage:visited{
	color: red
}

.lowerprice{
	display: block;
	color: red
}
.original_price{
	text-decoration: line-through;
	display: block;
}

.fields{
	position: relative;
}

.product_block_right h2{
	margin-top: 0
}

.product_block_left img{
  max-width: 100%
}

.tablecellth{
	font-weight: bold;
}

.summary_block{
	border-radius: 10px;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px
}

.tablebody{
	display: table;
	width: 100%
}

.tablerow{
	display: table-row;

}

.tablecell{
	display: table-cell;
	padding: 6px
}
.customer_account_order_summary_line .tablecell{
	border-bottom: 1px solid #ccc
}

.customer_account_order_summary_line{
	margin-bottom: 7px;
	overflow: hidden;
	
}

.header{
	
}

.body-container-inner{
	
}

.pink{
	background-image: url(../img/pink.jpg);
}

.genie img{
	position: absolute;
	right: 0
}

.product_options_line .qty{
	max-width:50px
}

a.btn-custom:link, a.btn-custom:visited {
    color: #fff;
    font-weight: bold;
}

.beer-image{
	position: absolute;
    right: -10px;
    top: -20px;
}

.option_addon{
	color: #004DDF;
	font-weight: bold;
}

.featured-products-home{
	background-color: #FEF0F3;
	overflow: hidden;
	padding: 0 35px 20px 35px;
	margin: -20px 0px 0 20px
}

.featured-products-home h1{
	margin-top: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #0B4B8D;
	font-weight: bold;
	margin-bottom: 30px
}

.featured-product-item{
	margin-bottom: 20px
}



.featured-product{
	overflow: hidden;
	border: 1px solid #004DDF;
	display: block;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(107,9,107,0.54);
	-moz-box-shadow: 0px 2px 5px 0px rgba(107,9,107,0.54);
	box-shadow: 0px 2px 5px 0px rgba(107,9,107,0.54);
	background-color: white;
	text-align: center;
}

.cat_list img{
	/*max-height: 192px*/

}

.featured-product-item .thumbnail{
	background-color: transparent;
	border: none;
}

.featured-product-title{
	display: block;
	text-align: center;
	margin-top: 20px;
	font-size: 15px;
	line-height: 12px;
	height: 40px
}


.beer-image-container {
    height: 356px;
    margin-top: -20px;
    width: 570px;
}

.banner-genie{
	position: absolute;
	top:-44px;
}


.blog_box_inner{
background-color:#fff;
height: 140px;
width: 236px;
border-radius: 3px;
padding:5px;
margin-top:10px
}

.quickquote_line{
border-top:1px solid #eee;
padding-top:5px;
margin-bottom:5px
}

.blog_box h4{
margin:0;
text-transform:uppercase;
font-size:22px
}

.blog_box{
background-color: #E2E2E2;
width: 265px;
height:196px;
display:inline-block;
border-radius:3px;
text-align:left;
padding:7px 15px 15px 15px;
}

a:hover, a:focus{
color:#EA1C24;
text-decoration:none
}

.blog_part img {
    float: left;
    margin: 0 10px 10px 0;
max-width:100px;
max-height:80px
}
.blog_part {
    overflow: hidden;
    border-bottom: 1px solid #dedede;
margin-bottom:15px
}

.bronze{
width:100%;
font-size:20px;
text-align:center;
background-color: #CFB242;
color:white;
font-weight:bold;
margin-top:12px;
border-radius:3px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(231,166,26,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(231,166,26,1);
box-shadow: 0px 0px 5px 0px rgba(231,166,26,1);
}

.silver{
width:100%;
font-size:20px;
text-align:center;
background-color: #C9D1D3;
color:white;
font-weight:bold;
margin-top:12px;
border-radius:3px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
}

.gold{
width:100%;
font-size:20px;
text-align:center;
background-color: #ff8a00;
color:white;
font-weight:bold;
margin-top:12px;
border-radius:3px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
}





.brochure{
position:absolute; left: 14px; top: -230px
}

.certificates img{
max-height:60px
}

.floorimage{
height:388px
}
.body-container-outer{
}

.c1{
		background-color: #fff;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);

font-size:16px

}

.body-container-inner{
overflow:hidden;
padding:0px 0px

}

.big_footer_link{
font-size: 20px
}

.brewgenie{
margin-left:0px;
border-left: 1px solid #004DDF;
border-right: 1px solid #004DDF;
}

.img100, .img100 img{
	max-width: 100%
}
.row .budget-quote{
 	padding-right: 0px;


}

.row .budget-quote img{
margin-right: -2px
}

.secondrow{
text-align:center
}

.brewgenielogo, .brewgenielogo img{
	max-width: inherit;
	max-height: inherit;
}

.header-basket-phone{
   display: none;
}

.footer-menu{
  list-style: none;
  margin: 0;
  padding: 0
}

.footer a:link, .footer a:visited{
  color: #004DDF;
  white-space: nowrap;
}

.connect-with-us{
  color:#464646;
}

.connect-with-us img{
  max-height: 40px
}


.socialicons{
  margin: 10px 0;
text-align:right
}

.footer-logo{
  color:#464646;
  white-space: nowrap;
}
.footer-logo img{

  max-width: 100%;
}

.red{
	color: #fa4333
}

.redback{
	background-color: #fa4333;
}

.menucontainer .navbar{
   min-height:30px
}

.blog-container{
background-color: #fff;
padding-top:15px
}



.mapouter {
    border: 4px solid #fff;
    box-shadow: 0 0 1px #555;
    min-height: 250px;
    overflow: hidden;
    position: relative;
}
#map-canvas {
    height: 250px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 550px;
}

.mapouter1 {
    border: 4px solid #fff;
    box-shadow: 0 0 1px #555;
    min-height: 250px;
    overflow: hidden;
    position: relative;
}
#map-canvas1 {
    height: 250px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 550px;
}

.mapouter2 {
    border: 4px solid #fff;
    box-shadow: 0 0 1px #555;
    min-height: 250px;
    overflow: hidden;
    position: relative;
}
#map-canvas2 {
    height: 250px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 550px;
}

.mapouter {
    border: 4px solid #fff;
    box-shadow: 0 0 1px #555;
    min-height: 250px;
    overflow: hidden;
    position: relative;
}
.mapcanvas {
    height: 250px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 550px;
}

a {
    color: #333;
    text-decoration: none;
}

.garage a{
	width: 30%;
	display: inline-block;


}

.image-border{
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  border: 3px solid white;
  position: relative;
  left: -3px;;
  margin-top: 10px;
  margin-bottom: 10px
}

.garage a img{
	max-width: 100%
}

.carousel-indicators{
	display: none;
}

.legalNav ul{
 margin-left: 10px;
  padding-left: 0 
}

.legalNav li{
  display: inline-block;
  margin: 0 6px;

}

.legalNav li a:link, .legalNav li a:visited,.legalNav li a:hover{
	color: #fa4333
}
.page_content{
padding:20px
}
.page_content_inner{
	margin-bottom: 40px
}

.page_content_inner h1{
font-size:20px;
margin-top:0;
border-bottom:1px solid #ccc;
padding-bottom:10px
}

#bs-example-navbar-collapse-5{
	padding-left: 0;
	margin-left: 0;
	padding-right: 0
}


.my_address_box{

  
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #F9F9F9;
  font-size: 12px;
  line-height: 1.2em;
  position: relative;
  
  
  overflow: hidden;
  margin-bottom: 10px;
  

}

.myaddressbox fieldset .form-list, .myaddressbox  fieldset .form-list ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0
}


.input-box{
	position: relative;
}


.edit_address_button{
  position: absolute;
  bottom:10px;
  right: 10px
}

.my_address_box_header{
  border-radius: 5px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  border-bottom: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 5px;
  background-color: #FEF0F3;
    
    color: #7E267C;
    overflow: hidden;
    
    font-size:14px;

    
    
}
.page_title{
	margin-bottom: 10px
}

.my_address_box_header span{
  display: inline-block;
  padding-top: 5px
}

.my_address_box_inner{
  padding: 10px
}

h3{
	color: #0B4B8D;
	font-size: 20px;
	font-weight: bold;
}

h2{
	color: #0B4B8D;
	font-size: 24px;
	font-weight: bold;
}

.modal fieldset{
	position: relative;
}


.strapline{
	font-size:1.7em;
}




.menu-phone{
	font-size:2em
}
.vosa img{
		position: relative;
		top: -20px;
	}
.services{
	line-height: 1.2em;
	font-size: 2.5em
}

.topband{
	height: 8px;
	width: 100%;
	background-color: #ea1c24;
	border-bottom: 2px solid #d5d5d5;
	position: relative;
	z-index: 100
}

.Strapline{
	padding-top: 32px;
padding-right:0
}

.Strapline ul{
	list-style: none;
	font-size: 20px;
	background-color: #e2e2e2;
    border-radius: 5px;
    display: inline-block;

	
	display: inline-block;
	margin: 0;
	padding: 0;
	border-radius: 5px
}

.Strapline ul li{
	display: inline-block;
	color: #000;
	margin: 10px 0px 7px 0px;
	padding: 0px 10px 0 14px;
	height: 18px
}

.Strapline ul li span{
	display: inline-block;
	position: relative;
	top:-7px;
}

.Strapline ul li + li {
  border-left:1px solid #222;
}

.brewgenie ul{
	text-align: center;
	
	margin-top:0px;
}

.secondrow h3{
	color: #2C2C2C;
	text-transform: uppercase;
	font-size: 20px
}

.brewgenie ul li{
	
	
}

.brewgenie ul li:hover{
	

}


.menucontainer{

background: rgb(255,255,255); /* Old browsers */
border-bottom:1px solid #004DDF;
border-top:1px solid #004DDF
}

.brewgenie ul li a{
	

padding-top:8px;
padding-bottom:8px;

}

.brewgenie ul li a:link, .brewgenie ul li a:visited{
	color: #6b096b
}


.brewgenie ul li a:hover{


}


.brewgenie ul li a.active:link, .brewgenie ul li a.active:visited{
	color: #000
}


.brewgenie ul li + li  {
  border-left:1px solid  #004DDF;
}
.brewgenie ul li:last-child{
	border-right:1px solid  #004DDF;
}


.header-container{
	position: relative;
	z-index: 99;
	text-align: right;
}

.header-phone-strapline{
	text-align: right;
}

.brewgenie-phone-bar{
padding-right:0px
}

.brewgenie-phone-bar h1{
	background-image: url(../img/phone-39-24-black.png);
	
	background-repeat: no-repeat;
	background-position: 71px 7px;
	color: #000;
	font-weight: 600; 
	font-size: 25px;
	border-radius: 0;
	margin-top: 0;
	padding: 5px;
	padding-right: 0;
	text-align: right;
	width:280px;
	display: inline-block;
	padding-left: 28px;
	padding-bottom:0
}

.brewgenie-email-bar{
padding-right:2px
}

.brewgenie-email-bar h2{
	
	
	background-repeat: no-repeat;
	background-position: 37px 7px;
	color: #000;
	font-weight: normal; 
	font-size: 16px;
	border-radius: 5px;
	margin-top: 0;
	padding: 8px;
	padding-top:0;
	padding-right: 0;
	padding-bottom: 7px;
	text-align: right;
	width:280px;
	display: block;
	
	float: right;
}


.navbar-toggle .icon-bar {
    background-color: white;
    border-radius: 1px;
    border: 1px solid white
}

.navbar-toggle {
    border: 1px solid white;
}

.strapline{
	white-space:nowrap
}

.lift-carousel{
	height: 408px;
	width: 100%;
	background-color: #f3f3f3;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px
}

.navbar {
	position: relative;
	min-height: auto;
	margin-bottom: 0px;
}

.shrewsburymarine-swapper .button-panel{
	
	width: 218px;
	height: 100%;
	border-radius: 5px 0px 0px 5px ;
	overflow: hidden;
	position: absolute;
	top:0;
	right: 0;
	border-left: 6px solid #ccc;
}

.button-panel .button-panel-inner{
	width: 220px;
	margin: 10px auto;
	text-align: center;
	

}

.button-panel .button-panel-inner img{
	max-height: 55px;
	max-width: 84px;
	
}

.button-panel .button-panel-inner .swapper-thumb
{
	
}

.button-panel .button-panel-inner .swapper-thumb-outer
{
	border:2px solid #ccc;
	display: inline-block;
	width:89px;
	height: 59px
}


.button-panel ul{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 5px

}

.hide{
	display: none;
}

.button-panel ul li a{
	
	font-size: 13px;
	display: inline-block;

}
.swapper-link{
	position: relative;
	width: 100%
}

.swapper-name{
	width: 98px;
	float: right;
	text-align: center;
	padding-top: 10px

}

.swapperarrow{
	position: absolute;
	left: -18px;
	top:20px;
}

.button-panel ul li a:link .swapper-name, .button-panel ul li a:visited .swapper-name{
	text-transform: uppercase;
	color: #000;
	line-height: 16px
}


.button-panel ul li a{
	position: relative;
}

.button-panel ul li a span{
	display: inline-block;
	
}


.button-panel ul li{
	
	
	
	margin-left: 10px;
	margin-left: 14px;
	margin-right: 10px;
	padding: 4px
}

.button-panel ul li a:link, .button-panel ul li a:link{
	color: #363636
}
.button-panel ul li a:hover{
	color: #EA1C24;
	text-decoration: none
}

.button-panel .selectedfloor{
	background-color: #ccc;
}

.button-panel .swapperarrow{
	display: none;
}


.button-panel .selectedfloor .swapperarrow{
	display: block;
}

.shrewsburymarine-swapper{
	width: 100%;
	overflow: hidden;
	position: relative;
	border: 6px solid #ccc;
	margin-bottom: 20px;
	height: 292px;
}

.shrewsburymarine-swapper .image-panel{
	height: 100%;
	width: 510px;
	float: left;
	margin-left: 0px;

}

.homelist{
	padding-left: 60px;
	font-weight:bold;
	margin: 20px 0
}

.shrewsburymarine-swapper .image-panel img{
	
	height: 292px
}

.shrewsburymarine-swapper .image-panel .vertical-slider-container{

	
	width:450px;
	height: 100%;
	overflow: hidden;
	text-align: center;
}

.shrewsburymarine-swapper .image-panel .vertical-slider-container-outer{
	
	width:450px;
	height: 100%;
	overflow: hidden;
}


.shrewsburymarine-swapper .image-panel .vertical-slider-container-inner{
	overflow: hidden;
	position: relative;
}

.page-title, .page-title h1{
	color: #ef4135;
	font-size: 23px
}

.row-margin {
	margin: 10px 0
}
.mid-grey{
	color: #636363
}


.columntext{
	line-height: 23px;
	font-size: 13px;
}

.border-bottom{
	border-bottom: 1px solid #c0c0c0;
	width: 1110px;
	margin: 20px 0 0px 30px;
}

.border-bottom2{
	border-bottom: 1px solid #c0c0c0;
	width: 892px;
	margin: 20px 0 10px 15px;
}

.row-margin-big{
	margin-top: 7px;
	margin-bottom: 25px
}

.maincontainer{
	background-color:#transparent
}

.footer-inner{
	width: 1140px;
	

}

.mainnav2{
	font-size: 16px
}

.addthis_toolbox{
	display: inline-block;
}

.footer-inner-inner{
	padding: 0px 0 15px 0;
	background-color: #3d95c6;
	color: white;
	font-weight: bold;
	font-size: 13px;
	background: #3d95c6; /* Old browsers */
background: -moz-linear-gradient(top,  #3d95c6 0%, #449bc9 50%, #3d95c6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d95c6), color-stop(50%,#449bc9), color-stop(100%,#3d95c6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3d95c6 0%,#449bc9 50%,#3d95c6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3d95c6 0%,#449bc9 50%,#3d95c6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3d95c6 0%,#449bc9 50%,#3d95c6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3d95c6 0%,#449bc9 50%,#3d95c6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d95c6', endColorstr='#3d95c6',GradientType=0 ); /* IE6-9 */

}

.basketbar-small{
	text-align: center;
}

.marine-logos{
	margin-bottom: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(64,92,166,0.43);
-moz-box-shadow: 0px 0px 5px 0px rgba(64,92,166,0.43);
box-shadow: 0px 0px 5px 0px rgba(64,92,166,0.43);
}

.social-icons{

}

.social-icons img{
	max-height: 25px;
	margin-left: 8px;
	
	margin-top: -3px
}

.social-icons a{
	display: inline-block;
}

.footer-inner-inner a:link, .footer-inner-inner a:visited{
	color: white
}

.footer{
	color: #004DDF
}

.footer-list{
	list-style: none;
} 
.footer-list li{
	display: inline-block;
}

.footer-list li + li{
	margin-left: 20px
}

.basketimage{
	height: 60px
}

.btn-custom { 
  color: #ffffff; 
  background-color: #6B096B; 
  border-color: #130269; 
  font-weight: bold;
} 
 
.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
} 
 
.btn-custom { 
  color: #ffffff; 
  background-color: #1D2675; 
  border-color: #1D2675; 
} 
 
.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  color: #ffffff; 
  background-color: #004DDF; 
  border-color: #1D2675; 
} 
 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  background-image: none; 
} 
 
.btn-custom.disabled, 
.btn-custom[disabled], 
fieldset[disabled] .btn-custom, 
.btn-custom.disabled:hover, 
.btn-custom[disabled]:hover, 
fieldset[disabled] .btn-custom:hover, 
.btn-custom.disabled:focus, 
.btn-custom[disabled]:focus, 
fieldset[disabled] .btn-custom:focus, 
.btn-custom.disabled:active, 
.btn-custom[disabled]:active, 
fieldset[disabled] .btn-custom:active, 
.btn-custom.disabled.active, 
.btn-custom[disabled].active, 
fieldset[disabled] .btn-custom.active { 
  background-color: #1D2675; 
  border-color: #1D2675; 
} 
 
.btn-custom .badge { 
  color: #1D2675; 
  background-color: #ffffff; 
}
 
.btn-custom .badge { 
  color: #191760; 
  background-color: transparent; 
}
 
a:link, a:visited{
	color: #191760;
	font-weight: bold;
}

.header-basket ul{
	list-style: none;
}

.header-basket ul li{
	display: inline-block;
	margin-right: 5px
}

.basket-spacer{
	text-align: right;
	padding-top: 10px
}

.basket-spacer #myModal2{
	text-align: left;
}

.header-account ul{
	list-style: none;
}

.header-account ul li{
	display: inline-block;
	margin-right: 5px
}

.header-account{
	text-align: right;
	padding-top: 0px
}

#myModal2 h3{
  display: inline-block;
  margin: 0;
  color: #191760;
  white-space: nowrap;
  float: left;
}

#myModal2 .modal-header{
	overflow: hidden;
}

.myModal2_body{
	overflow: hidden;
}
.page-header {
	padding-bottom: 9px;
	margin: 0px 0 10px; 
	border-bottom: 1px solid #eee;
}

.product-categories ul li a{
		
		line-height: 16px;

}

.product-categories ul li a:link, .product-categories ul li a:visited{
	color: #fff
}

.product-categories ul li a:hover{
	color:#191760
	-webkit-box-shadow: 0px 0px 4px 0px rgba(29,38,117,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(29,38,117,1);
	box-shadow: 0px 0px 4px 0px rgba(29,38,117,1);
}

.product-categories ul .active a:hover{
	
}

.navbar .side-navbar-collapse-5{
	padding-left: 0
}

.left-shop .navbar-collapse{
	padding-left: 0;
}

.product-categories{
	padding-left: 0;
	padding-right: 0
}

.product-display h1{
	margin-top: 0;
	color: #0b4b8d;
    font-size: 24px;
    font-weight: bold;
}

.product_description{
	font-size: 15px
}

.product-display h2{
	margin-top: 0;
}

.product-categories a img{
	position: absolute;
	right: -25px;
	top:1px;
}

.product-categories ul li a{
	padding: 16px 4px 20px 18px;
	line-height: 16px;
	display: block;
	max-width: 318px;
	
	margin-bottom: 4px

}



.product-categories ul .menuimage a:hover{

}

.product-categories ul .menuimage a:hover{
	
}

.product-categories .active ul{
	padding-left: 10px;
	list-style: none;
	
}

.product-categories .active ul a{
	font-weight: normal;
	font-size: 14px
}

.product-categories .active ul .active > a{
	background-color: #84C0DE;
	border-radius: 2px;
	-webkit-box-shadow: 5px 4px 7px 1px rgba(29,38,117,0.56);
	-moz-box-shadow: 5px 4px 7px 1px rgba(29,38,117,0.56);
	box-shadow: 5px 4px 7px 1px rgba(29,38,117,0.56);
	
}

.product-categories .active ul li a{
width: 309px
}

.product-categories .active{
	position: relative;
	z-index: 1000
}

.basket-qty-wrap{
	white-space: nowrap;
}


.subcategory-thumb .thumbnail{
	height: 249px
}

.home-lower-banner{
	text-align: center;
}

.navbar-toggle{
	background-color: #004DDF
}

.icon-bar{
	background-color: #fff
}


.websyche{
	text-align: right;
}

.product-image img{

	max-height: 300px;
}

.product-categories > nav > .side-navbar > ul > .active > a{
	 background-color: #84C0DE;
	 display: block;
	 border-radius: 2px;
	 -webkit-box-shadow: 5px 4px 12px 1px rgba(29,38,117,0.76);
	-moz-box-shadow: 5px 4px 12px 1px rgba(29,38,117,0.76);
	box-shadow: 5px 4px 12px 1px rgba(29,38,117,0.76);
}

.product-categories > nav > .side-navbar > ul li ul li .active a{
	 
	 display: block;
 
	 -webkit-box-shadow: 5px 4px 12px 1px rgba(29,38,117,0.76);
	-moz-box-shadow: 5px 4px 12px 1px rgba(29,38,117,0.76);
	box-shadow: 5px 4px 12px 1px rgba(29,38,117,0.76);
}


.product-categories ul li a:link, .product-categories ul li a:visited{
	color: #fff
}

.product-display .featured-products-home{
	padding-top: 20px
}

.pagination ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.pagination {
    margin-top: 0;
}
.pagination ul {
    margin-left: 0;
    padding: 0;
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #999999;
    cursor: default;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    background-color: transparent;
    color: #999999;
    cursor: default;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pagination-large ul > li > a, .pagination-large ul > li > span {
    font-size: 17.5px;
    padding: 11px 19px;
}
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination-small ul > li > a, .pagination-small ul > li > span {
    font-size: 11.9px;
    padding: 2px 10px;
}
.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    font-size: 10.5px;
    padding: 0 6px;
}


/*shrewsbury marine------------------------------------------*/

.cat_list{
	line-height: 17px;
	display: block;
	
}

.product-thumb, .thumbnail{
	height: 340px;
	margin-bottom:10px;
	overflow:hidden
}

.product-thumb .thumbnail .cat_list{
	
	
}
.product-thumb .thumbnail a img{ 
	height:192px
}

.product-thumb h3, .product-thumb p{
	text-align:center
}
.product-more{ text-align: center;}
.product-more a {
	
}

.product-thumb .caption h3{
	height: 61px;
	font-size: 17px
}




/*shrewsbury marine------------------------------------------*/


/* Sticky footer styles
-------------------------------------------------- */
.body-container-outer, .c1, .maincontainer, html, body{
	
	min-height: 100%
}

.footer{
	position: relative;
	height: 48px
}

.footer-inner{
	position: absolute;
	height: 48px;
	
	bottom: 0;
	margin: 0 auto;
	
}
/* Sticky footer styles
-------------------------------------------------- */





@media screen and (max-width: 400px) {

	#bs-example-navbar-collapse-5 .mainnav2 .menu-phone{
		display: none;
	}
	.product-categories{
		
	}

	.footer-list ul{
		padding: 0
	}

	.shrewsbury_marine_basket .basket_title, .header_menux {
	  border: 1px solid #b6d7ea;
	  padding: 2px 10px;
	  border-top: 1px solid #b6d7ea;
	}

	.shrewsburymarine-swapper .image-panel .vertical-slider-container {
	 	width:218px;
	 }
	 .shrewsburymarine-swapper .image-panel .vertical-slider-container-outer {
		width:218px;
	 }

	 .shrewsburymarine-swapper{
	 	height: 200px
	 }

	 .shrewsburymarine-swapper .image-panel img {
		  height: 190px;
		}
	
	.brewgenie-logo{
		text-align: center;
	}

	.brewgenie-logo img{
		max-width: 100%
	}

	.header-account ul, .header-basket ul {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.basket-spacer{
		text-align: center;
	}

	.header-account{
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.genie img{
		display: none;
	}

	.mainnav2{
		font-size: inherit;
	}

	.brewgenie ul li a{
		padding: 10px 15px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
	{
		padding-left: 10px;
		padding-right: 10px
	}
	.beer-image {
		position: relative;
		right: 0px;
		top: 0px;
	}
	.beer-image-container {
		height: inherit;
		width: 100%;
	}
	.featured-products-home {
		background-color: #FEF0F3;
		overflow: hidden;
		padding: 0 35px 20px 35px;
		margin: 0;
	}
	.lower-banner{
		text-align: center;
	}
	.banner-genie{
		position: relative;
		top: 0
	}
	.footer-inner {
		width: 290px;
		height: auto;
		
	}
	.footer-inner-inner{
		height: auto;
		text-align: center;
	}

	.footer{
		height: 70px
	}

	.websyche{
		text-align: center;
	}

	.not-shop{
		padding-top: 20px

	}
	.featured-products-home {
		background-color: #FEF0F3;
		overflow: hidden;
		padding: 21px 35px 20px 35px;
		margin: 0;
	}
	.product-categories ul li a {
		padding: 10px 15px;
	}
	.product-categories .active ul .active{
		background-color: #84C0DE
	}

	.body-container-inner .product-categories{
		padding: 0
	}

	.product-display .page-header h1{
		text-align: center;
		font-size: 28px;
		font-weight: bold;
		color: #0B4B8D;
		font-size: 24px;
		font-weight: bold;
	}

	.product-thumb{
		margin: 10px 10px
	}
	.product-display h1 {
		margin-top: 40px;
	}

	.product-display, .product_block_left, .product_block_right{
		padding: 0 15px
	}

	.product-image{
		display: block;
		text-align: center;
	}

	.product-image img{
		width: 70%;
		max-height: inherit;
	}

	.mobile-add{
		text-align: right;
	}

	.more{
		font-size: 15px;
		line-height: 18px
	}

	.product_block h2{
		text-align: center;
	}

	.body-container-inner {
	    overflow: hidden;
	    padding: 0;
	    padding-top: 10px
	}

	.cat_list{
		font-size: 14px
	}
	.basket_option_line{
		font-size: 14px;
		line-height: 14px
	}

	.not-shop .page-header h1{
		color: #0B4B8D;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		margin: 3px 0
	}

	.sage img{
		max-width: 100%
	}

	.basket-spacer{
		margin: 0;
		padding: 0;
	}

	.header-phone{
	 	padding-top: 10px
	 }

	 .main-logo{
	 	padding-top: 10px
	 }

	 .shrewsburymarine ul li {
	  margin:inherit;
	  padding: 10px;
	  display: inherit;
	  
	}

	.mainnav2{
		margin: 0 10px;
		font-size: 20px
	}

	.shrewsburymarine ul li + li {
	  background-image: none;
	}

	

	.product-categories ul li a{
		max-width: inherit;
	}

	.product-categories .active ul li a {
	  width: inherit;
	}

}

@media (min-width: 401px) and (max-width: 767px) {
	
	.shrewsbury_marine_basket .basket_title, .header_menux {
	  border: 1px solid #b6d7ea;
	  padding: 2px 10px;
	  border-top: 1px solid #b6d7ea;
	}
	.footer-list ul{
		padding: 0
	}
	.cat_list{
		font-size: 14px
	}
	.basket_option_line{
		font-size: 14px;
		line-height: 14px
	}

	.not-shop .page-header h1{
		color: #0B4B8D;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		margin: 3px 0
	}

	.sage img{
		max-width: 100%
	}

	.basket-spacer{
		margin: 0;
		padding: 0;
	}
	.product-categories{
		
	}

	#bs-example-navbar-collapse-5 .mainnav2 .menu-phone{
		display: none;
	}
	
	.brewgenie-logo{
		text-align: center;
	}

	.brewgenie-logo img{
		max-width: 100%
	}

	.header-account ul, .header-basket ul {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.basket-spacer{
		text-align: center;
	}

	.header-account{
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.genie img{
		display: none;
	}

	.mainnav2{
		font-size: inherit;
	}

	.brewgenie ul li a{
		padding: 10px 15px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
	{
		padding-left: 10px;
		padding-right: 10px
	}
	.beer-image {
		position: relative;
		right: 0px;
		top: 0px;
	}
	.beer-image-container {
		height: inherit;
	}
	.beer-image-container {
		height: inherit;
		width: 100%;
	}
	.featured-products-home {
		background-color: #FEF0F3;
		overflow: hidden;
		padding: 0 35px 20px 35px;
		margin: 0;
	}
	.lower-banner{
		text-align: center;
	}
	.banner-genie{
		position: relative;
		top: 0
	}
	.footer-inner {
		width: 538px;
		height: auto;
		
	}
	.footer-inner-inner{
		height: auto;
		text-align: center;
	}

	.footer{
		
	}

	.websyche{
		text-align: center;
	}

	.body-container-inner {
	    overflow: hidden;
	    padding: 0;
	    padding-top: 10px
	}
	.featured-products-home {
		background-color: #FEF0F3;
		overflow: hidden;
		padding: 21px 35px 20px 35px;
		margin: 0;
	}
	.product-categories ul li a {
		padding: 10px 15px;
	}
	.product-categories .active ul .active{
		background-color: #84C0DE
	}

	.product-display .page-header h1{
		text-align: center;
		font-size: 28px;
		font-weight: bold;
		color: #0B4B8D;
		font-size: 24px;
		font-weight: bold;
	}

	.product-thumb{
		margin: 10px 40px
	}
	.product-display h1 {
		margin-top: 40px;
	}

	.product-display, .product_block_left, .product_block_right{
		padding: 0 15px
	}

	.product-image{
		display: block;
		text-align: center;
	}

	.product-image img{
		
		max-height: inherit;
	}

	.mobile-add{
		text-align: right;
	}

	.more{
		font-size: 15px;
		line-height: 18px
	}

	.product_block h2{
		text-align: center;
	}

	 .header-phone{
	 	padding-top: 10px
	 }

	 .main-logo{
	 	padding-top: 10px
	 }

	 .searchbox label {
	 	padding: 0 20px
	 }

	 .shrewsburymarine ul li {
	  margin:inherit;
	  padding: 10px;
	  display: inherit;
	  
	}

	.mainnav2{
		margin: 0 10px;
		font-size: 20px
	}

	.shrewsburymarine ul li + li {
	  background-image: none;
	}

	.search-bar{
		width: 100%
	}

	.searchbox{
		max-width: 90%
	}

	.product-categories ul li a{
		max-width: inherit;
	}

	.product-categories .active ul li a {
	  width: inherit;
	}


}

@media (min-width: 768px) and (max-width: 991px) {

	
	.featured-product-title {
		height: 50px
	}

	.home-lower-banner{
		text-align: right;
	}
	


	.basket-qty-wrap{
		white-space: normal;
	}
	.navbar .side-navbar-collapse-5{
		padding-left: 0
	}

	.left-shop .navbar-collapse{
		padding-left: 0
	}

	.product-categories{
		padding-left: 0;
		padding-right: 0
	}

	.product-display h1{
		margin-top: 0;
	}

	.product-categories ul li a{
		padding: 4px 4px;
		line-height: 16px;
		display: block;
	}

	.product-categories .active ul{
		padding-left: 10px;
		list-style: none;
		
	}

	.product-categories .active ul a{
		font-weight: normal;
		font-size: 14px
	}

	.product-categories .active ul .active{
		background-color: #84C0DE
	}


	.beer-image {
		position: relative;
		width: 100%
		
	}
	.genie img {
		position: absolute;
		left: -118px;
		top: -59px;
		height: 100px;
	}
	.lower-banner {

	}
	.banner-genie{
		position: relative;
		height: 150px;
		float: left;
	}

	.beer-image-container{
		height: auto;
	}

	.beer-image-container {
		height: inherit;
		width: 100%;
	}
	.featured-products-home{
		margin: 0;
		padding: 0
	}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 100%
	}

	.footer-inner{
		width:720px;
	}
	

	

	.info-image{
		display: inline-block;
		max-height: 200px;
		margin-bottom: 50px
	}
	

	 .contact-form{
	 	margin-bottom: 50px
	 }
	 
	 .header-phone{
	 	padding-top: 10px
	 }

	 .main-logo{
	 	padding-top: 10px
	 }


	 .button-panel{
	 	display: none;
	 }



	 .product-categories ul li a {
	 	min-height: 49px
	 }

	 .footer-list .footer-address{
	 	margin-left: 0;
	 	padding-left: 0
	 }

	 .footer-list ul{
	 	padding-left: 0;
	 	margin-left: 0
	 }

	 .shrewsbury_marine_basket .basket_title{
	 	padding: 2px 5px
	 }

	 

	 .bluebox .shrewsburymarine{
	 	min-height: inherit;
	 }

	.product-categories .active ul li a {
	  width: inherit;
	}

	.shrewsburymarine-swapper .image-panel .vertical-slider-container {
	 	width:380px;
	 }
	 .shrewsburymarine-swapper .image-panel .vertical-slider-container-outer {
		width:380px;
	 }


}

@media (min-width: 992px) and (max-width: 1199px) {
	

	.product-categories .active ul li a {
	  width: inherit;
	}
	.featured-products-home{
		padding: 0 5px 20px 5px
	}

	.featured-product-title {
		display: block;
		text-align: center;
		margin-top: 5px;
		font-size: 14px;
		line-height: 15px;
		height: 80px;
		overflow: hidden;
	}

	.navbar .side-navbar-collapse-5{
		padding-left: 0
	}

	.left-shop .navbar-collapse{
		padding-left: 0
	}

	.product-categories{
		padding-left: 0;
		padding-right: 0
	}

	.product-display h1{
		margin-top: 0;
	}

	.product-categories ul li a{
		padding: 7px 4px;
		line-height: 16px;
		display: block;
	}

	.product-categories .active ul{
		padding-left: 10px;
		list-style: none;
		
	}

	.product-categories .active ul a{
		font-weight: normal;
		font-size: 14px
	}

	.product-categories .active ul .active{
		background-color: #84C0DE
	}



	.footer-inner{
		width:940px;
	}

	.beer-image-container {
		height: 292px;
		width: 469px;
	}
	.shrewsburymarine ul li a{
		font-size: 13px
	}

	.product-categories ul li a {
	 	min-height: 49px
	 }

	 .footer-list .footer-address{
	 	margin-left: 0;
	 	padding-left: 0
	 }

	 .footer-list ul{
	 	padding-left: 0;
	 	margin-left: 0
	 }

	 .shrewsburymarine-swapper .image-panel .vertical-slider-container {
	 	width:314px;
	 }
	 .shrewsburymarine-swapper .image-panel .vertical-slider-container-outer {
		width:314px;
	 }

}

@media (min-width: 1200px) {
}

@media (min-width: 1270px) {

	.container {
    	
	}

}