@import url("/common/styles-profile.css");
@import url("/common/styles-navigator.css");

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: black;
}


a {
	color: #16a200;
}

#pageBody a:visited {
	color: #49b638;
}

a:hover,
#pageBody a:hover {
	color: #060;
}


.underlineOver a {
	text-decoration: none;
}

.underlineOver a:hover {
	text-decoration: underline;
}


a.anchor {
	color: #333;
}


*:focus {
	outline: none;
}


h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.17em;
}

h4,
h5,
h6 {
	font-size: 1em;
}


h1,
h1 a.anchor {
	color: #333;
}

h2,
h3,
h4,
h5,
h6,
h2 a.anchor,
h3 a.anchor,
h4 a.anchor,
h5 a.anchor,
h6 a.anchor {
	color: #5c5c5c;
}


hr {
	height: 1px;
	background: #eee;
	color: #eee;
}


.spacerGlobal,
.spacerColumn {
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 0 -2px;
	font-size: 1px;
}

.spacerGlobal {
	width: 999px;
}

.spacerColumn {
	width: 240px;
}


*.gray,
*.gray *,
.gray a {
	color: #808080 !important;
}

a.gray:hover,
.gray a:hover,
.gray a:hover * {
	color: #16a200 !important;
}


*.silver,
*.silver *,
.silver a {
	color: #999 !important;
}

a.silver:hover,
.silver a:hover,
.silver a:hover * {
	color: #16a200 !important;
}


*.white,
*.white *,
.white a {
	color: #fff !important;
}

a.white:hover,
.white a:hover,
.white a:hover * {
	color: #b5faaa !important;
}


#pageHeader {
		margin: 0 29px;
	padding: 12px 0 0;
	cursor: default;
}


#register {
	padding: 0 0 13px;/*11+2*/
}

#register td {
	padding: 1px 0 1px 8px;
	font-size: 0.75em;
}

#register td.separator {
	padding-right: 8px;
	border-right: 1px solid #808080;
}

#register td.cancel {
	padding: 1px 0 1px 3px;
}


#language {
	height: 22px;
	position: relative;
	z-index: 102;
}

#language a {
	width: 26px;
	height: 22px;
	overflow: hidden;
	float: right;
	text-align: center;
}

#language a.current {
	background: #77cc68;
	cursor: default;
}

#language span {
	display: block;
	padding: 5px 0 0;
}

#language img {
}


#pageHeader .rectangle {
	height: 45px;
	overflow: hidden;
	position: relative;
	z-index: 101;
	top: -2px;
	margin: 0 0 -2px;
	background: #41a430 0 0 url("/i/menu-item.gif") repeat-x;
}

#pageMenu {
		padding: 0 1px 0 0;
	background: right -450px url("/i/menu-item.gif") no-repeat;
}

.menuItem a {
	display: block;
	width: 100%;
	height: 45px;
	overflow: hidden;
	background: #41a430 0 0 url("/i/menu-item.gif") repeat-x;
	color: #fff !important;

		
	font: normal 15px/17px Arial, sans-serif;
	text-decoration: none;
	white-space: nowrap;
}


.menuItem span {
	display: block;
	background: 0 -45px url("/i/menu-item.gif") no-repeat;
}

.menuItem strong {
	display: block;
	padding: 14px 15px 88px;
	background: right -90px url("/i/menu-item.gif") no-repeat;
	font-weight: normal;
}

.menuItemFirst strong {
	padding: 0 17px 0 18px !important;
}

.screen1024 .menuItem strong {
	padding: 14px 11px 88px;
}

.screen1024 .menuItemFirst strong {
	padding: 0 15px 0 16px !important;
}


.menuItemNow {
}

.menuItemNow a {
	background-color: #2f2f2f !important;
	background-position: 0 -135px !important;
	color: #5ed233 !important;
}

#homepage .menuItemNow a {
	cursor: default;
}

.menuItemNow span {
	background-position: 0 -180px !important;
}

.menuItemNow strong {
	padding-top: 15px;
	background-position: right -225px !important;
}

.menuItem em {
	display: block;
	padding: 88px 0 0;
	background: center top url("/i/home.gif") no-repeat;
}

.menuItem a:active em {
	background-position: center 1px;
}

.menuItemNow em {
	background-position: center -45px !important;
}

.menuItemNow a:active em {
	background-position: center top;
}

.menuItem img {
	visibility: hidden;
}


