/* Minification failed. Returning unminified contents.
(1346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@'
(1346,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@'
 */
/*! jQuery UI - v1.9.2 - 2016-03-09
* 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, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=%23ffffff&bgTextureHeader=flat&borderColorHeader=%23ffffff&fcHeader=%23333333&iconColorHeader=%23444444&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23bbbbbb&fcContent=%23333333&iconColorContent=%23444444&bgColorDefault=%230069b4&bgTextureDefault=flat&borderColorDefault=%230069b4&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%2396c11f&bgTextureHover=flat&borderColorHover=%2396c11f&fcHover=%23000000&iconColorHover=%23000000&bgColorActive=%2396c11f&bgTextureActive=flat&borderColorActive=%2396c11f&fcActive=%23000000&iconColorActive=%23000000&bgColorHighlight=%23fffa90&bgTextureHighlight=flat&borderColorHighlight=%23dad55e&fcHighlight=%23777620&iconColorHighlight=%23777620&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23f1a899&fcError=%235f3f3f&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.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); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.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;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.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; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.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; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.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; }

/* with multiple calendars */
.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; }

/* RTL support */
.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; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}.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; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.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; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.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; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.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;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #bbbbbb; background: #ffffff; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #ffffff; background: #ffffff; color: #333333; font-weight: bold; }
.ui-widget-header a { color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #0069b4; background: #0069b4; font-weight: normal; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; 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 #96c11f; background: #96c11f; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #96c11f; background: #96c11f; font-weight: normal; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #dad55e; background: #fffa90; color: #777620; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }
.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); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("images/ui-icons_444444_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("images/ui-icons_444444_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("images/ui-icons_444444_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_000000_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("images/ui-icons_000000_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("images/ui-icons_777620_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("images/ui-icons_cc0000_256x240.png"); }

/* positioning */
.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 is deprecated, use ui-icon-seek-start instead */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.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; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: 0px 0 0 0px; padding: 5px; background: #666666; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* ==========================================================================
   normalize.css v2.0.1, along with Webflow base CSS | MIT License | git.io/normalize
   ========================================================================== */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
	background: #ffffff;
    overflow-y: scroll;
}

body {
    color: #888888;
    font-size: 12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

a:link, a:visited,
a:active, a:hover {
    text-decoration: none;
    outline: 0;
    color: #888888;
}

a:hover {
    text-decoration: underline;
}

header, footer, hgroup,
nav, section {
    display: block;
}

h1, h2, h3,
h4, h5, h6 {    
    margin-bottom: 0;
    padding-bottom: 0;
    color: #111111;
}

h1 {
    font-size: 2em;
}

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 {
	padding: 0;
	list-style-type: none;
}

p {
	margin: 0;
	padding: 5px 0 10px 0;
}

input[type="text"].watermark,
input[type="password"].watermark,
select.watermark {
	color: #cccccc;
}

input[type="text"],
input[type="password"],
input[type="number"],
select {
	color: #888888;
	background: #ffffff;
	font-size: 12px;
	border: 1px solid #cccccc;
	padding: 4px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

select {
    background-image: url('../Content/images/arrow_down_gray.png');
    background-position: right 5px center;
    padding-right: 20px !important;
    background-repeat: no-repeat;-webkit-appearance: button;
}

select::-ms-expand {
    display: none;
}

    select:hover {
        cursor: pointer;
        border-color: #aaaaaa;
    }

input[type="checkbox"] {
	padding: 0;
	width: 13px;
    height: 13px;
    margin: 2px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

label.checkbox {
    display: inline-block;
    padding-left: 15px;
    text-indent: -15px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus {
	border-color: #0069b4;
}

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 10px;
	font-size: 12px;
	font-weight: 400;
	background: #0069b4;
	color: #ffffff;
	border: 1px solid #0069b4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
}

input[type="submit"]:hover,
a.button:hover {
	cursor: pointer;
	text-decoration: none;
	background: #96c11f;
	border: 1px solid #96c11f;
}

a,
a > img {
	border: none;
}

ul,
li {
	margin: 0;
	padding: 0;
}

iframe {
    border: none;
    overflow: auto;
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 1150px;
}

.content-wrapper::before,
.content-wrapper::after {
    content: " ";
    display: table;
}

.content-wrapper::after {
    clear: both;
}
    

#info {
	display: none;
	background: rgba(136, 136, 136, 0.8) url('../Content/images/info_small.png') no-repeat 105px 5px;
	color: #ffffff;
	position: absolute;
	margin: -10px 0 0 980px;
	padding: 5px;
	width: 120px;
}

	.title {
		font-size: 14px !important;
		color: #ffffff;
		margin: 0;
	}
	
	.text {
		font-size: 11px;
	}

#body {
    clear: both;
    background: none;
    padding-bottom: 35px;
}

    .main-content {
        padding: 10px;
    }

    .featured + .main-content {
        background: url('../Images/heroAccent.png') no-repeat;
    }


#main-content {
    overflow: hidden;
}

/* header
----------------------------------------------------------*/
header.redirection {
    margin-top: 30px;
}

    header a {
        color: #888888;
    }

    header .header-columns {
        margin-left: -10px;
        margin-right: -10px;
        overflow: visible;
    }
    
    header .header-column {
        position: relative;
        left: 0px;
        top: 0px;
        display: inline-block;
        padding-right: 21px;
        padding-left: 21px;
        border-left: 1px none #cccccc;
        border-right: 1px solid #cccccc;
        text-align: left;
        overflow: visible;
        float: right;
    }
    
    header .header-columns::before,
    header .header-columns::after {
        content: " ";
        display: table;
    }
    
    header .header-columns::after {
        clear: both;
    }
    
    header .header-column,
    header img.company-logo {
        height: 60px;
    }
    
    header .header-top {
        padding: 20px 0;
    }
        
        header .header-top-logo {
            border-right: 1px none #cccccc;
            float: left;
        }
        
        header .header-top-login {
            
        }     
        
        header .header-top-login,
        header .header-top-basket {
            font-size: 12px;
            color: #888888;
        }
        
            header .header-top-login img,
            header .header-top-basket img {
                width: 12px;
                height: 12px;
            }
            
    header .header-header {
        display: inline-block;
        font-weight: 700;
    }
    
    header .header-data {
        float: right;
        padding-left: 10px;
    }
    
    header .header-login-title {
        background: #ffffff url('../Content/images/arrow_down_gray.png') no-repeat 35px center;
    }
    
        header .header-login-title:hover,
        header .header-data .expander-group-hover:hover > a {
            background-image: url('../Content/images/arrow_up_gray.png');
        }
    
    header .header-login-menu {
        background: #ffffff;
        border: 1px solid #cccccc;
        padding: 5px 20px 5px 10px;
        margin-top: -5px;        
	    -moz-border-radius: 0 0 3px 3px;
	    -webkit-border-radius: 0 0 3px 3px;
	    border-radius: 0 0 3px 3px;
	    -moz-box-shadow: 0 1px 2px 0 #333333;
	    -webkit-box-shadow: 0 1px 2px 0 #333333;
	    box-shadow: 0 0 4px 0 #333333;
    }
    
    header .banner {
        height: 107px;
        background: url(../Content/images/background/header_bg.png) no-repeat center top;
        background-size: 100% 100%;
    }
    
        header .banner .banner-content {
            text-align: center;
            vertical-align: middle;
            font-size: 22px;
            text-transform: uppercase;
            color: transparent;
            line-height: 107px;
			background: url(../Content/images/background/logo.png) no-repeat center top;
			width: 1000px;
        }
		
		header .banner a:hover {
			text-decoration: none;
		}

    header .header-search {
      /*   height: 100px; */
        background: #dee2e9;
        overflow: hidden;
    }
    
        header .header-search > div {
            padding: 10px 20px;
        }
		
		header .header-search .header-search-detail{
            width: 550px;
        }
		
		header .header-search .search-label {
			text-transform: uppercase;
			padding: 2px 5px;
			cursor: pointer;
		}
		
		header .header-search span.search-label,
		header .header-search .search-label.selected {
			font-weight: 700;
			cursor: default;
		}
		
		header .header-search .search-label.selected:hover {
			text-decoration: none;
		}

    header .header-search-quantity {
        height: 30px;
        background: #bcbfc4;
        overflow: hidden;
        line-height: 30px;
		color: #555555;
		text-align: center;
    }
	
		header .header-search-quantity  input{
			width: 48px;
		}

    header .header-search-categories {
        /*background: #bcbfc4;*/
        overflow: hidden;
        text-align: center;
    }
	
	.header-image {
		width: 247px;
		float: left
	}
	
	.header-box {
		float: left;
		width: 220px;
		border: 1px solid #96c11f;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		padding: 5px 10px;
		margin: 10px 10px 0px 20px;
		-webkit-box-shadow: 0 0 5px 5px rgba(150, 193, 31, 0.3);
		-moz-box-shadow: 0 0 5px 5px rgba(150, 193, 31, 0.3);
		box-shadow: 0 0 5px 5px rgba(150, 193, 31, 0.3);
	}
    
/* footer
----------------------------------------------------------*/
footer {
    background-color: #0069b4;
	box-shadow: 0px 3px 30px #333333 !important;
	border-top: 30px solid #96c11f !important;
	padding: 10px 0px 20px !important;
    color: #ffffff;
    font-size: 12px;
    overflow: hidden;
}

    footer a {
        color: #ffffff !important;
    }
        
    footer .facebook {
      display: inline-block;
      margin-right: 30px;
      margin-left: 30px;
      text-align: left;
    }

    footer .social {
      padding-top: 60px;
      padding-bottom: 60px;
      text-align: center;
    }
    
    footer .footer-columns {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    footer .footer-column {
        position: relative;
        left: 0px;
        top: 0px;
        display: block;
        padding-right: 10px;
        padding-left: 21px;
        border-right: 1px none #ffffff;
        border-left: 1px solid #ffffff;
        text-align: left;
        width: 25%;
        float: left;
    }
    
    footer .footer-columns::before,
    footer .footer-columns::after {
        content: " ";
        display: table;
    }
    
    footer .footer-columns::after {
        clear: both;
    }
    
    footer .footer-bottom {
        padding-bottom: 36px;
    }

.link-social {
  font-family:'Open Sans', sans-serif;
  color: white;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.social-icon {
  margin-right: 10px;
  padding-right: 0px;
}

.link-footer-fat {
  display: inline-block;
  clear: none;
  font-family:'Open Sans', sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-headline {
  margin-bottom: 15px;
  font-family:'Open Sans', sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.text-footer {
  font-family:'Open Sans', sans-serif;
  color: white;
  font-size: 12px;
  line-height: 22px;
}

/* notification
----------------------------------------------------------*/
#notification {
	display: none;
}

.notification-container,
.user-notification-container {
	font-size: 11px;
	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;
	}

/* quick-search
----------------------------------------------------------*/
.quick-search #Keyword {
    width: 200px;
    margin-right: -4px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.quick-search #quick-search-submit {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.quick-search #quick-search-form {
	margin-top: 20px;
}

/* search
----------------------------------------------------------*/
#search-header {
    margin: 20px 0 10px 0;
    font-size: 11px;
    overflow: hidden;
}

    #search-header::after {
        clear: both;
    }

    #search-header div {
        padding: 0 10px;
        float: right;
    }

#search-categories {
    overflow: hidden;    
}

