body {
color:#000;
margin: auto auto 20px;
font-size:0.8em;
font-family:Lucida Grande,Lucida Sans,Verdana,Arial,sans-serif;
}

html,body {
height:100%
}

.bodyWrapper {
margin-top:10px
}

.header {
clear:both;
float:none
}

#first_time {
	background: rgb(191,210,85);

background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(114,170,0,1) 92%, rgba(114,170,0,1) 96%, rgba(114,170,0,1) 96%, rgba(158,203,45,1) 100%);

background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(114,170,0,1) 92%,rgba(114,170,0,1) 96%,rgba(114,170,0,1) 96%,rgba(158,203,45,1) 100%);

background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(114,170,0,1) 92%,rgba(114,170,0,1) 96%,rgba(114,170,0,1) 96%,rgba(158,203,45,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );


	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	line-height: 1.4em;
}

#first_time a {
	color:darkred;
}


#first_time_button {
    float:right;
    border-radius: 40px;
	display:inline-block;
    padding:2px 5px;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

#first_time_button:hover {

    background-color: red; /* Green */
    color: white;
   
}

.storeLogo {
float:left;
width:300px;
margin:20px
}

.categorie_beschreibung {
border:1px solid #CCCBCB;
box-shadow:0 0 5px #CCCBCB;
margin:0 0 9px;
text-align:left;
padding:12px 5px 6px 10px;
margin-top:10px
}

#headerShortcuts {
float:right;
margin-top:15px
}

#columnLeft {
padding-top:5px
}

#columnRight {
padding-top:5px
}

.infoBoxHeading {
padding:2px;
font-size:11px
}

.infoBoxContents {
padding:5px;
font-size:11px;
line-height:1.5
}

.contentContainer {
padding-bottom:10px
}

.brief {
	padding:20px;
	font-size:1.1em;
	line-height:1.3;
	color: #036;
	background-color: #FFF1DE;
	width: 75%;
}

.contentText,.contentText table {
padding:5px 0;
}

.productListTable {
padding:5px;

}

.productListTable tr.alt td {
background-color:#ecf6fc
}

.fieldKey {
font-size:11px;
font-weight:700;
line-height:1.5;
width:150px
}

.fieldValue {
font-size:11px;
line-height:1.5
}

h1 {
font-size:1.1em;
line-height:1.2
}

h2 {
font-size:1.03em;
margin-bottom:0;
padding-bottom:2px;
line-height:1.1
}

h3 {
font-size:.8em;
line-height:1.1;
}

h4 {
font-size:.8em;
line-height:1
}

img {
border:0
}

table,p {
	line-height:1.5;
	font-size: 1.1em;
}

#piGal ul {
list-style-type:none
}

#piGal img {
-webkit-box-shadow:0 0 1px #000;
-moz-box-shadow:0 0 1px #000
}

#piGal .outer {
margin-left:-30px
}

.buttonSet {
clear:both
}

.buttonAction {
float:right
}

.boxText {
font-size:10px
}

.errorBox {
font-size:10px;
background:#ffb3b5;
font-weight:700
}

.stockWarning {
font-size:0.9em;
color:#c03
}

.productsNotifications {
background:#f2fff7
}

.orderEdit {
font-size:10px;
color:#70d250;
text-decoration:underline
}

A {
color:#000;
text-decoration:none
}

A:hover {
text-decoration:underline
}

FORM {
display:inline
}

TR.header {
background:#fff
}

TR.headerNavigation {
background:#bbc3d3
}

TD.headerNavigation {
font-size:10px;
background:#bbc3d3;
color:#fff;
font-weight:700
}

A.headerNavigation {
color:#000
}

A.headerNavigation:hover {
color:#d52b1e
}

TR.headerError {
background:red
}

TD.headerError {
font-size:1.05em;
background:red;
color:#fff;
font-weight:700;
text-align:center
}

TR.headerInfo {
background:#0f0
}

TD.headerInfo {
font-size:1.05em;
background:#0f0;
color:#fff;
font-weight:700;
text-align:center
}

TR.footer {
background:#bbc3d3
}

TD.footer {
font-size:10px;
background:#bbc3d3;
color:#fff;
font-weight:700
}

.infoBox {
background:#b6b7cb
}

.infoBoxNotice {
background:#FF8E90
}

.infoBoxNoticeContents {
background:#FFE6E6;
font-size:10px
}

TD.infoBoxHeading {
font-size:10px;
font-weight:700;
background:#bbc3d3;
color:#fff
}

TD.infoBox,SPAN.infoBox {
font-size:10px
}

TR.accountHistory-odd,TR.addressBook-odd,TR.alsoPurchased-odd,TR.payment-odd,TR.productListing-odd,TR.productReviews-odd,TR.upcomingProducts-odd,TR.shippingOptions-odd {
background:#f8f8f9
}

TR.accountHistory-even,TR.addressBook-even,TR.alsoPurchased-even,TR.payment-even,TR.productListing-even,TR.productReviews-even,TR.upcomingProducts-even,TR.shippingOptions-even {
background:#f8f8f9
}

TABLE.productListing {
border:1px;
border-style:solid;
border-color:#b6b7cb;
border-spacing:1px
}

.productListingHeader {
table-layout:fixed;
color:#666;
font-weight:700
}

.productListingHeader A:hover {
color:#d52b1e
}

.productListingData {
table-layout:fixed
}

A.pageResults {
color:#00F
}

A.pageResults:hover {
color:#00F;
background:#FF3
}

TD.pageHeading,DIV.pageHeading {
font-size:20px;
font-weight:700;
color:#9a9a9a
}

TR.subBar {
background:#f4f7fd
}

TD.subBar {
color:#000
}

TD.main,P.main {
line-height:1.5
}

TD.smallText,SPAN.smallText,P.smallText {
font-size:0.9em;
}

TD.accountCategory {
font-size:1.1em;
color:#abd
}

TD.tableHeading {
font-size:1.05em;
font-weight:700
}

