* { margin: 0; padding: 0; }

body, html {
	width: 100%;
	background: #ccc url(/share/images/web/background.gif);
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif, Arial;
	font-style: normal;
	font-size: 11px;
	color: #666;
	height: 100%;
}

img {
	border: none;
	display: block;
	}

a {
	color: #666;
	}

a.orange {
	color: #FF7200;
	display: block;
	}

input, textarea, select {
	border: 1px solid #ccc;
	background: #FFE8C4;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif, Arial;
	font-style: normal;
	font-size: 10px;
	}
	
select {
	text-transform: uppercase;
	}
	
hr {
	margin: 10px 0;
	border-style: dotted;
	border-color: #C1C1C1;
	border-width: 1px;
	border-left-color: #EDEDED;
	border-right-color: #EDEDED;
	border-bottom-color: #EDEDED;
	clear: both;
	}
	
h2 {
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	}
	
h3 {
	font-size: 11px;
	color: #000;
	text-decoration: underline;
	}
	
.line-through {
	text-decoration: line-through;
	}
	
/* Web construction */
#wrap {
	width: 1080px;
	margin: auto;
	clear: both;
	}

#header {
	width: 1060px;
	height: 210px;
	padding: 0 10px;
	float: left;
	background: #fff;
	}

#main {
	width: 1060px;
	padding: 0 10px;
	float: left;
	background: #fff;
	clear: both;
	}
	
#bottom {
	width: 1060px;
	padding: 0 10px 30px 10px;
	float: left;
	background: #fff;
	text-align: right;
	clear: both;
	}
	
#footer {
	width: 1060px;
	height: 120px;
	padding: 0 10px;
	float: left;
	background: #fff;
	clear: both;
	}

/* Header */
#header #top {
	width: 100%;
	height: 44px;
	float: left;
	background: url(/share/images/web/headerTopBg.gif) repeat-x;
	}
	
	#top .date {
		width: 205px;
		margin: 25px 0 0 5px;
		float: left;
		color: #666;
		text-transform: uppercase;
		}
	
	#top .menu {
		text-transform: uppercase;
		}

	#top .menu ul {
		position: relative;
		top: 19px;
		float: left;
		list-style: none;
		}

	#top .menu ul li {
		height: 28px;
		margin-right: 5px;
		float: left;
		background: url(/share/images/web/menuBg.gif) no-repeat;
		}

	#top .menu a {
		height: 28px;
		padding: 0 25px;
		float: left;
		background: url(/share/images/web/menuEndBg.gif) center right no-repeat;
		color: #fff;
		text-decoration: none;
		line-height: 24px;
		}

#header #logo {
	width: 210px;
	height: 163px;
	float: left;
	}

#header #image {
	width: 640px;
	height: 160px;
	margin-top: 3px;
	float: left;
	background: url(/share/images/web/imageBg.gif) no-repeat;
	}

#header #login {
	width: 200px;
	height: 163px;
	margin-left: 10px;
	float: left;
	}
	
	#login img {
		margin-bottom: 14px;
		float: left;
		}
	
	#login .form {
		width: 200px;
		height: 100px;
		float: left;
		background: url(/share/images/web/loginBg.gif) no-repeat;
		}

	#login .form .link {
		width: 200px;
		margin-top: 10px;
		margin-bottom: 5px;
		text-align: center;
		}

		.form input {
			width: 108px;
			height: 18px;
			margin-left: 25px;
			margin-bottom: 6px;
			}

		.form input.submit {
			position: relative;
			top: -53px;
			left: 115px;
			width: 37px;
			height: 48px;
			border: none;
			}

#header #clientInfo {
	width: 200px;
	height: 163px;
	margin-left: 10px;
	float: left;
	}
	
	#clientInfo img {
		margin-bottom: 14px;
		float: left;
		}

	#clientInfo .box {
		width: 180px;
		height: 90px;
		padding: 10px 10px 0 10px;
		float: left;
		background: url(/share/images/web/clientInfo.gif) no-repeat;
		}