.search-categories {
	text-align: center;
}

	.search-categories ul {
		list-style-type: none;
		text-align: center;
	
		
		clear: left;
		float: left;
	}
	
	.search-categories li{
		float: left;
		display: inline;
	
	}
	
		.search-categories li a{
			color: #ffffff;
			font-size: 1.2em;
			display: block;
			float: left;
			text-align: center;
			padding: 2px 12px 8px;
			margin: 5px 2px 5px 0px;
			text-decoration: none !important;
			background-color: #0069b4;
			height: 27px;
			transition: all 1s ease 0s;
		}

		.search-categories li a:hover{
			color: #000000;
			background-color: #96c11f;
			-webkit-transiton: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			-transition: background 0.1s;
			transition: background 0.1s;
			text-decoration: none !important;
		}

	.reset-link {
		color: #0088ff !important;
		font-size: 0.9em;
	}

/* tyre search
----------------------------------------------------------*/
#tyre-search {
    line-height: normal;
}

#tyre-search div {
    padding: 5px 10px;
}

	#tyre-search div.clear {
		padding: 0;
	}

#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;
}

#tyre-search fieldset {
	float: left;
}

#tyre-search input[type="submit"] {
	margin-top: 20px;
}

/* rim search
----------------------------------------------------------*/
#rim-search {
    line-height: normal;   
}

