/* Minification failed. Returning unminified contents.
(4428,14): run-time error CSS1035: Expected colon, found '5px'
 */
/*! jQuery UI - v1.9.2 - 2013-02-20
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=%23006699&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23006699&fcHeader=%23ffffff&iconColorHeader=%23eeeeee&bgColorContent=%23eeeeee&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23cccccc&fcContent=%23333333&iconColorContent=%23333333&bgColorDefault=%23006699&bgTextureDefault=highlight_soft&bgImgOpacityDefault=75&borderColorDefault=%23006699&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%23ffffff&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23006699&fcHover=%23333333&iconColorHover=%23333333&bgColorActive=%23333333&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23111111&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23fbf9ee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=highlight_soft&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;zoom:1}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;zoom:1}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}* html .ui-autocomplete{width:1px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0em}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;width:100%}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;zoom:1;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}* html .ui-tooltip{background-image:none}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ccc;background:#eee url(images/ui-bg_flat_75_eeeeee_40x100.png) 50% 50% repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #069;background:#069 url(images/ui-bg_highlight-soft_75_006699_1x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #069;background:#069 url(images/ui-bg_highlight-soft_75_006699_1x100.png) 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#fff;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #069;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;font-weight:normal;color:#333}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#333;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #111;background:#333 url(images/ui-bg_flat_65_333333_40x100.png) 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_highlight-soft_55_fbf9ee_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_highlight-soft_95_fef1ec_1x100.png) 50% top repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_333333_256x240.png)}.ui-widget-content .ui-icon{background-image:url(images/ui-icons_333333_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_eeeeee_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_333333_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-khtml-border-top-right-radius:3px;border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
* {
    margin: 0;
    padding: 0;
}

body {
	background: #000000;
    color: #dddddd;
    font-size: 12px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

a:link,
a:visited,
a:active,
a:hover {
    color: #dddddd;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

header,
footer,
hgroup,
nav,
section {
    display: block;
}


.left {
    float: left;
}

.right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {    
    margin-bottom: 0;
    padding-bottom: 0;
    color: #eeeeee;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
    margin: 1px 0 2px 0;
}

h4 {
    font-size: 1.1em;
}

h5,
h6 {
    font-size: 1em;
}

ul {
	list-style-type: none;
}

p {
	padding: 5px 0 10px 0;
}

a,
a > img {
	border: none;
}

/* main layout
----------------------------------------------------------*/
.header-wrapper {
    padding: 40px 0 0 0;
}

.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

header {
	margin-bottom: 10px;
}

#body {
    clear: both;
    background: none;
    padding-bottom: 35px;    
}

    .main-content {
        padding: 10px;
    }
    
footer {
    clear: both;
    height: 100px;
    padding: 10px 0 0 12px;
}
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
		/* FLEX
        padding-right: 10px;
        padding-left: 10px;
		*/
		
		margin: 4px;
        padding: 10px;
        border: 1px solid #8888bb;
        border-radius: 7pt;
        background: #ccccff;
        flex: 1 6 20%;
        order: 1;
		
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.one,
            ol.round li.two,
            ol.round li.three {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    fieldset input[type="text"],
    fieldset input[type="password"] {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }

        ul#social {
            padding: 0;
            margin: 0;
        }

        a.facebook, a.twitter {
            background: none;
            display: inline;
            float: none;
            height: auto;
            padding-left: 0;
            text-indent: 0;
            width: auto;
        }
}
html {
    margin: 0;
    padding: 0;
}

body {
	background: #fefefe url('../../Content/images/back.png') no-repeat center top fixed;
    color: #333333;
    font-size: 13px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a:link,
a:visited,
a:active,
a:hover {
    color: #333333;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

header,
footer,
hgroup,
nav,
section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.highlight {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {    
    margin-bottom: 0;
    padding-bottom: 0;
    color: #004667;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 22px;
    margin: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
    margin: 1px 0 2px 0;
}

h4 {
    font-size: 1.1em;
}

h5,
h6 {
    font-size: 1em;
}

ul {
	padding: 0;
	list-style-type: none;
}

p {
	margin: 0;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 300px;
    min-height: 100px;
}

#body {
    clear: both;
    background: none;
    /*margin: 200px 0;*/
}

    .main-content {
        padding: 20px 20px 0 20px;
        background-color: rgba(255, 255, 255, 0.8);
        -moz-box-shadow: 0 0 6px 2px #555555;
		-webkit-box-shadow: 0 0 6px 2px #555555;
		box-shadow: 0 0 6px 2px #555555;
        border: 1px Solid #f0f0f0;
        -moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
    }

footer {
	font-size: 10px;
}

#footer-menu {
	text-align: center;
	margin: 2px 0;
}

	#footer-menu li {
		display: inline;
		padding: 2px 20px;		
	}
	
		#footer-menu li a {
			font-size: 10px;
			color: #777777;
		}
    
/* store-list
----------------------------------------------------------*/
#store-list {
    margin: 15px 10px;
}

	#store-list li {
		margin: 4px 8px 4px 4px;
	}
	
	#store-list li.separator {
		border-top: 1px solid #bbbbbb;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
		#store-list li a {
			display: inline-block;
			color: #333333;
			text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #777777 /*{a-bar-shadow-color}*/;
			width: 100%;
			font-size: 15px;
			font-weight: 400;
			padding: 2px 0;
			text-indent: 15px;
			border: 1px solid transparent;
			line-height: 32px;
			letter-spacing: 2px;
			height: 36px;
		}
		
			#store-list li a span {
				display: inline-block;
				padding: 7px 0 0 0;
			}
			
			#store-list li a div {
				float: left;
				width: 32px;
				height: 32px;
				text-align: center;
				text-indent: 0;
				margin-left: 4px;
				background-position: center center;
				background-repeat: no-repeat;
			}
			
				#store-list li a div.at {
					background-image: url('../../Content/images/flags/at_32.png');
				}
			
				#store-list li a div.de {
					background-image: url('../../Content/images/flags/de_32.png');
				}
			
				#store-list li a div.ch {
					background-image: url('../../Content/images/flags/ch_32.png');
				}
				
				#store-list li a div.it {
					background-image: url('../../Content/images/flags/it_32.png');
				}
				
				#store-list li a div.fr {
					background-image: url('../../Content/images/flags/fr_32.png');
				}
				
				#store-list li a div.es {
					background-image: url('../../Content/images/flags/es_32.png');
				}
				
				#store-list li a div.uk {
					background-image: url('../../Content/images/flags/uk_32.png');
				}
			
		#store-list li a:hover,
		#store-list li a.selected {
			border: 1px solid #aaaaaa;
			background: url('../../../Content/images/nav_menu_item_back.png') repeat-x;
			-moz-box-shadow: 1px 1px 6px #ffffff;
			-webkit-box-shadow: 1px 1px 6px #ffffff;
			box-shadow: 1px 1px 2px 0 #aaaaaa;
			text-decoration: none;
		}
		
		#store-list li a.selected {
			background: url('../../../Content/images/nav_menu_item_back_selected.png') repeat-x;
		}
*
{
	font-family: 'Barlow Condensed', 'Segoe UI', Verdana, Helvetica, Sans-Serif;
}

html {
    margin: 0;
    padding: 0;
	/*background: #fefefe url('../Content/images/back.png') no-repeat center top fixed;*/
    overflow-y: scroll;
}

body {
    color: #333333;
    font-size: 1em;
    font-family: 'Barlow Condensed', 'Segoe UI', Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a:link, a:visited,
a:active, a:hover {
    color: #333333;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

header, footer, hgroup,
nav, section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.bold
{
	font-weight: bold;
}

h1, h3,
h4, h5, h6 {    
    margin-bottom: 0;
    padding-bottom: 0;
    color: #111111;
}

h1 {
    font-size: 2em;
}

h2
{
    color: #008BCB;
	font-size: 1.7em;
	line-height: normal;
	margin: 0 0 10px;
	text-shadow: 1px 1px 1px #cccccc;
}

h3 {
    font-size: 1.2em;
    margin: 1px 0 2px 0;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

ul {
	padding: 0;
	list-style-type: none;
}

p {
	margin: 0;
	padding: 5px 0 10px 0;
}

ul,
li {
	margin: 0;
	padding: 0;
}

iframe {
    border: none;
    overflow: auto;
}

/* main layout
----------------------------------------------------------*/
.header-wrapper {
    /*padding: 40px 0 0 0;*/
}

.content-wrapper {
    margin: 0 auto;
    max-width: 100%;
}

#info {
	display: none;
	background: rgba(255,255,255,0.2);
	border: 1px solid #ffffff;
	color: #ffffff;
	position: fixed;
	margin: 30px 10px 0 0;
	padding: 5px;
	width: auto;
	z-index: 999;
	border-radius: 6px;
}

	.title {
		color: #ffffff;
		margin: 0;
	}
	/*
	.text {
		font-size: 11px;
	}
	*/
	
header {
	position: fixed;
    width: 100%;
    z-index: 999;
}

    header.redirection {
	    margin-top: 30px;
    }

#body {
	/* FLEX
    clear: both;
    background: none;
	padding-top: 105px;
	*/
	 	min-height: 800px;
        margin: 0px;
        padding: 145px 0 0 0;
        display: flex;
        flex-flow: row;
}

    .main-content {
        /* FLEX
		padding: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px Solid #f0f0f0;
        overflow: hidden;
        position: relative;
        width: 100%;
		box-shadow: none;
		
		*/
		margin: 41px 0px 43px 4px;
        flex: 3 1 60%;
        order: 2;
		border-radius: 0;
		box-shadow: inset 3px -3px 3px 0px rgba(0,0,0,0.35);
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }

footer {
    clear: both;
    background-color: #666666;
    color: #ffffff;
    font-size: 1em;
    height: 100px;
    padding: 10px 0 0 12px;
	margin-top: 20px;
}

#main-content {
    overflow: hidden;
	padding: 10px 0;
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    margin: 10px 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
    border-style: none;
}

.site-title img {
    border-style: none;
}

/* redirection
----------------------------------------------------------*/
#redirection {
    position: fixed;
    width: 100%;
    height: 30px;
    background: #ddbb22;
    z-index: 10;
    top: 0;
    border-bottom: 1px solid #555555;
}

    #redirection div {
        color: #ffffff;
        padding: 5px 20px;
        display: table;
        margin: 0 auto;
    }
    
        #redirection div span {
            font-size: 1.2em;
            font-weight: 600;
            padding-right: 10px;
        }
    
    #redirection a {
        padding: 1px 10px;
        border: 1px solid #333333;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
        background: #eeeeee;
        -moz-box-shadow: 0 0 2px 0 #777777;
	    -webkit-box-shadow: 0 0 2px 0 #777777;
	    box-shadow: 0 0 2px 0 #777777;
        text-decoration: none;
        margin: 0 5px;
        font-size: 1.0em;
        font-weight: 600;
    }
    
    #redirection a:hover {
        background: #ffffff;
        text-decoration: none;
    }

/* loading
----------------------------------------------------------*/
.modal {
	display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left:  0;
    height: 100%;
    width: 100%;
    background: rgba(128,128,128,0.2);
}

	.modal .display {
		position: absolute;
		left: 50%;
		top: 50%; 
		margin-left: -128px;
		margin-top: -64px;
		width: 256px;
		height: 128px;
		z-index: 1001;
		background: rgba(255, 255, 255, 0.9) url('/Content/images/loading.gif') 50% 50% no-repeat;
		border: 1px solid #cccccc;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		border-radius: 16px;
	}

body.loading {
    overflow: auto;
}

body.loading .modal {
    display: block;
}

.partial-modal {
    display: none;
    position: absolute;
    background: rgba( 0, 0, 0, 0.7 );
}

.partial-loading {
    /*overflow: hidden;*/
}

.partial-loading .partial-modal {
    display: block;
}

.loading {
    position: absolute;
    background: rgba( 255, 255, 255, .8 ) url('../../Content/images/loading.gif') no-repeat center center;
    z-index: 1000;
    overflow: hidden;
}

/* login
----------------------------------------------------------*/
#login {
    z-index: 1000;
    color: #ffffff;
	padding: 3px;
}

    #login p {
        padding: 5px;
    }

	#login img {
		vertical-align: middle;
	}
	
    #login a {        
        text-decoration: underline;
        color: #ffffff;
    }
    
    #login a:hover {        
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
        padding: 0 0 0 10px;
    }

    #login li {
        display: inline;
        list-style: none;
    }
    