/* Main */
#main #left {
	width: 200px;
	margin-right: 10px;
	float: left;
	}

	#left .orangeBoxTop, #right .orangeBoxTop {
		font-size: 10px;
		width: 200px;
		height: 45px;
		float: left;
		background: url(/share/images/web/boxOrangeTitle.gif) no-repeat;
		}

	#left .orangeBoxTop img, #right .orangeBoxTop img {
		position: relative;
		top: 23px;
		left: 9px;
		}

	#left .orangeBoxTop span, #right .orangeBoxTop span {
		position: relative;
		top: 9px;
		left: 33px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		}

	#left .greenBoxTop, #right .greenBoxTop {
		width: 200px;
		height: 45px;
		float: left;
		background: url(/share/images/web/boxGreenTitle.gif) no-repeat;
		}

	#left .greenBoxTop img, #right .greenBoxTop img {
		position: relative;
		top: 23px;
		left: 9px;
		}

	#left .greenBoxTop span, #right .greenBoxTop span {
		position: relative;
		top: 9px;
		left: 33px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		}

	#left .boxBg, #right .boxBg {
		width: 200px;
		float: left;
		background: url(/share/images/web/boxBg.gif) repeat-y;
		}

	#left .boxOrangeBottom, #right .boxOrangeBottom {
		width: 200px;
		height: 30px;
		float: left;
		background: url(/share/images/web/boxOrangeBottom.gif) no-repeat;
		}

	#left .boxGreenBottom, #right .boxGreenBottom {
		width: 200px;
		height: 30px;
		float: left;
		background: url(/share/images/web/boxGreenBottom.gif) no-repeat;
		}

	#left .news {
		width: 186px;
		margin: 0 6px;
		float: left;
		}

	#left .news img {
		margin-right: 5px;
		float: left;
		}

	#left .news strong {
		font-wegiht: bold;
		}

	#left .news a {
		color: #E46A07;
		display: block;
		}

	#left .news div {
		margin: 10px 0;
		float: left;
		}

	#left .news label {
		font-weight: bold;
		line-height: 16px;
		text-decoration: none;
		display: block;
		color: #333;
		}

	#left .news span, #left .search span {
		width: 186px;
		height: 1px;
		float: left;
		background: url(/share/images/web/horizontalDots.gif) repeat-x;
		overflow: hidden;
		}

	#left img.brochure, #right img.brochure {
		margin: 5px 0 10px 10px;
		float: left;
		}

	#left input.button, #right input.button {
		width: 119px;
		height: 22px;
		margin: 0 10px;
		padding: 0 10px;
		float: left;
		color: #fff;
		background: url(/share/images/web/orangeButton.gif) no-repeat;
		text-transform: uppercase;
		font-weight: bold;
		border: none;
		text-align: left;
		}

	#left input.buttonImage, #right input.buttonImage {
		width: 156px;
		height: auto;
		margin: 0 10px;
		float: left;
		border: none;
		background: none;
		}

	#left span.info {
		margin: 0 20px;
		float: left;
		color: #E46A07;
		display: block;
		}

	#left .basketInfo, #right .basketInfo {
		margin: 10px 10px;
		float: left;
		}

		.basketInfo .itemName {
			width: 95px;
			float: left;
			font-weight: bold;
			text-transform: uppercase;
			}

		.basketInfo .itemActions {
			width: 35px;
			float: left;
			}

		.basketInfo .itemActions input {
			border: none;
			background: none;
			display: inline;
			float: left;
			}

		.basketInfo .itemActions img {
			display: inline;
			}

		.basketInfo .itemPrice {
			width: 40px;
			float: left;
			}

		.basketInfo .itemPrice div {
			position: absolute;
		}

	#left .search {
		margin: 10px 10px;
		float: left;
		text-transform: uppercase;
		}

	#left label.long, #right label.long {
		width: 180px;
		float: left;
		line-height: 20px;
		}

	#left label.short, #right label.short {
		width: 50px;
		float: left;
		line-height: 20px;
		}

	#left input.short, #right input.long {
		width: 38px;
		float: left;
		}

	#left input.long, #left select.long, #right input.long #right select.long {
		width: 180px;
		float: left;
		}

	#left .search span, #right .search span {
		margin: 10px 0;
		}

	#left ul {
		list-style: none;
		}

	#left ul li {
		width: 190px;
		padding: 0 0 0 10px;
		float: left;
		}

	#left ul li a {
		width: 160px;
		float: left;
		padding-left: 30px;
		line-height: 30px;
		background: url(/share/images/web/categoryIcon.gif) left center no-repeat;
		text-transform: uppercase;
		text-decoration: none;
		color: #000;
		}

	#left ul li a.bown { background: url(/share/images/web/ico-bolnob.jpg) left center no-repeat; }
	#left ul li a.hig { background: url(/share/images/web/ico-hig.jpg) left center no-repeat; }
	#left ul li a.ung { background: url(/share/images/web/ico-ung.jpg) left center no-repeat; }
	#left ul li a.hir { background: url(/share/images/web/ico-hir.jpg) left center no-repeat; }
	#left ul li a.prev { background: url(/share/images/web/ico-prevmat.jpg) left center no-repeat; }
	#left ul li a.gine { background: url(/share/images/web/ico-gine.jpg) left center no-repeat; }
	
	#left ul ul li a {
		width: 170px;
		float: left;
		padding-left: 20px;
		line-height: 30px;
		background: url(/share/images/web/categorySubIcon.gif) left top no-repeat;
		text-transform: uppercase;
		text-decoration: none;
		color: #666;
		}

	#left ul ul ul li a {
		width: 160px;
		float: left;
		padding-left: 30px;
		line-height: 30px;
		background: url(/share/images/web/categorySubIcon.gif) left center no-repeat;
		text-transform: uppercase;
		text-decoration: none;
		color: #999;
		}

	#left ul li div {
		width: 180px;
		height: 1px;
		margin: 5px 0;
		background: url(/share/images/web/horizontalDots.gif) repeat-x;
		overflow: hidden;
		}