SPAN.newItemInCart {
font-size:1em;
color:red
}

CHECKBOX,INPUT,RADIO,SELECT {
font-size:1em;
}

TEXTAREA {
width:100%;
font-size:1em;
}

SPAN.greetUser {
font-size:1.05em;
color:#f0a480;
font-weight:700
}

TABLE.formArea {
background:#f1f9fe;
border-color:#7b9ebd;
border-style:solid;
border-width:1px
}

TD.formAreaTitle {
font-size:1.05em;
font-weight:700
}

SPAN.markProductOutOfStock {
font-size:1.05em;
color:#c76170;
font-weight:700
}

SPAN.productSpecialPrice {
color:red
}

SPAN.errorText {
color:red
}

.moduleRowOver {
	background-color:#FFCC00;
	cursor:pointer
}

.moduleRowSelected {
	background-color:#800040;
	color: #FFFFFF;
}

.checkoutBarFrom,.checkoutBarTo {
font-size:10px;
color:#8c8c8c
}

.checkoutBarCurrent {
font-size:10px;
color:#000
}

.messageBox {
font-size:1em
}

.messageStackError,.messageStackWarning {
font-size:1em;
background-color:#ffb3b5
}

.messageStackSuccess {
font-size:1em;
background-color:#9f0
}

.inputRequirement {
font-size:1em;
color:red
}

.accountLinkList {
list-style-type:none;
}

.accountLinkListEntry {
	float:none;
	margin-right:5px
}

.price-info {
font-style:italic;
font-size:xx-small;
color:#666
}

.termsContainer {
height:130px;
border:2px solid #DAD7CB;
padding:1%;
margin:5px;
color:#666;
overflow:scroll
}

.options {
	min-height:100px;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
	float:left;
	width:33%;
	min-width:300px
}

.attributes {
	font-weight: normal;
	padding:3px;
	background-color:#EDE9DC;
	font-size:0.9em;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	display: inline-block;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.categories_image {
background-image:url(images/flossbau.jpg)
}

#map_large {
height:1000px
}

.cycle-slideshow,.cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

@media screen and  (min-width: 500px) {
	
	
	.cycle-slideshow {
	width:100%;
	max-width:950px;
	padding:0;
	z-index:1;
	background-image:url(ext/jquery/bxGallery/spinner.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:200px
	}
}

	
	.cycle-slideshow {
	width:100%;
	max-width:950px;
	padding:0;
	z-index:1;
	background-image:url(ext/jquery/bxGallery/spinner.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:auto
	}


.cycle-slideshow img {
position:absolute;
top:0;
left:0;
width:100%;
max-height:200px;
padding:0;
display:block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px
}

.cycle-slideshow img:first-child {
position:static;
z-index:1
}

.cycle-pager span.cycle-pager-active {
color:#D69746
}

.cycle-caption {
position:absolute;
color:#fff;
bottom:15px;
right:15px;
z-index:700
}

.cycle-overlay {
	
	bottom:0;
	right:0;
	z-index:600;
	opacity:.9;
	display:block;
	font-weight:700;
	background-color:#FFF;
	padding:5px
}

.cycle-overlay A {
padding:5px
}

.custom {
	position:absolute;
	bottom:0;
	z-index:600;
	padding:5px;
	opacity:.6;
	display:block;
	background-color:#FFFFFF;
	text-align: right;
	font-size: 0.9em;
}

.custom A:hover {
text-decoration:none;
color:#5A0A0B
}

.cycle-prev,.cycle-next {
position:absolute;
top:0;
width:10%;
opacity:0;
filter:alpha(opacity=0);
z-index:800;
height:75%;
cursor:pointer
}

.cycle-prev {
left:0;
background:url(../images/left.png) 50% 50% no-repeat
}

.cycle-next {
right:0;
background:url(../images/right.png) 50% 50% no-repeat
}

.cycle-prev:hover,.cycle-next:hover {
opacity:.7;
filter:alpha(opacity=70)
}

.disabled {
opacity:.5;
filter:alpha(opacity=50)
}

.cycle-paused:after {
content:'pausiert';
color:#fff;
background:#000;
padding:10px;
z-index:500;
position:absolute;
top:10px;
right:10px;
border-radius:10px;
opacity:.5;
filter:alpha(opacity=50);
font-size-adjust:-.3em
}

.cycle-pager {
text-align:right;
width:auto;
z-index:601;
position:absolute;
background-color:#FC0;
right:0;
height:auto;
top:180px;
padding:10px;
font-size:.8em;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-shadow:2px 2px 2px 1px rgba(0,0,0,0.2)
}

.cycle-pager a {
display:block;
font-size:1em;
color:#000;
cursor:pointer;
text-decoration:none;
white-space:nowrap
}

.cycle-pager a:hover {
display:block;
color:#fff;
cursor:pointer;
text-decoration:none;
white-space:nowrap
}

a.cycle-pager-active {
color:red
}

.cycle-pager > * {
cursor:default;
font-size:.8em;
color:#090
}

.divTeaser4 {
float:left;
width: 210px;
margin:17px 0 0 2.5%;
}

.divTeaser4:after {
content:'';
display:block;
clear:both
}

.div_text_map {
	
	visibility:hidden;
	    display: none;

}

#map {
	visibility:hidden;
}

.TitleText {
font-weight:lighter;
min-width:250px;
margin:20px;
line-height:1.3em;
color:#585870;
float:left;
min-height:450px;
float:left;
}

.TitleText a {
color:#009AB2;
text-decoration:none
}

.TitleText a:hover {
color:#006885
}


@media screen and  (min-width: 700px) {

.div_text_map {
	float:right;
	width: 210px;
	height:850px;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 0;
	visibility:visible;
    display:inline


}


.TitleText {
font-weight:lighter;
width:43%;
min-width:250px;
margin:20px;
line-height:1.3em;
color:#585870;
float:left;
min-height:450px;
float:left;
}

#map {
height: 380px;
	visibility:visible;

}

}