/* login-container
----------------------------------------------------------*/
#login-container > form {
    list-style: none;
    padding: 10px 30px;
}

    #login-container > form label {
        width: 100px;
    }
    
/* basket
----------------------------------------------------------*/
#basket {
    float: right;
    /*margin-left: 780px;*/
    top: 0;
    padding: 3px;
    width: 200px;
/*    height: 40px;*/
    /*position: absolute;*/
    z-index: 1000;
    color: #ffffff;
	right: 0;
	border: 1px solid #DDDDDD;
	border-radius: 6px;
}

    #basket img {
		vertical-align: middle;
	}
	
    #basket a {
        display: block;
        color: #f0f0f0;
        padding: 5px;
    }
    
    #basket a:hover {        
        text-decoration: none;
    }

/* menu
----------------------------------------------------------*/
nav {
/*	
	z-index: 100;
    /*width: 100%;*/
    /*overflow: hidden;*/
    /*max-width: 960px;*/
/*
    margin: 0 auto;
	background: #006699;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	width: 750px;
	position: fixed;
	height: 40px;
	top: 0;
	left: 50%;
	margin-left: -375px;
*/

	/* Änderung danach */	
	z-index: 100;
	margin: 0 auto;
	background: #008bcb;
	/*
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	*/
	height: 44px;
	top: 0;
}

ul#menu {
    list-style-type: none;
    display: table;
	margin: 0 auto;
}

    ul#menu li {
        transition: background 0.2s;
    }
    
    ul#menu > li {
        float: left;
	    background: #008bcb;
    }
        
        ul#menu > li a {
            font-size: 1.2em;
            font-weight: 300;
            display: inline-block;
            background: none;
            color: #ffffff;
            text-decoration: none;
        }
        
        ul#menu > li > a {
            text-align: center;
            padding: 10px 15px;
        }

        ul#menu li:hover {
            background-color: #1177aa;
            text-decoration: none;
        }
        
        ul#menu li:hover ul.submenu {
            display: block;
        }
        
        ul.submenu {
            display: none;
	        background: #006699;
            -moz-box-shadow: 0 1px 3px 0px #333333;
			-webkit-box-shadow: 0 1px 3px 0px #333333;
			box-shadow: 0 1px 3px 0px #333333;
			z-index: 1000;
			list-style-type: none;
            position: absolute;
            text-align: left;
            margin-left: 2px;
        }
			
				ul.submenu > li a {
					padding: 5px 20px 5px 15px;
				}

/* side menu */
.menu-side {
	width: 120px;
	margin: 5px;
}

	.menu-side > li {
		margin-bottom: 10px;
	}
	
	.menu-side > li a {
		display: inline-block;
		border: 1px solid #006699;
		width: 100%;
		padding: 5px 0;
		text-align: center;
		font-weight: 600;
	}
	
	.menu-side > li a.selected {
		background: #ffffff;
		color: #333333 !important;
		font-weight: 600 !important;
		-moz-box-shadow: inset 0 0 6px #777777;
		-webkit-box-shadow: inset 0 0 6px #777777;
		box-shadow: inset 0 0 6px #777777;
		text-shadow: 0px 0px 2px #777777;
	}

/* category menu
----------------------------------------------------------*/
.category-menu {
	/*margin: -20px -20px 15px -20px;*/
	min-width: 335px;
	padding-top: 10px;
}
        
    .category-menu ul {
        margin: 0;
		padding-left: 25px;
        z-index: 100;
    }
    
    .category-menu .category-menu-list  {
    	overflow: hidden;
        padding: 0 20px;
        -moz-box-shadow: 0 0 3px 0 #666666;
		-webkit-box-shadow: 0 0 3px 0 #666666;
		box-shadow: 0 0 3px 0 #666666;
        -moz-border-radius: 5px 0 5px 5px;
        -webkit-border-radius: 5px 0 5px 5px;
        border-radius: 5px 0 5px 5px;
        background: #444444 url('../Content/images/category_menu_back.png') repeat-x;
    }
    
		.category-menu ul li {
			margin: 0;
			padding: 0;
		}
    
		.category-menu .category-menu-list > li {
			float: left;
		}
		
		.category-menu .category-menu-list > li:hover {
			background: #006699 url('../Content/images/category_menu_toplink_back.png') repeat-x;
		}
    
			.category-menu .category-menu-list > li a {
				display: inline-block;
				padding: 10px 20px;
				color: #ffffff;
				font-weight: 600;
				border: 1px solid transparent;
			}
    
			.category-menu .category-menu-list > li a:hover {
				text-decoration: none;
				color: #ffffff;
				cursor: pointer;
				border: 1px solid #006699;
			}
    
		.category-menu .category-menu-list ul {
			display: none;
			position: absolute;
			border-left: 1px solid #dddddd;
			border-right: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			-moz-box-shadow: 3px 3px 5px 0 #777777;
			-webkit-box-shadow: 3px 3px 5px 0 #777777;
			box-shadow: 3px 3px 5px 0 #777777;
			background: #ffffff;
		}
     
			.category-menu .category-menu-list ul > li {
				clear: both;
			}
           
				.category-menu .category-menu-list ul > li > a {
					width: 150px;
					padding: 5px 10px;
					font-size: 12px;
					font-weight: 400;
					color: #333333;
					float: left;
				}
    
				.category-menu .category-menu-list ul > li > a:hover {
					background: #006699;
				}
    
	.category-menu ul.second-level {
    	left: 172px;
	}
	
	.category-menu-quick-search {
		padding: 5px 10px;
		/*float: right;*/
		background: #008bcb;
		position: fixed;
		width: 100%;
		z-index: 99;
	}
	
	
/* breadcrumbs
----------------------------------------------------------*/
.breadcrumbs {
	border: 1px solid #cccccc;
	background: #efefef;
	overflow: hidden;
	font-size: 0.9em;
	padding: 0 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

    .breadcrumbs .separator {
        display: inline-block;
        background: url('../Content/images/list_separator_arrow.png') no-repeat center center;
        width: 10px;
        height: 20px;
        padding: 0 0 !important;
        margin: 0;
        overflow: auto;
		line-height: normal;
    }
	
	.breadcrumbs a{
		background: #dddddd;
		border: 1px solid #999999;
		padding: 0 10px;
		line-height: 20px;
		overflow: hidden;
		font-weight: normal;
		color: #004c72;
		border-radius: 4px;
	}
	
/* filter list
----------------------------------------------------------*/
.filters {
	/*
	width: 180px;
	overflow: hidden;
	float: left;
	padding: 0 4px;
	*/
    /*height: 70px;*/
    background-color: #bce4fa;
    border: 1px solid #3384aa;
    border-radius: 6px;
    min-height: 70px;
    padding: 10px;
}
/*	
	.filters h5 {
		margin: 4px 0 0 0;
	}
*/	
/*
	.filters .filter-list > li {
		margin: 2px 0 10px 0;
	}
*/	
	.filters .filter-set-list {
		padding: 0 0 4px 0;
		border-bottom: 1px solid #cccccc;
	}
/*	
		.filters .filter-set-list > li {
			margin: 0 0 8px 0;
		}
*/
	.filters .filter-sub-category-list {
		padding: 0 0 8px 0;
		margin: 0;
	}
	
	.filters .filter-select {
	    /*width: 100%;*/
	}
	
/* filter
----------------------------------------------------------*/
.filter-container {
	background: #fefefe;
	-moz-box-shadow: 1px 1px 2px 0 #333333;
	-webkit-box-shadow: 1px 1px 2px 0 #333333;
	box-shadow: 1px 1px 2px 0 #333333;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

	.filter-container .filter-header {
		font-weight: 400;
		font-size: 11px;
		margin: 0;
		padding: 4px 4px 2px 4px;
		background: url('../../Content/images/filter_header_back.png');
		border: 1px solid #cccccc;
		color: #333333;
		text-shadow: none;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	

	.filter-container .filter-expandable:hover {
		cursor: pointer;
		background: url('../../Content/images/filter_header_back_hover.png');
		color: #006699;
	}
	
		.filter-container .filter-expandable .icon {
			display: inline-block;
			width: 13px;
			height: 13px;
			background: url('../../Content/images/arrow_circle_right.png');
		}
		
		.filter-container .filter-expandable.selected .icon {
			background: url('../../Content/images/arrow_circle_down.png');
		}

	.filter-container .filter-content {
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		padding: 2px 4px;
		font-size: 11px;
	}
	
		.filter-container .filter-content .filter-value {
			clear: both;
		}
		
		.filter-container .filter-content .filter-value:hover {
			background: #dddddd;
		}
		
			.filter-container .filter-content .filter-value a {
				display: inline-block;
				width: 100%;
			}
			
			.filter-container .filter-content .filter-value a:hover {
				cursor: pointer;
				text-decoration: none;
				color: #006699;
				font-weight: 400;
			}
			
			.filter-container .filter-content .filter-value a:hover span {
				font-weight: 400;
			}
		
			.filter-container .filter-content .filter-value span {
				color: #bbbbbb;
			}

/* slider filter
----------------------------------------------------------*/
.filter-slider {
    margin: 5px 10px;   
}

/* filter-set
----------------------------------------------------------*/		
.filter-set-container {
	background: #edf2f4;
	-moz-box-shadow: 1px 1px 2px 0 #e3ecef;
	-webkit-box-shadow: 1px 1px 2px 0 #e3ecef;
	box-shadow: 1px 1px 2px 0 #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #afbfc6;
}

	.filter-set-container .filter-set-header {
		font-weight: 600;
		font-size: 11px;
		margin: 0;
		padding: 2px 4px;
		color: #333333;
		text-shadow: none;
	}
	
		.filter-set-container .filter-set-header .icon-close:hover {
			cursor: pointer;
			border: 1px solid #cccccc;
		}
	
	.filter-set-container .filter-set-content {
		padding: 2px 4px;
		font-size: 11px;
	}
	
.icon-close {
	display: inline-block;
	width: 9px;
	height: 9px;
	border: 1px solid transparent;
	background: url('../../Content/images/close.png');
}

/* filter-sub-category
----------------------------------------------------------*/		
.filter-sub-category-container {
	background: transparent;
	padding: 2px;
	font-size: 11px;
}

/* customer area
----------------------------------------------------------*/
#customer-body {
	background: #fefefe;
	width: 770px;
	margin-left: 150px;
	-moz-box-shadow: 0 0 6px 3px #ffffff;
	-webkit-box-shadow: 0 0 6px 3px #ffffff;
	box-shadow: 0 0 6px 3px #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 400px;
	padding: 10px;
	overflow: auto;
}

/* customer data
----------------------------------------------------------*/
#customer-data {
    margin: 10px 0;
    overflow: hidden;
}

    #customer-data li {
        padding: 2px 0;
    }

    #customer-data label {
        display: inline-block;
        width: 140px;
        font-weight: 700;
        padding: 0 3px 0 0;
    }
    
    #customer-data #customer-name {
        font-size: 2em;
    }

#customer-functions {
    margin: 5px 0;
    overflow: hidden;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #fcfcfc;
    padding: 1px 0;
}

    #customer-functions li {
        float: left;
        padding: 0 3px 0 0;
    }
    
    #customer-functions a {
        color: #006699;
    }

#customer-addresses {
    padding: 10px 0;
}

    #customer-addresses #customer-invoice-addresses {
        overflow: hidden;
    }
    
    #customer-addresses #customer-delivery-addresses {
        overflow: hidden;
    }

/* Customer blocks
----------------------------------------------------------*/