.menuItem a:hover {
	background-color: #6eb962;
	background-position: 0 -270px;
}

.menuItem a:hover span {
	background-position: 0 -315px;
}


.menuItem a:active {
	background-color: #6eb962;
	background-position: 0 -270px;
}

.menuItem a:active span {
	background-position: 0 -360px;
}

.menuItem a:active strong {
	padding-top: 15px;
	background-position: right -405px;
}


#search {
	width: 196px;
	height: 28px;
	margin: 8px 8px 0;
	background: #fff 0 0 url("/i/search.gif") no-repeat;
	text-align: left;
	white-space: nowrap;
}

#searchForm {
	width: 196px;
	height: 28px;
	overflow: hidden;
	background: right -28px url("/i/search.gif") no-repeat;
	cursor: default;
}

#searchInput {
	padding: 0 0 0 11px;
	vertical-align: middle;
}

#searchInput input {
	width: 157px;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: -1px;
	background: transparent;
	color: #191919;
	border: none;
	font-size: 14px;
	cursor: text;
}

#searchButton {
	height: 28px;
	vertical-align: top;
}

#searchButton input {
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	color: #191919;
	font-size: 11px;
	cursor: pointer;
}


#pageHeader .layout {
	margin: 0 0 1px;
	background: #010101 top url("/i/gradient/1.gif") repeat-x;
}


#telephone {
	height: 35px;
	overflow: hidden;
	margin: 0 19px 0 0;
}

#telephone td {
	height: 35px;
}

#telephoneIcon {
	width: 10px;
	height: 18px;
	overflow: hidden;
	margin: 0 3px 0 15px;
	background: url("/i/telephone.png");
}

#telephoneNumber {
	color: #fff;
	font: normal 23px/24px Arial, sans-serif;
}


#newsTicker {
	padding: 2px 25px 1px 0;
}

#newsTicker * {
	overflow: hidden;	white-space: nowrap;
	cursor: default !important;
}

#newsTicker a {
	text-decoration: none;
	cursor: pointer !important;
}

#newsTicker a:hover {
	text-decoration: underline;
}

.newsTicker {
	width: 100%;
	height: 1.4em;
	overflow: hidden;
	font: 14px/16px Arial, sans-serif;
	}


#basket {
		margin: 0 8px;
}

#basket td {
	padding: 0 7px 0 8px;
	background: left 11px url("/i/separator/1.gif") no-repeat;
	font-size: 12px;
	vertical-align: top;
}

#basket td.first {
	padding-left: 0;
	background: none;
}

#basket td.cancel {
	padding-right: 2px;
}

#basket.filled td.cancel {
	padding-right: 7px;
}

#basket .white {
	padding: 10px 0 0;
}

#basketTitle {
	height: 35px;
	overflow: hidden;
	padding: 0 0 0 23px;
	background: 0 9px url("/i/basket-filled.gif") no-repeat;
}

#basket.filled #basketTitle {
	background-position: 0 -91px;
}

#basketTitle span,
#basketTitle a {
	display: block;
		padding: 10px 0 88px;
	color: #76e863 !important;
}

#basketTitle a:hover {
	color: #b5faaa !important;
}

#basket #checkout {
	width: 1px;
	padding: 0;
	background: none;
}

#checkout a {
	display: none;
	width: 78px;
	height: 22px;
	overflow: hidden;
}

#basket.filled #checkout {
	width: auto;
	padding: 6px 0 0 8px !important;
	background: left 11px url("/i/separator/1.gif") no-repeat;
}

#basket.filled #checkout a {
	display: block;
}


#logotype {
	display: block;
	height: 234px;
	overflow: hidden;
	margin: 0 19px 0 0;
}

#logotype span,
#logotype a {
	display: block;
	padding: 28px 0 26px;
	text-align: center;
}

#logotype img {
	vertical-align: bottom;
}


#cover {
	display: block;
	width: 100%;
	height: 234px;
	overflow: hidden;
	background: #f9f9f9 0 0 url("/i/blank.gif") no-repeat;
}

#cover span {
	visibility: hidden;
}


#pageContent {
		margin: 0 29px;
	padding: 10px 0 12px;
	padding: 28px 0;
}

#homepage #pageContent {
	padding: 28px 0;
}


.caption {
	margin: 0 0 1em;
	color: #858585;
	font-size: 1.17em;
	font-weight: normal;
	text-transform: uppercase;
}


td.border {
	border: 1px solid #dadada;
}

#pageBody {
		padding: 18px 19px;
}


#pageFooter {
		margin: 0 29px;
	padding: 0 0 29px;
	cursor: default;
}

#pageFooter a {
	white-space: nowrap;
}

#pageFooter img {
	vertical-align: bottom;
}


#pageFooter .rectangle {
	margin: 0 0 15px;
}

#pageFooter .rectangle td {
	padding: 7px 0 9px;
	background: #070707;
}

#pageFooter .rectangle td,
#pageFooter .rectangle a {
	color: #b7b7b7;
}

#pageFooter .rectangle a:hover {
	color: #b5faaa;
}


#pageNavigation {
	margin: 0 10px;
	font-size: 0.95em;
	line-height: 1.5em;
}

#pageNavigation span {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 0 9px 0 0;
	background: right 3px url("/i/separator/2.gif") no-repeat;
}

#pageNavigation span.last {
	margin: 0;
	padding: 0;
	background: none;
}


#update {
	margin: 0 10px;
	line-height: 1.5em;
}


#copyright {
	margin: 0 0 0 10px;
}

#hintSource {
}

#hintCopy {
	margin: 0 0.45em 0 0;
	padding: 0 0 1px;
	color: #808080;
	line-height: 1.1em;
}

#hintName {
	display: block;
	padding: 0 0 1px;
	color: #b0b0b0;
	line-height: 1.1em;
	text-decoration: none !important;
	cursor: wait;
}

#hintSource.on #hintName {
	background: left bottom url("/i/hint/underline.gif") no-repeat;
	color: #808080;
	cursor: pointer;
}

#hintSource.on #hintName:hover {
	background-position: -500px bottom;
	color: #16a200;
}

#hintSource.on #hintName.now {
	background: none;
	color: #808080 !important;
	cursor: default;
}


#hint {
	width: 388px;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 7001;
	margin: 0 0 0 -15px;
	padding: 0 0 5px;
	cursor: default;
}

#hintClose {
	width: 15px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	margin: 5px 0 0 367px;
	font-size: 1px;
	background: center 4px url("/i/hint/close.gif") no-repeat;
	cursor: pointer;
}

#hintClose.on {
	background-position: center -46px;
}

#hint_t,
#hint_b {
	width: 388px;
	height: 4px;
	overflow: hidden;
	margin: 0;
	font-size: 1px;
}

#hint_b {
	height: 5px;
}

#hint_t em,
#hint_b em {
	display: block;
	width: 388px;
	height: 509px;
	background: left top url("/i/hint/skin.png") no-repeat;
}

#hint_t em {
	margin: -500px 0 0;
}

#hint_b em {
	margin: -504px 0 0;
}

#hint_c {
	width: 388px;
	background: left top url("/i/hint/skin.png") no-repeat;
}

#hintContent {
		padding: 7px 15px 10px;
	text-align: left;
}

#hintContent div,
#hintContent a {
	color: #fff !important;
}

#hintContent a:hover {
	color: #b5faaa !important;
}

#hintContact {
		padding: 0 0 0.75em;
	font-size: 1.17em;
	/*font-weight: bold;*/
}

#hintContent .rectangle {
	margin: 0.75ex 0 3ex;
}

#hint_c a {
	position: relative;
}

#profile {
	padding: 0 2.5em 0 0;
}

#profileAddress {
	margin: 0 2em 0 0;
}

#profileContacts {
	margin: 0.65em 0 0;
}


#profileRegistration {
	margin: 1.1ex 0 0;
}


#addthis {
	margin: 14px 10px 0;
}


#cards {
	height: 22px;
	overflow: hidden;
	margin: 0 29px;
}


#brick {
	height: 17px;
	overflow: hidden;
	margin: 0 10px 0 0;
}


#hsbc {
	overflow: hidden;
	margin: 13px 10px 0 0;
}


#pageList {
	margin: 0 19px 0 0;
}

#pageList .caption {
	display: block;
	font-weight: bold;
	color: #000;
	padding: 0 14px;
}

#pageList ul {
		margin: 0;
}

#pageList ul ul {
	padding: 0.75ex 15px 1ex;
	background: #fff;
}

#pageList ul ul ul {
	padding-right: 0;
	padding-bottom: 1.25ex;
}

#pageList li {
		margin: 0;
	padding: 0;
	background: none;
}

#pageList li span {
	display: block;
		background: #f8f8f8 right url("/i/gradient/2.gif") repeat-y;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c5c5c5;
}

#pageList li li span {
	margin: 1px 0;
	padding: 0.25ex 9px;
	background: 0 1.4ex url("/i/marker/1.gif") no-repeat;
	border: none;
}

#pageList li li li span {
	padding-left: 12px;
	padding-right: 0;
	background: 0 1.1ex url("/i/marker-ul-ul.gif") no-repeat;
}

#pageList li li li li span,
#pageList li li li li li li span {
	background: 0 1.5ex url("/i/marker-ul-ul-ul.gif") no-repeat;
}

#pageList li li li li li span,
#pageList li li li li li li li span {
	background: 0 1.1ex url("/i/marker-ul-ul.gif") no-repeat;
}

#pageList ul strong,
#pageList ul em {
	display: block;
	}

#pageList ul ul strong,
#pageList ul em {
	display: inline;
}

#pageList ul a {
	display: block;
		padding: 4px 14px;
	color: #333;
	font-size: 1.1em;
	text-decoration: none;
}

#pageList ul a:hover {
	color: #16a200;
}

#pageList ul ul a {
	display: inline;
	width: auto;
	height: auto;
	padding: 0;
	color: #333;
	font-size: 1em;
}

#pageList ul ul a:hover {
	color: #16a200;
	text-decoration: underline;
}


#pageList em {
	font-style: normal;
	font-weight: bold;
}

#pageList strong a {
	color: #333 !important;
	text-decoration: none !important;
	cursor: default;
}


#productNavigator {
	margin: 24px 0 0;
	background: #f5f5f5;
}


#productNavigator p span,
#productNavigator p em a,
#productNavigator p em strong {
	border-color: #ccc;
}

#productNavigator p span.separatorTitle,
#productNavigator p span.separator,
#productNavigator p span.hellip {
	border-color: #f5f5f5;
}

#productNavigator p em a,
#productNavigator p em a:visited {
	color: #16a200;
}

#productNavigator p em a:hover {
	background: #16a200;
	color: #fff;
	border-color: #16a200;
}

#productNavigator p em span.nohref,
#productNavigator p span.separator {
	color: #999;
}


#productNavigator div a,
#productNavigator div a:visited {
	color: #16a200;
}

#productNavigator div a:hover {
	color: #060;
	text-decoration: underline;
}


#navigatorHome {
}

#navigatorCaption {
	position: relative;
	z-index: 102;
}

#navigatorCaption p {
	height: 37px;
	overflow: hidden;
	margin: 0;
	background: #f3f1f1 0 0 url("/i/gradient/3.gif") repeat-x;
	color: #16a200;
	cursor: pointer;
}

#navigatorCaption span {
	display: block;
	background: 0 -37px url("/i/gradient/3.gif") no-repeat;
}

#navigatorCaption strong {
	display: block;
	padding: 10px 19px 88px;
	background: right -74px url("/i/gradient/3.gif") no-repeat;
	font-size: 1.17em;
	font-weight: normal;
	text-transform: uppercase;
}

#navigatorCaption .first span,
#navigatorCaption .last strong {
	background-image: url("/i/blank.gif");
}

#navigatorCaption p.current {
	background: #fff 0 0 url("/i/gradient/4.gif") repeat-x;
	color: #858585;
	cursor: default;
}

#navigatorCaption p.current span {
	background: 0 -37px url("/i/gradient/4.gif") no-repeat;
}

#navigatorCaption p.current strong {
	background: right -37px url("/i/gradient/4.gif") no-repeat;
}

#navigatorChanger {
		padding: 19px;
	position: relative;
	z-index: 101;
	margin: -1px 0 0;
	background: #fff;
	border: 1px solid #dadada;
	}

#navigatorChanger .scroll {
	height: 277px;
	overflow: auto;
	padding: 0 15px 0 0;
}


#rootHome {
}

#rootHome h1 {
	margin: -2px 0 0.75ex;
	position: relative;
	left: -1px;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1em;
}

#rootHome p {
	font-size: 14px;
	line-height: 17px;
}


#rootCategories {
		margin: 0 19px 0 0;
}

#rootCategories .caption{
	font-weight: bold;
	color: #000;
	padding: 0 14px;
}

.categoryItem {
	cursor: default;
}

.categoryCaption {
	background: #f8f8f8 right url("/i/gradient/2.gif") repeat-y;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c5c5c5;
}

.categoryName {
	display: block;
	padding: 4px 14px;
	color: #333 !important;
	font-size: 1.1em;
	text-decoration: none;
}

.categoryName:hover {
	color: #16a200 !important;
}

.categoryArrow {
	display: block;
	width: 31px;
	height: 23px;
	overflow: hidden;
	background: 0 0 url("/i/arrow/1.gif") no-repeat;
	font-size: 1px;
}

.categoryArrow.click {
	background-position: 0 -23px;
}

.categoryItem ul {
	display: none;
	margin: 0.75ex 15px 1ex;
	background: #fff;
	}

.categoryItem.show ul {
	display: block;
}

.categoryItem li {
	margin: 0.25ex 0;
	padding: 0 9px;
	background: 0 1.2ex url("/i/marker/1.gif") no-repeat;
}

.categoryItem ul a {
	display: block;
	width: 100%;
	color: #333 !important;
}

.categoryItem ul a:hover {
	color: #16a200 !important;
}


#chat {
		margin: 26px 19px 0 0;
}

#chat a {
	display: block;
	border: 1px solid #dadada;
	text-align: center;
}

#chat img {
	vertical-align: bottom;
}


#popular {
		margin: 24px 19px 0 0;
}

#popular ul {
	margin: 0;
	font-size: 1.1em;
}

#popular li {
	margin: 0 0 0.5ex;
	padding: 0;
	background: none;
}


.messageItem {
		margin: 22px 19px 0 0;
	background: #ffd5d5;
}

.messageItem .rectangle {
	padding: 16px 16px 0 51px;
}

.messageItem .rectangle {
	padding: 16px 16px 0 51px;
	background: 10px 7px url("/i/icon/restrictions.gif") no-repeat;
}

.messageItem strong {
	display: block;
	margin: 0 0 0.5ex;
	color: #e00035;
	font-size: 1.1em;
	text-transform: uppercase;
}

.messageItem p {
	margin: 0;
	color: #474343;
	font-size: 0.95em;
	line-height: 1.1em;
}

.messageItem.click p.reduced {
	display: none;
}

.messageItem p.full {
	display: none;
}

.messageItem.click p.full {
	display: block;
}

.messageItem .more {
	padding: 2px 0 0;
	text-align: right;
}

.messageItem .more a {
	display: inline-block;
	margin: 0 0 0 auto;
	padding: 3px 5px;
	background: #fbb7be;
	color: #474041 !important;
	font-size: 0.85em;
	text-decoration: none;
	text-transform: uppercase;
}


#rootRestrictions {
	margin-bottom: -12px;
}
	

#rootWarning {
	background: #faf5d4;
}

#rootWarning .rectangle {
	background: 8px 6px url("/i/icon/warning.gif") no-repeat;
}

#rootWarning strong {
	color: #b8a000;
}

#rootWarning .more a {
	background: #f2e8a7;
}


.rootAds {
		margin: 0 0 -19px 19px;
}

.adsItem {
	margin: 0 0 19px;
}

.adsItem a {
	display: block;
	width: 220px;
	height: 167px;
	overflow: hidden;
}

.adsItem img {
}


#rootNews {
}

#rootNews h2 {
	margin: 0;
}


#rootProducts {
	padding: 24px 0 0;
}

#rootProducts h2 {
	margin: 0;
}

#rootProducts .nowrap.small span {
	margin: 0 6px 0 0;
	padding: 0 7px 0 0;
	background: right 3px url("/i/separator/3.gif") no-repeat;
}

.productArrow {
	display: block;
	width: 24px;
	height: /*250*/275px;
	overflow: hidden;
	margin: 0 14px 0 0;
	background: #dadada 0 center url("/i/arrow/2.gif") no-repeat;
	cursor: pointer;
}

#productArrow_l {
}

#productArrow_r {
	margin: 0 0 0 14px;
	background-position: -24px center;
}


#rootCarousel {
	width: 1px;
	overflow: hidden;
	position: absolute;
	text-align: left;
}

#carouselItem {
}

#carouselItem ul {
}

#carouselItem li {
	width: 216px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	border-right: 1px solid #dedede;
}

#carouselItem .productItem {
	padding: 14px;
}

#rootCarousel,
#carouselItem li,
#carouselRubber {
	height: /*256*/275px;
}


#chartDonation {
	float: right;
	width: 230px;
	height: 250px;
	margin-right: 32px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    font-size: 1em!important;
}


#warning {
		margin: 2ex 0 0;
	padding: 0px 10px;
	background: #fff;
	border: 0px dashed #ccc;
}

#warning * {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}


