/* Reset default browser settings */
html, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 12px;
 font-weight: normal;
 width:100%;
/*min-width: 800px;                  */
}
body {
    width: 100%;
	font-family: Helvetica, Arial, Sans-Serif;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
body {
    width: 100%;
	margin: 0;
}
#wrapper{
	position: relative;
	background-color: #FFFFFF;
	width: 100%;
	margin: 0;
}
}

table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: none; list-style:none; }
q:before, q:after { content:''; }

/* define color(purple) and size of the links going out */
a{
	color: #660066;
	text-decoration:none;
	font-size: 14px;
}

a:hover{
	color: #FF0000;
}


/* removes dotted outline in Firefox */
a:focus {
     outline: none;
}
.menuItemSelected{
	color: #FF0000;
}
.menuItemSelected a:hover{
	color: #FF0000;
}

.menuItem a:hover {
	color: #FF0000;
}

.menuItem {
	color: #660066
}
.menuItem a:hover {
color: #FF0000;
}
/* more info pop-up link */

#more_info_pop_up{
	 font-size: 12px;
	 color: #FF0000;
}

/* define body */
body {
	font: bold 62.5% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #000000;
}

/* WRAPPER: wraps entire contents of page */
#wrapper{
	position: relative;
	background-color: #FFFFFF;
	width: 800px;
	margin: -9px auto;
	
}


/* top banner */
#banner{
	position: absolute;
	left: 26px;
	top: 14px;
}

/* basket_item_no */
#basket_item_no {
	margin-left: 699px;
	margin-top: -36px;
	text-align:center;
}

/*  twitter, pintarest, instagram follow button */
/* 
#twitter_follow_button{
	position: absolute;
	margin-left: 55px;
	margin-top: 46px;
}

#pinterest_follow_button{
	position: absolute;
	margin-left: 55px;
	margin-top: 68px;
}
#instagram_follow_button{
	position: absolute;
	margin-left: 55px;
	margin-top: 90px;
}
 */



/* 
 NEW 2017 after Flexslider images
#instagram_follow_button{
	position: absolute;
	margin-left: 42px;
	margin-top: 42px;
}

#twitter_follow_button{
	position: absolute;
	margin-left: 42px;
	margin-top: 72px;
}
#pinterest_follow_button{
	position: absolute;
	margin-left: 42px;
	margin-top: 102px;
}
 */

/*  NEW 2017 STICKY implemented */

#instagram_follow_button{
	margin-left: 43px;
}

#twitter_follow_button{
	margin-left: 43px;
	margin-top: 1px;
}
#pinterest_follow_button{
	margin-left: 43px;
	margin-top: 1px;
}

.social_media_buttons
{ 
	margin-top: 5px;
	float: left;
  position: -webkit-sticky;
  position: sticky;
  top: 1px;
}
/* We're open banner */
#Open_banner{
	margin-left: 285px;
	margin-top: 5px;
}



#textOpen{

	text-align: center;
	margin-top: 5px;
}


/* Special opening - closing hrs*/
#textClosed_1{
	position: absolute;
	text-align: right;
	left: 50px;
	top: 110px;
	width: 200px;
}

#textClosed_2{
	position: absolute;
	text-align: left;
	left: 555px;
	top: 110px;
	width: 200px;

}
/* Flexslider images */

#flex_slider{
	padding-top: 50px;
	padding-right: 0px;


}
/* defines the links going out TOP */

ul#mainNavTop{
		text-align:center;
		padding-top: 80px;
		 display: block;
    height: 20px;
    overflow: hidden;
    padding-top: 80px;
    text-align: center;
	white-space: nowrap;
		background-color: #FFFFFF;

        /*overflow: hidden;*/
        /*height: 15px;*/
}


#NavContainerTop li{
}

#mainNavTop li{
		white-space: nowrap;
		display: inline;
}

#mainNavTop li a {
		padding-left: 25px;
		padding-left:20px\9;
		padding-right: 24px;
		padding-right: 20px\9;
}

#mainNavTop li a:hover{
color: #FF0000 !important;

}

#mainNavTop #menuDropContainer a {
	white-space: nowrap;
		padding-left: 25px;
		padding-left:20px\9;
		padding-right: 25px;
		padding-right: 20px\9;

}
#mainNavTop #menuDropContainer a:hover {
	color: #FF0000 !important;
}
#mainNavTop #menuPlaceHolder a{
	white-space: normal;
	padding-left: 5px;
	padding-right: 0px;
	cursor: wait;

}
/* defines the menu for FILTERS */


html body ul#menuDrop{
    text-align: left;
    height: auto;
    padding-top: -1px;
    position: absolute;
    right: 0px;
    width: 135px !important;
    background:#ffffff;
	z-index:99999;
	overflow: hidden;
	display:block;
	cursor: pointer;
}
#menuDrop li{
	display:block;
	position: relative;
}
#menuDrop li a:hover  {
    text-align: left;
    display: list-item;
    margin-left: 0px;

}

#menuDrop li a {
    text-align: left;
    display: list-item;
    margin-left: 0px;
    margin-right: 0px;
}
#menuDrop li a:hover{
	color: #FF0000;
}
#menuPlaceHolder{
    /*overflow: visible;*/

    left: 0px;
    height: auto;
}

