@import url("../webfonts/walkway-bold/font.css");

body                          { font-size:16px;  font-weight:normal; color:#777; font-family: Verdana, Geneva, sans-serif; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif}
h1                            { font-size:1.9em; font-weight:normal; text-align:center; color:#C40; padding:0; margin:0 0 0.5em 0; font-family: walkway-bold, Verdana, Geneva, sans-serif; line-height:1em; letter-spacing:0.05em; }
p                             { font-size:1.0em; font-weight:normal; text-align:center; margin:0 0 1em 0; }
a                             { text-decoration:none; outline:none; }

blockquote                    { padding:10px 60px 10px 60px; margin:0 0 1.6em 0; background:#F2F2F2; border-left:8px solid #F90; position:relative; }
blockquote:before             { content: "\201C"; font-family:arial; line-height:0.8em; font-size: 8em; position: absolute; top:0px; left:10px; color: #BBB; }
blockquote:after              { content: "\02EE"; font-family:arial; line-height:0.8em; font-size: 8em; position: absolute; bottom:-0.5em; right:10px; color: #BBB; }

blockquote p                  { padding:0; margin-top:1em; font-style:italic; color:#555; }
blockquote p:first-child      { margin-top:0em; }
blockquote footer             { color:#F90;}


.section                      { overflow:hidden; margin-bottom:20px; }
.section:last-child           { margin-bottom:0; }

.section img                  { display:block; margin:0 auto; }

/* BODY */
body                         { padding:0; margin:0; background:#151515; }
body                         { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.container                   { width:100%; min-width:50px; max-width:800px; margin:0 auto; background:#000 }
.container-padded            { padding:0 3%; }
#header                                       { text-align:center; background:#000; padding:10px; }
#header .logo img                             { width:60%; height:auto; }
#header .contact                              { font-size:1.1em; color:orange; }/* NAVIGATION */
#navigation               { padding-bottom:7px;}
#navigation .activator    { clear:both;}
#navigation .activator .button { margin:0 auto;  width:40px; height:28px; position:relative; background:#000; }
#navigation .activator .button .line1 { position:absolute; width:100%; height:4px; top:0px;  left:0px; background:#C40; border-radius:4px; }
#navigation .activator .button .line2 { position:absolute; width:100%; height:4px; top:12px; left:0px; background:#C40;  border-radius:4px;}
#navigation .activator .button .line3 { position:absolute; width:100%; height:4px; top:24px; left:0px; background:#C40;  border-radius:4px;}

#navigation .menu         { padding:20px 40px; display:none; }
#navigation .menu ul      { list-style:none; padding:0; margin:0; }
#navigation .menu ul li   { }

#navigation .menu ul li a { display:block; padding:0.2em 0; text-decoration:none; color:#888; font-size:1.4em; text-align:center }
#navigation .menu ul li a:hover      { color:#C40;}
#navigation .menu ul li.selected a   { background:#C40; color:#000; }/* PROMO */
#promo { position:relative; background:#000; }
#promo .logo {
  position:absolute;
  z-index:100;
  width:90%;
  padding:2% 5%;
  top:30%;
  //background:rgba(0,0,0,0.5);
}
#promo img { 
  width:100%;
  height:auto;
}
/* SIDEBAR */
#sidebar                                            { background:#222; padding-top:20px; padding-bottom:20px; text-align:center }
#sidebar .widget                                     { color:#CCC; font-size:1.1em; width:90%; margin:0 auto 2em auto }
#sidebar .widget:last-child                          { margin-bottom:0; }
#sidebar .widget h1                                  { font-size:1.4em; color:#FFF; margin-bottom:0.4em; border-bottom:1px solid #CF6B14;  line-height:2em; margin: 0 auto 1em auto}

#sidebar .widget.imagestack img                      { width:20%; min-width:150px; height:auto; vertical-align:middle; padding:10px; }





#sidebar .widget.contactform                          { width:95%; padding:0 8px 0 5px; }  
#sidebar .widget.contactform label                    { width:100%; display:block; padding:0; margin:0; color:#AAA; font-size:1.3em; }
#sidebar .widget.contactform input, 
#sidebar .widget.contactform textarea                 { display:block; width:100%; background: #F5F5F5 scroll; color:#555; border: 1px solid #CCC; padding:4px 2px; margin-bottom:1em; }
#sidebar .widget.contactform input:focus,
#sidebar .widget.contactform textarea:focus           { background:#EEE; color:#555; border:1px solid #999; }
#sidebar .widget.contactform .error                   { background:#E8E8E8; margin-bottom:0; }
#sidebar .widget.contactform .errormsg                { padding:0; margin:0 0 10px 0; color:#C90; }
#sidebar .widget.contactform .successmsg              { padding:0; margin:0 0 10px 0; color:green; }
#sidebar .widget.contactform #message                 { height:330px; }
#sidebar .widget.contactform #submit                  { width:50%; margin:0 auto; font-size:1.2em; }/* FOOTER */
#footer                                             { background:#111; padding-top:20px; padding-bottom:20px 0; text-align:center; }
#footer a                                           { color:inherit; }
#footer .widget                                     { color:#CCC; font-size:1.1em; width:75%; margin:0 auto 2em auto }
#footer .widget:last-child                          { margin-bottom:0; }
#footer .widget h1                                  { font-size:1.4em; color:#FFF; margin-bottom:0.4em; border-bottom:1px solid #CF6B14;  line-height:2em; margin: 0 auto 1em auto}

#footer .widget.social_networking a                 { display:inline-block; zoom:1; width:36px; height:36px; margin:0 6px 6px 0; background-position:left; }
#footer .widget.social_networking a:hover           { background-position:right; }
#footer .widget.social_networking a.ebay            { background-image:url(../social_networking_icons/ebay.png) }
#footer .widget.social_networking a.email           { background-image:url(../social_networking_icons/email.png) }
#footer .widget.social_networking a.facebook        { background-image:url(../social_networking_icons/facebook.png) }
#footer .widget.social_networking a.instagram       { background-image:url(../social_networking_icons/instagram.png) }
#footer .widget.social_networking a.twitter         { background-image:url(../social_networking_icons/twitter.png) }

#footer .widget.opening_times                       { }
#footer .widget.opening_times table                 { width:100%; border-collapse:collapse; color:inherit; }
#footer .widget.opening_times table tr              { border-bottom:1px dotted #AAA; }
#footer .widget.opening_times table tr:last-child   { border-bottom:none; }
#footer .widget.opening_times .col1                 { width:40%; text-align:left; }
#footer .widget.opening_times .col2                 { width:60%; text-align:right;}

#footer .widget.phone_numbers                       { }
#footer .widget.phone_numbers table                 { width:100%; border-collapse:collapse; color:inherit; }
#footer .widget.phone_numbers table tr              {  }
#footer .widget.phone_numbers table tr:last-child   { }
#footer .widget.phone_numbers .col1                 { width:40%; text-align:left; }
#footer .widget.phone_numbers .col2                 { width:60%; text-align:right;}
  #main { padding-top:20px; padding-bottom:20px; }
  .slideshow {width:100%; }
  .slideshow img { width:100%; height:auto; }

#footnote     { background:#000; }
#footnote p   { color:#C40; text-align:center; }


.product               { overflow:hidden; clear:both; margin-bottom:50px; }
.product .image        { overflow:hidden; text-align:center; }
.product .image img    { width:35%; max-width:400px; height:auto; padding-bottom:15px; }
.product .description  { overflow:hidden; }