.moduleInfoBox {
position:relative;
z-index:1;
background-color:#FFF;
border:1px solid #CCCBCB;
box-shadow:0 0 5px #CCCBCB
}

.moduleInfoBox .boxContent {
margin:0;
padding:6px 4.5% 100px;

}

.moduleInfoBox .boxContent p.boxHead {
line-height:1.1em;
font-weight:700;
font-size:.9rem;
margin-bottom:5px
}

.moduleInfoBox .boxContent p.boxText {
line-height:1.3em;
font-size:.65rem;
margin-bottom:4px
}

.moduleInfoBoxThemes .boxBottom {
bottom:0
}

.moduleInfoBox .boxBottom {
width:91%;
position:absolute;
bottom:10px
}

.moduleInfoBox .boxBottom p {
margin:0 0 9px;
text-align:left;
padding:5px 5px 5px 5px;
background-color:#F2F2F2;
font-weight:700
}

.moduleInfoBox .boxPrice1 {
font-size:.75rem;
font-weight:400
}

.moduleInfoBox .boxPrice2 {
font-size:1.75rem;
font-weight:400
}

 .boxPrice3 {
font-size:.6rem;
	font-weight:400;
	text-align: right;
}

.globalButtonRed {
background-color:#090;
border:1px solid rgba(255,255,255,0.2);
-webkit-box-shadow:3px 2px 7px 0 rgba(50,50,50,0.55);
-moz-box-shadow:3px 2px 7px 0 rgba(50,50,50,0.55);
box-shadow:3px 2px 7px 0 rgba(50,50,50,0.55)
}

.globalButtonGrey {
background-color:#666;
border:1px solid rgba(255,255,255,0.2);
-webkit-box-shadow:3px 2px 7px 0 rgba(50,50,50,0.55);
-moz-box-shadow:3px 2px 7px 0 rgba(50,50,50,0.55);
box-shadow:3px 2px 7px 0 rgba(50,50,50,0.55)
}

.globalButtonRed,.globalButtonGrey {
font-size:14px;
border-radius:5px;
padding:4px 7px;
display:inline-block;
color:#FFF;
font-weight:700;
text-align:center
}

moduleInfoBoxThemes .boxHead {
font-size:1.125rem;
margin:3px 0 5px
}

p.boxHead {
font-weight:700
}

a.moduleInfoBoxThemes .boxText {
font-size:.9375rem;
font-weight:700
}

a.moduleInfoBox .boxText {
margin-bottom:5px;
line-height:1.3em
}

.stopper {
float:right;
width:90px;
top:0;
clear:right;
background-color:#fc0;
color:#000;
text-align:center;
box-shadow:0 2px 4px rgba(0,0,0,0.5);
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
z-index:99;
margin-right:15px;
padding-bottom:5px;
padding-top:0;
font-weight:lighter;
font-size:.8em
}

.stopper a {
z-index:-1
}

.stopper:hover {
background-color:#C00;
z-index:1;
color:#FFF
}

.buttonlink {
position:fixed;
top:30px;
right:5px;
margin-right:10px;
z-index:1000
}

.buttonlink:hover {
border-radius:5px;
background-color:#FFD5C9
}

.buttonlink2 {
position:fixed;
top:110px;
right:5px;
margin-right:10px;
z-index:1000
}

.buttonlink2:hover {
border-radius:5px;
background-color:#FFD5C9
}

.beschreibungstext {
min-height:310px;
padding:10px;
font-size:1.1em
}


.shoppingcart tr {
background-color:#ecf6fc
}

.leaflet-control-zoom-fullscreen {
background-image:url(includes/maps/icon-fullscreen.png)
}

#map:-webkit-full-screen {
width:100%!important;
height:100%!important;
z-index:99999
}

#map:-moz-full-screen {
width:100%!important;
height:100%!important;
z-index:99999
}

#map:full-screen {
width:100%!important;
height:100%!important;
z-index:99999
}

.leaflet-pseudo-fullscreen {
position:fixed!important;
width:100%!important;
height:100%!important;
top:0!important;
left:0!important;
z-index:99999
}

.headline-produkt {
font-size:1.5em;
padding:5px;
margin:10px;
white-space:nowrap;
position:relative;
display:inline;
text-decoration:none
}

.sub-headline-produkt {
font-size:1.2em;
padding:5px;
margin-top:10px
}

.headline-produkt:hover,.headline-produkt a.hover {
background-color:#CCC;
text-decoration:none
}

.arrows {
display:inline-block;
padding-right:1em;
top:50%;
height:0;
width:0;
border:5px solid transparent;
border-top-color:#7c7c7c;
border-top-color:red
}

.tabs li.ui-tabs-selected {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #000
}

#tabs {
border:0px}

.urbanliste {

}

ul.urbanliste  {
min-width:22%;
float:left;
min-height:300px;
list-style-type:none;
list-style: none outside none;
padding:10px;
margin:3px}

.urbanliste a {
 display: inline-block;
      background: #333;
      color: white;
      padding: 5px 15px;
      border: 1px solid white;
      text-decoration: none;
}

.urbanliste li {

-webkit-transition:background .2s;
transition:background .2s;
margin:9px
}

.urbanliste ul li {
background:#dad7cb;
margin-left:5px;
margin-bottom:0;
margin-top:0
}

.urbanliste ul ul li {
background:#ccc
}

.urbanliste li:hover,.urbanliste li.sfHover {
-webkit-transition:none;
transition:none;
background-color:#CCC
}

.urbanliste ul li:hover,.urbanliste ul li.sfHover {
-webkit-transition:none;
transition:none;
border-left-color:red;
border-left-width:5px;
border-left-style:solid;
margin-left:0
}

#parallaxContainer {
left:0;
position:fixed;
top:0;
width:100%;
z-index:-1
}

#parallaxContainer img {
width:100%;
height:auto
}

 