.blocks .block {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 150px;
    height: 72px;
    margin: 10px;
    padding: 5px 3px 10px 10px;
    line-height: 14px;
    background: #fcfcfc;
    border: 1px solid #999999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 3px 0px #777777;
    -webkit-box-shadow: 1px 1px 3px 0px #777777;
    box-shadow: 1px 1px 3px 0px #777777;
}

    .blocks .block.default-address {
        background: rgba(102, 255, 102, 0.1);
        border: 1px solid #66aa66;

        -moz-box-shadow: 1px 1px 3px 0px #66aa66;
        -webkit-box-shadow: 1px 1px 3px 0px #66aa66;
        box-shadow: 1px 1px 3px 0px #66aa66;
    }

    .blocks .block .tools a {
        display: inline-block;
        padding: 1px;
        border: 1px solid transparent;
        line-height: normal;
        width: 16px;
        height: 16px;
    }
    
        .blocks .block .tools a:hover {
            background: #ffffff;
            border: 1px solid #cccccc;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

    .blocks .block .name {
        line-height: 20px;
        font-weight: 700;
    }
    
.blocks .block-add {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 163px;
    height: 87px;
    margin: 10px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #999999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 3px 0px #777777;
    -webkit-box-shadow: 1px 1px 3px 0px #777777;
    box-shadow: 1px 1px 3px 0px #777777;
    text-align: center;
}
    
    .blocks .block-add a {
        display: table-cell;
        width: 163px;
        height: 87px;
        vertical-align: middle;
        background: #ececec;
        color: #006699;
        -moz-box-shadow: inset 0 0 3px #cccccc;
        -webkit-box-shadow: inset 0 0 3px #cccccc;
        box-shadow: inset 0 0 3px #cccccc;
    }
    
        .blocks .block-add a:hover {
            background: #f3f3f3;
        }

/* Customer Settings
----------------------------------------------------------*/

.user-settings .tabs label {
	width: 250px;
	display: inline-block;
}

.user-settings h3 {
	margin: 0 0 3px 0;
	padding: 0 0 1px 0;
	font-size: 12px;
	font-weight: 600;
	border-bottom: 1px solid #aaaaaa;
}

.user-settings .description {
	color: #777777;
	font-size: 11px;
}

.user-settings input[type="submit"] {
    margin: 0 0 10px 0;
}

/* search header
----------------------------------------------------------*/
.search-header {
	padding: 1px 5px;
}

.search-header select {
	padding: 1px 2px;
}

.search-header label.select {
	padding-right: 5px;
}

/* search result list
----------------------------------------------------------*/
.search-result-list {
	/*margin-left: 200px;*/
}

/* extended search filter
----------------------------------------------------------*/
#search-filter-container {
	width: 200px;
	float: left;
}

    #search-filter-container label {
	    display: block;
	    width: 100%;
    }
    
    #search-filter-container select {
	    width: 180px;
    }

/* extended search result
----------------------------------------------------------*/
#search-result-container {
	overflow: hidden;	
}

    #search-result table {
	    width: 100%;
	    border-spacing: 0;
    }
    
        #search-result table thead th {
	        background: rgba(32, 32, 32, 0.5);
	        color: #ffffff;
	        padding: 2px 4px;
        }
        
        #search-result table tbody td {
	        background: rgba(228, 228, 228, 0.2);
	        color: #333333;
	        padding: 4px;
	        border-bottom: 1px solid rgba(32, 32, 32, 0.2);
	        height: 32px;
        }
        
        #search-result table thead th,
        #search-result table tbody td {
	        text-align: left;
	        vertical-align: top;
        }
        
        #search-result table tbody tr:hover {
	        background: rgba(255, 255, 255, 0.8);
	        cursor: pointer;
        }
        
        #search-result table td:first-child {
	        color: #006699;
	        font-weight: 600;
        }  
              
        #search-result table tbody td:last-child:hover {
	        cursor: default !important;
        }
                    
            #search-result table td a {
	            font-weight: 600;
            }
        
        #search-filter-loading,
        #search-result-loading {
            position: absolute;
            background: rgba(255, 255, 255, 0.7) url('../Content/images/ui-anim_basic_16x16.gif') no-repeat center center;
            text-align: center;
            vertical-align: middle;
            z-index: 1000;
        }

/* tyre search
----------------------------------------------------------*/
#tyre-search div {
    padding: 10px;   
}

#tyre-search label {
    width: auto;
}

#tyre-search #tyre-width {
    width: 40px;
}

#tyre-search label.tyre-width {
    width: 60px;
}

#tyre-search label.tyre-width,
#tyre-search label.tyre-aspectratio,
#tyre-search label.tyre-diameter,
#tyre-search label.tyre-manufacturer {
    display: inline;
    float: none;
    font-size: 8pt !important;
    font-weight: 700;
    line-height: normal;
}

#tyre-search #tyre-aspectratio {
    width: 40px;
}

#tyre-search #tyre-diameter {
    width: 30px;
}

#tyre-search #tyre-manufacturer {
    width: 100px;
}

/* rim search
----------------------------------------------------------*/
#rim-search div {
    padding: 10px;   
}

#rim-search label {
    width: auto;
}

#rim-search #rim-width {
    width: 40px;
}

#rim-search label.rim-width {
    width: 60px;
}

#rim-search label.rim-width,
#rim-search label.rim-aspectratio,
#rim-search label.rim-diameter,
#rim-search label.rim-manufacturer {
    display: inline;
    float: none;
    font-size: 8pt !important;
    font-weight: 700;
    line-height: normal;
}

#rim-search #rim-aspectratio {
    width: 40px;
}

#rim-search #rim-diameter {
    width: 30px;
}

#rim-search #rim-manufacturer {
    width: 100px;
}

/* device search
----------------------------------------------------------*/
#device-details {
    padding: 10px;
    clear: both;
}

    #device-details .spare-part-category-overview {
        padding: 10px;
        float: left;
    }
    
        #device-details .spare-part-category-overview a {
            display: inline-block;
            width: 200px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid #cccccc;
            padding: 50px 0;
        }
        
        #device-details .spare-part-category-overview a:hover {
            border: 1px solid #006699;
            background: rgba(0, 102, 153, 0.2);
            text-decoration: none !important;
            -webkit-transiton: border 0.1s, background 0.2s;
            -moz-transition: border 0.1s, background 0.2s;
            -ms-transition: border 0.1s, background 0.2s;
            -o-transition: border 0.1s, background 0.2s;
            -transition: border 0.1s, background 0.2s;
            transition: border 0.1s, background 0.2s;
        }
        
            #device-details .spare-part-category-overview a .category-name {
                font-size: 1.2em;
                font-weight: 600;
            }

/* items
----------------------------------------------------------*/
.items {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 0;
}

	.items li {
		float: left;
		margin: 0;
		padding: 0 10px 10px 0;
		width: 240px;
	}

/* Produktauflistung div */
.item {
	background-color: #e3e3e3;
	border: 1px solid #bbbbbb;
	border-radius: 6px;
	min-height: 380px;
	padding: 2px;
	/*width: 200px;*/
}

div .item:hover
{
	background-color: #a9d8ee;
	border-color: #3384aa;
}

	.item .price {
		text-align: right;
		right: 5px;
		padding-top: 10px;
	}
	
		.item .price-main {
			color: #fff;
			/*text-shadow: 0px 0px 2px #0088AA;*/
			font-weight: 600;
			font-size: 1.250em;
			background-color: #008bcb;
			padding: 0 5px;
			border-radius: 6px;
		}

		.item .price-main-normal-b2b{
			color: #fff;
			/*text-shadow: 0px 0px 2px #0088AA;*/
			font-size: 1.250em;
			background-color: #777777;
			padding: 0 5px;
			border-radius: 6px;
		}

		.item .price-main-b2b {
			color: #fff;
			/*text-shadow: 0px 0px 2px #0088AA;*/
			font-weight: 600;
			font-size: 1.250em;
			background-color: #008bcb;
			padding: 0 5px;
			border-radius: 6px;
		}
		
		.item .price-sub {
			color: #668899;
			text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
			font-weight: 700;
			font-size: 14px;
		}
		
		.item .price-vat {
			font-size: 12px;
		}

	.item a,
	.item a:link,
	.item a:visited {
		/*display: inline-block;*/
		width: auto;
	}
	
	.item a:hover {
		background-color: rgba(64, 128, 192, 0.4);
		text-decoration: none;
	}
	
.item-image {
	min-height: 210px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
}

	.item-image img {
		border: 5px solid white;
		background: #ffffff;
	}
	
.item-data {
	padding: 5px;
	min-height: 170px;
}

.item-data a h3
{
	min-height: 100px;
	margin: 0;
}
.item-data a:hover h3
{
	color: #004c72;
}

/* item-detail
----------------------------------------------------------*/
.item-detail {
	margin-top: 20px;
	padding-bottom: 20px;
}

    .item-detail .image {
        margin: 5px 20px 5px 5px;
        border: 5px solid #ffffff;
        -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
        -moz-box-shadow: 0 0 6px 0 #cccccc;
		-webkit-box-shadow: 0 0 6px 0 #cccccc;
		box-shadow: 0 0 6px 0px #cccccc;
    }
    
    .item-detail .image:hover {
        -moz-box-shadow: 0 0 6px 0 #006699;
		-webkit-box-shadow: 0 0 6px 0 #006699;
		box-shadow: 0 0 6px 0px #006699;
    }
	
	.item-detail-price {
		width: 220px;
		background: #ffffff;
		padding: 10px;
		-moz-box-shadow: 0 0 6px 0 #006699;
		-webkit-box-shadow: 0 0 6px 0 #006699;
		box-shadow: 0 0 6px 0 #006699;
		border: 1px solid #00AADD;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
		.item-detail-price .price-main {
			color: #fff;
			/*text-shadow: 0px 0px 2px #0088AA;*/
			font-weight: 700;
			font-size: 20px;
			background-color: #008bcb;
			padding: 0 5px;
			border-radius: 6px;
		}
		
		.item-detail-price .price-sub {
			color: #668899;
			text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
			font-weight: 700;
			font-size: 14px;
		}
		
		.item-detail-price .price-vat {
			font-size: 12px;
		}
		
		.item-detail-price .price {
			padding: 10px 5px;
		}
		
		.item-detail-price .basket-insert {
			padding: 10px 0px;
			border-top: 1px solid #dddddd;
		}
		
		.item-detail-price #quantity {
			width: 32px;
			padding: 2px 5px;
			margin: 0 10px 0 0;
		}
	
	.item-detail .additional {
		margin-top: 40px;
	}

.instock,
.notinstock,
.available {
    font-weight: 700;
}

.instock {
    color: #008800;
}

.notinstock {
    color: #880000;
}

.available {
    color: #FFB300;
}


.item-detail .item-set-parts .set-parts {
    text-align: left;
}
.item-detail .item-set-parts .set-parts .column-quantity {
    width: 80px;
}
.item-detail .item-set-parts .set-parts .column-number {
    width: 130px;
}
.item-detail .item-set-parts .set-parts .column-description {
    width: 500px;
}
.item-detail .item-set-parts .set-parts .column-details {
    width: 80px;
}

.item-detail .dimensions {
    margin: 0 0 10px 0;
}

.item-detail .dimensions label {
    width: 80px;
    float: left;
}
.item-detail .dimensions input[type="text"] {
    width: 100px;
    float:left;
}


/* item accessory items
----------------------------------------------------------*/
.item-accessories {
	margin-top: 20px;
}

.item-accessories > ul > li {
	padding: 5px 10px;
}

.item-accessory {
    background-color: rgba(64, 128, 192, 0.1);
    padding: 0;
}

	.item-accessory .price {
		float: right;
		text-align: right;
	}
	
		.item-accessory .price-main {
			color: #006699;
			text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 2px /*{a-bar-shadow-radius}*/ #0088AA /*{a-bar-shadow-color}*/;
			font-weight: 700;
			font-size: 16px;
		}
		
		.item-accessory .price-sub {
			color: #668899;
			text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
			font-weight: 700;
			font-size: 12px;
		}
		
		.item-accessory .price-vat {
			font-size: 10px;
		}
		
	.item-accessory a,
	.item-accessory a:link,
	.item-accessory a:visited {
		display: inline-block;
		width: 100%;
	}
	
	.item-accessory a:hover {
		background-color: rgba(64, 128, 192, 0.4);
		text-decoration: none;
	}

.item-accessory .image {
	height: 72px;
	text-align: center;
	margin: 10px 15px 10px 10px;
	padding: 0;
}

	.item-accessory img {
		border: 5px solid white;
	}
	
.item-accessory .data {
	padding: 10px;
}

/* topoffers
----------------------------------------------------------*/
#topoffers-container {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

#topoffers {
    list-style: none;
    position: relative;
    left: 50%;
}

#topoffers > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

#topoffersslider-container {
    position: relative;
    text-align: left;
}

#topoffersslider {
    list-style: none;
    position: relative;
}

#topoffersslider > li {
    float: left;
    width: 450px;
    position: relative;
}

.topoffersslider-button{
    margin-top: 80px;
}

.topoffer-item {
    border: 1px solid #aaaaaa;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    padding: 10px;
    background: #fefefe;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

.topoffer-item:hover {
    border: 1px solid #006699;
	-moz-box-shadow: 0 1px 6px #006699;
	-webkit-box-shadow: 0 1px 6px #006699;
	box-shadow: 0 1px 6px #006699;
}

    .topoffer-item .item-image {
        height: auto;
    }

    .topoffer-item h3 {
        height: 40px;
    }

    .topoffer-item > a:hover {
        text-decoration: none;
    }
    
    .topoffer-item .price {
		float: right;
		text-align: right;
	}
	
	.topoffer-item .price-main {
		color: #006699;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 2px /*{a-bar-shadow-radius}*/ #0088AA /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 16px;
	}
	
	.topoffer-item .price-sub {
		color: #668899;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 12px;
	}
	
	.topoffer-item .price-vat {
		font-size: 10px;
	}
	
/* new-items
----------------------------------------------------------*/
#new-items-container {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

#new-items {
    list-style: none;
    position: relative;
    left: 50%;
}

#new-items > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

#new-items-slider-container {
    position: relative;
    text-align: left;
    margin-left: 60px;
}

#new-items-slider {
    list-style: none;
    position: relative;
}

#new-items-slider > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

.new-items-slider-button{
    margin-top: 80px;
}

.new-item {
    border: 1px solid #aaaaaa;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    padding: 10px;
    background: #fefefe;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

.new-item:hover {
    border: 1px solid #006699;
	-moz-box-shadow: 0 1px 6px #006699;
	-webkit-box-shadow: 0 1px 6px #006699;
	box-shadow: 0 1px 6px #006699;
}

    .new-item .item-image {
        height: auto;
    }

    .new-item h3 {
        height: 40px;
    }

    .new-item > a:hover {
        text-decoration: none;
    }
    
    .new-item .price {
		float: right;
		text-align: right;
	}
	
	.new-item .price-main {
		color: #006699;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 2px /*{a-bar-shadow-radius}*/ #0088AA /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 16px;
	}
	
	.new-item .price-sub {
		color: #668899;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 12px;
	}
	
	.new-item .price-vat {
		font-size: 10px;
	}

/* popular-items
----------------------------------------------------------*/
#popular-items-container {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

#popular-items {
    list-style: none;
    position: relative;
    left: 50%;
}

#popular-items > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

#popular-items-slider-container {
    position: relative;
    text-align: left;
    margin-left: 60px;
}

#popular-items-slider {
    list-style: none;
    position: relative;
}

#popular-items-slider > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

.popular-items-slider-button{
    margin-top: 80px;
}

.popular-item {
    border: 1px solid #aaaaaa;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    padding: 10px;
    background: #fefefe;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

.popular-item:hover {
    border: 1px solid #006699;
	-moz-box-shadow: 0 1px 6px #006699;
	-webkit-box-shadow: 0 1px 6px #006699;
	box-shadow: 0 1px 6px #006699;
}

    .popular-item .item-image {
        height: auto;
    }

    .popular-item h3 {
        height: 40px;
    }

    .popular-item > a:hover {
        text-decoration: none;
    }
    
    .popular-item .price {
		float: right;
		text-align: right;
	}
	
	.popular-item .price-main {
		color: #006699;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 2px /*{a-bar-shadow-radius}*/ #0088AA /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 16px;
	}
	
	.popular-item .price-sub {
		color: #668899;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 12px;
	}
	
	.popular-item .price-vat {
		font-size: 10px;
	}
	
/* cross-selling-items
----------------------------------------------------------*/
#cross-selling-items-container {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

#cross-selling-items {
    list-style: none;
    position: relative;
    left: 50%;
}

#cross-selling-items > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

#cross-selling-items-slider-container {
    position: relative;
    text-align: left;
    margin-left: 60px;
}

#cross-selling-items-slider {
    list-style: none;
    position: relative;
}

#cross-selling-items-slider > li {
    float: left;
    width: 200px;
    position:relative;
    padding: 10px 20px;
}

.cross-selling-items-slider-button{
    margin-top: 80px;
}

.cross-selling-item {
    border: 1px solid #aaaaaa;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    padding: 10px;
    background: #fefefe;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

.cross-selling-item:hover {
    border: 1px solid #006699;
	-moz-box-shadow: 0 1px 6px #006699;
	-webkit-box-shadow: 0 1px 6px #006699;
	box-shadow: 0 1px 6px #006699;
}

    .cross-selling-item .item-image {
        height: auto;
    }

    .cross-selling-item h3 {
        height: 40px;
    }

    .cross-selling-item > a:hover {
        text-decoration: none;
    }
    
    .cross-selling-item .price {
		float: right;
		text-align: right;
	}
	
	.cross-selling-item .price-main {
		color: #006699;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 2px /*{a-bar-shadow-radius}*/ #0088AA /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 16px;
	}
	
	.cross-selling-item .price-sub {
		color: #668899;
		text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #778899 /*{a-bar-shadow-color}*/;
		font-weight: 700;
		font-size: 12px;
	}
	
	.cross-selling-item .price-vat {
		font-size: 10px;
	}

/* basket items
----------------------------------------------------------*/
#basket-items {
	background: #eeeeee;
	border: 1px solid #dddddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px;
	margin: 20px;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

#basket-items-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background: #ffffff;
}

	#basket-items-table thead tr,
	#basket-items-table tfoot tr {
		background: #eeeeee;/*url('../../Content/images/table_header_back.png') repeat-x;*/
		color: #333333;
	}
	
		#basket-items-table tfoot td {
			border: 0;
		}
		
	#basket-items-table th {
		text-align: left;
		padding: 5px;
	}
	
	#basket-items-table td {
		padding: 10px;
		border: 1px solid #dddddd;
		vertical-align: top;
	}
	
		#basket-items-table td.delete {
			padding: 10px 5px;
			text-align: center;			
		}
		
		#basket-items-table td.delete a
		{
			color: #ffffff;
			background: linear-gradient(to bottom, #ff1313 15%, #9e0000 100%);
			border: 1px solid #ce002f;
			font-weight: 1em;
			transform: none;
		}
		
		#basket-items-table td.delete a img {
			vertical-align: middle;
		}
	
		#basket-items-table td input[type="text"] {
			width: 30px;
			padding: 2px 2px 2px 4px;
		}
		
		#basket-items-table .basket-sum-label,
		#basket-items-table .basket-sum-value {
			font-weight: 700 !important;
		}
		
		#basket-items-table .basket-vat-label,
		#basket-items-table .basket-vat-value {
			font-weight: 400 !important;
		}

/* quick insertion
----------------------------------------------------------*/
#quick-insertion input[type="text"] {
	padding: 2px 5px;
	margin: 0 10px 0 0;
}

#quick-insertion #quantity {
	width: 32px;
}

/* checkout
----------------------------------------------------------*/
#checkout-container {
	border: 1px solid #cccccc;
	background: #ffffff;
}

#checkout-content {
	padding: 10px 20px;
}

	#checkout-content h4 {
		text-shadow: none;
	}

	#checkout-content #checkout-login-registered {
		width: 50%;
		float: left;
	}
	
	#checkout-content #checkout-login-register {
		width: 200px;
	}
	
	#checkout-content #checkout-login-anonymous {
		width: 200px;
		margin-top: 50px;
	}
	
	#checkout-content fieldset {
		padding-right: 20px;
	}

#checkout-nav {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
	background: url('../Content/images/checkout_nav_back.png') repeat-x;
}

	#checkout-nav li {
		padding: 0;
		text-align: center;
		float: left;
	}
		
	#checkout-nav li.last a {
		background: none !important;
		width: 198px !important;
	}

    #checkout-nav.with-agent li.last a {
		width: 160px !important;
	}
	
	#checkout-nav li.selected,
	#checkout-nav li.visited {		
		background: url('../Content/images/checkout_nav_back_selected.png') repeat-x;
	}
	
	#checkout-nav li.selected a {		
		color: #ffffff;
		font-weight: 600;
		background: url('../Content/images/list_separator_arrow_back.png') no-repeat right center;
		text-shadow: none;
		font-size: 0.75em;
	}
	
		#checkout-nav li a:hover,
		#checkout-nav li.selected a:hover {		
			text-decoration: none;
			cursor: default;
		}
	
	#checkout-nav li.visited a {		
		color: #ffffff;
		font-weight: 400;
		background: url('../Content/images/list_separator_arrow_light.png') no-repeat right center;
		text-shadow: none;
	}
	
		#checkout-nav li.visited a:hover {
			/*text-decoration: underline;
			cursor: pointer;*/
		}
	
	#checkout-nav li a {
		font-size: 12px;
		font-weight: 400;
		color: #555555;
		width: 190px;
		display: inline-block;
		padding: 5px 0;
		background: url('../Content/images/list_separator_arrow.png') no-repeat right center;
	}

    #checkout-nav.with-agent li a {
        width: 155px !important;
	}
		
.checkout-section {
	display: none;
	clear: both;
	/*overflow: hidden;*/
}

	.checkout-section form > div {
		width: 50%;
	}

.checkout-section-content {
	overflow: hidden;
}

.checkout-button-prev,
.checkout-button-next {
	display: inline-block;
}

#checkout-invoice-address-container {
	padding: 0 0 10px 0;
}

#checkout-delivery-deliveries {
	float: left;
}

#checkout-delivery-delivery {
	padding: 0 0 10px 0;
}

#checkout-invoice-address-container h3,
#checkout-delivery-address-container h3 {
	font-weight: normal;
}

#checkout-invoice-address-container h3.ui-state-active,
#checkout-delivery-address-container h3.ui-state-active {
	font-weight: 700;
}

#checkout-invoice-address-container h3 span.tick,
#checkout-delivery-address-container h3 span.tick {
    display: none;
	background: transparent url('../Content/images/tick_green_16.png') no-repeat;
	vertical-align: bottom;
	padding-right: 5px;
	width: 16px;
	height: 16px;
}

#checkout-invoice-address-container h3.ui-state-active span.tick,
#checkout-delivery-address-container h3.ui-state-active span.tick {
    display: inline-block;
}

#checkout-delivery-pickup li {
	float: left;
	border: 2px solid #f0f0f0;
	padding: 10px;
	margin: 10px 30px;
}

	#checkout-delivery-pickup li h6 {
		margin: 0 0 2px 0;
	}

#checkout-delivery-type {
    border: 1px solid #cccccc;
    float: right;
    margin: 10px;
    min-height: 100px;
    min-width: 300px;
    padding: 10px;
}

.checkout-summary-container {
    margin: 5px 30px 20px 5px;
}

#checkout-summary .tac {
    padding: 2px 5px;
}

#checkout-summary .cp {
    padding: 2px 5px;
}

#checkout-payments fieldset {
    float: left;
}

#checkout-external-payment {
    border: 1px solid #cccccc;
    float: right;
    margin: 10px;
    min-height: 100px;
    min-width: 300px;
    padding: 10px;
}

    #checkout-external-payment .address-container {
        margin: 0 20px 0 0;
        padding: 2px 5px;
        border: 1px solid #f8f8f8;
    }

.checkout-payment {
    padding: 5px 0;
}

    .checkout-payment-image {
        vertical-align: middle;
        padding: 0 2px;   
    }
    
#trusted-shops-classic {
    margin: 20px;
}

    #trusted-shops-classic > table {
        border: 1px solid #777777;
        padding: 5px 10px;
        background-color: #ffffff;
    }
    
/* express checkout
----------------------------------------------------------*/
#ec-invoice-container,
#ec-delivery-container {
    margin: 10px;
    float: left;
    width: 438px;
    border: 1px solid #cccccc;
    padding: 5px 10px 10px 10px;
}

#ec-delivery-pickup li {
	float: left;
    border: 1px solid #cccccc;
    background: #fefefe;
	padding: 10px;
	margin: 10px;
}

	#ec-delivery-pickup li h6 {
		margin: 0 0 2px 0;
	}

#ec-payment-container {
    margin: 10px;
    border: 1px solid #cccccc;
    padding: 5px 10px 10px 10px;
}

#ec-payments fieldset {
    float: left;
}

