/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Johan Adriaans
      Author: Johan Adriaans
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
Menu   - Helvetica Bold Condensed
Koppen - Arial bold
Text   - Verdana
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html     { font-family: Verdana, Arial, sans-serif; height: 100%; }
body     { background: #FFD232 url('../images/background.body.png') repeat-x; padding-top: 1em; color: #333333; font-size: 0.95em; height: 100%; }
div#site { background-color: #ffffff; border: 5px solid white; padding-bottom: 2em; position: relative; }

/* Toolbox */
body .nopadding, body table td.nopadding, body table th.nopadding { padding: 0; }
body .nomargin, body table td.nomargin, body table th.nomargin { margin: 0; }
body .left { float: left; }
body .right { float: right; }
body .nofloat { float: none; }
.prefix-half { padding-left: 20px; }
.suffix-half { padding-right: 20px; }

/* Disable bluetrip external link icons */
a[href^="http:"], a[href^="http:"]:visited { background-image: none; padding-right: 0px; }
.container a, .container a:link, .container a:visited { color: #ff3801; }

/* Markup text at top in tables (when using images next to text) */
body table td, body table th { vertical-align: top; }
.container table { border-left: 1px; border-top: 1px; }
.container div.product_detail table, .container div.category_overview table { border-left: 0px; border-top: 0px; }
.container th, .container td { border-bottom: 0px; border-right: 0px; padding: 0.2em; }

/* Markup headers */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #d5541e;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
}

.title { color: #FF3801; }

.container h1 { font-size: 1.6em; }
.container h2 { font-size: 1.4em; }
.container h3 { font-size: 1.3em; }
.container h4 { font-size: 1.1em; }
.container h5 { font-size: 1.1em; }
.container h6 { font-size: 1em; }

body h1:first-child, body h2:first-child, body h3:first-child, body h4:first-child, body h5:first-child, body h6:first-child {
  margin-top: 2px;
}

/*************************************************/
/*   Template specifieke kleuren (optioneel)     */
/*************************************************/
div#site.blauw { background: #83A0E2 url('../images/background.site.blauw.jpg') no-repeat; }
div#site.groen { background: #6EB37C url('../images/background.site.groen.jpg') no-repeat; }
div#site.rood  { background: #663234 url('../images/background.site.rood.jpg') no-repeat;  }
div#site.bruin { background: #683001 url('../images/background.site.bruin.jpg') no-repeat; }
div#site.paars { background: #70617E url('../images/background.site.paars.jpg') no-repeat; }

/**************************************/
/*              HEADER                */
/**************************************/
a#logo { display: block; margin-top: 14px; background: transparent url('../images/logo.zonweringonline.png') no-repeat; width: 228px; height: 133px; float: left; position: absolute; z-index: 2; text-indent: -1000em;}

/**************************************/
/*             NAVIGATION             */
/**************************************/
div#topmenu ul { margin: 38px 15px 0 0px; list-style: none; }
div#topmenu ul li { margin: 0; display: inline; }
div#topmenu ul li a { color: black; text-decoration: none; text-shadow: #888888 0px 0px 2px; }
div#topmenu ul li a:hover { text-decoration: underline; }

div#menu { z-index: 1; position: relative; }
div#menu ul {  margin: 64px 0px 40px 228px; height: 55px; list-style: none; font-family: helvetica, sans-serif; font-size: 1.25em; font-weight: bold; }
div#menu ul li { margin: 0; float: left; display: inline; position: relative; }
div#menu ul li a { position: relative; z-index: 1; display: block; margin-left: 1px; color: black; text-transform: uppercase; text-decoration: none; line-height: 38px; width: 147px; text-align: center; background: transparent url('../images/background.menu.png') repeat-x; text-shadow: #ffd955 1px 1px 1px; }
div#menu ul li.item-1 a { margin-left: -17px; }
div#menu ul li a:hover { background-position: 0 -46px; color: #d5541e; }
div#menu ul li.current a { }

div#menu div.slider           { visibility: hidden; overflow: hidden; width: 264px; height: auto;  background: transparent url(../images/background.submenu.png) no-repeat left bottom; position: absolute; top: 42px; left: -16px; }
div#menu ul.sub               { height: auto; margin: 10px 0px 30px 0px; z-index: 0; white-space: nowrap;  }
div#menu ul.sub li            { float: none; }
div#menu ul.sub li a:link,
div#menu ul.sub li a:visited,
div#menu ul.sub li a          { color: #d5541e; background-image: none; text-align: left; font-size: 0.75em; padding: 4px 0 3px 15px; margin: 0 17px; height: auto; font-weight: normal; text-transform: none; text-decoration: none; width: auto; line-height: 1.8em; display: block; text-shadow: none; }
div#menu ul.sub li a:hover    { background-color: #FFCB2B; }

/* Hide unwanted menu items */
div#menu ul li { display: none; }
div#menu ul ul.sub li, div#menu ul li.item-1, div#menu ul li.item-2, div#menu ul li.item-3, div#menu ul li.item-4,div#menu ul li.item-cart { display: inline; }

/* Hide shopping basket in main section */
div#section_main div.basketAction { display: none; }

/* Define buttons */
div#site a.button, div#site button { font-weight: bold; border: 1px solid; color: white; background: #ffa400 url('../images/background.button.png') repeat-x 0px 0px; }
div#site a.button:hover, div#site button:hover { background-position: 0px -50px; }
div#site a.button:active, div#site button:active { color: #FF3801;  }

/* Category menu */
div.ShopModule div.menuAction ul { list-style: none; margin: 0 0 1em 0; padding: 0; }
div.ShopModule div.menuAction ul li { margin: 0; padding: 0; }
div.ShopModule div.menuAction ul li a { display: block; line-height: 1.8em; padding-left: 10px; background: #fff; margin-bottom: 1px; text-decoration: none; font-weight: bold; }
div.ShopModule div.menuAction ul li a:hover { background: #fff; }

div.ShopModule div.menuAction ul li ul li a { padding-left: 20px; background: transparent; font-weight: normal; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
h1.pagetitle { background: transparent url('../images/background.pagetitle.png') no-repeat; color: white; margin: 0 0 10px; padding: 0 0 0 15px; line-height: 28px; text-transform: uppercase; letter-spacing: -1px; font-size: 1.3em; font-weight: bold; font-family: helvetica, sans-serif; }
div#section_column div.iziModule,
div#section_column div.iziContent      { background: transparent url('../images/background.block.top.png') no-repeat; padding-top: 8px; margin-bottom: 2em; }
div#section_column div.iziAction,
div#section_column div.iziInnerContent { background: transparent url('../images/background.block.bottom.png') left bottom;  padding: 1px 15px; margin-top: 5px; }
div.leftcolumn { width: 220px; }
div.main-top-configurator { height: 42px; background: transparent url('../images/background.configurator-bar.png') no-repeat left top; }
div.main-top { height: 14px; background: transparent url('../images/background.main.top-bottom.png') no-repeat left top; }
div.main-content { padding: 5px 15px; background-color: white; margin-bottom: 0px; position: relative; }
div.main-bottom { height: 14px; background: transparent url('../images/background.main.top-bottom.png') no-repeat left bottom; margin-bottom: 1em; }

/* Newsletter subscribe */
div.subscribeAction input { width: 180px; border: 1px solid #555; margin: 5px 0; }
div.subscribeAction label { font-weight: normal; }
div.subscribeAction button { margin-right: 0; }

/* Home layout */
div#homeListing { margin-left: 20px; }
div#homeListing div.item { width: 340px; height: 215px; background: transparent url('../images/background.product.white-circle.png') no-repeat; position: relative; margin-left: -20px; margin-bottom: 10px; }
div#homeListing div.item img.item-image { position: absolute; bottom: 0px; left: 5px; }
div#homeListing div.item h2.title { text-transform: uppercase; color: #FF3801; font-family: sans-serif; font-size: 1.7em; line-height: 0.9em; margin-top: 30px; }
div#homeListing div.item p { margin: 0; }
div#homeListing div.item h2.price { color: black; margin: 0; font-size: 2em; font-family: arial, sans-serif; }
div#homeListing div.item a.readmore { position: absolute; width: 133px; height: 64px; background: transparent url('../images/button.black-circle.png') no-repeat; color: white; text-decoration: none; font-weight: bold; font-size: 1.2em; text-align: center; padding-top: 22px; bottom: -25px; right: 30px; font-family: arial, sans-serif;}

div.product h2.title { color: #FF3801; font-family: sans-serif; font-size: 1.7em; margin-bottom: 1em; }
div.product a.buy { position: absolute; width: 133px; height: 64px; background: transparent url('../images/button.black-circle.png') no-repeat; color: white; text-decoration: none; font-weight: bold; font-size: 1.15em; text-align: center; padding-top: 22px; bottom: -30px; right: 30px; font-family: arial, sans-serif; }
div.buylink { position: relative; clear: both; }
div.buylink a.buy { position: absolute; width: 133px; height: 64px; background: transparent url('../images/button.black-circle.png') no-repeat; color: white; text-decoration: none; font-weight: bold; font-size: 1.15em; text-align: center; font-family: arial, sans-serif; padding-top: 22px; right: 10px; top: -30px; }
div.imageContainer div.imageCanvas { border: 0px; }

ul.order, ul.order ul { margin-bottom: 0px; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#footer a,
div#footer { text-align: center; color: #ffffff; }


/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, body#tinymce td, body#tinymce pre { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
body#tinymce { background: white; }

/* Make home editable */
body#tinymce div#homeListing { background-color: #dddddd; margin-left: 0px; height: 1000px; }