*									{ margin: 0; padding: 0; }

a									{ color: #111; }

a:hover								{ background-color: #FFFF90; }

body								{ background-color: #F7F7F7; color: #111; font-family: verdana, arial, sans-serif; font-size: 100%; margin: 0 auto; padding: 0; width: 880px; }

button								{ }

a.button 							{ text-decoration: none; }

a:hover.button 						{ text-decoration: none; }

form input.button					{ }

form input.text						{ width: 200px; }

form textarea						{ height: 160px; width: 320px; }

h1									{ font-size: 140%; margin: 0.3em 0; }

h2									{ border-bottom: 1px dashed #CCC; border-top: 1px dashed #CCC; font-size: 1.2em; height: 1em; margin: 0 0 1em 0; padding-bottom: 6px; padding-top: 6px; }

h3									{ font-size: 1.1em; margin: 1em 0; }

h4									{ font-size: 1.00em; margin: 1em 0; }

img									{ border: none; }

p									{ font-size: 1.0em; line-height: 1.3em; margin: 1.0em 0; }

#body								{ clear: both; height: 100% /* <--- IE BUG FIX (else has redraw problems due to floats within this container) */ ; overflow: hidden; /* <--- BUG FIX (force container to be as high as tallest contained element - thus preserving background colour/image and margin) */ margin: 0 50px; }

#content							{ float: right; padding-bottom: 15px; padding-right: 11px; width: 579px; }

#copy								{ height: auto !important; height: 360px; min-height: 360px; padding-top: 10px; }

#contextual-navigation				{ background-color: #FFF; border: 1px dashed #CCC; float: right; font-size: 0.84em; height: auto; margin: 0 0 1.2em 1.2em; overflow: hidden; padding: 0 10px; width: 170px; }

#footer								{ background-image: url(images/page-footer-background.gif); background-position: center -16px; background-repeat: no-repeat; height: 30px; /* <--- IE BUG FIX (else has redraw problems due to floats within this container - also helps IE box model in some situtions) */ overflow: hidden; /* <--- BUG FIX (force container to be as high as tallest contained element - thus preserving background colour/image and margin) */ padding: 0 60px; }

#copyright							{ clear: both; color: #666; font-size: 0.84em; margin-top: -22px; height: 100%; position: relative; text-indent: 240px; top: 11px; }

#copyright p						{ }

#global-navigation					{ background-color: #000; background-image: url(images/navigation-background.gif); border: 1px solid #666; height: 100% /* <--- IE BUG FIX (else has redraw problems due to floats within this container) */ ; overflow: hidden; margin-top: 127px; padding: 10px; text-align: right; }

#global-navigation li				{ display: inline; }

#global-navigation li a				{ color: #111; padding: 2px; }

#global-navigation li a:hover		{ background-color: #FFFF90; color: #111; padding: 2px; }

#global-navigation ul				{ display: inline; }

#global-navigation ul.top-left-links		{ padding: 2px 0; float: left; text-align: left; margin-top: -2px; }

#global-navigation ul.top-left-links li		{ margin: 0 2px 0 0; }

#global-navigation ul.top-right-links		{ padding: 2px 0; text-align: right; }

#global-navigation ul.top-right-links li	{ margin: 0 0 0 2px; padding: 0; }

#header								{ background-color: #ffa; background-image: url(images/page-header-background.gif); background-position: center -10px; background-repeat: no-repeat; clear: both; height: 100%; /* <--- IE BUG FIX (else has redraw problems due to floats within this container - also helps IE box model in some situtions) */ overflow: hidden; /* <--- BUG FIX (force container to be as high as tallest contained element - thus preserving background colour/image and margin) */ padding: 0px 50px 0 50px; }

#local-image						{ display: block; }

#local-navigation					{ float: left; padding-left: 11px; padding-top: 10px; width: 156px; }

#local-navigation ul				{ /* border-bottom: 1px solid #BBB; */ list-style: none; }

#local-navigation li				{ /* background-color: #F8F8F8; */ /* border-top: 1px solid #BBB; */ list-style-position: none; list-style-type: none; }

#local-navigation li .label			{ display: block; padding-left: 10px; padding-right: 10px; }

#local-navigation li a				{ border: 1px solid #DDD; color: #111; display: block; font-weight: normal; margin-bottom: 10px; padding: 5px 0px; text-decoration: none; width: 100%; }

#local-navigation li a:hover		{ background-color: #FFFF90; background-image: url(images/button-background.gif); border: 1px solid #333; color: #111; padding: 5px 0; }

#page								{ background-image: url(images/page-background.gif); font-size: 0.84em; height: 100% /* <--- IE BUG FIX (else has redraw problems due to floats within this container - also helps IE box model in some situtions) */ ; }

#search								{ text-align: left; }

#search .box						{ width: 88px; }

#search .button						{ width: 52px; }

#title h2							{ font-size: 1.2em; margin-top: 0; }

h1.non-screen						{ position: absolute; left: -100px; top: -100px; }

h2.non-screen						{ position: absolute; left: -100px; top: -100px; }

div.cms								{ line-height: 1.3em; margin: 1em 0; }

div.mceContentBody ul				{ margin-left: 1.25em !important; margin-left: 1.5em; }

div.products						{ height: auto; overflow: hidden; }

hr.dashed							{ border: none 0; border-top: 1px dashed #CCC; background-color: #fff; color: #fff; height: 1px; margin: 0; overflow: hidden; padding: 0; }

.eshop-basket .expanded { width: 100%; }

.eshop-basket .restricted { margin-right: 0; padding-right: 0; }

.eshop-basket .wrap { white-space: normal; }

.eshop-basket table { border-collapse: collapse; width: 100%; }

.eshop-basket td { border-top: 1px dashed #ccc; margin: 0; padding: 5px; white-space: nowrap; }

.eshop-basket th { margin: 0; padding: 0 5px 5px 5px; white-space: nowrap; }

.eshop-field { margin-bottom: 0.5em; }

.eshop-error { color: #f00; font-weight: bold; }