#rim-search div {
    padding: 5px 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;
}

#rim-search fieldset {
	float: left;
}

#rim-search input[type="submit"] {
	margin-top: 20px;
}


/* 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;
    margin-left: 20px;
}

#topoffersslider {
    list-style: none;
    position: relative;
}

#topoffersslider > li {
    float: left;
    width: 190px;
    position:relative;
    padding: 10px 12px;
}

.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;
		@*width: 100px;*@
}

.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: 150px;
    }

	.topoffer-item .item-image img{
        max-height: 140px;
		max-width: 140px;
    }

    .topoffer-item h3 {
        height: 100px;
    }

    .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: 24px;
	}
	
	.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;
	}

	
	
	#cms-block-startpage {
		
		color: #333333;
	}

	
	div.imagezoom a {
		right: 0px !important;
		top: 0px !important;
	}
	
	.imagezoom > img {
		border: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow:none !important;
		box-shadow: none !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		border-radius: 0px !important;
	}
	
	a.imagezoom:hover {
		cursor: zoom-in;
	}
	
/* search-result
----------------------------------------------------------*/
.items {
    color: #4F6796;
    margin: 40px 0 20px 0;
    clear: both;
    width: 100%;
}

    .items th {
        text-align: left;
        text-transform: uppercase;
        padding: 0 8px;
        border-left: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        font-size: 11px;
    }
    
        .items th.search-result-column-image {
            border-left: 1px solid #ffffff;
            padding-left: 2px;
        }
		
		 .items td.search-result-column-image img {
            max-width: 55px;
			margin: 5px 0;
        }
		
        
        .items th.search-result-column-properties {
            padding: 0 4px;
        }
    
            .items th.search-result-column-properties img {
                display: inline-block;
                padding: 0 2px;
            }
        
    .items td {
        padding: 0 8px;
        border-bottom: 1px solid #cccccc;
        font-size: 12px;
		height:80px;
    }

        .items td.search-result-column-image {
            width: 60px;
            padding: 0 0 0 2px;
        }
    
        .items td.search-result-column-description {
            font-weight: 700;
			font-size:14px
        }
        
        .items td.search-result-column-manufacturer {
            width: 60px;
			visibility:hidden;
			display:none;
        }
        
        .items td.search-result-column-itemnumber {
            width: 60px;
        }

        .items td.search-result-column-properties {
            width: 80px;
            padding: 0 4px;
        }
        
            .items td.search-result-column-properties span {
                display: inline-block;
                width: 19px;
                text-align: center;
            }
    
        .items td.search-result-column-stock {
            width: 80px;
            padding-left: 20px;
			color: blue;
        }
        
        .items td.search-result-column-net-price {
            width: 80px;
        }
        
        .items td.search-result-column-price {
            width: 80px;
        }      
            
        .items td.search-result-column-quantity .quantity {                
            width: 40px;
            font-size: 11px;
        }
            
        .items td.search-result-column-offer,
        .items td.search-result-column-basket,
        .items td.search-result-column-wheel {
            padding: 0 2px;
        }
        
        .items td.search-result-column-offer input,
        .items td.search-result-column-basket input,
        .items td.search-result-column-wheel img {
            width: 20px;
            height: 20px;
        }
        
        .items td.search-result-column-offer > form,
        .items td.search-result-column-basket > form {
            display: inline-block;
        }
        
        .items td.search-result-column-remark {
            width: 120px;
        }
        
    .items .items-actions {
        margin: 2px 0;
    }   
    
        .items .items-actions td {
            border: 1px none #cccccc;
        }
    	
	.complete-wheel-tyre th,
	.complete-wheel-tyre td {
		padding: 1px 5px;
	}
	
	.complete-wheel-tyre a {
		color: #ff0000;
	}
	
	img.item-loader{
		max-height: 32px;
	}
	
