*, html, body {margin:0px; padding:0px;}
a img {border:0px;}
.logo img, .disk { behavior: url(js/iepngfix.htc) }
.container {margin:20px;}
.clear {clear:both;}
.header {background:url(../img/headerspacer.jpg) repeat-x #fff; margin-bottom:5px; width:100%; padding-bottom:30px;}
.content {background:url(../img/contentspacer.jpg) repeat-x left bottom #fff; position:relative; width:100%;}

.logo img{margin-left:52px; margin-top:15px; float:left; margin-bottom:12px;}
.bochka {float:right; right:20px; top:0px; background:url(../img/bochka.jpg); width:268px; height:236px;}
*+html .bochka {top:20px;}
.menu {float:right; margin-top:30px;}
.menu li {list-style:none; float:left; font-family:Tahoma; font-size:13px; font-weight:bold; margin-left:27px; position:relative;}
.menu li a {text-decoration:none; color:#d27d22;}
.menu li.basket a {color:#206cab;}
.menu li .disk {position:absolute; background:url(../img/disc.png); width:16px; height:16px; top:0px; left:-20px;}

.headcontent {margin-left:50px; margin-right:268px;}
.headcontent .search {background:url(../img/searchspacer.jpg) repeat-x; height:21px; margin-top:13px; position:relative;}
.l {background:url(../img/leftsearchbg.jpg); width:11px; height:21px; position:absolute; top:0px; left:0px;}
.r {background:url(../img/rightsearchbg.jpg); width:12px; height:21px; position:absolute; top:0px; right:0px;}
.headcontent .search .s1 {width:24%; float:left; position:relative;}
.headcontent .search .s2 {width:25%; float:left; position:relative;}
.headcontent .search .s3 {width:50%; float:left; position:relative;}
.headcontent .search .s3 input, .headcontent .search .s1 input, .headcontent .search .s2 input {border:none; width:95%; padding-left:10px; background:transparent; padding-top:3px; font-size:10px; font-family:Verdana;}
.headcontent .search .button {width:14px !important; height:17px; position:absolute; right:0px; top:2px; padding:0px !important;}
.headcontent .search .lupa {width:14px !important; height:15px; position:absolute; right:7px; top:3px; padding:0px !important;}

.linkway a {font-family:Verdana; font-size:10px; color:#206cab;}
.linkway {padding-top:8px; padding-bottom:10px;font-family:Verdana; font-size:10px; color:#626f82;}
.headcontent .block1 {width:24%; float:left; position:relative; padding-top:20px; background:url(../img/lamp.jpg) no-repeat;}
.headcontent .block2 {width:25%; float:left; position:relative; padding-top:20px; background:url(../img/hlop.jpg) no-repeat;}
.headcontent .block3 {width:50%; float:left; position:relative; padding-top:20px; background:url(../img/znak.jpg) no-repeat;}

h3 {font-family:Tahoma; font-size:13px; font-weight:bold; color:#d27d22;}
.headcontent .block1 a, .headcontent .block2 a, .headcontent .block3 a {font-family:Verdana; font-size:11px; color:#206cab; line-height:150%;}

.indexnews{float:right; width:195px; padding-right:50px; padding-left:23px; padding-top:20px; height:1100px;}
p {font-family:Verdana; font-size:11px; color:#626f82;line-height:150%; padding-bottom:20px;}
p a {color:#206cab;}

.contentblock {padding-right:268px;}
.catalog {padding-left:50px; padding-top:20px;padding-right:30px; position:relative;}
.counter {float:right; text-align:right;}
.counter p { padding-bottom:0px !important;}
.catalog ul {padding-top:10px;}
.catalog ul li {float:left; list-style:none; width:33%; font-family:Verdana; font-size:11px; color:#626f82;line-height:150%; }
*+html .catalog ul.genre li {line-height:70%;}
.catalog ul.genre li {_line-height:70%;}
.catalog ul li a {color:#206cab;}
.catalog ul li a img {float:left; margin-right:10px; margin-bottom:10px;}

.rating a img{float:left; margin-right:0px!important; margin-bottom:0px !important;}
.rating {height:20px;}
.price {font-family:Arial; font-size:12px; color:#626f82; padding-bottom:0px !important}
.korzina {float:left; width:80px; padding-right:10px; background:url(../img/korzina.jpg) no-repeat top right; margin-bottom:20px;}

.paging {font-family:Verdana; font-size:11px; color:#626f82;line-height:150%; float:right; text-align:right; padding-left:30px; padding-top:20px;}
.paging a {color:#206cab;}
.footer {width:100%; padding-bottom:37px; clear:both; height:50px; _padding-bottom:27px; background:url(../img/contentspacer.jpg) repeat-x left bottom;}
.footer .menu {padding-right:298px;}
.phone {position:absolute; right:20px; bottom:0px; _bottom:0px; padding-left:25px; padding-top:120px; width:243px; height:57px; background:url(../img/phonebg.jpg);font-family:Tahoma; font-size:12px; color:#206cab; font-weight:bold; z-index:1;}
.phone span {color:#626f82;}
.copyright {float:right; text-align:right; clear:right;padding-right:298px; padding-bottom:0px !important;}


.innercatalog {padding-top:20px; padding-right:50px; position:relative; z-index:100; float:left; width:90%;}
.innercatalog ul {padding-top:10px;}
.innercatalog ul li {float:left; list-style:none; width:33%; font-family:Verdana; font-size:11px; color:#626f82;line-height:150%; }
*+html .innercatalog ul.genre li {line-height:70%;}
.innercatalog ul.genre li {_line-height:70%;}
.innercatalog ul li a {color:#206cab;}
.innercatalog ul li a img {float:left; margin-right:10px; margin-bottom:10px;}
.alphabet {padding-top:30px; text-align:center;}
.alphabet p {padding-bottom:0px !important;}
.textblock {padding-right:50px; padding-bottom:50px;}
.login {position:absolute; top:230px; right:20px; padding-right:50px; z-index:100;}
.login input { background:url(../img/login.jpg) no-repeat; border:0px; width:140px; padding:5px 10px; font-family:Verdana; font-size:10px; color:#000; margin-top:10px;}
.login .go {width:15px; height:13px; background:transparent; position:relative; top:-28px; left:140px; padding:0px;}
.login a {font-family:Verdana; font-size:11px;color:#206cab; position:relative; top:-10px;}

.innernews{float:right; width:195px; padding-right:50px; padding-left:23px; padding-top:20px; height:500px; margin-top:100px;}

.item .pic {float:left; margin-right:20px; margin-bottom:20px; font-family:Verdana; font-size:10px; color:#626f82;}
.item .pic img {margin-bottom:10px;}
.item .pic .rating {float:left; width:60px; margin-top:1px;}
.desc {float:left; width:60%;}
.item .korzina {width:130px;height:25px; margin-top:7px; float:none;}
.item .korzina a { font-family:Verdana; font-size:11px; color:#206cab;}
.item {padding-bottom:50px;}
.images {height:71px; background:#000; padding-left:50px;}
.images .textbox {float:right; width:268px; height:71px; background:#000;}
.images .list {background:url(../img/imagelistbg.jpg) repeat-x; padding-top:11px; height:60px;margin-right:268px; overflow:hidden; position:relative;}
.images .list a {padding-right:4px; display:block; float:left; width:111px; height:49px; margin-bottom:11px;}
.images .textbox h3 {position:relative; top:25px; left:20px;}
.videos {width:100%; height:215px; background:#eac165;}
.videos .video {padding-left:50px; padding-top:5px;}
.videos .video img {float:left; margin-right:5px;}
.videos .video a img {margin-left:30px; padding-bottom:14px;}
.videos .textbox {float:right; width:268px; height:215px;}
.videos .textbox h3 {position:relative; top:105px; left:20px; color:#000;}
.bottomcontent {background:url(../img/contentspacer.jpg) repeat-x left bottom #fff;}
.also ul {padding-top:10px;}
.also ul li {float:left; list-style:none; width:33%; font-family:Verdana; font-size:11px; color:#626f82;line-height:150%; }
*+html .also ul.genre li {line-height:70%;}
.also ul.genre li {_line-height:70%;}
.also ul li a {color:#206cab;}
.also ul li a img {float:left; margin-right:10px; margin-bottom:10px;}
.also {padding-left:50px; padding-top:30px;}

.textblock input.pole {display:block; width:507px;  padding:5px 10px; font-family:Verdana; font-size:10px; color:#000; margin-top:10px; background:url(../img/formbg.jpg) no-repeat; border:0px;}
.send {margin-left:400px; margin-top:10px;}
.textblock .go {width:15px; height:13px; background:transparent; position:relative; top:3px; padding:0px;}
.textblock .go1 {width:15px; height:13px; background:transparent; position:relative; top:-18px; left:485px; padding:0px;}

.textblock ul {padding-top:10px;}
.textblock ul li {float:left; list-style:none; width:33%; font-family:Verdana; font-size:11px; color:#626f82;line-height:150%; }
*+html .textblock ul.genre li {line-height:70%;}
.textblock ul.genre li {_line-height:70%;}
.textblock ul li a {color:#206cab;}
.textblock ul li a img {float:left; margin-right:10px; margin-bottom:10px;}
.total {float:right; text-align:right; width:100%;font-family:Verdana; font-size:11px; color:#626f82;line-height:150%;}








select {
	display: block;
	margin: 0 0 10px;
	width: 24%;
}
/* стили необходимые для работы скрипта */
select.srReplacedSelect {
	width: 1px;
	position: absolute;
	left: -999em;
}

ul.srList {
	list-style:none;
	padding:0;

	/* лучше всего техника работает 
	   для элементов фиксированной ширины
	   хотя при некоторых дополнителных
	   требованиях к изображению и небольшом
	   изменение стилей ее можно применять
	   и для резиновых select`ов */
	width: 90%;
	margin: 0 0 10px;

	/* поскольку используется техника
	   Sliding Doors элемент хорошо переносит
	   масштабирование шрифтов, для этого
	   его высоту нужно задать в em */
	height:1.5em;
}

ul.srList li {
	display:none;
	background: #fff;
	line-height:1.5em;
	padding:0 10px;
	width:100%;
	font-family:Verdana; 
	font-size:10px;
	padding-top:2px;
	padding-bottom:2px;
}

ul.srList li.srHoverLi {
	background: wheat;
}

ul.srBlur {
	
}

ul.srFocus, ul.srHoverUl {
	/* чтобы при наведении мышки
	   или получении фокуса элемент
	   не оставался на некоторое время без фона,
	   и для ускорения загрузки, совмещаем
	   два фоновых изображения в одном и изменяем его
	   подвигая на 300 пикслей влево */
	background: url('../img/arrow.jpg') no-repeat -300px 0px;
}

ul.srBlur li.srSelectedLi {
	display:block;
	background: url('../img/arrow.jpg') no-repeat 100% 3px;
}

ul.srFocus li.srSelectedLi, ul.srHoverUl li.srSelectedLi {
	display:block;
	background: url('../img/arrow.jpg') no-repeat 100% 3px;
}

ul.srExpanded li.srSelectedLi { 
	display:block;
	background: wheat;
}

ul.srExpanded {
	position:relative;
	/* при разворачивании списка,
	   нужно выдвинуть его на первый
	   план, иначе другие элементы будут
	   перекрывать опции */
	z-index:1000;
}

ul.srExpanded li {
	display:block;
}



.leftscroll {position:absolute; top:0px; left:0px; width:40px; height:69px;}
.rightscroll {position:absolute; top:0px; right:0px; width:40px; height:69px;}
#video-container {float:left; width:300px; height:205px;}
.youtube{float:left; width:300px; height:205px;}
#video-container object {width:300px !important; height:205px !important}
#video-container embed {width:300px !important; height:205px !important}

form p {padding-bottom:0px !important; padding-top:10px;}

.message {position:relative;}
.topbg {position:absolute; top:0px; left:0px; width:507px; height:10px; background:url(../img/formbg.jpg) no-repeat top left;}
.botbg {position:absolute; bottom:0px; left:0px; width:507px; height:10px; background:url(../img/formbg.jpg) no-repeat bottom left;}
.message textarea {border:0px; width:487px; height:100px; padding:10px; font-size:11px; fontfamily:Verdana; border-left:1px solid #979797}
.zakazform {float:left; width:300px; position:relative; background:url(/img/searchspacer.jpg) repeat-x; height:21px;}
.zakazform .s1 {width:98%; float:left; position:relative;}
.zakazform .s2 {width:49%; float:left; position:relative;}

.regitems p {padding-top:20px; padding-bottom:0px !important;}
table tr td {font-family:Verdana; font-size:11px; padding-bottom:5px; padding-left:5px;}
textarea {overflow:hidden;}

.qwer {display:block; float:left; width:200px;}

body {background:#fff; width:100%; min-width:1000px; position:relative;}
.fon {background:url(../img/bodybg.jpg) !important;}

#introduction {
	padding: 5px 10px; 
	margin-bottom: 5px; 
	font-family: Tahoma; 
/* background-color: rgb(153, 255, 119);\*/
	padding-left:50px;
	padding-right:30px;
	padding-top:20px;
	position:relative;
}
#introduction h2 {
	color: rgb(210, 125, 34);

}
#introduction p {
	margin-top: 10px;
	font-size : 12px;
}