#menuChildPlaceHolder{
    position: relative;
    left: 660px;
    width: 10px;
    height: auto;
    z-index: 10001;
}

ul#menuChild{
  /*  background: #FFFFFF;
    text-align: left;
    height: auto;
    position: absolute;
    top: 23px;*/
	 background: #FFFFFF;
    text-align: left;
    height: auto;
    position: relative;
    top: 0px;
}


#menuChild li {
    text-align: left;
    display: list-item;
    margin-left: 0px;
}
#menuChild li  a{
	padding-left:10px;
}
#menuChild li a:hover {
color: #FF0000 !important;
 }


/* defines object pics*/ 
#container{
		padding-left: 139px;
		padding-right: 139px;
		padding-top: 10px;
		padding-bottom: 10px;

}

/* for seven pics in row
#container{
		padding-left: 100px;
		padding-right: 44px;
		padding-top: 10px;
		padding-bottom: 10px;

}
*/
/* object pics border and color */
#container img{
	float:left;
	border: 2px solid #FF0000;
	margin-top: -2px;
	margin-left: -2px;

}

.tooltip {
    display:none;
    background:transparent url(../tooltip/white_arrow.png) no-repeat;
    font-size:14px;
 	height:75px;
    width:163px;
	padding:20px;
	padding-top:10px;
	padding-right:12px;
	padding-left:15px;

	color: #FF0000;
}




/* defines text and the various headings */


/* Opening hours*/
h1{
	font-size: 14px;
	letter-spacing: 1px;
	color: #660066;
}
h1 p{
	font-size: 14px;
	letter-spacing: 1px;
	color: #FF0000;
}

.purple_font{
	color: #660066;
}

.red_font{
	color: #FF0000;
}


/* defines the links going out */

ul#mainNav{
		text-align:center;
		clear: both;
		padding-top: 20px;


}


#mainNavContainer li{

}
#mainNav li{
		display: inline;

}

#mainNav li a{
		margin-left: 13px;
		margin-right: 13px;

}



/* defines the bottom banner */

#bottom_banner{
	background-image: url(../sharedimages/bottom_banner.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
		margin-bottom: 65px;

}


/* defines paypal logo */
#paypal_logo {
	float: left;
	margin-left: 702px;
	padding-top: 68px;
}

/* defines links in bottom banner */

#MapLinkBottomBanner{
	text-align: left;
	clear: both;
	margin-left: 50px;
	padding-top: 43px;
	color: #FF0000;
}

#MapLinkBottomBanner a{
	color: #FFFFFF;
	text-decoration:none;
	font-size: 14px;
}
#MapLinkBottomBanner a:hover{
	color: #660066;
}
#blanket{
    position: absolute;
    z-index: 9001;
    opacity: 0.65;
    filter:alpha(opacity=65);
    top:0px;
    left:0px;
    width:100%;
	height:100%;
    min-width: 830px;
    background-color:#111;
}
#popupPaypal{
    position: absolute;
    width: 410px;
    background: #ffffff;
    z-index: 9002;
}
#popupConfirmation{
    position: absolute;
    width: 410px;
    background: #ffffff;
    z-index: 9002;
}
#popupConfirmation img{
    width: 400px;
}
.popup-body{
    height: 200px;
    position: relative;
}
.close-ppBtn{
    width: 160px;
    position: absolute;
    bottom: 0px;
    right: 5px;
    padding-bottom: 5px;
	text-align:right;
}
.close-ppBtn a{
    font-weight: normal;
}
.close-ppBtn img{
    width: 15px !important;
    height: 15px !important;
}
.close-pp{
    position: relative;
}
.close-pp-text{
    float: left;
    padding-bottom: 10px;
}
.close-pp-img{
    float: left;
}

#selectedItem{
 }

#idNews{
}

#idBasket{
}

#idTerms{
}

#idImprint{
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* 
NEW 2017 Flexslider images#instagram_follow_button{
	position: absolute;
	margin-left: 43px;
		margin-top: 63px;
}

#twitter_follow_button{
	position: absolute;
	margin-left: 43px;
	margin-top: 92px;
}

#pinterest_follow_button{
	position: absolute;
	margin-left: 43px;
	margin-top: 121px;
}
 */
/* NEW 2017 Flexslider images */
#instagram_follow_button{
	margin-left: 43px;
}

#twitter_follow_button{
	margin-left: 43px;
	margin-top: 0px;
}

#pinterest_follow_button{
	margin-left: 43px;
	margin-top: 0px;
}
.social_media_buttons
{ 
	margin-top: 5px;
	float: left;
  	position: -webkit-sticky;
  	position: sticky;
  	top: 2px;
}
 
 /* 
NEW 2017 social media buttons
#instagram_follow_button{
	position: absolute;
	margin-left: 43px;
		margin-top: 67px;
}

#twitter_follow_button{
	position: absolute;
	margin-left: 43px;
	margin-top: 96px;
}

#pinterest_follow_button{
	position: absolute;
	margin-left: 43px;
	margin-top: 125px;
}
 */

/* Old social media buttons
#twitter_follow_button{
	position: absolute;
	margin-left: 55px;
	margin-top: 66px;
}

#pinterest_follow_button{
	position: absolute;
	margin-left: 55px;
	margin-top: 90px;
}
#instagram_follow_button{
	position: absolute;
	margin-left: 55px;
	margin-top: 114px;
}
 */

}