/* paging
----------------------------------------------------------*/
.paging .paging-header {
    display: none; 
}

.paging ul li { 
    font-size: 11px; 
    float: left;
    text-align: center;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

    .paging ul li:first-child {
		-moz-border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
    }
    
    .paging ul li:last-child {
        border-right: 1px solid #cccccc;
		-moz-border-radius: 0 3px 3px 0;
		-webkit-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
    }
    
    .paging ul li.selected {
        width: 24px;
        line-height: 24px;
		background: #96c11f;
		color: #000000;
        border-color: #96c11f;
    }
    
    .paging ul li.dots {
        width: 24px;
        line-height: 24px;
    }

    .paging ul li a {
        display: inline-block;
        width: 24px;
        line-height: 24px;
        font-size: 11px;
        color: #ffffff !important;
		background: #0069b4;
		border-color: #0069b4;
    }
	
	.paging ul li a:hover
	{
        color: #000000 !important;
		background: #96c11f;
		border-color: #96c11f;
    }

/* categories
----------------------------------------------------------*/
.categories-columns {
        margin-left: -10px;
        margin-right: -10px;
        padding: 30px;
    }
    
    .categories-column {
        position: relative;
        left: 0px;
        top: 0px;
        display: block;
        padding: 20px;
        border-right: 1px none #cccccc;
        border-left: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        border-bottom: 1px none #cccccc;
        text-align: left;
        width: 25%;
        float: left;
        font-size: 11px;
        color: #4F6796;
        text-align: center;
        height: 200px;
    }
    
    .categories-column:hover {
        cursor: pointer;
    }
    
        .categories-column.column-top {
            border-top: 1px none #cccccc;
        }
        
        .categories-column.column-left {
            border-left: 1px none #cccccc;
        }
        
        .categories-column .category-image {
            display: inline-block;
            height: 120px;
            width: 120px;
            margin-bottom: 10px;
        }
    
    .categories-columns::before,
    .categories-columns::after {
        content: " ";
        display: table;
    }
    
    .categories-columns::after {
        clear: both;
    }
    
/* categories-slider
----------------------------------------------------------*/
.categories-slider {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}

.categories-slider:after {
    clear: both;
}

.categories-slider-button {
    display: inline-block;
    height: 140px;
    float: left;
}

.categories-slider-button:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

    .categories-slider-button:hover {
        background: #f8f8f8;
        text-decoration: none;
    }
    
    .categories-slider-button img {
        display: inline;
        vertical-align: middle;
        height: 32px;
    }

.categories-slides {
    height: 140px;
    width: 848px;
    overflow: hidden;
    position: relative;
    float: left;
}

    .categories-slides > div {
        display: inline-block;
        position: absolute;
    }

.categories-slide {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
    padding: 10px;
    border-right: 1px none #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px none #cccccc;
    border-bottom: 1px none #cccccc;
    text-align: left;
    float: left;
    font-size: 11px;
    width: 140px;
    color: #4F6796;
    text-align: center;
    height: 140px;
}

.categories-slide:hover {
    cursor: pointer;
}

    .categories-slide.first-slide {
        border-left: 1px none #cccccc;
    }

    .categories-slide .category-image {
        display: inline-block;
        height: 80px;
        width: 80px;
        margin-bottom: 10px;
    }

.categories-slider::before,
.categories-slider::after {
    content: " ";
    display: table;
}

.categories-slider::after {
    clear: both;
}

/* filters
----------------------------------------------------------*/
#filters {
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    overflow: hidden;
}

    #filters ul li {
        float: left;
        padding: 0 5px;
    }
    
        #filters ul li > label {
            display: block;
            line-height: 12px;
            text-indent: 2px;
        }
    
     #filters ul:after {
        clear: both;
    }