input::-webkit-search-decoration,input::-webkit-search-cancel-button {
display:none
}

input[type="search"] {
    background: #EDEDED url("https://www.querfeldeins.org/images/search-icon.png") no-repeat scroll 9px center;
    border: 1px solid #FFF;
    padding: 9px 10px 9px 32px;
    border-radius: 0.5em;
    transition: all 0.5s ease 0s;
    width: 200px;
}

input[type=search]:focus {
background-color:#FFCD05;
color:black;
box-shadow:0 0 5px rgba(109,207,246,.5);
transition: all 0.5s ease 0s;
min-width: 70%;

}




input[id=suche]:focus {
background-color:#FFCD05;
color:black;
box-shadow:0 0 5px rgba(109,207,246,.5);
    transition: all 0.5s ease 0s;

}

input:-moz-placeholder {
color:#999
}

input::-webkit-input-placeholder {
color:#999
}

#demo-b input[type=search] {
width:15px;
padding-left:10px;
color:transparent;
cursor:pointer
}

#demo-b input[type=search]:hover {
background-color:#fff
}

#demo-b input[type=search]:focus {
width:130px;
padding-left:32px;
color:#000;
background-color:#fff;
cursor:auto
}

#demo-b input:-moz-placeholder {
color:transparent
}

#demo-b input:-webkit-input-placeholder {
color:transparent
}

.leaflet-map-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-pane,.leaflet-tile-container,.leaflet-overlay-pane,.leaflet-shadow-pane,.leaflet-marker-pane,.leaflet-popup-pane,.leaflet-overlay-pane svg,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer {
position:absolute;
left:0;
top:0
}

.leaflet-container {
overflow:hidden;
-ms-touch-action:none;
border-top-right-radius:5px;
border-top-left-radius:5px
}

.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow {
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-user-drag:none
}

.leaflet-marker-icon,.leaflet-marker-shadow {
display:block
}

.leaflet-container img {
max-width:none!important
}

.leaflet-container img.leaflet-image-layer {
max-width:15000px!important
}

.leaflet-tile {
filter:inherit;
visibility:hidden
}

.leaflet-tile-loaded {
visibility:inherit
}

.leaflet-zoom-box {
width:0;
height:0
}

.leaflet-overlay-pane svg {
-moz-user-select:none
}

.leaflet-tile-pane {
z-index:2
}

.leaflet-objects-pane {
z-index:3
}

.leaflet-overlay-pane {
z-index:4
}

.leaflet-shadow-pane {
z-index:5
}

.leaflet-marker-pane {
z-index:6
}

.leaflet-popup-pane {
z-index:7
}

.leaflet-vml-shape {
width:1px;
height:1px
}

.lvml {
behavior:url(#default#VML);
display:inline-block;
position:absolute
}

.leaflet-control {
position:relative;
z-index:7;
pointer-events:auto
}

.leaflet-top,.leaflet-bottom {
position:absolute;
z-index:50;
pointer-events:none
}

.leaflet-top {
top:0
}

.leaflet-right {
right:0
}

.leaflet-bottom {
bottom:0
}

.leaflet-left {
left:0
}

.leaflet-control {
float:left;
clear:both
}

.leaflet-right .leaflet-control {
float:right
}

.leaflet-top .leaflet-control {
margin-top:10px
}

.leaflet-bottom .leaflet-control {
margin-bottom:10px
}

.leaflet-left .leaflet-control {
margin-left:10px
}

.leaflet-right .leaflet-control {
margin-right:10px
}

.icon-locate {
background-image: url("https://www.querfeldeins.org/images/locate.png");
background-size: 26px 26px;
}

.leaflet-fade-anim .leaflet-tile,.leaflet-fade-anim .leaflet-popup {
opacity:0;
-webkit-transition:opacity .2s linear;
-moz-transition:opacity .2s linear;
-o-transition:opacity .2s linear;
transition:opacity .2s linear
}

.leaflet-fade-anim .leaflet-tile-loaded,.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity:1
}

.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,0.25,1);
-moz-transition:-moz-transform .25s cubic-bezier(0,0,0.25,1);
-o-transition:-o-transform .25s cubic-bezier(0,0,0.25,1);
transition:transform .25s cubic-bezier(0,0,0.25,1)
}

.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile,.leaflet-touching .leaflet-zoom-animated {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
visibility:hidden
}

.leaflet-clickable {
cursor:pointer
}

.leaflet-container {
cursor:-webkit-grab;
cursor:-moz-grab
}

.leaflet-popup-pane,.leaflet-control {
cursor:auto
}

.leaflet-dragging .leaflet-container,.leaflet-dragging .leaflet-clickable {
cursor:move;
cursor:-webkit-grabbing;
cursor:-moz-grabbing
}

.leaflet-container {
background:#ddd;
outline:0
}

.leaflet-container a {
color:#0078A8
}

.leaflet-container a.leaflet-active {
outline:2px solid orange
}

.leaflet-zoom-box {
border:2px dotted #38f;
background:rgba(255,255,255,0.5)
}

.leaflet-container {
font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif
}

.leaflet-bar {
box-shadow:0 1px 5px rgba(0,0,0,0.65);
border-radius:4px
}

.leaflet-bar a,.leaflet-bar a:hover {
background-color:#fff;
border-bottom:1px solid #ccc;
width:26px;
height:26px;
line-height:26px;
display:block;
text-align:center;
text-decoration:none;
color:#000
}

.leaflet-bar a,.leaflet-control-layers-toggle {
background-position:50% 50%;
background-repeat:no-repeat;
display:block
}

.leaflet-bar a:hover {
background-color:#f4f4f4
}

.leaflet-bar a:first-child {
border-top-left-radius:4px;
border-top-right-radius:4px
}

.leaflet-bar a:last-child {
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom:none
}

.leaflet-bar a.leaflet-disabled {
cursor:default;
background-color:#f4f4f4;
color:#bbb
}