#ec-external-payment {
    border: 1px solid #cccccc;
    background: #fefefe;
    float: right;
    margin: 10px;
    min-height: 100px;
    min-width: 300px;
    padding: 10px;
}

.ec-payment {
    padding: 5px 0;
}

    .ec-payment-image {
        vertical-align: middle;
        padding: 0 2px;   
    }

#ec-finish-container {
    margin: 10px;
    padding: 5px 10px 10px 10px;
}
	
/* paging
----------------------------------------------------------*/
.paging {
	float: right;
	margin: 0 10px 0 0;
	padding: 15px;
}

	.paging .paging-header {
		padding-right: 10px;
	}

	.paging ul {
		list-style-type: none;
		float: right;
		margin: 0;
	}

		.paging ul li {
			float: left;
			margin: 5px 2px;
			width: 21px;
			text-align: center;
			font-weight: 400;
			border: 1px solid #006699;
			color: #333333;
			background-color: #ffffff;
		}
		
		.paging ul li.selected {
			width: 16px;
			font-weight: 600;
			border: 1px solid transparent;
			background-color: transparent;
		}
		
		.paging ul li.dots {
			width: 16px;
			border: 1px solid transparent;
			background-color: transparent;
			letter-spacing: 2px;
		}
		
			.paging ul li > a {				
				display: inline-block;
				width: 21px;				
			}

.paging a
{
	padding: 10px;
}

.paging span.selected
{
	background-color: #ffac62;
    border: 1px solid #c84000;
    border-radius: 6px;
    font-weight: bold;
    margin: 0 5px;
    padding: 15px 10px;
}

/* loading
----------------------------------------------------------*/
#loading {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 200px;
	margin: 50px 0;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	text-shadow: 0px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 2px /*{a-bar-shadow-radius}*/ #777777 /*{a-bar-shadow-color}*/;
}

.ui-autocomplete-loading {
	background: #ffffff url('../Content/images/ui-anim_basic_16x16.gif') no-repeat 98% center !important;
}

/* notification
----------------------------------------------------------*/
#notification {
	display: none;
}

.notification-container,
.user-notification-container {
	margin: 0 0 10px 0;
	padding: 10px 8px 10px 35px;
	background: rgba(102, 102, 102, 0.1) url('../Content/images/info_small.png') no-repeat 10px 10px;
	color: #333333;
	border: 1px solid #666666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px 0 #666666;
	-webkit-box-shadow: 0 0 4px 0 #666666;
	box-shadow: 0 0 4px 0 #666666;
}

	.notification-container.success,
    .user-notification-container.success {
		color: #335533;
		background: rgba(102, 255, 102, 0.1) url('../Content/images/tick_green_16.png') no-repeat 10px 10px;
		border: 1px solid #66aa66;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 0 4px 0 #66aa66;
		-webkit-box-shadow: 0 0 4px 0 #66aa66;
		box-shadow: 0 0 4px 0 #66aa66;
	}
	
		.notification-container.success h6,
        .user-notification-container.success h6  {
			color: #335533;
		}
	
	.notification-container.warning,
    .user-notification-container.warning  {
		color: #555533;
		background: rgba(255, 255, 102, 0.1) url('../Content/images/exclamation_small.png') no-repeat 10px 10px;
		border: 1px solid #aaaa66;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 0 4px 0 #aaaa66;
		-webkit-box-shadow: 0 0 4px 0 #aaaa66;
		box-shadow: 0 0 4px 0 #aaaa66;
	}
	
		.notification-container.warning h6,
        .user-notification-container.warning h6  {
			color: #555533;
		}
	
	.notification-container.error,
    .user-notification-container.error {
		color: #553333;
		background: rgba(255, 102, 102, 0.1) url('../Content/images/error_small.png') no-repeat 10px 10px;
		border: 1px solid #aa6666;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 0 4px 0 #aa6666;
		-webkit-box-shadow: 0 0 4px 0 #aa6666;
		box-shadow: 0 0 4px 0 #aa6666;
	}
	
		.notification-container.error h6,
        .user-notification-container.error h6 {
			color: #553333;
		}

	.notification-container h6
	.user-notification-container h6 {
		margin: 0;
		padding: 0 0 2px 0;
		color: #333333;
		font-size: 12px;
		text-shadow: none;
	}
	
/* orders
----------------------------------------------------------*/
#orders {
    overflow: hidden;
    padding: 5px;
}

.order-partial {
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	background: url('../../Content/images/customer_order_partial_back.png') repeat-x;
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px 0 #cccccc;
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
}

.order a.pdf,
.order-partial a.pdf {
    background: url('../../Content/images/pdf_16.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

    .order-partial a.pdf:hover {
        text-decoration: none;
    }

.order-partial .expander {
    background: url('../../Content/images/arrow_circle_down.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;   
    padding: 0 0 0 5px;
}

    .order-partial .expander.open {
        background: url('../../Content/images/arrow_circle_up.png') center center no-repeat;
    }
    
.order .status {
	font-weight: 600;
	font-size: 12px;
	border-radius: 3px;
	padding: 3px;
}

.order-partial .status {
	font-weight: 600;
	font-size: 14px;
	border-radius: 3px;
	padding: 3px;
}

.order-partial .number {
	font-weight: 600;
	font-size: 16px;
}

.order .total,
.order-partial .total {
	font-weight: 600;
	font-size: 1.5em;
	color: #006699;
	padding: 2px;
}

.order .date,
.order-partial .date {
	line-height: 30px;
}

.order .item-count,
.order-partial .item-count {
	border-bottom: 1px solid #cccccc;
}

.order .price-summary,
.order-partial .price-summary {
	text-align: right;
}

    .order .price-summary .vat,
    .order-partial .price-summary .vat {
	    color: #777777;
    }

	.order .status.transferred,
	.order .status.delivered,
	.order-partial .status.transferred,
	.order-partial .status.delivered {
		color: #ffffff;
		background: #f90;
	}
	
	.order .status.created,
	.order-partial .status.created
	{
		background: #ffffff;
		color: #000000;
	}
	
	.order .status.payed,
	.order-partial .status.payed
	{
		background: #0eb2f3;
		color: #FFFFFF;
	}
	
	.order .status.pickupready,
	.order-partial .status.pickupready
	{
		background: #00cf11;
		color: #FFFFFF;
	}
	
	.order .status.completed,
	.order-partial .status.completed {
		background: #22cc00;
		color: #ffffff;
	}
	
	.order .status.cancelled
	.order-partial .status.cancelled {
		background: #cc0000;
		color: #FFFFFF;
	}

.order .details,
.order-partial .details {
	padding-top: 15px;
}

.order .details table,
.order-partial .details table {
	width: 100%;
}

.order-partial .details table {
	border-top: 1px solid #cccccc;
}

.order .details td,
.order-partial .details td {
	padding: 5px 10px;
	vertical-align: middle;
}

    .order .details td.image,
    .order-partial .details td.image {
	    text-align: center;
	    width: 160px;
    }
    
    .order .details td.price,
    .order-partial .details td.price {
	    font-size: 14px;
	    font-weight: 600;
	    color: #006699;
	    white-space: nowrap;
    }

.order .details .item-title,
.order-partial .details .item-title {
	line-height: 32px;
	font-weight: 600;
	font-size: 14px;
}

.order .history {
    margin: 5px 1px;
}

    .order .history li {
        margin: 5px 0;
    }
    
/* offers
----------------------------------------------------------*/
#offers {
    overflow: hidden;
    padding: 5px;
}

#offers-filter-container  {
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	background: url('../../Content/images/customer_order_partial_back.png') repeat-x;
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px 0 #cccccc;
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
	min-height: 20px;
}

#offers-filter-container label {
    display: block;
	width: 150px;

	line-height: 29px;

}

#offers-filter-container .expander {
    background: url('../../Content/images/arrow_circle_down.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;   
    padding: 0 0 0 5px;
}

    #offers-filter-container .expander.open {
        background: url('../../Content/images/arrow_circle_up.png') center center no-repeat;
    }

.offer-partial {
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	background: url('../../Content/images/customer_order_partial_back.png') repeat-x;
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px 0 #cccccc;
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
}

.offer a.pdf,
.offer-partial a.pdf {
    background: url('../../Content/images/pdf_16.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

    .offer-partial a.pdf:hover {
        text-decoration: none;
    }

.offer-partial .expander {
    background: url('../../Content/images/arrow_circle_down.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;   
    padding: 0 0 0 5px;
}

    .offer-partial .expander.open {
        background: url('../../Content/images/arrow_circle_up.png') center center no-repeat;
    }

.offer-partial .number {
	font-weight: 600;
	font-size: 16px;
}

.offer .total,
.offer-partial .total {
	font-weight: 600;
	font-size: 18px;
	color: #006699;
	padding: 2px;
}

.offer .date,
.offer-partial .date {
	line-height: 30px;
}

.offer .item-count,
.offer-partial .item-count {
	border-bottom: 1px solid #cccccc;
}

.offer .price-summary,
.offer-partial .price-summary {
	text-align: right;
}

    .offer .price-summary .vat,
    .offer-partial .price-summary .vat {
	    font-size: 10px;
	    color: #777777;
    }

.offer .details,
.offer-partial .details {
	padding-top: 15px;
}

    .offer .details > div,
    .offer-partial .details > div {
	    padding: 5px;
    }

.offer .details table,
.offer-partial .details table {
	width: 100%;
}

.offer-partial .details table {
	border-top: 1px solid #cccccc;
}

.offer .details td,
.offer-partial .details td {
	padding: 10px 10px;
	vertical-align: middle;
}

    .offer .details td.quantity input,
    .offer-partial .details td.quantity input {
	    width: 60px;
    }
    
    .offer .details td.image,
    .offer-partial .details td.image {
	    text-align: center;
	    max-width: 160px;
    }
    
    .offer .details td.price,
    .offer-partial .details td.price {
	    font-size: 1.0em;
	    color: #006699;
	    white-space: nowrap;
    }
    
    .offer .details .price-label,
    .offer-partial .details .price-label {
	    font-size: 0.7em;
	    font-weight: 400;
	    color: #333333;
    }
    
    .offer .details .price-total,
    .offer-partial .details .price-total {
	    font-size: 1.2em;
	    font-weight: 600;
    }
    
    .offer .details .remove,
    .offer-partial .details .remove {
	    font-size: 0.7em;
	    font-weight: 400;
	    color: #333333; 
	    text-decoration: underline;
    }
    
    .offer .details .remove:hover,
    .offer-partial .details .remove:hover {
	    text-decoration: none;
    }
    
.offer .details .item-title,
.offer-partial .details .item-title {
	line-height: normal;
	font-weight: 600;
	font-size: 14px;
}

.offer .custom-price-textbox 
{
    width: 80px;
    padding: 5p 0;
    text-align: right;
}

/* wishlists
----------------------------------------------------------*/
#wishlists {
    overflow: hidden;
    padding: 5px;
}

#wishlists-filter-container  {
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	background: url('../../Content/images/customer_wishlist_partial_back.png') repeat-x;
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px 0 #cccccc;
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
	min-height: 20px;
}

#wishlists-filter-container label {
    display: block;
	width: 150px;
	line-height: 29px;
}

#wishlists-filter-container .expander {
    background: url('../../Content/images/arrow_circle_down.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;   
    padding: 0 0 0 5px;
}

    #wishlists-filter-container .expander.open {
        background: url('../../Content/images/arrow_circle_up.png') center center no-repeat;
    }

.wishlist-partial {
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	background: url('../../Content/images/customer_wishlist_partial_back.png') repeat-x;
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px 0 #cccccc;
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
}