#filters,
#filters input,
#filters select {
    font-size: 11px;
}

    #filters input,
    #filters select {
        width: 160px;
    }

    #filters h5 {
        display: none;
    }
    
/* 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%;
	font-size: 11px;
	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 {
			font-size: 10px;
			font-weight: 400;
		}
		
		#basket-items-table td.delete a img {
			vertical-align: middle;
		}
	
		#basket-items-table td input[type="text"] {
			width: 30px;
			padding: 2px 2px 2px 4px;
			font-size: 11px;
		}
		
		#basket-items-table .basket-sum-label,
		#basket-items-table .basket-sum-value {
			font-size: 14px;
			font-weight: 700 !important;
		}
		
		#basket-items-table .basket-vat-label,
		#basket-items-table .basket-vat-value {
			font-size: 12px;
			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 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;
	}
	
		#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;
	}
	
		#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-section {
	display: none;
	clear: both;
	overflow: hidden;
}

	.checkout-section form > div {
		width: 100%;
	}

.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-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-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-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;
    }


/*Prime Basket

---------------------------------------------------------*/

.prime-column{
	display: none;
}

.table-div-margin{
	height: 80px;
}

.table-div-margin span{
	float: left;
	margin-top: 30px;
}
    
/* 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;
}

/* customer area
----------------------------------------------------------*/
#customer-body {
	background: #fefefe;
	width: 100%;
	
	-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: 12pt;
    }

#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 .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;
}

/* 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;
}

.order-partial .status {
	font-weight: 600;
	font-size: 14px;
}

.order-partial .number {
	font-weight: 600;
	font-size: 16px;
}

.order .total,
.order-partial .total {
	font-weight: 600;
	font-size: 18px;
	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 {
	    font-size: 10px;
	    color: #777777;
    }

    .order .status.created,
	.order .status.transferred,
	.order .status.payed,
	.order .status.delivered,
	.order-partial .status.created,
	.order-partial .status.transferred,
	.order-partial .status.payed,
	.order-partial .status.delivered {
		color: #eecc00;
	}
	
	.order .status.pickupready,
	.order .status.completed,
	.order-partial .status.pickupready,
	.order-partial .status.completed {
		color: #22cc00;
	}
	
	.order .status.cancelled
	.order-partial .status.cancelled {
		color: #cc0000;
	}

.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: 30px;
}

#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%;
	font-size: 11px;
	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%;
	font-size: 11px;
	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;
	}

/* expander-bar
----------------------------------------------------------*/
.expander-bar {
    text-align: center;
    border-top: 1px solid #cccccc;
}

    .expander-bar.expanded {
        border-top: 1px none #cccccc;
    }

    .expander-bar > a {
        display: inline-block;
        background: #ffffff url('../Content/images/expander-bar.png') no-repeat center top;
        width: 200px;
        height: 24px;
        color: #ffffff;
        font-size: 11px;  
        line-height: 24px;
        text-transform: uppercase;
        text-shadow: 1px 1px #aaaaaa;
    }

/* expander-group
----------------------------------------------------------*/
.expander-group > div,
.expander-group > ul {
    position: absolute;
    display: none;
    z-index: 1000;   
}

.expander-group-hover {
    overflow: visible;
    z-index: 100;
}

.expander-group-hover:hover > ul {
    visibility: visible;   
}

.expander-group-hover > a {
    text-decoration: none;
    display: block;
}

.expander-group-hover > ul {
    position: absolute;
    display: inline;
    visibility: hidden;
    z-index: 1000;
}

    .expander-group-hover > ul:after {
        clear: both;
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

/* misc
----------------------------------------------------------*/
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.partial-modal {
    display: none;
    position: absolute;
    background: rgba( 255, 255, 255, .8 ) url('../Content/images/loading.gif') no-repeat center center;
}

.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;
}

/* page elements
----------------------------------------------------------*/
/* links */
.main-link,
.main-link:link,
.main-link:visited {
	color: #ffffff !important;	
	background: #0069b4;
	border: 1px solid #0069b4;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

    .main-link:hover {
	    cursor: pointer;
	    text-decoration: none;
	    background: #96c11f;
	    border: 1px solid #96c11f;
    }

/* shadow */
.shadow {
	-moz-box-shadow: 1px 1px 6px #999999;
	-webkit-box-shadow: 1px 1px 6px #999999;
	box-shadow: 1px 1px 6px #999999;
}

/* side menu */
.menu-side {

	margin: 5px;
	text-align: center;
	clear: left;
	float: left;
}

	.menu-side > li {
		float: left;
		display: inline;
		margin: 0 1px;
	}
	
	.menu-side > li a {
		display: block;
		border: 1px solid #006699;
		width: 100%;
		padding: 5px 10px;
		
		text-align: center;
		font-weight: 600;
		float: left;
	}
	
	.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;
	}

/* 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-size: 12px;
        font-weight: 400;
		/*margin-left:25px;*/
         width: 130px; 
        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;
        font-size: 12px;
        margin: 2px 0;
        padding: 2px;
        width: 255px;
		/*margin-left:25px;*/
        -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
    }
    
        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;
}

#ec-form-orderinformation .information label {
	width: auto;
	margin-left: 25px;
}
#ec-form-orderinformation .information textarea {
	margin-left: 25px;
}

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;
}

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-size: 12px;
		font-weight: 400;
		list-style-type: disc;
	}

.validation-summary-valid {
    display: none;
}


.clear {
    clear: both;
}