#main #content {
	width: 640px;
	float: left;
	}

	#content .contentTop {
		font-size: 10px;
		width: 640px;
		height: 46px;
		float: left;
		background: url(/share/images/web/contentTop.gif) no-repeat;
		}

	#content .contentImageRotate {
		width: 640px;
		height: 330px;
		margin-top: 4px;
		float: left;
		background: url(/share/images/web/image-rorate-background.gif) no-repeat;
	}
	#content .contentImageRotate .image-rotate img {
		position: absolute;
	}
	#content .contentImageRotate .image-rotate {
		width: 590px;
		height: 318px;
		padding: 9px 25px 3px 25px;
	}
	#content .contentTop.bown {
		background: url(/share/images/web/contentTopBown.gif) no-repeat;
		}

	#content .contentTop.gine {
		background: url(/share/images/web/contentTopGine.gif) no-repeat;
		}

	#content .contentTop.hig {
		background: url(/share/images/web/contentTopHig.gif) no-repeat;
		}

	#content .contentTop.hir {
		background: url(/share/images/web/contentTopHir.gif) no-repeat;
		}

	#content .contentTop.prev {
		background: url(/share/images/web/contentTopPrev.gif) no-repeat;
		}

	#content .contentTop.promo {
		background: url(/share/images/web/contentTopPromo.gif) no-repeat;
		}

	#content .contentTop.trade {
		background: url(/share/images/web/contentTopTrade.gif) no-repeat;
		}

	#content .contentTop.ung {
		background: url(/share/images/web/contentTopUng.gif) no-repeat;
		}

	#content .contentTop p {
		position: relative;
		top: 22px;
		left: 33px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		}
	
	#content .contentTop p a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		}
	
	#content .contentTopGreen {
		width: 640px;
		height: 46px;
		float: left;
		background: url(/share/images/web/contentTopGreen.gif) no-repeat;
		}
	
	#content .contentTopGreen p {
		font-size: 10px;
		position: relative;
		top: 21px;
		left: 33px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
		}
	
	#content .contentTopGreen p a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		}
	
	#content .contentBg {
		width: 620px;
		padding: 10px;
		float: left;
		background: url(/share/images/web/contentBg.gif) repeat-y;
		}

		.contentBg input, #content .contentBg textarea, #content .contentBg select {
			width: 100%;
			}

		.contentBg input.one-third, #content .contentBg textarea.one-third {
			width: 198px;
			float: left;
			}

		.contentBg input.half, #content .contentBg textarea.half {
			width: 303px;
			float: left;
			}

		.contentBg .space {
			width: 10px;
			float: left;
			}

		.contentBg input.checkbox {
			width: auto;
			border: none;
			background: none;
			}

		.contentBg label {
			line-height: 20px;
			font-weight: bold;
			display: block;
			}

		.contentBg label.short {
			line-height: 20px;
			font-weight: bold;
			display: inline;
			}

		.contentBg label.one-third {
			width: 200px;
			line-height: 20px;
			font-weight: bold;
			float: left;
			}

		.contentBg label.half {
			width: 305px;
			line-height: 20px;
			font-weight: bold;
			float: left;
			}

		.contentBg p {
			margin-bottom: 10px;
			font-size: 11px;
			}

		.contentBg input.button{
			width: 119px;
			height: 22px;
			padding: 0 10px;
			float: right;
			color: #fff;
			background: url(/share/images/web/orangeButton.gif) no-repeat;
			text-transform: uppercase;
			font-weight: bold;
			border: none;
			text-align: left;
			}
	
		.contentBg .trademark {
			width: 75px;
			height: 75px;
			margin: 0 20px 13px 21px;
			padding: 3px;
			float: left;
			border: 1px solid #D5D5D5;
			}
	
	#content .contentBottom {
		width: 640px;
		height: 15px;
		float: left;
		background: url(/share/images/web/contentBottom.gif) no-repeat;
		}
	
	#content .displayCategory {
		color: #FF7200;
		}

		.displayCategory .verticalLine {
			width: 30px;
			height: auto;
			float: left;
			}

		.displayCategory .box {
			width: 186px;
			float: left;
			font-weight: bold;
			}

		.displayCategory .box span {
			color: #666;
			}

		.displayCategory .box.promo span {
			color: #FF7200;
			text-transform: uppercase;
			}

		.displayCategory .box.promo span.underline {
			color: #FF7200;
			text-transform: uppercase;
			text-decoration: underline;
			}

		.displayCategory .box a {
			width: 100%;
			margin-top: 10px;
			float: left;
			color: #FF7200;
			}

		.displayCategory .box .addInBasket a {
			margin: 0;
			color: #666;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: normal;
			cursor: pointer;
			}

		.displayCategory .box .addInBasket {
			width: 70px;
			float: left;
			}

		.displayCategory .box .image {
			width: 40px;
			float: left;
			}

		.displayCategory .box img {
			display: inline;
			}

		.displayCategory .box .input {
			width: 60px;
			float: left;
			}

		.displayCategory .box input {
			width: 50px;
			height: 20px;
			margin-top: 1px;
			display: inline;
			}

		.contentBg .box .catalogue {
			color: #333;
			}

		.contentBg .box .catalogue a {
			width: auto;
			height: auto;
			float: none;
			color: #333;
			text-decoration: none;
			font-weight: normal;
			}

		.contentBg .box .catalogue a img {
			width: 175px;
			/* height: 60px; */
			padding: 3px;
			float: left;
			border: 1px solid #D5D5D5;
			text-align: center;
			}

		.contentBg .box a .itemImage {
			width: 175px;
			height: 225px;
			padding: 3px;
			float: left;
			border: 1px solid #D5D5D5;
			text-align: center;
			}

	#content .moreInfo.promo h2 {
		color: #FF7200;
		}

	#content .moreInfo .image {
		width: 280px;
		height: auto;
		float: left;
		}

	#content .moreInfo .image img {
		padding: 3px;
		border: 1px solid #D5D5D5;
		}

	#content .moreInfo .info {
		width: 340px;
		height: auto;
		float: left;
		color: #FF7200;
		line-height: 20px;
		}

	#content .moreInfo.promo .info {
		width: 340px;
		float: left;
		color: #666;
		}

	#content .moreInfo.promo .info a {
		text-transform: uppercase;
		line-height: 20px;
		}

	#content .moreInfo .info p {
		color: #666;
		}

	#content .moreInfo .info span {
		width: 120px;
		text-transform: uppercase;
		color: #333;
		display: inline;
		float: left;
		}

	#content .moreInfo.promo .info span {
		text-transform: uppercase;
		color: #FF7200;
		font-weight: bold;
		}

	#content .moreInfo .info .addInBasket a {
		margin: 0;
		color: #666;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: normal;
		cursor: pointer;
		}

	#content .moreInfo .info .addInBasket {
		width: 70px;
		float: left;
		}

	#content .moreInfo .info .image {
		width: 40px;
		float: left;
		}

	#content .moreInfo .info img {
		display: inline;
		border: none;
		}

	#content .moreInfo .info .input {
		width: 60px;
		float: left;
		}

	#content .moreInfo .info input {
		width: 50px;
		height: 20px;
		margin-top: 5px;
		display: inline;
		}

	#content .moreInfo .info select {
		width: 200px;
		height: 20px;
		margin-top: 5px;
		display: inline;
		}

	#content .orderRow {
		line-height: 25px;
		}

	#content .orderRow form{
		width: 14px;
		float: left;
		}

	#content .orderRow input {
		width: auto;
		height: auto;
		border: none;
		background: none;
		}

	#content .orderRow .ordersName {
		width: 455px;
		margin-left: 10px;
		float: left;
		}

	#content .orderRow .ordersActions {
		width: 35px;
		float: left;
		text-align: right;
		}

	#content .orderRow .ordersPrice {
		width: 90px;
		float: left;
		text-align: right;
		}

	#content .totals .left {
		width: 500px;
		text-transform: uppercase;
		float: left;
		color: #000;
		}

	#content .totals .right {
		width: 118px;
		float: left;
		color: #000;
		text-align: right;
		}

	#content .delivery .left {
		width: 500px;
		float: left;
		color: #666;
		line-height: 30px;
		}

	#content .delivery .right {
		width: 118px;
		float: left;
		color: #666;
		text-align: right;
		line-height: 30px;
		}

	#content .totalWithDelivery .left {
		width: 500px;
		float: left;
		text-transform: uppercase;
		font-weight: bold;
		color: #FF7200;
		}

	#content .totalWithDelivery .right {
		width: 118px;
		float: left;
		color: #FF7200;
		text-align: right;
		font-weight: bold;
		font-size: 12px;
		}

	#content .results a.image img {
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 3px;
		border: 1px solid #D5D5D5;
		float: left;
		display: inline;
		}
		
	#content .results a {
		color: #FF7200;
		}

	#content .results span {
		color: #FF7200;
		}


	#content .forgotHR {
		float: left;
		}

#main #right {
	width: 200px;
	margin-left: 10px;
	float: left;
	}

#main #left a.pool,
#main #right a.pool {
	width: 180px;
	margin: 10px;
	float: left;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}

	#right .announcementTop {
		width: 180px;
		height: 10px;
		padding: 0 10px;
		float: left;
		background: url(/share/images/web/announcementTop.gif) no-repeat;
		overflow: hidden;
		}

	#right .announcementBg {
		width: 180px;
		padding: 0 10px;
		float: left;
		background: url(/share/images/web/announcementBg.gif) repeat-y;
		}

		.announcementBg img{
			margin-bottom: 10px;
			}

	#right .announcementBottom {
		width: 180px;
		height: 5px;
		padding: 0 10px;
		float: left;
		background: url(/share/images/web/announcementBottom.gif) no-repeat;
		}
		
/* Bottom */
#bottom img {
	border: none;
	display: inline;
	}

/* Footer */
#footer div.hr {
	width: 1060px;
	height: 20px;
	margin-bottom: 20px;
	float: left;
	border: none;
	background: url(/share/images/web/footerBg.gif) repeat-x;
	}
	
#footer div.hr img.left {
	float: left;
	}
	
#footer div.hr img.right {
	float: right;
	}

#footer #fleft {
	width: 530px;
	float: left;
	}
	
#footer #fleft a {
	text-decoration: none;
	}
	
#footer #fright {
	width: 530px;
	float: left;
	text-align: right;
	}
	
#footer #fright img {
	border: none;
	display: inline;
	}
	
.border {
	border: 1px solid #DDDDDD;
	padding: 4px;
}

.radio {
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: left center;
}
	
.inp {
	width: 100%;
	background: none;
	border-style: none;
}

.marked {
	font-weight: bold;
	text-decoration: underline;
}
	
.inpwhite {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
}

.style3 {
	font-size: 11px;
	color: #E45905;
	font: bold;
}
.style8 {text-decoration: none; color: #666666; font: 10px "Trebuchet MS", Verdana, Helvetica, sans-serif, Arial;}
.style9 {
	color: #000000;
	font-weight: bold;
}
.style13 {text-decoration: none; color: #666666; font: 10px "Trebuchet MS", Verdana, Helvetica, sans-serif, Arial; font-size: 11px; font-weight: bold; }

td {
	font-size: 11px;
	padding: 4px;
}

.icons {
	height: 16px;
	padding-left: 20px;
	margin: 10px 5px 0 0;
	float: left;
	background: url(/share/images/site/icons/misc.gif) 0 0 no-repeat;
	clear: both;
}

.icon-image { background: url(/share/images/site/icons/image.gif) 0 0 no-repeat; }
.icon-word { background: url(/share/images/site/icons/word.gif) 0 0 no-repeat; }
.icon-excel { background: url(/share/images/site/icons/excel.gif) 0 0 no-repeat; }
.icon-text { background: url(/share/images/site/icons/text.gif) 0 0 no-repeat; }
.icon-pdf { background: url(/share/images/site/icons/pdf.gif) 0 0 no-repeat; }
.icon-archive { background: url(/share/images/site/icons/archive.gif) 0 0 no-repeat; }
.icon-video { background: url(/share/images/site/icons/video.gif) 0 0 no-repeat; }

.video-div {
	width: 305px;
	float: left;
}

.video-div a {
	display: block;
	padding: 5px 0;
}

.separator {
	width: 10px;
	height: 200px;
	float: left;
}