/* #### Home Page #### */

/* #### General Home Settings #### */
/* # Description: General CSS Settings for Home Page # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 02-10-2012 # */
#home {float: left;padding-top:12px; width:100%; color: #666666;height: 390px;}
#home div.slider {float:left;background:black; /*width:75%;*/width: 100%; height:242px; }
#home div.spacer {float:left; width:1%;}
#home div.loginForm {float:right;width:24%; height:240px;} 
#home div.ticker {width:100%;margin:12px 0 5px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; height:30px; color: #666666;background: #f0f0f0;overflow: hidden; } 
#home div.contentWrap {width:100%; display:none;}

/* #### Scroll Ticker #### */
/* # Description: Scrolls news which are configured in umbraco # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 04-12-2012 # */
#home div.ticker .tickercontainer {width: 820px; height: 27px;margin: 0;padding: 0;overflow: hidden;  }
#home div.ticker .tickercontainer .mask {position: relative;top: 8px;height: 18px;overflow: hidden;}
#home div.ticker ul {position: relative;/*left: 900px;*/list-style-type: none;margin: 0;padding: 0;}
#home div.ticker ul li {float: left;margin: 0;padding-right: 65px;/*background: #fff;*/}
#home div.ticker ul li a {text-decoration:underline;}

/* #### Content Boxes #### */
/* # Description: four content boxes # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 11-11-2012 # */
#home div.contentWrap div.contentBox {float:left;width: 195px; margin-right:15px; position:relative;}
#home div.contentWrap div.contentBox h3 {color: #666666;background: #f0f0f0;padding:5px; font-size:1.1em;text-transform: uppercase; }
#home div.contentWrap div.contentBox div.content {padding:5px;}
#home div.contentWrap div.contentBox a {color:#444444; text-decoration:none;}
#home div.contentWrap div.contentBox p {padding-bottom:5px;}
#home div.contentWrap div.contentBox img {border:0;}
#home div.contentWrap div.contentBox ul {list-style:none;}
#home div.contentWrap div.contentBox1 ul li {margin-top: 3px;margin-bottom: 3px;background-image:url(/images/icons/arrow.gif);background-repeat: no-repeat;padding-left: 20px;}
#home div.contentWrap div.contentBox4 ul li {margin-top: 3px;margin-bottom: 3px;background-image:url(/images/icons/arrow.gif);background-repeat: no-repeat;padding-left: 20px;}
#home div.contentWrap div.contentBox ul li {margin-bottom:10px;}
#home div.contentWrap div.contentBox4 {margin-right:0;}
#home div.contentWrap div.contentBox ul.newsBox a {color:#666666;}
#home div.contentWrap div.contentBox ul.newsBox span.shortTitle {font-weight:bold;}
#home div.contentWrap div.contentBox ul.newsBox span.dateLocation {font-size:0.9em;font-style:italic;}
#home div.contentWrap div.contentBox a.more {padding-top: 5px;text-decoration:none;}

/*Quick Order*/
#home div.contentWrap div.container1 { margin-top: 10px;margin-bottom: 15px;height: 323px;}
#home div.contentWrap div.container1 div.markets {position: relative;float: left;width: 65%;min-height: 100%; height:auto !important;height:100%; overflow: hidden !important;  }
#home div.contentWrap div.container1 div.quickOrderButtons {;margin: 0;padding: 0;position: relative;float: right;width: 33%;min-height: 100%; height:auto !important; height:100%; }
#home div.contentWrap div.container1 div.quickOrderButtons div.inner div.qoButton {clear: both; width: 100%;margin-bottom: 10px; }
#home div.contentWrap div.container1 div.quickOrderButtons div.inner div.qoButton img { width: 100%;}
#home div.contentWrap div.container1 div.quickOrderButtons div.inner div.qoButton:last-child img { margin-bottom:0; }

/* #### Wordpress Plugin #### */
/* # Descscription: Shows a predefined number of blog posts by using the provided feed URL # */
/* # Author: gdwi # */
/* # Created: 21-01-2013 # */
/* # Updated: 07-11-2013 # */i
#home div.contentWrap div.contentBox div.content div.wordpressPlugin { min-height: 100px;}
#home div.contentWrap div.contentBox div.content div.wordpressPlugin div.inner {}
#home div.contentWrap div.contentBox div.content div.wordpressPlugin div.item,
#home div.contentWrap div.contentBox div.content div.wordpressPlugin div.lastItem {margin-bottom:5px;background: url(/images/icons/blog.png) no-repeat 0 0;}
#home div.contentWrap div.contentBox div.content div.wordpressPlugin div.item div.title,
#home div.contentWrap div.contentBox div.content div.wordpressPlugin div.lastItem div.title {padding-left:22px; padding-top:4px;}