.wishlist a.pdf,
.wishlistr-partial a.pdf {
    background: url('../../Content/images/pdf_16.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

    .wishlist-partial a.pdf:hover {
        text-decoration: none;
    }

.wishlist-partial .expander {
    background: url('../../Content/images/arrow_circle_down.png') center center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;   
    padding: 0 0 0 5px;
}

    .wishlist-partial .expander.open {
        background: url('../../Content/images/arrow_circle_up.png') center center no-repeat;
    }

.wishlist-partial .number {
	font-weight: 600;
	font-size: 16px;
}

.wishlist .total,
.wishlist-partial .total {
	font-weight: 600;
	font-size: 18px;
	color: #006699;
	padding: 2px;
}

.wishlist .date,
.wishlist-partial .date {
	line-height: 30px;
}

.wishlist .item-count,
.wishlist-partial .item-count {
	border-bottom: 1px solid #cccccc;
}

.wishlist .price-summary,
.wishlist-partial .price-summary {
	text-align: right;
}

    .wishlist .price-summary .vat,
    .wishlist-partial .price-summary .vat {
	    font-size: 10px;
	    color: #777777;
    }

.wishlist .details,
.wishlist-partial .details {
	padding-top: 15px;
}

    .offer .details > div,
    .offer-partial .details > div {
	    padding: 5px;
    }

.wishlist .details table,
.wishlist-partial .details table {
	width: 100%;
}

.wishlist-partial .details table {
	border-top: 1px solid #cccccc;
}

.wishlist .details td,
.wishlist-partial .details td {
	padding: 10px 10px;
	vertical-align: middle;
}

    .wishlist .details td.quantity input[type="text"],
    .wishlist-partial .details td.quantity input[type="text"] {
	    width: 60px;
    }
    
    .wishlist .details td.image,
    .wishlist-partial .details td.image {
	    text-align: center;
	    width: 160px;
    }
    
    .wishlist .details td.image image,
    .wishlist-partial .details td.image image {
	    text-align: center;
	    max-width: 160px;
    }
    
    .wishlist .details td.price,
    .wishlist-partial .details td.price {
	    font-size: 1.0em;
	    color: #006699;
	    white-space: nowrap;
    }
    
    .wishlist .details .price-label,
    .wishlist-partial .details .price-label {
	    font-size: 0.7em;
	    font-weight: 400;
	    color: #333333;
    }
    
    .wishlist .details .price-total,
    .wishlist-partial .details .price-total {
	    font-size: 1.2em;
	    font-weight: 600;
    }
    
    .wishlist .details .remove,
    .wishlist-partial .details .remove {
	    font-size: 0.7em;
	    font-weight: 400;
	    color: #333333; 
	    text-decoration: underline;
    }
    
    .wishlist .details .remove:hover,
    .wishlist-partial .details .remove:hover {
	    text-decoration: none;
    }
    
.wishlist .details .item-title,
.wishlist-partial .details .item-title {
	line-height: normal;
	font-weight: 600;
	font-size: 14px;
}

.wishlist .custom-price-textbox 
{
    width: 80px;
    padding: 5p 0;
    text-align: right;
}

/* orders with details
----------------------------------------------------------*/
#orders-with-details {
	background: #eeeeee;
	border: 1px solid #dddddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px;
	margin: 20px;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

.orders-with-details-filter .left{
    width: 200px;
}

.orders-with-details-filter .left input[type="text"]{
    width: 130px;
}

#orders-with-details-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background: #ffffff;
}

	#orders-with-details-table thead tr,
	#orders-with-details-table tfoot tr {
		background: #eeeeee;/*url('../../Content/images/table_header_back.png') repeat-x;*/
		color: #333333;
	}
	
		#orders-with-details-table tfoot td {
			border: 0;
		}
		
	#orders-with-details-table th {
		text-align: left;
		padding: 5px;
	}
	
	#orders-with-details-table td {
		padding: 10px;
		border: 1px solid #dddddd;
		vertical-align: top;
	}

    #orders-with-details-table td.hidden,
    #orders-with-details-table th.hidden {
        display:none
	}

    #orders-with-details-table tr.selected {
		background: #cadde6;
	}

    #orders-with-details-table .paging {
	margin: 0 auto;
    float: none;
}

	#orders-with-details-table .paging ul {
		list-style-type: none;
	    width: 40%;
		margin: auto;
        float: none;
	}

/* orders with details item
----------------------------------------------------------*/
#orders-with-details-item {
	background: #eeeeee;
	border: 1px solid #dddddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px;
	margin: 20px;
	-moz-box-shadow: 0 1px 6px #999999;
	-webkit-box-shadow: 0 1px 6px #999999;
	box-shadow: 0 1px 6px #999999;
}

#orders-with-details-item-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background: #ffffff;
}

	#orders-with-details-item-table thead tr,
	#orders-with-details-item-table tfoot tr {
		background: #eeeeee;/*url('../../Content/images/table_header_back.png') repeat-x;*/
		color: #333333;
	}

    #orders-with-details-item-table tr.item-not-web {
		background: #aaaaaa;/*url('../../Content/images/table_header_back.png') repeat-x;*/
	}
	
		#orders-with-details-item-table tfoot td {
			border: 0;
		}
		
	#orders-with-details-item-table th {
		text-align: left;
		padding: 5px;
	}
	
	#orders-with-details-item-table td {
		padding: 10px;
		border: 1px solid #dddddd;
		vertical-align: top;
	}

    #orders-with-details-item-table td.hidden,
    #orders-with-details-item-table th.hidden {
        display:none
	}

    #orders-with-details-item-table tr.selected {
		background: #999999;
	}

    #orders-with-details-item-table .paging {
	margin: 0 auto;
    float: none;
}

	#orders-with-details-item-table .paging ul {
		list-style-type: none;
	    width: 40%;
		margin: auto;
        float: none;
	}

    #orders-with-details-item-table td .quantity {
		width: 40px;
        float: left;
	}

    #orders-with-details-item-table td .basket-button {
		margin: 2px 0 0 10px;
        float: left;
	}

/* dealer search
----------------------------------------------------------*/
.dealer {
    margin: 0px 0px 0px 15px;
}
.dealer_filters ul {
    list-style-type: none;
    text-align: center; 
    width: 100%
}

.dealer_filters ul li{
    display: inline-block;

}

.dealer_filters ul li input,
.dealer_filters ul li select,
.dealer_filters ul li label{

    margin: 2px 5px 2px 5px;
}

.dealer_map #map_canvas {
    width: 800px;
    height: 600px;
    margin: 0 auto;
}

.dealer_map {
    margin: 10px;
}

.dealer_map #map_canvas .infoDiv {
    width: 200px;
    height: 150px;
}

.dealer_map #map_canvas .infoDiv a {
    color: #0000ff;
}

.dealer_overview {
    width: 800px;
    height: 600px;
    margin: 0 auto;
}
.dealer_overview .dealer_item {
    width: 230px;
    height: 150px;
    margin: 12.5px;
    border: 2px solid #000000;
    padding: 10px;
}

/* page elements
----------------------------------------------------------*/
/* links */
.main-link,
.main-link:link,
.main-link:visited {
	color: #004c72 !important;
		
	background-color: #bce4fa;
    border: 1px solid #3384aa;
	border-radius: 6px;
}

.main-link:hover {
	background-color: #f97500;
    border: 1px solid #c84000;
    color: #ffffff !important;
	text-decoration: none;
}

/* shadow */
.shadow {
	-moz-box-shadow: 1px 1px 6px #999999;
	-webkit-box-shadow: 1px 1px 6px #999999;
	box-shadow: 1px 1px 6px #999999;
}

/* featured */
.featured {
    background-color: #ffffff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* quick-search */
.quick-search {
    width: 80%;
	margin: 0 auto;
}

	.quick-search input[type="text"] {
		width: 80%;
		border-radius: 10px;
		border: 1px solid #004e73;
		font-size: 1.2em;
	}

/* search */
section#search {
    width: 200px;
    float: left;
    padding: 0;
}

	section#search input[type="text"] {
		width: 191px;
	}

	ul#search_categories {
		padding: 0;
		list-style-type: none;
		text-align: center;
	}
	
		ul#search_categories > li {
			border: 1px solid #006699;
			margin: 1px 0 0 0;
		}
	
			ul#search_categories > li > a {
				padding: 3px 0;
				font-size: 14px;
				font-weight: bold;
				background-color: #006699;
				color: #ffffff;
				display: inline-block;
				width: 100%;
			}
			
			ul#search_categories > li > a:hover {
				background-color: #ffffff;
				color: #565656;
			}
			
/* autocomplete */
.autocomplete.highlight {
    font-weight: 700;
    color: #006699;
}		



/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.one {
            background: url("../Content/images/list_black_1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Content/images/list_black_2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Content/images/list_black_3.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 45%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 50%;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
            clear: both;
        }
        
        fieldset ol li.separator {
            height: 5px;
        }

    fieldset label {
        display: block;
        font-weight: 600;
        width: 170px;
        float: left;
        line-height: 29px;
    }

    fieldset label.checkbox {
        display: inline !important;
        width: auto;
        float: none;
        padding: 0 10px 0 0;
    }
    
    fieldset label.radio {
        display: inline !important;
        width: auto;
        float: none;
        padding: 0 10px 0 0;
        line-height: normal;
    }

    fieldset input[type="text"],
    fieldset input[type="password"],
    fieldset select,
    fieldset textarea {
        border: 1px solid #bbbbbb;
        color: #333333;
        margin: 2px 0;
        padding: 2px;
        width: 230px;
        -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: inherit;
    }
    
        fieldset select.month,
        fieldset select.year {
            width: auto;
        }
    
    fieldset input[type="text"].postcode {
        width: 60px;
        padding-right: 3px;
    }
    
    fieldset input[type="text"].city {
        width: 160px;
    }
    
    fieldset input[type="text"].vatcountry {
        width: 60px;
        padding-right: 3px;
    }
    
    fieldset input[type="text"].vatcode {
        width: 160px;
    }

        fieldset input[type="text"]:focus,
        fieldset input[type="password"]:focus,
		fieldset select:focus,
        fieldset textarea:focus {
            border: 1px solid #7ac0da;
            -moz-box-shadow: 0 0 3px 1px #55aacc;
			-webkit-box-shadow: 0 0 3px 1px #55aacc;
			box-shadow: 0 0 3px 1px #55aacc;
        }
        
    fieldset input[type="radio"] {
        border: 1px solid #e2e2e2;
        color: #006699;
        font-size: 12px;
        margin: 2px 0;
        padding: 5px;
        -moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
    }
    
    fieldset input[type="checkbox"] {
        border: 1px solid #e2e2e2;
        color: #006699;
        margin: 2px 0;
        padding: 2px;
        -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
    }

/* fieldset container & columns */
.fieldset-container {
	background: #ffffff;
	height: 350px;
	-moz-box-shadow: 0 0 5px 5px #ffffff;
	-webkit-box-shadow: 0 0 5px 5px #ffffff;
	box-shadow: 0 0 5px 5px #ffffff;
	margin: 10px;
	padding: 20px;
}

.fieldset-column {
	margin: 0 20px;
}

/* ajax login/registration dialog */
.modal-popup {
    font-size: 0.7em;
}

    .modal-popup input[type="text"],
    .modal-popup input[type="password"] {
        width: 90%;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #cc0000;
}

.field-validation-valid {
    display: none;
}

fieldset input[type="text"].valid,
fieldset input[type="password"].valid,
fieldset input[type="radio"].valid,
fieldset input[type="checkbox"].valid,
fieldset textarea.valid {
    border: 1px solid #00cc00;
    background: #d6ffd6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6ffd6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff, #d6ffd6); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ffffff, #d6ffd6); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ffffff, #d6ffd6); /* IE10 */
	background-image:      -o-linear-gradient(#ffffff, #d6ffd6); /* Opera 11.10+ */
	background-image:         linear-gradient(#ffffff, #d6ffd6);
    -moz-box-shadow: 1px 1px 2px #aaddaa;
	-webkit-box-shadow: 1px 1px 2px #aaddaa;
	box-shadow: 1px 1px 2px #aaddaa;
	font-size: inherit;
}

fieldset input[type="text"]:focus.valid,
fieldset input[type="password"]:focus.valid,
fieldset input[type="radio"]:focus.valid,
fieldset input[type="checkbox"]:focus.valid,
fieldset textarea:focus.valid {
	border: 1px solid #66dd66;
	background: #ffffff;
    -moz-box-shadow: 0 0 6px 0 #66dd66;
	-webkit-box-shadow: 0 6px 6px 0 #66dd66;
	box-shadow: 0 0 6px 0 #66dd66;
}

fieldset input[type="text"].input-validation-error,
fieldset input[type="password"].input-validation-error,
fieldset input[type="radio"].input-validation-error,
fieldset input[type="checkbox"].input-validation-error,
fieldset textarea.input-validation-error {
    border: 1px solid #cc0000;
    background: #ffd6d6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffd6d6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff, #ffd6d6); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ffffff, #ffd6d6); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ffffff, #ffd6d6); /* IE10 */
	background-image:      -o-linear-gradient(#ffffff, #ffd6d6); /* Opera 11.10+ */
	background-image:         linear-gradient(#ffffff, #ffd6d6);
    -moz-box-shadow: 1px 1px 2px #ddaaaa;
	-webkit-box-shadow: 1px 1px 2px #ddaaaa;
	box-shadow: 1px 1px 2px #ddaaaa;
}

fieldset input[type="text"]:focus.input-validation-error,
fieldset input[type="password"]:focus.input-validation-error,
fieldset input[type="radio"]:focus.input-validation-error,
fieldset input[type="checkbox"]:focus.input-validation-error,
fieldset textarea:focus.input-validation-error {
	border: 1px solid #cc0000;
	background: #ffffff;
    -moz-box-shadow: 0 0 6px 0 #dd6666;
	-webkit-box-shadow: 0 6px 6px 0 #dd6666;
	box-shadow: 0 0 6px 0 #dd6666;
}

.validation-summary-errors {
    color: #cc0000;
    border: 1px solid #cc0000;
    margin: 15px 5px;
    padding: 10px;
    background-color: rgba(255,192,192,0.2);
    font-weight: 600;
}

	.validation-summary-errors ul {
		margin: 5px 0 0 15px;
		font-weight: 400;
		list-style-type: disc;
	}

.validation-summary-valid {
    display: none;
}

ul#footer_menu {
    margin: 12px, auto;
}

	ul#footer_menu li {
		display: inline;
		list-style: none;		
	}

		ul#footer_menu li a {
			color: #ffffff;
			text-decoration: underline;			
		}
	
		ul#footer_menu li a:hover {
			text-decoration: none;
		}

ul#social {
    padding: 0 12px;
}

	ul#social li {
		display: inline;
		list-style: none;		
	}

		ul#social li a {
			color: #999;
			text-decoration: none;
			display: block;
			float: left;
			height: 28px;
			text-indent: -9999px;
			width: 28px;
			padding: 0;
			margin: 0 3px;
		}

		a.facebook {
			background: url('../Content/images/social_facebook_bw.png') no-repeat;
		}
    
		a.facebook:hover {
			background: url('../Content/images/social_facebook.png') no-repeat;
		}

		a.googleplus {
			background: url('../Content/images/social_googleplus_bw.png') no-repeat;
		}
    
		a.googleplus:hover {
			background: url('../Content/images/social_googleplus.png') no-repeat;
		}
    
		a.twitter {
			background: url('../Content/images/social_twitter_bw.png') no-repeat;
		}
    
		a.twitter:hover {
			background: url('../Content/images/social_twitter.png') no-repeat;
		}