.leaflet-touch .leaflet-bar a {
width:30px;
height:30px;
line-height:30px
}

.leaflet-control-zoom-in,.leaflet-control-zoom-out {
font:bold 18px 'Lucida Console',Monaco,monospace;
text-indent:1px
}

.leaflet-control-zoom-out {
font-size:20px
}

.leaflet-touch .leaflet-control-zoom-in {
font-size:22px
}

.leaflet-touch .leaflet-control-zoom-out {
font-size:24px
}

.leaflet-control-layers {
box-shadow:0 1px 5px rgba(0,0,0,0.4);
background:#fff;
border-radius:5px
}

.leaflet-control-layers-toggle {
background-image:url(images/layers.png);
width:36px;
height:36px
}

.leaflet-retina .leaflet-control-layers-toggle {
background-image:url(images/layers-2x.png);
background-size:26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
width:44px;
height:44px
}

.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display:none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
display:block;
position:relative
}

.leaflet-control-layers-expanded {
padding:6px 10px 6px 6px;
color:#333;
background:#fff
}

.leaflet-control-layers-selector {
margin-top:2px;
position:relative;
top:1px
}

.leaflet-control-layers label {
display:block
}

.leaflet-control-layers-separator {
height:0;
border-top:1px solid #ddd;
margin:5px -10px 5px -6px
}

.leaflet-container .leaflet-control-attribution {
background:#fff;
background:rgba(255,255,255,0.7);
margin:0
}

.leaflet-control-attribution,.leaflet-control-scale-line {
padding:0 5px;
color:#333
}

.leaflet-control-attribution a {
text-decoration:none
}

.leaflet-control-attribution a:hover {
text-decoration:underline
}

.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale {
font-size:0.7em;
}

.leaflet-left .leaflet-control-scale {
margin-left:5px
}

.leaflet-bottom .leaflet-control-scale {
margin-bottom:5px
}

.leaflet-control-scale-line {
border:2px solid #777;
border-top:none;
line-height:1.1;
padding:2px 5px 1px;
font-size:11px;
white-space:nowrap;
overflow:hidden;
-moz-box-sizing:content-box;
box-sizing:content-box;
background:#fff;
background:rgba(255,255,255,0.5)
}

.leaflet-control-scale-line:not(:first-child) {
border-top:2px solid #777;
border-bottom:none;
margin-top:-2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom:2px solid #777
}

.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar {
box-shadow:none
}

.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar {
border:2px solid rgba(0,0,0,0.2);
background-clip:padding-box
}

.leaflet-popup {
position:absolute;
text-align:center
}

.leaflet-popup-content-wrapper {
min-width:250px;
padding:1px;
text-align:left;
border-radius:12px
}

.leaflet-popup-content {
margin:13px 19px;
line-height:1.4
}

.leaflet-popup-content p {
margin:18px 0
}

.leaflet-popup-tip-container {
margin:0 auto;
width:40px;
height:20px;
position:relative;
overflow:hidden
}

.leaflet-popup-tip {
width:17px;
height:17px;
padding:1px;
margin:-10px auto 0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}

.leaflet-popup-content-wrapper,.leaflet-popup-tip {
background:#fff;
box-shadow:0 3px 14px rgba(0,0,0,0.4)
}

.leaflet-container a.leaflet-popup-close-button {
position:absolute;
top:0;
right:0;
padding:4px 4px 0 0;
text-align:center;
width:18px;
height:14px;
font:16px/14px Tahoma,Verdana,sans-serif;
color:#c3c3c3;
text-decoration:none;
font-weight:700;
background:transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
color:#999
}

.leaflet-popup-scrolled {
overflow:auto;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
zoom:1
}

.leaflet-oldie .leaflet-popup-tip {
width:24px;
margin:0 auto;
}

.leaflet-oldie .leaflet-popup-tip-container {
margin-top:-1px
}

.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip {
border:1px solid #999
}

.leaflet-div-icon {
background:#fff;
border:1px solid #666
}

.overlay {
position:absolute;
top:18px;
right:18px;
width:150px;
padding:6px 8px;
font:14px/16px Arial,Helvetica,sans-serif;
color:#223;
background-color:rgba(255,255,255,0.8);
box-shadow:0 0 15px rgba(0,0,0,0.2);
border-radius:5px
}

.title {
text-align:center
}

.leaflet-popup-content-wrapper {
padding:5px;
text-align:left;
border-radius:12px;
font-size:small;
color:#903;
background-color:#FFF
}

.label_overlay {
position:absolute;
top:-10px;
left:16px;
padding:6px 8px;
font:11px/12px Arial,Helvetica,sans-serif;
color:#223;
background-color:rgba(255,255,255,0.7);
box-shadow:0 0 15px rgba(0,0,0,0.2);
border-radius:5px;
min-width:55px
}

.leaflet-control-zoom-fullscreen {
background-image:url(includes/maps/icon-fullscreen.png)
}

.leaflet-retina .leaflet-control-zoom-fullscreen {
background-image:url(includes/maps/icon-fullscreen.png);
background-size:26px 26px
}

.leaflet-container:-webkit-full-screen {
width:100%!important;
height:100%!important;
z-index:99999
}

.leaflet-pseudo-fullscreen {
position:fixed!important;
width:100%!important;
height:100%!important;
top:0!important;
left:0!important;
z-index:99999
}

.marker-cluster-small {
background-color:rgba(217,0,10,0.6)
}

.marker-cluster-small div {
background-color:rgba(252,191,10,0.6)
}

.marker-cluster-medium {
background-color:rgba(217,0,10,0.6)
}

.marker-cluster-medium div {
background-color:rgba(240,194,12,0.6)
}

.marker-cluster-large {
background-color:rgba(217,0,10,0.9)
}

.marker-cluster-large div {
background-color:rgba(252,191,10,0.6)
}

.leaflet-oldie .marker-cluster-small {
background-color:#b5e28c
}

.leaflet-oldie .marker-cluster-small div {
background-color:#6ecc39
}

.leaflet-oldie .marker-cluster-medium {
background-color:#f1d357
}

.leaflet-oldie .marker-cluster-medium div {
background-color:#f0c20c
}

.leaflet-oldie .marker-cluster-large {
background-color:#fd9c73
}

.leaflet-oldie .marker-cluster-large div {
background-color:#f18017
}

.marker-cluster {
background-clip:padding-box;
border-radius:20px
}

.marker-cluster div {
width:30px;
height:30px;
margin-left:5px;
margin-top:5px;
text-align:center;
border-radius:15px;
font:12px "Helvetica Neue",Arial,Helvetica,sans-serif
}

.marker-cluster span {
line-height:30px
}

.animate-spin:before {
-moz-animation:spin 2s infinite linear;
-o-animation:spin 2s infinite linear;
-webkit-animation:spin 2s infinite linear;
animation:spin 2s infinite linear;
display:inline-block
}

@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}

@-webkit-keyframes spin {
0% {
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}

@-o-keyframes spin {
0% {
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}

@-ms-keyframes spin {
0% {
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}

@keyframes spin {
0% {
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}

.leaflet-touch .leaflet-bar-part-single {
-webkit-border-radius:7px 7px 7px 7px;
border-radius:7px 7px 7px 7px;
border-bottom:none
}

.leaflet-control-locate a {
font-size:1.4em;
margin-left:1px;
color:#444
}

.leaflet-control-locate.active a {
color:#265B86
}

.leaflet-control-locate.active.following a {
color:#FC8428
}

.leaflet-touch .leaflet-control-locate {
box-shadow:none;
border:2px solid rgba(0,0,0,0.2);
background-clip:padding-box
}

.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;
-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;
-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;
transition:transform .3s ease-out,opacity .3s ease-in
}

.fc {
direction:ltr;
text-align:left
}

.fc table {
border-collapse:collapse;
border-spacing:0
}

html .fc,.fc table {
font-size:1em
}

.fc td,.fc th {
padding:0;
vertical-align:top
}

.fc-header td {
white-space:nowrap
}

.fc-header-left {
width:25%;
text-align:left
}

.fc-header-center {
text-align:center
}

.fc-header-right {
width:25%;
text-align:right
}

.fc-header-title {
display:inline-block;
vertical-align:top
}

.fc-header-title h2 {
	margin-top:10px;
	white-space:nowrap;
	font-size: 1.5em;
	margin-left: 10px;
}

.fc .fc-header-space {
padding-left:10px
}

.fc-header .fc-button {
margin-bottom:1em;
vertical-align:top;
margin-right:-1px
}

.fc-header .fc-corner-right,/* non-theme */
.fc-header .ui-corner-right {
margin-right:0
}

.fc-header .fc-state-hover,.fc-header .ui-state-hover {
z-index:2
}

.fc-header .fc-state-down {
z-index:3
}

.fc-header .fc-state-active,.fc-header .ui-state-active {
z-index:4
}

.fc-content {
position:relative;
z-index:1;
clear:both;
zoom:1
}

.fc-view {
position:relative;
width:100%;
overflow:hidden
}

.fc-widget-header,/* <th>,usually */
.fc-widget-content {
border:1px solid #ddd
}

.fc-state-highlight {
background:#fcf8e3
}

.fc-cell-overlay {
background:#bce8f1;
opacity:.3;
filter:alpha(opacity=30)
}

.fc-button {
position:relative;
display:inline-block;
padding:0 .6em;
overflow:hidden;
height:1.9em;
line-height:1.9em;
white-space:nowrap;
cursor:pointer
}

.fc-state-default {
border:1px solid
}

.fc-state-default.fc-corner-left {
border-top-left-radius:4px;
border-bottom-left-radius:4px
}

.fc-state-default.fc-corner-right {
border-top-right-radius:4px;
border-bottom-right-radius:4px
}

.fc-button .fc-icon {
margin:0 .1em;
font-size:2em;
vertical-align:baseline
}

.fc-icon-left-single-arrow:after {
content:"\02039";
font-weight:700
}

.fc-icon-right-single-arrow:after {
content:"\0203A";
font-weight:700
}

.fc-icon-left-double-arrow:after {
content:"\000AB"
}

.fc-icon-right-double-arrow:after {
content:"\000BB"
}

.fc-button .ui-icon {
position:relative;
top:50%;
float:left;
margin-top:-8px
}

.fc-state-default {
background-color:#f5f5f5;
background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image:-o-linear-gradient(top,#fff,#e6e6e6);
background-image:linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat:repeat-x;
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
color:#333;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}

.fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled {
color:#333;
background-color:#e6e6e6
}

.fc-state-hover {
color:#333;
text-decoration:none;
background-position:0 -15px;
-webkit-transition:background-position .1s linear;
-moz-transition:background-position .1s linear;
-o-transition:background-position .1s linear;
transition:background-position .1s linear
}

.fc-state-down,.fc-state-active {
background-color:#ccc;
background-image:none;
outline:0;
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}

.fc-state-disabled {
cursor:default;
background-image:none;
opacity:.65;
filter:alpha(opacity=65);
box-shadow:none
}

.fc-event-container > * {
z-index:8
}

.fc-event-container > .ui-draggable-dragging,.fc-event-container > .ui-resizable-resizing {
z-index:9
}

.fc-event {
border:1px solid #3a87ad;
background-color:#fc0;
color:#000;
font-size:0.9em;
cursor:default
}

a.fc-event {
text-decoration:none
}

a.fc-event,.fc-event-draggable {
cursor:pointer
}

.fc-rtl .fc-event {
text-align:right
}

.fc-event-inner {
width:100%;
height:100%;
overflow:hidden
}

.fc-event-time,.fc-event-title {
padding:0 1px
}

.fc .ui-resizable-handle {
display:block;
position:absolute;
z-index:500;
overflow:hidden;
font-size:300%;
line-height:50%
}

.fc-event-hori {
border-width:1px 0;
margin-bottom:1px
}

.fc-ltr .fc-event-hori.fc-event-start,.fc-rtl .fc-event-hori.fc-event-end {
border-left-width:1px;
border-top-left-radius:2px;
border-bottom-left-radius:2px
}

.fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start {
border-right-width:1px;
border-top-right-radius:2px;
border-bottom-right-radius:2px
}

.fc-event-hori .ui-resizable-e {
top:0!important;
right:-3px!important;
width:7px!important;
height:100%!important;
cursor:e-resize
}

.fc-event-hori .ui-resizable-w {
top:0!important;
left:-3px!important;
width:7px!important;
height:100%!important;
cursor:w-resize
}

.fc-event-hori .ui-resizable-handle {
_padding-bottom:14px
}

table.fc-border-separate {
border-collapse:separate
}

.fc-border-separate th,.fc-border-separate td {
border-width:1px 0 0 1px
}

.fc-border-separate th.fc-last,.fc-border-separate td.fc-last {
border-right-width:1px
}

.fc-border-separate tr.fc-last th,.fc-border-separate tr.fc-last td {
border-bottom-width:1px
}

.fc-border-separate tbody tr.fc-first td,.fc-border-separate tbody tr.fc-first th {
border-top-width:0
}

.fc-grid th {
text-align:center
}

.fc .fc-week-number {
	width: 10px;
	text-align: center;
	font-size: xx-small;
}

.fc .fc-week-number div {
padding:0 2px
}

.fc-grid .fc-day-number {
float:right;
padding:0 2px
}

.fc-grid .fc-other-month .fc-day-number {
opacity:.3;
filter:alpha(opacity=30)
}

.fc-grid .fc-day-content {
clear:both;
padding:2px 2px 1px
}

.fc-grid .fc-event-time {
font-weight:400
}

.fc-rtl .fc-grid .fc-day-number {
float:left
}

.fc-rtl .fc-grid .fc-event-time {
float:right
}

.fc-agenda table {
border-collapse:separate
}

.fc-agenda-days th {
text-align:center
}

.fc-agenda .fc-agenda-axis {
width:50px;
padding:0 4px;
vertical-align:middle;
text-align:right;
font-weight:400
}

.fc-agenda-slots .fc-agenda-axis {
white-space:nowrap
}

.fc-agenda .fc-week-number {
font-weight:700
}

.fc-agenda .fc-day-content {
padding:2px 2px 1px
}

.fc-agenda-days .fc-agenda-axis {
border-right-width:1px
}

.fc-agenda-days .fc-col0 {
border-left-width:0
}

.fc-agenda-allday th {
border-width:0 1px
}

.fc-agenda-allday .fc-day-content {
min-height:34px;
_height:34px
}

.fc-agenda-divider-inner {
height:2px;
overflow:hidden
}

.fc-widget-header .fc-agenda-divider-inner {
background:#eee
}

.fc-agenda-slots th {
border-width:1px 1px 0
}

.fc-agenda-slots td {
border-width:1px 0 0;
background:none
}

.fc-agenda-slots td div {
height:20px
}

.fc-agenda-slots tr.fc-slot0 th,.fc-agenda-slots tr.fc-slot0 td {
border-top-width:0
}

.fc-agenda-slots tr.fc-minor th,.fc-agenda-slots tr.fc-minor td {
border-top-style:dotted
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
border-top-style:solid
}

.fc-event-vert {
border-width:0 1px
}

.fc-event-vert.fc-event-start {
border-top-width:1px;
border-top-left-radius:3px;
border-top-right-radius:3px
}

.fc-event-vert.fc-event-end {
border-bottom-width:1px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px
}

.fc-event-vert .fc-event-time {
white-space:nowrap;
font-size:10px
}

.fc-event-vert .fc-event-inner {
position:relative;
z-index:2
}

.fc-event-vert .fc-event-bg {
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
opacity:.25;
filter:alpha(opacity=25)
}

.fc .ui-draggable-dragging .fc-event-bg,/* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display:none\9
}

.fc-event-vert .ui-resizable-s {
bottom:0!important;
width:100%!important;
height:8px!important;
overflow:hidden!important;
line-height:8px!important;
font-size:11px!important;
font-family:monospace;
text-align:center;
cursor:s-resize
}

.fc-agenda .ui-resizable-resizing {
_overflow:hidden
}

.hover-end {
padding:0;
margin:0;
font-size:75%;
text-align:center;
position:absolute;
bottom:0;
width:100%;
opacity:.8
}

#loading {
height:100px;
width:100px;
position:fixed;
left:10%;
top:20%;
z-index:1000;
margin:-25px 0 0 -25px;

}

.product_info_style {
	background-color: #F1F1F1;
	min-height: 30px;
	margin-bottom: 10px;
	padding: 20px;
	}
	
	
.options_info_style {
	background-color: #F1F1F1;
	padding: 5px;
	}


.sf-menu, .sf-menu * {
	margin: 0;
	margin-left-value: 0px;
	padding: 0;
	list-style: none;
	font-weight: normal;
	
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: -4px;
	z-index: 1199;
	
}
.sf-menu > li {
	float: left;


}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	
	
}
.sf-menu ul {
	
	 /* allow long menu items to determine submenu width */
	/*width: 12em;  no auto sub width for IE7, see white-space comment below */
	


}

.sf-menu a {
	
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #000000;
}
.sf-menu li {
	position: relative;
	white-space: nowrap; /* no need for Supersubs plugin */
	-webkit-transition: background .1s;
	transition: background .1s;
	margin:3px;
	background-color: #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);

}
.sf-menu ul li {
	margin-left: 5px;
	margin-bottom:0px;
	margin-top:0px;
	font-size: 0.95em;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
}
.sf-menu ul ul li {
	background-color: #E5E5E5;
	color: #000;
}
.sf-menu li:hover,
.sf-menu li:hover a,
.sf-menu li.sfHover,
.sf-menu li.sfHover a {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	border-left-color: #F00;
	border-left-width: 5px;
	border-left-style: solid;
	margin-left: 0px;
	background-color: #E3F8FF;
	color: #000;	
}
/*** ESSENTIAL STYLES ***/


.sf-menu-urban, .sf-menu-urban * {
	margin: 0;
	margin-left-value: 0px;
	padding: 0;
	list-style: none;
	z-index: 1199;
	font-weight: normal;
	
	
}

.sf-menu-urban ul {
	position: absolute;
	display: none;
	top: 100%;
	left: -4px;
	z-index: 1199;

	
}
.sf-menu-urban > li {
	float: left;


}
.sf-menu-urban li:hover > ul,
.sf-menu-urban li.sfHover > ul {
	display: block;
}

.sf-menu-urban a {
	display: block;
	position: relative;
}
.sf-menu-urban ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu-urban {
	background-color: #F8F8F8;
	float: left;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
	
}


@media screen and  (min-width: 600px) {
	
	.sf-menu-urban ul {
		
		min-width: 50em;
   		-moz-column-count: 2;
		-moz-column-gap: 2px;
		-webkit-column-count: 2;
		-webkit-column-gap: 2px;
		column-count: 2;
		column-gap: 2px;
    }
	.ui-autocomplete
   {
		
		min-width: 50em;
   		-moz-column-count: 2;
		-moz-column-gap: 2px;
		-webkit-column-count: 2;
		-webkit-column-gap: 2px;
		column-count: 2;
		column-gap: 2px;
    }
}

@media screen and  (min-width: 900px) {
	
	.sf-menu-urban ul  {
		
		min-width: 40em;
   		-moz-column-count: 3;
		-moz-column-gap: 2px;
		-webkit-column-count: 3;
		-webkit-column-gap: 2px;
		column-count: 3;
		column-gap: 2px;
    }
	.ui-autocomplete
   {
		
		min-width: 50em;
   		-moz-column-count: 3;
		-moz-column-gap: 2px;
		-webkit-column-count: 3;
		-webkit-column-gap: 2px;
		column-count: 3;
		column-gap: 2px;
    }
}

  

.sf-menu-urban a {
	
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu-urban a {
	color: #000000;
}
.sf-menu-urban li {
	position: relative;
	white-space: nowrap; /* no need for Supersubs plugin */
	-webkit-transition: background .2s;
	transition: background .2s;
	margin:1px;
}
.sf-menu-urban ul li {
	background: #F8F8F8;
	margin-left: 5px;
	margin-bottom:0px;
	margin-top:0px;
	min-width: 22em;
	font-size: 0.95em;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
}
.sf-menu-urban ul ul li {
	background: #ccc;
}
.sf-menu-urban li:hover,
.sf-menu-urban li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	background-color: #EAEAEA;
}

.sf-menu-urban ul li:hover,
.sf-menu-urban ul li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	border-left-color: #F00;
	border-left-width: 5px;
	border-left-style: solid;
	margin-left: 0px;
	background-color: #FFEDD5;
	color: #000;
}



.sf-menu-parent, .sf-menu-parent * {
	font-size: 1em;
	margin: 0;
	margin-left-value: 0px;
	padding: 0;
	list-style: none;
	z-index: 98;
	font-weight: normal;
	
}

.sf-menu-parent ul {
position: absolute;
display: none;
top: 100%;
left: -4px;
z-index: 99;


}
.sf-menu-parent > li {
	float: left;
	background-color: #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);


}
.sf-menu-parent li:hover > ul,
.sf-menu-parent li.sfHover > ul {
display: block;
}

.sf-menu-parent a {
display: block;
position: relative;

}
.sf-menu-parent ul ul {
top: 0;
left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu-parent {
background-color: #F8F8F8;

}
.sf-menu-parent ul {
min-width: 80em;
-moz-column-count: 2;
-moz-column-gap: 1px;
-webkit-column-count: 2;
-webkit-column-gap: 1px;
column-count: 2;
column-gap: 1px;

}

.sf-menu-parent a {

padding: .4em 0.5em;
text-decoration: none;
zoom: 1; /* IE7 */

}
.sf-menu-parent a {
color: #000000;
}
.sf-menu-parent li {
position: relative;
white-space: nowrap; /* no need for Supersubs plugin */
-webkit-transition: background .2s;
transition: background .2s;
margin:1px;
}
.sf-menu-parent ul li {
background: #F8F8F8;
margin-left: 5px;
margin-bottom:0px;
margin-top:0px;
min-width: 22em;
font-size: 0.95em;

}
.sf-menu-parent ul ul li {
	background-color: #F8F8F8;
}
.sf-menu-parent li:hover,
.sf-menu-parent li.sfHover {
/* only transition out, not in */
-webkit-transition: none;
transition: none;
background-color: #EAEAEA;
}

.sf-menu-parent ul li:hover,
.sf-menu-parent ul li.sfHover {
/* only transition out, not in */
-webkit-transition: none;
transition: none;
border-left-color: #F00;
border-left-width: 5px;
border-left-style: solid;
margin-left: 0px;

}

.input_field {
	width:95%;
	background-image: none;
	background-color: #EFEFEF;
	border: solid 1px #33677F;
	-webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	-moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	font-size: 1.4em;	
	}

.input_field {
	width:80%;
	background-image: none;
	background-color: #EFEFEF;
	border: solid 1px #33677F;
	-webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	-moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	font-size: 1.4em;	
	}	

.input_field_nowidth {
	background-image: none;
	background-color: #EFEFEF;
	border: solid 1px #33677F;
	-webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	-moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	font-size: 1.4em;	
	}	

.search_ontop {
	visibility: hidden;

}
	
@media screen and  (min-width: 700px) {
	
	.search_ontop {
		float:right;
		margin-top:10px;
		margin-right:10px;
		visibility:visible;

	}

}