/* Stylesheet for 
Frauscher
author: Dirk Zaal Digizaal webdev Amsterdam 
*/
/* =0 Reset */
@import url('/share/styles/reset.css'); 
/* =1 Global */
*{ margin: 0; padding: 0; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
a img{ border: none; }
a.button,
a.button:visited{ background: #3d506d; color: #f0f8ff !important; display: inline-block; font: normal 0.9em  arial,sans-serif; padding: 1px 2px; text-decoration: none; white-space: nowrap; }
a.button:hover{ background: #55739a !important; }
a.info{ background: transparent; color: #3d506d; /*
Special mouse over popup
*/ font: normal 9pt  arial,sans-serif; position: relative; /*this is the key*/ text-decoration: none; z-index: 24; }
a.info span{ display: none; }
a.info:hover{ background: #00ced1; color: #3d506d; cursor: help; text-decoration: none; z-index: 25; }
a.info:hover img{ border: 0; }
a.info:hover span{ border: 1px solid #3d506d; color: #3d506d; display: block; /*the span will display just on:hover state*/ left: 0; padding: 2px; position: absolute; text-align: left; top: 0; z-index: 25; }
a.minibutton:active,a.minibuttonactive{ background: transparent !important; color: #b22222 !important; font: bold 14px  arial,sans-serif; padding: 4px; text-align: center; text-decoration: none; }
a.readmore{ background: url("/images/submit_onoff.png") no-repeat scroll transparent right 0; color: #fff !important; font-style: normal; font-weight: 800; margin-top: 7px; padding-right: 24px; text-decoration: none; }
a.readmore:hover,
a.readmore.hover{ background-position: right -17px !important; color: #fff !important; }
a[rel="external"]{ background: transparent url(/share/images/icons/icon_blank.gif) no-repeat scroll right center; padding-right: 12px; }
body{ color: #fff;background: #111; font: 10pt  arial,sans-serif; height: 100%; margin: 0; min-height: 100%; padding: 0; width: 100%; }
body .ui-widget{ font-size: 12px; }
/*Opera Fix*/
body:before{ content: ""; /* thanks to Maleika (Kohoutec)*/ float: left; height: 100%; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ width: 0; }
div#username, div#password, div#find { display: inline; float: left; margin-right: 3px; position: relative; }
div#username,div#password{ float: right; margin-right: 3px; position: relative; }
div.contentcenter ol.sitemap,
div.contentcenter ol.sitemap ul{ list-style: none; margin-left: 10px; }
div.form_entry{ margin: 3px 0; overflow: hidden; }
div.form_entry input{ margin-top: 4px; }
div.form_entry label { font-weight: normal; margin-top: 4px; width: 9em; }
div.home, ul.subnavlist ul li.current { background: #ffffff; }
div.nieuwsfoto{ background: no-repeat top center; cursor: pointer; float: right; height: 115px; margin: 0 5px; /*
plaatje bij de nieuws berichten op home page
*/ width: 120px; }
div.pagewidth{ background-color: transparent; margin: 0 auto; position: relative; /* puts container in front of distance */ text-align: left; min-width: 760px; }
div.plakrechts{ clear: right; float: right; margin: 2px; padding: 2px; text-align: left; width: 166px; }
div.sublist{ background: #ffffff; border-bottom: 1px outset #f0f8ff; /* url(/images/sublist.png) no-repeat;*/ height: 24px; overflow: hidden; padding-top: 5px; }
form  input.text,
form select.text,
textarea.text{ border: 2px solid #a9a9a9; padding: 2px; width: 20em; }
form label{ float: left; margin-right: 1em; text-align: right; width: 13em; }
form select.text{ width: 20.7em; }
form#login{ padding: 6px; position: relative; }
h1{ color: #fff; font: 800  1.25em  'Open Sans',sans-serif; margin-bottom: 15px; margin-top: 2px; text-transform: uppercase; }
h1.header{ border-bottom: 3px solid #3d506d; color: #3d506d; }
h2{ color: #fff; font: 600  1.25em 'Open Sans',sans-serif; }
h3{ font: bold 1em arial,sans-serif; }
h4{ font: bold 9pt arial,sans-serif; }
h5{ font: bold 10px arial,sans-serif; }
h6{ font: bold 8px arial,sans-serif; }
html{ height: 100%; min-height: 100%; width: 100%; }
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
img.left{ margin-right: 5px; }
img.right{ border: none; margin-left: 5px; }
input#username-field,input#password-field{ width: 10em; }
input.infocus,input:focus,textarea.infocus,select.infocus{ background: #f5f5f5; color: #3d506d; padding-left: 2px; }
input.outfocus,textarea.outfocus,select.outfocus{ background: #dcdcdc; color: #3d506d; padding-left: 2px; }
input.text,option.text,select.text,textarea.text{ background: #f5f5f5; color: #3d506d; font: 0.9em  arial,sans-serif; }
label.overlabel { color: #2C292A; font: italic 1em Verdana,arial,sans-serif; left: 0; padding-left: 5px; position: absolute; top: 0; width: auto; }
label.overlabel-apply{ color: #a9a9a9; position: absolute; right: 5px; top: 3px; width: auto; z-index: 1; }
ol.sitemap h2{ color: #fff; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; margin-right: 3px; padding: 5px; }
pre{ text-indent: 30px; }
select{ font-family: sans-serif; width: 100px; }
sup{ font-size: 6px; vertical-align: super; }
table,td{ border: none; font-size: inherit; vertical-align: top; }
td.colorpic,img.colorpic{ background: #f5f5f5 no-repeat 50% 50%; border: 0; cursor: pointer; }
ul.list{ list-style-type: none; margin-left: 0 !important; padding-left: 0.1em; }
ul.menulist{ background-color: #d6d5d3; float: left; padding-top: 10px;padding-right: 3px;margin: 0 0 0 20px; overflow: hidden; }
ul.menulist .sub{ margin-left: 1em; text-align: left; }
ul.menulist .sub a:hover{ font-size: 9pt; }
ul.menulist img{ vertical-align: middle; }
ul.menulist li{ float: none; list-style: none; margin: 0; padding: 2px 2px 2px 20px; position: relative; width: 120px; }
ul.menulist li a{ color: #000; display: block; font: 800   1.25em 'Open Sans',sans-serif; padding: 3px 0; text-align: left; text-transform: uppercase; }
ul.menulist li a:hover{ background-color: #333; color: #b3b3ac; }
ul.menulist li.current{ background: transparent url(/images/menucurrent.png) no-repeat left 10px; }
ul.menulist ul.sub li {
	width: auto;padding-left: 0;
		border-bottom: 1px solid transparent
}ul.menulist ul.sub li:hover {
	border-bottom: 1px solid #666
}

ul.menulist ul.sub .current{
	background: none;

}
ul.menulist ul.sub .current a span{ text-decoration: underline}
ul.menulist ul.sub a{ background: transparent; color: #000; font-size: 9pt; font-weight: 800; }
ul.navtablist{ border-bottom: 4px solid #980e10; margin: 0 !important; padding: 3px 0 0; }
ul.subnavlist{ clear: both;  margin: 0 30px 0 10px; padding: 0;  }
ul.subnavlist a{ background: transparent; color: #fff; display: block; font: 400 1em 'Open Sans', sans-serif; padding: 3px 8px; text-decoration: none;}
ul.subnavlist a:hover, .awesome:hover { color: #000; }
ul.subnavlist li{ margin: 0; padding: 0;float: left; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); list-style:none }
ul.subnavlist li.current{  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); }
ul.subnavlist ul li{overflow: hidden; padding-left: 20px; }
ul.subnavlist ul li a{ color: #fff; font-weight: normal; padding: 8px 5px; }
ul.subnavlist ul li a.current{ color: #fff; font-weight: bold; }
ul.subnavlist ul li.current a{ color: #fff !important; font-weight: bold;text-shadow: 1px 1px #000 }
ul.subnavlist ul, .content ul ul li { list-style: none; }
.abstract{ font-weight: bold; margin-bottom: 1em; }
.alert{ background: transparent; border: none; color: #3d506d; font-weight: 900; text-decoration: blink; }
.article{ color: #fff; margin: 0; overflow: hidden; }
.awesome{ background: url(/share/images/alert-overlay.png) repeat-x; border-bottom: 1px solid rgba(0,0,0,0.25); border-bottom: 1px solid #222222; border-radius: 5px; color: #000000; cursor: pointer; display: inline-block; font-weight: normal; line-height: 1; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px #999999; padding: 5px 10px 6px; position: relative; text-decoration: none; text-shadow: 0 0 1px rgba(0,0,0,0.25); text-shadow: 0 0 1px #222222; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px #999999; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.banner,#banner{ background: transparent no-repeat bottom right; height: 4em; margin: 0; }
.banner_right{ background: url(/images/banner_brown_grad.png) no-repeat; border-left: 1px solid #ffffff; height: 300px; overflow: hidden; position: relative; }
.banner_right a{ background: transparent url(/images/submit.png) no-repeat right; clear: both; color: #000000 !important; font-style: normal; font-weight: 800; margin-top: 5px; padding-right: 24px; text-decoration: none; }
.banner_right a:hover{ background: transparent url(/images/submit_over.png) no-repeat right; }
.banner_right h2,
.banner_right h1,
.banner_right h3{ color: #000000; font-weight: bold; margin-bottom: 10px; }
.banner_right li{ margin: 15px 0; vertical-align: middle; }
.banner_right ul{ list-style-type: none; margin: -50%  0 0 20px; padding: 0; position: absolute; text-align: left; top: 50%; width: 250px; }
.br_round{ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.brown.awesome{ background: #a48f6b; }
.clearfix, .clearfix, .item .left img { display: block; }
/* CLEAR FIX*/
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.content{ color: #fff; font: 1em/147%   arial,sans-serif; text-align: left; }
.content a,a.content{ color: #fff; font-style: normal; font-weight: bold; }
.content a:hover,a.content:hover{ font-weight: bold; }
.content ol { list-style-position: outside; list-style-type: decimal; margin-left: 30px; }
.content p{ margin: 2px 0 6px 0; }
.content ul{ list-style: disc; margin-left: 10px; padding-left: 10px; }
.content ul ul{ margin-left: 0.3em; padding-left: 0; }
.contentcenter{ height: auto !important; overflow: hidden; padding: 5px 10px 5px 5px; }
.contentcenter a:hover,
.contentcenter a,
.contentcenter a:visited, .footer ul ul a:hover { color: #3d506d; }
.contentcenter ol{ counter-reset: item; }
.contentcenter ol ul{ margin-left: 3.1em; }
.contentcenter ol,
.contentcenter ol li{ list-style-position: outside; }
.contentcenter ol,
.contentcenter ul{ margin-left: 2.1em; }
.contentcenter ol,
.contentcenter ul,.kolomlinks img{ margin-left: 2em; }
.contentcenter ul{ list-style-position: outside; list-style-type: circle; }
.darker{ background: #c0c0c0; color: #ffffff; }
.error{ background: #c0c0c0; border: 2px solid #dcdcdc; border-radius: 4px; color: #6849b1; -moz-border-radius: 4px; overflow: hidden; padding: 5px; -webkit-border-radius: 4px; }
.folkert table { border-collapse: collapse; margin: 5px 0; table-layout: auto; }
.folkert table td { padding: 0 5px; table-layout: auto; }
.footer{ color: #000000; height: 30px; margin: 0 auto; padding: 0 15px; vertical-align: top; width: 960px; }
/*FOOTER*/
.footer a{ color: #fff; text-decoration: none; }
.footer ul{ color: #000000; font-family: arial,sans-serif; list-style-type: none; margin-top: 1px; }
.footer ul li{ float: left; margin-left: 20px; text-align: left; width: 300px; }
.footer ul ul{ display: block; margin-top: 8px; }
.footer ul ul a{ color: #ffffff; display: block; font-weight: normal; line-height: 140%; text-decoration: none; text-transform: capitalize; }
.footer ul ul li{ display: block; float: none; margin-left: 0; }
.footer ul ul li, .kolomlinks  li form label { text-align: left; width: auto; }
.formal{ color: #a9a9a9; font-style: italic; text-align: center; }
.fullpage{ background: rgba(0,0,0, 0.5); margin-left: 10px; margin-top: 0; margin-right: 20px;overflow: hidden; padding: 10px; position: relative; text-shadow: 0 0 2px #000; z-index: 0;clear: both;overflow: hidden }
.grijsvlak{ background: #dcdcdc; }
.ie6 ..pagewidth,
 .ie7 .pagewidth, html,body { height: 100%; }
.ie6 .footer #footer_contain .search{ height: 20px; }
.ie6 .footer #footer_contain li{ list-style: none; list-style-image: none; list-style-type: none; margin-left: 10px; width: 270px; }
.ie6 .footer #footer_contain li li{ margin-left: 0; width: auto; }
.ie6 .slider{ box-shadow: none; }
.ie6 .subnavlist{ height: 495px; margin-right: 20px; overflow: hidden; }
.ie6 div#header{ clear: both; overflow: hidden; }
.inlogblok { color: #000000; float: right; margin: 0 5px; overflow: hidden; padding: 0; width: 340px; }
.inlogblok .forgot { clear: left; }
.inlogblok a { color: #000000; font-weight: bold; }
.inlogblok div { margin: 3px 0; }
.item .left{ margin-right: 1em; }
.item .location{ display: block; margin-bottom: 10px; }
.item p{ padding-right: 12px; }
.item strong{ color: #fff; display: block; font: bold 1.1em  arial,sans-serif; margin-bottom: 5px; }
.kolom{ margin: 5px; width: 120px; }
.kolomlinks{ clear: both; float: left; height: 465px; width: 154px; }
.kolomlinks li form  label{ background: #ffffff; color: #ffffff; font-weight: bold; margin-top: 5px; padding: 2px 5px; width: 123px; }
.kolomlinks ul{ list-style: none outside none; margin: 0 2px; min-height: 200px; overflow: hidden; padding: 0; }
.lanselect{ display: inline; padding: 2px 5px; text-align: right; white-space: nowrap; }
.lanselect a{ margin: 0 1px; padding: 0; text-decoration: none; }
.lanselect a img{ border: 1px solid #ffffff; opacity: .45; }
.lanselect a.current img{ opacity: 1; }
.lanselect a:hover{ border: 1px solid #3d506d; }
.lanselect form,.lanselect fieldset, #topbar ul li { display: inline; }
.lanselect img{ padding: 0; vertical-align: middle; }
.left, .inlogblok #password, .inlogblok #submit { float: left; }
.magenta.awesome{ background: #a9014b; }
.medium.awesome{ font-size: 13px; }
.menulinks{ float: left; overflow: hidden; width: 222px; }
.navlist { background-color: transparent; border-bottom: 4px solid #215f8d; color: #215f8d; margin: 0; padding-left: 15px; padding-top: 3px; }
.navlist a.current, .navlist a.current:visited, .navlist a.current:hover { background-color: #215f8d; color: #FFFFFF; font-weight: bold; padding: 0; }
.navlist li { display: inline; list-style: none outside none; margin: 0 6px; }
.navlist li a, .navlist li a:visited { color: #215f8d; font: 1em arial,sans-serif; text-decoration: none !important; text-transform: capitalize; }
.navlist li a.current span, .navlist li a.current:visited span { background: url("/images/leftsidetab.png") no-repeat scroll left top transparent; padding: 0 0.6em; }
.navtablist li{ display: inline; list-style: none outside none; margin: 0 0 0 2px; }
.navtablist li a,.navtablist li a:visited{ background: none repeat scroll 0 0 #ffffff; border-color: #626262; border-style: solid; border-width: 1px 1px 0; color: #626262; font: 11px/136%  arial,sans-serif; padding: 4px 0.2em 1px 0.4em; text-decoration: none; text-transform: capitalize; }
.navtablist li a.current,.navtablist li a.current:visited,.navtablist li a.current:hover{ background: url("/share/images/blockactive.gif") repeat-x scroll center center #cf1519; border-color: #cf1519; border-style: outset; color: #ffffff; font-weight: bold; }
.news_items{ background: rgba(0, 0, 0, 0.5); margin: 25px 0; overflow: hidden; padding-right: 10px ;clear:both}
.news_items .item{ float: left; margin: 10px 0; overflow: hidden; width: 50%; }
.news_items .item img{ float: left; margin: 0 10px 10px 0; }
.news_items .item:first{ padding-right: 15px; }

.orange.awesome{ background: #ff5c00; }
.pager{ text-align: center; }
.picholder{ border: none; float: left; margin: 0 5px 0 0; padding: 3px; }
 .right, .folkert td img { float: right; }
.rightrounded{ border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }
.rounded{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.sc_menu a{ display: block; text-decoration: none; }
.sc_menu li{ display: block; float: left; padding: 0 4px; }
.sc_menu span{ color: #ffffff; /* We want a caption to display on the next line */ display: block; font-size: 12px; margin-top: 3px; text-align: center; }
.scrollable{ overflow: auto !important; }
.search input.submit{ background: url(/images/submit.png) no-repeat center; cursor: pointer; float: right; height: 16px; width: 12px; }
.search input.submit:focus,
.search input.submit:active,{ background: url(/images/submit_over.png); }
.shadow,
.glow{ box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.simply-scroll-clip{ height: 50px; }
.sitemap a, ul.menulist li a,#browser a, .news_items  a,
.referentie_items a { text-decoration: none; }
.sitemap li{ margin-bottom: 5px; }
.sitemap>li{ float: left; width: 25%; }
.slider{ height: 300px; margin-right: 10px; overflow: hidden; width: 400px; }
.slider .bx-pager{ bottom: 10px; left: 10px; position: absolute; text-align: center; z-index: 100; }
.slider .bx-pager a{ color: #ffffff; font-size: 9px; margin-right: 0; text-decoration: none; }
.slider .bx-pager a.pager-active,
.slider .bx-pager a:hover{ color: #666666; }
.small.awesome{ font-size: 11px; }
.subnavcontainer{ clear: both; height: 20px; overflow: hidden; /*background: url(/images/opa75.png);*/ }
.tablelabel{ background: transparent; color: #3d506d; font: 800 14px   arial,sans-serif; vertical-align: top; }
.ui-autocomplete-category{ font-weight: bold; line-height: 1.5; margin: .8em 0 .2em; padding: .2em .4em; }
.wrapper{ background: transparent; display: block; text-align: center; text-align: center; }
.yellow.awesome{ background: #ffb515; }
#browser{ background: transparent; border: none; clear: both; color: #3d506d; font: normal normal 12px  arial,sans-serif; margin: 0; }
#browser a.minibutton{ background: transparent; color: #3d506d !important; font: bold 14px  arial,sans-serif; padding: 4px; text-align: center; text-decoration: underline; }
#browser img{ border: none; padding: 1px; vertical-align: text-bottom; }
#browser li{ display: inline; padding: 0 4px; }
#browser td,#browser li{ text-align: center; vertical-align: middle; }
#distance{ clear: left; text-align: center; }
#footer{ clear: both; height: 30px; margin-top: -30px; /* negative value of footer height */  display:none }
#footer_contain{ letter-spacing: 1px; padding-top: 2px; }
#header{padding: 15px 50px;width: auto;height: auto; margin-bottom: 5px; overflow: hidden;  }
#main{ overflow: visible; /* must be same height as the footer */ padding-bottom: 30px; }
#navcontainer{ margin-top: 5px; position: relative; }
#scroller .section{ float: left; height: 45px; padding: 0 10px; }
#ticker{ position: relative; width: 99999px; }
#topbar{ background: transparent url(/images/grey_grad.png) repeat-x 0 3px; overflow: hidden; padding-top: 3px; }
#topbar .mainbar a{ color: #5e5f63; font: 1em/32px  arial,sans-serif; text-decoration: none; }
#topbar .navtabs{ height: 32px; overflow: hidden; position: relative; z-index: 1; }
#topbar .navtabs a{ color: #5e5f63; display: block; font: 18px  arial,sans-serif; padding: 8px 0 6px 0; text-align: center; text-decoration: none; }
#topbar .navtabs li{ float: left; /* background: transparent url(/images/brown_tab.png);*/ width: 205px; }
#topbar .navtabs li.current{ background: url(/images/white_tab.png) #ffffff top no-repeat; }
#topbar .navtabs li.current a{ color: #5e5f63; }
#topbar ul{ list-style: none inside none; margin: 0; padding: 0; white-space: nowrap; }
#vardumptbl{ z-index: 300; }
#wrap{ min-height: 100%; }
.addthis_toolbox {
	clear: both;margin: 10px 0  0 20px
}
 
       #textcontainer,  .textcontainer {	
        	z-index: 100; 
        	padding-bottom: 10px; 
        	background-color: rgb(0,0,0); 
        	padding-left: 10px; 
        	min-width: 190px; 
 
        	padding-right: 10px; 
        	font-family: arial, sans-serif; 
        	float: left; 
        	color: #fff;
        	margin-left: 5px;
        	margin-bottom: 5px;
        	font-size: 13.333px; 
        	padding-top: 10px; 
        	opacity: 0.9; 
        }
 #textcontainer.links,
 #textcontainer.rechts {width:350px}
  .yachts {
  	overflow: hidden
  }
 .yachts .item {
 	float: left; margin: 0 20px 10px 0;
 		position: relative;
 		overflow: hidden;
 		height: 335px;
 }
 .yachts a {
 	text-decoration: none;
 }
 
 .yachts h2 {
 	font-family: 'Open Sans', sans-serif;
 	font-weight: 600
 }
 .yachts .item .price {
 	font-weight: bold;
 }
 
 table.newspecs {
 	border-collapse: separate;
 	width: 750px
 }
 
 .fullpage ul, .fullpage ol {list-style: disc outside;margin-left: 20px;}
 
.new:before{
width:101px;
background-color:#ffffff;
color:#ff0000;
font:bolder 1em sans-serif;
content:"NEW";
text-align:center;
text-transform:uppercase;
left:-30px;
position:absolute;
top:11px;
z-index:11;
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform: matrix(0.675,-0.738,0.738,0.675,0,0);

} 
 .sold:before{
width:101px;
background-color:#cc0000;
color:#ffffff;
font:bolder 1em sans-serif;
content:"SOLD";
text-align:center;
text-transform:uppercase;
left:-30px;
position:absolute;
top:11px;
z-index:13;
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform: matrix(0.675,-0.738,0.738,0.675,0,0);

}
 
.pending:before{
padding:1px 6px;
width:75px;
background-color:#20b2aa;
color:#ffffff;
font:bolder 0.8em sans-serif;
content:"SALE PENDING";
text-align:center;
text-transform:uppercase;
position:absolute;
right:-23px;
top:4px;
z-index:12;
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform: matrix(0.712,0.702,-0.702,0.712,0,0);
transform: matrix(0.712,0.702,-0.702,0.712,0,0);
} .bx-wrapper {
	margin: 0 !important;
	padding: 0 6px !important
}
.gallery {
	max-width: 800px;
 width: 800px;
 float: left; margin-right: 10px
}
.bx-wrapper .bx-viewport {
  background: transparent !important;
  border: none !important;
  box-shadow: 0 0 0;
  left:0
}
.gallery .thumbs {
	background-color: transparent;
	height: 60px;
	overflow: hidden;
	padding: 2px;
	position: relative;
}
.gallery #bx-pager {
	display: flex;
	position: absolute;
	white-space: nowrap;
 margin:0
}
.gallery #bx-pager li {
	display: block;
	float: left;
}
.gallery #bx-pager li img {
	background-color: #000000;
	border: 2px solid #333333;
	display: inline;
	opacity: 0.9;
}
.gallery #bx-pager a.active img {
	border: 2px solid #ffffff;
	opacity: 1;
}
.bx-wrapper li {text-align: center}
.bx-wrapper img {
  display: block;
  width: auto !important;
  max-width: none;
  max-height: 480px;
  display: inline !important;
  }