/* #### Image slider #### */
/* # Description: Image promotion slider # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 06-11-2013 # */
#home div.slider div.inner {position:relative; padding:0; margin:0;width:100%; }
#home div.slider div.inner div.container {position:absolute;color: #444444;top:30px;left:50px;height:100%;width: 275px;}
#home div.slider div.inner div.container div.text {padding:10px; }
#home div.slider div.inner div.container div.text h1 { font-size: 1.4em;margin-bottom: 15px;}
#home div.slider div.inner div.container div.text p { padding-top:5px;}
#home div.slider div.inner div.container div.text a { color:#444444;}
#home div.slider div.homePagination ul {position:absolute;top:220px;right:10px;}
#home div.slider div.homePagination ul li {list-style:none;border:1px solid #ffffff;background:#ffffff;width:9px;height:9px;float:left;text-align:center;margin-left:5px;}
#home div.slider div.homePagination ul li.active {background:#444444;color: #ffffff;border:1px solid #cccccc;}
#home div.slider div.homePagination ul li a {display:block;width:9px;height:9px;font-size: 1px;}


/* #### Home Login Box #### */
/* # Description: Shows the usercontrol if user is not logged in # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 02-10-2012 # */
#homeUserAccount {border:1px solid #cccccc; height:100%;}
#homeUserAccount div.content {padding:5px;}
#homeUserAccount h4 {background:#f0f0f0;padding: 5px 0 0 5px; text-transform:uppercase;}
#homeUserAccount p.new-user-link {float:left;padding-top:5px;background:url(/images/icons/create_account.gif) center left  no-repeat;margin-left:5px;height:22px;}
#homeUserAccount p.new-user-link a{color:#FF6600;font-size: 0.9em;padding-left:23px;padding-top:5px;height:22px;text-decoration:underline;}
#homeUserAccount p.new-user {float:left;padding-top:5px;height:22px;}
#homeUserAccount div#home-box-login-form {border-top: 1px solid #cccccc;padding-right:3px;clear:left;}
#homeUserAccount div#home-box-login-form p {padding-top:6px;}
#homeUserAccount div#home-box-login-form a {font-size:0.9em;text-decoration:underline;color: #666666;}
#homeUserAccount input[type=text],#homeUserAccount input[type=password]  {padding-left:2px;width:100%;height:23px;line-height:23px;border:1px solid #cccccc;background:#f0f0f0;color:#666666;}
#homeUserAccount input[type=submit] {float:right;padding:2px;border:#000066;background:#EE8016;color:#ffffff; height:25px; width:50px; border:0;}
#homeUserAccount .home-small {font-size:10px;}
#homeUserAccount div.actions {float:left;width:100%; margin-top:10px;}
#homeUserAccount div.actions div.links {float:left;text-align:left;}
#homeUserAccount div.actions div.button {float:right;margin:0;padding:0;} 

/* #### Home Markets #### */
/* # Description: Shows for each of the 4 markets a image and a richt text # */
/* # Author: gdwi # */
/* # Created: 2013-11-07 # */
/* # Updated: 2013-11-07 # */
#homeMarkets { background: #f0f0f0;height: 327px;padding: 0;margin: 0;font-size: 0.9em;}
#homeMarkets div.item { width: 100%;height: 80px;}
#homeMarkets div.item div.image { float: left;width: 20%;min-width: 100px;}
#homeMarkets div.item div.image img {max-height: 80px;padding: 0;min-width: 50px;}
#homeMarkets div.item div.content { float: left; width: 79%;}
#homeMarkets div.item div.content div.inner { padding: 5px 5px 10px 5px ;margin-right: 10px;border-bottom: 1px dashed #cccccc;}
#homeMarkets div.item div.content div.inner p {}
#homeMarkets div.item:last-child div.content div.inner,  #homeMarkets div.last-item div.content div.inner{ border-bottom: 0;}

/* #### landing page #### */
/* # Description: Shows the landing page overlay where user has to select his country # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 02-10-2012 # */
#landingPage {}
#landingPage div.landingpage-content {width: 690px;background: url(/images/system/worldmap.gif) no-repeat;height: 282px;padding: 10px;  float:left;text-align: left;}
#landingPage div.landingpage-content-inner {position: absolute;top:250px;height:34px;width: 690px;background: #dbdfff;color: #000961;left:40px;padding-top:10px;padding-left:10px;border: 1px solid #6875b1;}
#landingPage div.landingpage-content-inner-text {position:relative;float:left;width:200px;padding-top:3px;z-index:300;}
#landingPage div.landingpage-logo {padding-top: 10px;margin-bottom: 20px;background-image:url(/images/logo.gif);background-repeat:no-repeat;background-position:left;width:229px;height:50px;float:left;}
#landingPage div.landingpage-dropdown {position:relative;z-index:300;float:left;padding-top:3px;}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */