/* elements */
html { height: 100%; }

body#page, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-family: sans-serif; color: #7C808A; line-height: 1.4; padding: 0; margin: 0; }

body#page { background: url(../images/bg-body.jpg) repeat left top; font-size: 75%; height: 100%; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 6px; }

h1 { font-weight: normal; font-size: 230%; color: #1773BA; margin: 15px 0; }

h2 { font-size: 145%; }

h3 { font-size: 125%; }

img { border: none; }

/* layout */
#container { width: 910px; min-height: 100%; margin: 0 auto; position: relative; }

#container a { font-size: 100%; color: #1773BA; }
#container a:hover { text-decoration: none; }

#container .submit { background-color: #7C8089; font-weight: bold; font-size: 85%; font-family: Verdana, "Geneva CE", lucida, sans-serif; color: #FFF; height: 24px; padding: 0 5px 2px; border: 1px solid #FFF; cursor: pointer; }

#container .bg-input-form-1 { background: #ECECEC url(../images/bg-form-input-1.gif) no-repeat left top; width: 137px; height: 22px; border: 1px solid #FFF; border-right: none; display: block; float: left; }
#container .bg-input-form-1 input { background: transparent; width: 127px; height: 19px; padding: 3px 5px 0; border: none; }

/* header */
#header { background: url(../images/bg-header.png) no-repeat left bottom; height: 380px; position: relative; }

#header #logo { padding: 30px 0 0 30px; }
#header #logo a { background: url(../images/logo.png) no-repeat left top; text-indent: -10000px; width: 149px; height: 102px; display: block; outline: none; }

#header #skip { width: 1px; height: 1px; position: absolute; top: -10000px; left: 0; overflow: hidden; }

#header #address { position: absolute; left: 250px; top: 44px; }
#header #address strong { font-size: 115%; }

#header #form-search { position: absolute; right: 30px; top: 39px; }
#header #form-search .submit { padding: 0 10px 2px; }

#header #opening-hours { font-size: 115%; line-height: 1.2; position: absolute; right: 30px; top: 79px; }
#header #opening-hours th { text-align: right; }

#header #header-image { background: url(../images/header-image1.jpg) no-repeat right top; width: 100%; height: 203px; position: absolute; right: 9px; bottom: 14px; }

/* main */
#main { background: url(../images/bg-main-middle.png) repeat-y left top; width: 870px; padding: 0 20px; position: relative; overflow: hidden; }

#main #newsletter-box { background: url(../images/bg-newsletter-box-middle.gif) repeat-y left top; position: absolute; right: 15px; top: 0; }
#main #newsletter-box #newsletter-box-inner1 { background: url(../images/bg-newsletter-box-top.gif) no-repeat left top; }
#main #newsletter-box #newsletter-box-inner1 #newsletter-box-inner2 { background: url(../images/bg-newsletter-box-bottom.gif) no-repeat left bottom; width: 204px; padding: 12px 18px; }
#main #newsletter-box #newsletter-box-inner1 #newsletter-box-inner2 p { margin-bottom: 10px; }
#main #newsletter-box #newsletter-box-inner1 #newsletter-box-inner2 #form-newsletter { margin: 12px 0 8px; }

#main-bottom { background: url(../images/bg-main-bottom.png) no-repeat left top; height: 34px; padding-bottom: 140px; }
.home #main-bottom { padding-bottom: 0; }

#main #button-back { margin: 0; }
#main #button-back a { background: url(../images/bg-link-back.gif) no-repeat left top; text-decoration: none; width: 135px; height: 23px; padding: 6px 0 0 30px; display: block; }

#main .h-spec1 { color: #88592C; }

#main .h-spec2 { font-weight: normal; font-size: 200%; color: #1773BA; }

/* content */
#content { background: url(../images/logo-light.gif) no-repeat 97% 100%; width: 620px; padding: 0 240px 0 10px; }
#content.content-spec1 { background: transparent; width: 670px; padding-right: 0; float: right; }
#content.content-spec2 { background: transparent; width: 870px; padding: 0; overflow: hidden; }

#content p { margin: 10px 0; }

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content table th,
#content table td { padding: 2px 5px; border: 1px solid #CCC; }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: middle; border: none; }
#content form table th { text-align: right; }

#content input,
#content textarea { padding: 4px 5px 0; }

#content textarea { background: #ECECEC url(../images/bg-form-textarea.gif) no-repeat left top; font-size: 100%; width: 290px; height: 139px; border: none; margin-top: 2px; }

#content select { border: 1px solid #CCC; }

#content #breadcrumbs { padding: 6px 0 8px; border-bottom: 1px solid #EDEDED; margin: 0; }

#content .link-more { background: url(../images/arrow1-r.gif) no-repeat right center; padding-right: 15px; }
#content .link-back { background: url(../images/arrow1-l.gif) no-repeat left center; padding-left: 15px; }

#content .bg-input-form-2 { background: #ECECEC url(../images/bg-form-input-2.gif) no-repeat left top; width: 330px; height: 23px; margin-top: 2px; display: block; }
#content .bg-input-form-2 input { background: transparent; width: 320px; height: 19px; border: none; }

#content .label { font-weight: bold; margin-left: 10px; }

#content #latest-news { padding-top: 20px; border-top: 1px solid #EDEDED; margin-top: 20px; }

#content .news { width: 100%; margin-bottom: 20px; overflow: hidden; }
#content .news h3 { margin-bottom: 0; }
#content .news p { margin-top: 0; }
#content .news .img { float: left; }

#content #content-header { width: 100%; position: relative; left: -10px; top: 0; overflow: hidden; }
#content #content-header #button-back { width: 165px; float: left; }
#content #content-header #breadcrumbs { width: 425px; padding-left: 15px; margin-left: 15px; float: right; }

#content .article { width: 100%; overflow: hidden; }
#content .article p { margin: 0 0 10px; }
#content .article .img { float: left; margin: 0 13px 0px 0; }

#content #shops-content { width: 100%; padding-top: 30px; border-top: 1px solid #EDEDED; margin-top: 30px; overflow: hidden; }
#content #shops-content hr { height: 1px; border: none; border-top: 1px dotted #DBDBDB; margin: 0 0 30px; clear: left; }
#content #shops-content .shop { width: 294px; padding-right: 20px; border-right: 1px dotted #DBDBDB; margin: 0 20px 30px 0; float: left; }
#content #shops-content .shop .logo { vertical-align: middle; line-height: 80px; height: 80px; display: table-cell; }

#content #info-gallery { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #EDEDED; overflow: hidden; }

#content #info-gallery #ig-left { width: 350px; padding-right: 20px; float: left; }

#content #info-gallery #ig-left #contact { list-style: none; }
#content #info-gallery #ig-left #contact li { background-repeat: no-repeat; background-position: left center; font-size: 120%; color: #1773BA; padding-left: 25px; margin: 0; }
#content #info-gallery #ig-left #contact #contact-phone { background-image: url(../images/icon-phone.gif); }
#content #info-gallery #ig-left #contact #contact-fax { background-image: url(../images/icon-fax.gif); }
#content #info-gallery #ig-left #contact #contact-email { background-image: url(../images/icon-email.gif); }
#content #info-gallery #ig-left #contact #contact-web { background-image: url(../images/icon-web.gif); }

#content #info-gallery #ig-left #scrollable-box { width: 333px; position: relative; }
#content #info-gallery #ig-left #scrollable-box .prevPage { background: url(../images/btn-carousel-left.gif) no-repeat left top; width: 10px; height: 95px; position: absolute; left: 0; top: 0; cursor: pointer; }
#content #info-gallery #ig-left #scrollable-box .nextPage { background: url(../images/btn-carousel-right.gif) no-repeat left top; width: 10px; height: 95px; position: absolute; right: 0; top: 0; cursor: pointer; }
#content #info-gallery #ig-left #scrollable-box .disabled { display: none; }
#content #info-gallery #ig-left #scrollable-box .scrollable { width: 299px; height: 97px; margin: 0 auto; position: relative; overflow: hidden; }
#content #info-gallery #ig-left #scrollable-box .scrollable .items { width: 10000px; position: absolute; left: 0; top: 0; }
#content #info-gallery #ig-left #scrollable-box .scrollable .items a { text-align: center; width: 93px; height: 93px; border: 1px solid #474C58; margin-right: 7px; float: left; }

#content #info-gallery #ig-right { text-align: center; width: 300px; height: 300px; margin-top: 15px; float: right; }

#content #form-contact { width: 100%; margin-top: 15px; overflow: hidden; }
#content #form-contact #fc-left { width: 330px; margin-right: 20px; float: left; }
#content #form-contact #fc-left p { margin: 0 0 10px; }
#content #form-contact #fc-right { width: 290px; float: left; }

#content .paging { text-align: center; }
#content .paging .active { font-weight: bold; text-decoration: none; }

#content #contacts-left { width: 330px; float: left; }
#content #contacts-right { width: 450px; float: right; }
#content #contacts-right #map-canvas { width: 450px; height: 300px; }

#content #search-results .search-result { margin-bottom: 20px; }

#content #admin-gallery { width: 100%; overflow: hidden; }
#content #admin-gallery .img { width: 96px; height: 109px; margin: 0 10px 5px 0; float: left; }

/* col-left */
#col-left { width: 190px; float: left; }

#col-left #submenu #submenu-nav { background-repeat: no-repeat; background-position: left top; width: 173px; height: 56px; overflow: hidden; list-style: none; }
#col-left #submenu #submenu-nav.active-link-shops { background-image: url(../images/bg-submenu-tabs-left.gif); }
#col-left #submenu #submenu-nav.active-link-categories { background-image: url(../images/bg-submenu-tabs-right.gif); }
#col-left #submenu #submenu-nav li { width: 56px; padding: 10px 15px 0; float: left; }
#col-left #submenu #submenu-nav a { font-weight: bold; color: #7C808A; text-decoration: none; text-align: center; display: block; outline: none; }
#col-left #submenu #submenu-nav .active { background-color: #7C808A; color: #FFF; }

#col-left #submenu #submenu-top { background: url(../images/bg-submenu-top.gif) no-repeat left top; height: 10px; }

#col-left #submenu .submenu-content { background: url(../images/bg-submenu-middle.gif) repeat-y left top; width: 153px; padding: 0 10px; list-style: none; }
#col-left #submenu .submenu-content li { background-color: #7C808A; border-bottom: 1px solid #B5B6BB; }
#col-left #submenu .submenu-content li .link { font-weight: bold; color: #FFF; text-decoration: none; padding: 5px 10px; display: block; }
#col-left #submenu .submenu-content li ul { background-color: #EBECEE; list-style: none; }
#col-left #submenu .submenu-content li ul li { background: transparent; border: none; }
#col-left #submenu .submenu-content li ul li .link { background: url(../images/arrow2.gif) no-repeat 20px 50%; padding-left: 30px; }
#col-left #submenu .submenu-content li ul li a:hover { background: #FFF; color: #1773BA; }
#col-left #submenu .submenu-content .active { background-color: #FFF; }
#col-left #submenu .submenu-content .active a,
#col-left #submenu .submenu-content .active span { color: #1773BA }
#col-left #submenu .submenu-content .active ul li a,
#col-left #submenu .submenu-content .active ul li span { color: #7C808A; }

#col-left #submenu #submenu-bottom { background: url(../images/bg-submenu-bottom.gif) no-repeat left top; height: 10px; }

#col-left #button-back a { width: 145px; padding-left: 20px; }

#col-left #logo-shop { text-align: center; padding: 15px 0; }

/* col-right */
#col-right { width: 240px; float: right; }

/* shops */
#shops { width: 100%; padding: 20px 0 144px 2px; overflow: hidden; }

#shops hr { height: 1px; border: none; border-top: 1px dotted #DBDBDB; margin: 0; clear: left; }

#shops .shop { width: 150px; padding: 10px 15px; border-right: 1px dotted #DBDBDB; margin: 10px 0; float: left; }
#shops .shop strong { color: #1773BA; }
#shops .shop .logo { text-align: center; vertical-align: middle; line-height: 80px; width: 150px; height: 80px; display: table-cell; }

/* menu */
#menu { position: absolute; left: 20px; top: 165px; list-style: none; }
#menu li { line-height: 1.2; width: 150px; border-bottom: 1px solid #B9BAB5; }
#menu a,
#menu span { font-weight: bold; font-size: 110%; color: #7C808A; text-decoration: none; padding: 12px; display: block; }
#menu a:hover,
#menu .active a { color: #1773BA; }
#menu a.selected,
#menu span.selected { background: url(../images/bg-menu-selected.gif) repeat-x left bottom; color: #1773BA; }

/* footer */
#footer { background: url(../images/bg-footer.png) no-repeat left top; width: 850px; height: 94px; padding: 30px 30px 0; position: absolute; left: 0; bottom: 0; }

/* admin-menu */
#admin-menu { background-color: #FFF; padding: 10px; border: 3px solid #CCC; position: absolute; left: 0; top: 0; }
#admin-menu li { margin-left: 15px; }

/* popup */
#popup { background-color: #FFF; width: 320px; height: 110px; padding: 15px; border: 3px solid #B9BAB5; margin: -73px 0 0 -178px; position: absolute; top: 50%; left: 50%; z-index: 10; }
#popup h2 { color: #1773BA; text-align: center; } 
#popup p { font-weight: bold; text-align: center; margin-bottom: 30px; }
#popup a { background-color: #7C8089; font-weight: bold; font-size: 85%; font-family: Verdana, "Geneva CE", lucida, sans-serif; color: #FFF; text-decoration: none; text-align: center; width: 60px; height: 19px; padding-top: 5px; margin: 0 auto; display: block; }

/* other */
.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }

.clear-l { clear: left; }

.margin-b { margin-bottom: 10px; }

.nobrd { border: none !important; }

.nobg { background: none !important; }

.nomrg { margin: 0 !important; }

.message { font-weight: bold; text-align: center; }

.ok { color: #008000; }

.err { color: #FF0000; }

.hr-spec { height: 0; border: none; margin: 0; display: block; clear: left; visibility: hidden; }

.red { color: #FF0000; }

.strong { font-weight: bold; }

.upc { text-transform: uppercase; }

.clearfix:after { height: 0; display: block !important; visibility: hidden; clear: both; content: "."; }

.clearfix { display: block !important; }

/* ie win hack ~ height acts like min-height \*/
* html .clearfix { height: 1%; }
/* end comment required */

#newsletter-box .banner {text-align:center; padding-top:30px; background-color:#fff;}