/* header
----------------------------------------------------------*/
.left {
	float: left;
}

.right {
	float: right;
}

.middle
{
	vertical-align: middle;
}

.clear {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

#search-footer
{
	clear: both;
}

/*** Artikelnummer ***/
.artikelnummer
{
	float: left;
	font-size: 1em;
	font-weight: bold;
}

/*** Warenkorb-Button ***/
.warenkorb_artikelauflistung
{
	padding: 5px;
}

.warenkorb_artikelauflistung .item-quantity
{
	width: 35px;
	margin-right: 5px;
}

select
{
    padding: 5px;
    cursor: pointer;
}
select option
{
	padding: 1px 5px 1px 3px;
}

select option[selected]
{
	font-weight: bold;
}
select option:nth-child(even)
{
	background-color: #dcf2ff;
}

.price-filter
{
	float: left;
    max-width: 250px;
    min-width: 200px;
    margin-right: 10px;
}

#sub-categories
{
	/*float: right;*/
	margin-top: 20px;
}

#filters
{
	float: left;
	width: 35%;
}

.filter-list
{
	padding-top 5px;
}

/* Filter ui */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	border: 1px solid #006699;
	font-weight: normal;
	color: #ffffff;
	background: #008bcb; /* For browsers that do not support gradients */
	/*background: linear-gradient(-45deg, #00789a 10%, #009fda 60%); /* Standard syntax */
}

.ui-slider-horizontal .ui-slider-range
{
	background: linear-gradient(90deg, #00af14 40%, #ae0801); /* Standard syntax */
}

/* Filter ui */
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover
{
	transition: all 0.2s ease;
	
	border: 1px solid #ba3500;
	font-weight: normal;
	color: #ffffff;
	background: #ff4800; /* For browsers that do not support gradients */
	background: linear-gradient(-45deg, #ff4800 10%, #ff8a00 60%); /* Standard syntax */
	cursor: pointer;
}

.ui-state-default:active, .ui-widget-content .ui-state-default:active, .ui-widget-header .ui-state-default:active
{
	border: 1px solid #ba3500;
	font-weight: normal;
	color: #ffffff;
	background: #ff4800; /* For browsers that do not support gradients */
	background: linear-gradient(-45deg, #ff4800 10%, #ff8a00 60%); /* Standard syntax */
	cursor: pointer;
}

.ui-slider-handle:hover
{
	transform: scale(1.5);
}

/* material icons size */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

div .material-icons-container .material-icons
{
	/* background: linear-gradient(0deg, #c63d00, #ff7b00); */ /* Standard syntax */
	border-radius: 6px 0 0 6px;
	color: #ffffff;
	padding: 3px;
	vertical-align: -5px;
}

.material-icons-container
{
	background: #ff5300; /* Standard syntax */

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

    font-size: 1.5em;
    font-weight: bold;
    margin: 0 auto;
    width: 50%;
	text-shadow: none;
}

div .material-icons-container .material-icons-detail
{
	color: #ffffff;
	padding-left: 10px;
}

div .material-icons-container .material-icons
{
	/*background: linear-gradient(0deg, #c63d00, #ff7b00); */ /* Standard syntax */
	border-radius: 6px 0 0 6px;
	color: #ffffff;
	padding: 3px;
	vertical-align: -5px;
}

.item-data a:hover .material-icons-container
{
	transition: all 0.2s ease;
	transform: scale(1.1);
	background: #00739d; /* Standard syntax */
	border-radius: 6px;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 auto;
    width: 50%;
}

/* Hauptmenü Design und Funktion */
/* V3 Version
.navi {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
}

.navi ul,
.navi ul li,
.navi ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navi ul {
  position: relative;
  z-index: 500;
  float: left;
}

.navi ul li {
  float: left;
  min-height: 0.05em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
}

.navi ul li.hover,
.navi ul li:hover {
  position: relative;
  z-index: 510;
  cursor: default;
}

.navi ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 520;
  width: 100%;
}

.navi ul ul li { float: none; }

.navi ul ul ul {
  top: 0;
  right: 0;
}

.navi ul li:hover > ul { visibility: visible; }

.navi ul ul {
  top: 0;
  left: 99%;
}

.navi ul li { float: none; }

.navi ul ul { margin-top: 0.05em; }

.navi {
  width: 17em;
  background: #333333;
  zoom: 1;
}

.navi:before {
  content: '';
  display: block;
}

.navi:after {
  content: '';
  display: table;
  clear: both;
}

.navi a {
  display: block;
  padding: 1em 1.3em;
  color: #ffffff;
}

.navi > ul { width: 17em; }

.navi ul ul { width: 13em; }

.navi > ul > li > a {
  border-right: 0.3em solid #34A65F;
  color: #ffffff;
}

.navi > ul > li > a:hover { color: #ffffff; }

.navi > ul > li a:hover,
.navi > ul > li:hover a { background: #34A65F; }

.navi li { position: relative; }

.navi ul li.has-sub > a:after {
  content: '»';
  position: absolute;
  right: 1em;
}

.navi ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.navi ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}

.navi ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/*.navi ul ul { border: 1px solid #34A65F; }*/
/*
.navi ul ul a { color: #ffffff; }

.navi ul ul a:hover { color: #ffffff; }

.navi ul ul li { border-bottom: 1px solid #0F8A5F; }

.navi ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}

.navi.align-right > ul > li > a {
  border-left: 0.3em solid #34A65F;
  border-right: none;
}

.navi.align-right { float: right; }

.navi.align-right li { text-align: right; }

.navi.align-right ul li.has-sub > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}

.navi.align-right ul li.has-sub > a:after { content: none; }

.navi.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}

.navi.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}

.navi.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}

.navi.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
*/

/* CSS Tree menu styles */
ol.tree
{
	padding: 0 0 0 20px;
	font-size: 1.1em;
}
	.tree li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
		font-weight: 300;
	}
	.tree li.file
	{
		margin-left: -1px !important;
	}
		.tree li.file a
		{
			background: url(document.png) 2px 2px no-repeat;
			color: #000;
			padding-left: 22px;
			text-decoration: none;
			display: block;
			transition: all 1s;
		}
		.tree li.file a:hover
		{
			background: url(document.png) 2px 2px no-repeat #1495d6;
			border-radius: 3px;
			color: #ffffff;
			text-decoration: underline;
			transition: all 10ms ease;
		}
		/*
		.tree li label a:hover
		{
			background: url(document.png) 0 0 no-repeat #d65814;
			border-radius: 3px;
			color: #ffffff;
			text-decoration: underline;
			transition: all 10ms ease;
		}
		*/
	.tree li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		.tree li input + ol
		{
			background: url(toggle-small-expand.png) 40px -3px no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
		.tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	.tree li label
	{
		background: url(folder-horizontal.png) 15px 2px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 35px;
		transition: all 1s;
	}
	.tree li label:hover
	{
		background: url(folder-horizontal.png) 15px 2px no-repeat #d65814;
		border-radius: 3px;
		color: #ffffff;
		cursor: pointer;
		display: block;
		padding-left: 35px;
		text-decoration: underline;
		transition: all 10ms ease;
	}
	.tree li label:hover a
	{
		color: #ffffff;
	}

	.tree li input:checked + ol
	{
		background: url(toggle-small.png) 40px 2px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		.tree li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		.tree li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }

/** arrow CSS **/
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 10px solid green;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
}

.arrow-right-height {
	width: 0; 
	height: 0; 
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	
	border-left: 40px solid #fb7700;
	margin-left: 10px;
}

.arrow-left-height {
	width: 0; 
	height: 0; 
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent; 
	
	border-right: 40px solid #c84000; 
	margin-right: 10px;
}

/* Login und Register Links*/
.login-register-container
{
	background: #008bcb; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #008bcb 0%, #008bcb 35%, #007cb5 60%, #004869 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #008bcb 0%,#008bcb 35%,#007cb5 60%,#004869 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #008bcb 0%,#008bcb 35%,#007cb5 60%,#004869 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bcb', endColorstr='#004869',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/*background: #004869;*/
	min-height: 85px;
	position: relative;
	font-size: 1.25em;
	padding: 10px;
}

.login-register-container .material-icons
{
	vertical-align: middle;
}

.logo
{
	padding: 0px 6px;
}
#quick-search-submit
{
    border-radius: 6px;
    font-size: 1.2em;
    margin-left: 4px;
	
	background: #fd7900; /* Old browsers */
	background: linear-gradient(to bottom, #fd7900 0%,#c63d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	boder: none;
	box-shadow: none;

    animation: 12s linear 0s normal none infinite running faden;
	font-family: inherit;
}

.fixedheader_content
{
	padding-top: 42px;
}

@keyframes zoom {
	0%, 16% {
		/*transform: translateY(0px);*/
		transform: scale(1);
	}
	2%, 6%, 10%, 14% {
		/*transform: translateY(0.5rem);*/
		transform: scale(1.1);
	}
	4%, 8%, 12% {
		/*transform: translateY(-0.5rem);*/
		transform: scale(1);
	}
}

@keyframes faden {
      0%   {background: #fd7900;}
      25%  {background: #fdc400;}
      50%  {background: #fd3000;}
      75%  {background: #fdc400;}
      100% {background: #fd7900;}
}

.pagination-info
{
	width: 100%;
	padding: 10px 0;
}

/****** CSS Loading Animation ******/
.bar {
	width: 33%;
	height: 20px;
	border: 1px solid #2980b9;
	border-radius: 3px;
	background-image: 
	repeating-linear-gradient(
	  -45deg,
	  #2980b9,
	  #2980b9 11px,
	  #eee 10px,
	  #eee 20px /* determines size */
	);
	background-size: 28px 28px;
	animation: move .5s linear infinite;
  
	position: absolute;
	top: -30%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

.seite-wird-geladen
{
	bottom: 0;
    color: #fff;
    font-size: 20px;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 155%;
    width: 200px;
}

/* Lagerinfo - div */
.stockinfo
{
	border-radius: 6px;
	height: 35px;
}

.stockinfo p
{
	margin: 0;
	padding: 0;
}

.circle-red
{
	width: 15px;
	height: 15px;
	background: linear-gradient(to bottom, #ff1f1f 0%,#b60000 50%,#a60000 51%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 8px;
	float: left;
	margin-right: 10px;
}
.circle-green
{
	width: 15px;
	height: 15px;
	background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 8px;
	float: left;
	margin-right: 10px;
}
.circle-orange
{
	width: 15px;
	height: 15px;
	background: linear-gradient(to bottom, #ffa735 0%,#d67900 50%,#da7c00 51%,#e68200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 8px;
	float: left;
	margin-right: 10px;
}

/*** Artikel-Beschreibung in Detail Tabelle***/
table.itemdescription
{
	border: 1px solid #aaaaaa;
}

.itemdescription tr
{
	height: 50px;
}

.itemdescription tr:nth-child(even)
{
	background-color: #f2f2f2;
}

.itemdescription tr:nth-child(odd)
{
	background-color: #efefef;
}

.itemdescription td
{
	padding: 10px;
	vertical-align: top;
}

.itemdescription tr:hover
{
	background: #ffca8b;
}

#topoffersslider-container .item-image
{
	height:320px;
}

#topoffersslider-container .item-data a h3
{
	color: #148bc8;
	font-size: 2em;
	text-shadow: 1px 1px 2px #aaaaaa;
	min-height: 0;
}

.topoffer-headline-background
{
	background: rgba(255, 255, 255, 0.85);
	border-radius: 6px;
	box-shadow: 2px 2px 3px #888888;
	padding: 3px 6px;
	position: absolute;
	bottom: 150px;
	left: 10px;
	border: 1px solid #dddddd;
}

#topoffersslider .item .price
{
	
}

#topoffersslider .item .price-main
{
	text-shadow: 1px 1px 2px #148bc8;
	font-size: 4em;
}

#topoffersslider .item-data
{
	min-height: 0;
}

#topoffersslider .item
{
	background-color: #ffffff;
	
	transition: all .1s ease-in-out;
}

.jetzt-um-text
{
	color: #fb7700;
	font-size: 0.75em;
	text-shadow: 1px 1px 2px #ffa200;
}

.basketquickinsertion
{
	background: rgba(255, 255, 255, 0.75);
	width: 330px;
	float: right;
	padding: 5px;
	border-radius: 6px;
	margin-right: 10px;
}

.basketquickinsertion h3
{
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
}

.artikelanfrage
{
width:100px;
height:100px;
background-color:blue;
outline:none;
cursor:pointer;
}

.hiddendiv{
display:none;
height: 460px;
width: 250px;
background-color:green;
position: fixed;
top: 50%;
left: 50%;
margin-top: -230px; /* Negative half of height. */
margin-left: -125px; /* Negative half of width. */
z-index: 1100;
}
/*
.artikelanfrage:active + .hiddendiv{
display:block;
}
*/
.blockcl
{
	display: block;
}
/*
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; background-color: #ffffff;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; color: #900; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
*/

/*************
Mails absichern
*************/
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

.cryptedmail:hover
{
	cursor: pointer;
}

.headline_table
{
	background: #eaeaea;
	font-weight: bold;
	font-size: 1.25em;
	text-shadow: 1px 1px 1px #cccccc;
}

.history tr:hover, .mitarbeiter_tbl tr:hover
{
	background: #cdeefd;
}

.history td, .mitarbeiter_tbl td
{
	padding: 10px;
	border-radius: 6px;
}

.picturetext {
    font-size: 11px;
    font-style: italic;
    padding-right: 10px;
    width: 110px;
}

.jahr_table {
    vertical-align: top;
}

#map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }

.listing
{
	list-style-position: inside;
	text-indent: 20px;
	list-style-type: disc;
}

.einruck
{
	text-indent: 35px;
	list-style-type: none;
}

.material-icon-content
{
	vertical-align: middle;
	margin-top: -1px;
}

.main-content a
{
	color: #008BCB;
	text-shadow: 2px 2px 2px #ccc;
	text-decoration: underline;
}

.price-topoffer
{
	color: #008BCB;
	font-weight: 700;
	font-size: 4em;
	padding: 0 5px;
	border-radius: 6px;
}

.isauthenticated-menu .submenu li, ul#menu li .isauthenticated-menu
{
	color: #fff;
	background-color: #C60;
}
/*
ul#menu .submenu li:hover, li.isauthenticated-menu:hover
{
	background: yellow;
}*/

.ui-datepicker td
{
	border: 0;
	padding: 1px;
}

a .ui-state-default .ui-state-highlight
{
	background: #F00;
}

/* Links style from top*/

input[type="text"].watermark,
input[type="password"].watermark,
select.watermark {
	color: #999999;
	font-style: italic;
}

input[type="text"],
input[type="password"],
input[type="number"],
select {
	border: 1px solid #aaaaaa;
	padding: 5px 8px;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus {
	background: #ffffff none;
	border-color: #006699;
}

input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:focus,
a.button,
a.button:active,
a.button:focus,
input[type="button"],
input[type="button"]:active,
input[type="button"]:focus {	
	padding: 4px 25px;
	font-weight: 600;
	box-shadow: 1px 1px 3px 0 #333333;
	color: #ffffff;
	border: 1px solid #006699;
	border-radius: 3px;
	display: inline-block;
	background: linear-gradient(0deg, #00689b, #1597d8);
	font-family: inherit;
	font-size: inherit;
}

input[type="submit"]:hover,
a.button:hover,
input[type="button"]:hover {
	transition: all .1s ease-in-out;
	transform: scale(1.1);
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 1px 1px 3px 0 #006699;
	background: linear-gradient(0deg, #1597d8, #00689b); /* Standard syntax */
}

input[type="submit"]:disabled ,
a.button:disabled ,
input[type="button"]:disabled  {
	cursor: pointer;
	color: #000000;
	text-decoration: none;
	background: #cccccc;	
	-moz-box-shadow: 0 0 3px 0 #999999;
	-webkit-box-shadow: 0 0 3px 0 #999999;
	box-shadow: 1px 1px 3px 0 #999999;	
}

a,
a > img {
	border: none;
}

#Beschreibung
{
	font-family: 'Barlow Condensed', 'Segoe UI', Verdana, Helvetica, Sans-Serif;
}

#Beschreibung h3
{
	font-weight: 600;
}

/* B2B Styles */
.b2b-menulink, .b2c-menulink
{
	font-weight: 300;
	position: fixed;
	top: 10px;
	right: 10px;
	font-size: 1.2em;
	color: #ffffff;
}

.b2b-menulink .material-icons, .b2c-menulink .material-icons
{
	vertical-align: -4px
}

.b2b-menulink a, .b2c-menulink a
{
	color: #ffffff;
}
/* B2B Ende Styles*/

.special-corner-info {
	width: 0; 
	height: 0; 
	border-top: 45px solid #e62121;
	/*border-bottom: 150px solid transparent;*/
	border-right: 80px solid transparent;
}

.special-corner-info span {
	color: #ffffff;
	position: relative;
	top: -35px;
	width: 45px;
	left: 0px;
	text-align: center;
	font-size: 0.8em;
	transform: rotate(-30deg);
	display: block;
	text-shadow: 2px 2px 2px #333333;
}

/* Coupon Symbol Style */
.rabatt-aktion-coupon
{
	display: block;
	width: 180px;
	height: 180px;
	background: #cedbe9; /* Old browsers */
	background: linear-gradient(to bottom, #ff9c00 0%, #ef4300 100%);/*Opera12+, Safari7+ */
	border-radius: 180px;
	transform: rotate(-10deg);
	border: 3px solid #fe7800;
	animation: coupon-zoom 8s infinite;
}
.coupon-text
{
	margin: 0 auto;
	/*background: red;*/
	/*height: 20%;*/
	width: 80%;
	padding: 10px;
	color: #ffffff;
	font-size: 1.5em;
	font-family: 'Barlow Semi Condensed', 'Segoe UI', Verdana, Helvetica, Sans-Serif;
	text-align: center;
}
.rabatt-prozent
{
	/*-webkit-text-stroke: 1px #ff0000;*/
	background: #ffffff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2em;
}
.hinweis-coupon
{
	font-size: 0.5em;
}

@keyframes coupon-zoom
{
	0%, 50% {
		/*transform: translateY(0px);*/
		transform: scale(1);
	}
	25%, 75% {
		/*transform: translateY(0.5rem);*/
		transform: scale(1.1);
	}
	100% {
		/*transform: translateY(-0.5rem);*/
		transform: scale(1);
	}
}

/* Header Couponhinweis */
.rabatt-aktion-coupon-head
{
	display: block;
	width: 80px;
	height: 80px;
	background: #cedbe9; /* Old browsers */
	background: linear-gradient(to bottom, #ff9c00 0%, #ef4300 100%);/*Opera12+, Safari7+ */
	border-radius: 80px;
	transform: rotate(-10deg);
	border: 3px solid #fe7800;
	animation: coupon-zoom 5s infinite;
}
.coupon-text-head
{
	margin: 0 auto;
	/*background: red;*/
	/*height: 20%;*/
	width: 80%;
	/*padding: 0.5em;*/
	color: #ffffff;
	font-size: 1em;
	font-family: 'Barlow Semi Condensed', 'Segoe UI', Verdana, Helvetica, Sans-Serif;
	text-align: center;
}
.rabatt-prozent-head
{
	/*-webkit-text-stroke: 1px #ff0000;*/
	background: #ffffff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 3em;
}

/* -10% Rabatt Aktion bis Jahresende*/
.shadowbox {
	color: #ffffff;
	width: 15em;
	border: 1px solid #ff9535;
	/*box-shadow: 8px 8px 5px #444;*/
	padding: 8px 12px;
	background-image: linear-gradient(180deg, #c84000, #fb7700);
	border-radius: 6px;
	position: fixed;
	bottom: 20px;
	left: 10px;
	animation: 2s linear 0s normal none 1 running animationbox;
}
@keyframes animationbox {
	0% {
		/*transform: translateY(0px);*/
		left: -100%;
	}
	100% {
		/*transform: translateY(0.5rem);*/
		left: 10px;
	}
}
.slideshow {
    padding: 5px;
    clear: both;
    text-align: center;
}

.slideshow .slideshow-container {
    width: 100%;
    border: 1px solid #cccccc;
    background: #fefefe;
	-moz-box-shadow: 0 1px 6px #333333;
	-webkit-box-shadow: 0 1px 6px #333333;
	box-shadow: 0 1px 4px #333333;
	margin-bottom: 10px;
	padding: 2px;
	position: relative;
	text-align: left;
}

.slideshow .slideshow-overlay {
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.slideshow a.slideshow-prev,
.slideshow a.slideshow-next {
    display: inline-block;
    width: 24px;
    height: 24px;
    z-index: 5;
}

.slideshow a.slideshow-prev {
    float: left;
    background: url('../../Content/images/button_arrow_left_24.png') no-repeat center center;
}

.slideshow a.slideshow-prev:hover {
    text-decoration: none;
    background: url('../../Content/images/button_arrow_left_pressed_24.png') no-repeat center center;
}

.slideshow a.slideshow-next {
    float: right;
    background: url('../../Content/images/button_arrow_right_24.png') no-repeat center center;
}

.slideshow a.slideshow-next:hover {
    text-decoration: none;
    background: url('../../Content/images/button_arrow_right_pressed_24.png') no-repeat center center;
}

.slideshow .slideshow-pages {
    display: inline;
}

    .slideshow .slideshow-pages > li {
        display: inline;
        padding: 2px;
    }
    
    .slideshow .slideshow-pages .slideshow-page {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url('../../Content/images/dot_light_12.png') no-repeat center center;
        margin: 4px 0;
    }
    
    .slideshow .slideshow-pages .slideshow-page.selected {
        background: url('../../Content/images/dot_dark_12.png') no-repeat center center;
    }
    
    .slideshow .slideshow-pages .slideshow-page:hover {
        text-decoration: none;
        background: url('../../Content/images/dot_medium_12.png') no-repeat center center;
    }
