* {
	margin:0; 
	padding:0;}
*:focus {
	outline:none;}
	
a {
	color:#2b74a8;
	text-decoration:none;}
a:hover {
	color:#000;}

h2,h3 {
	font-size:12px;}
img {
	border:0;}
ul {
	list-style:none;}
table {
	border-collapse:collapse;}

html, body {
	height:100%;}
html {
	overflow-y:scroll;}

	
body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg) repeat-x #FFF;}

/* Begin: Shared Content Blocks CSS */
.block {
	position:relative;
	width:100%;
	margin-bottom:10px;}
.block .l, .block .m, .block .r {	
	height:100%;}
.block .l, .block .r {
	position:absolute;
	top:0;
	width:10px;
	background:url(../images/corners.gif) no-repeat;}
.block .l {
	left:0px;
	background-position:0 0;}
.block .r {
	right:-2px;
	background-position:-10px 0;}
.block .m {
	margin:0 8px 0 9px;}

.block .top,
.block .bot {
	clear:both;
	height:10px;
	position:relative;}
.block .top .m {
	border-width:1px 0 0;}

.block .bot .l {
	background-position:0 -10px;}
.block .bot .r {
	background-position:-10px -10px;}
.block .bot .m {
	height:9px;
	border-width:0 0 1px;}
	
.block .mid {
	float:left;
	width:100%;
	border-width:0 1px;}

.block .m, .block .mid {
	background:#FFF;
	border-style:solid;
	border-color:#abcd3e;}
	
	/* Begin: Blue Blocks CSS */ 
	.block.blue .m, .block.blue .mid {
		border-color:#7faac9;}
	.block.blue .l 		{background-position:0 -20px;}
	.block.blue .r 		{background-position:-10px -20px;}
	.block.blue .bot .l {background-position:0 -30px;}
	.block.blue .bot .r {background-position:-10px -30px;}
	/* End: Blue Blocks CSS */
	
	/* Begin: Blue2 Blocks CSS */ 
	.block.blue2 .m, .block.blue2 .mid {
		background:#d6dee2;
		border-color:#7faac9;}
	.block.blue2 .l 	 {background-position:0 -40px;}
	.block.blue2 .r 	 {background-position:-10px -40px;}
	.block.blue2 .bot .l {background-position:0 -50px;}
	.block.blue2 .bot .r {background-position:-10px -50px;}
	/* End: Blue2 Blocks CSS */

	/* Begin: Bar Blocks CSS */ 
	.block.bar {
		height:27px;
		margin-bottom:10px;}
	.block.bar .l, .block.bar .r, .block.bar .m{
		background-image:url(../images/bar.gif);}
	.block.bar .l {background-position:left -27px;}
	.block.bar .r {background-position:left -54px;}
	.block.bar .m {
		border:none;}
	/* END: Bar Blocks CSS */ 
/* End: Shared Content Blocks CSS */

#container {
	width:945px;
	height:100%;
	margin:0 auto;
	background:url(../images/container.jpg) no-repeat;}
	
	#header {
		position:relative;
		height:148px;
		background:url(../images/header.jpg) no-repeat;}
		#logo {
			width:470px;
			height:148px;
			display:block;}
		#left,
		#middle,
		#right {
			float:left;}	
			
		#left {
			width:130px;}
			#menu a,
			#cats a {
				width:100%;
				height:25px;
				display:block;
				font-size:12px;
				line-height:25px;
				text-indent:27px;}
			
				#menu ul,
				#cats ul {
					clear:both;
					margin:-5px 0;
					position:relative;}
				#menu li {
					background:url(../images/menu-icons.png) no-repeat;}
				#menu li:hover a {
					color:#7c9944;}
				#menu li#home {
					background-position:0 0;}
				#menu li#home:hover {
					background-position:0 -25px;}
				#menu li#favorites {
					background-position:0 -50px;}
				#menu li#favorites:hover {
					background-position:0 -75px;}
				#menu li#bestsell {
					background-position:0 -100px;}
				#menu li#bestsell:hover {
					background-position:0 -125px;}
				#menu li#movies {
					background-position:0 -150px;}
				#menu li#movies:hover {
					background-position:0 -175px;}
				#cats li {
					background:url(../images/cats-icons.png) 8px 3px no-repeat;}
				#cats li:hover,
				#cats li.selected {
					font-weight:bold;
					background-position:8px -15px;}
				#cats li:hover a,
				#cats li.selected a {
					color:#7c9944;}
			
		#middle {
			margin:0 8px;
			width:496px;}	
			
			.item {
				float:left;
				clear:both;
				width:100%;
				margin-bottom:10px;}
			.item .image {
				position:relative;
				float:left;
				width:180px;
				height:123px;
				padding:3px;
				margin-right:5px;
				background:#FFF;
				border:1px solid #abcd3e;}
			.item .img {
				width:180px;
				height:123px;
				overflow:hidden;}
			.item .play {
				position:absolute;
				left:2px; top:2px;
				width:180px;
				height:123px;
				background:url(../images/item-play.png) no-repeat;
				border:1px solid #000;}
			.item .play:hover {
				background-position:left -123px;}
			.item .info {
				position:relative;
				float:left;
				width:298px;
				overflow:hidden;
				height:130px;
				color:#4e4e4e;
				font-size:11px;}
			.item .info .title {
				color:#4094cf;
				font-size:11px;
				font-weight:bold;
				line-height:15px;}
			.item .info .descr {
				margin:3px 0;}
			.item .info .link {
				color:#2b74a8;
				font-size:13px;
				font-weight:bold;
				display:block;
				height:18px;
				line-height:18px;
				text-indent:15px;
				background:url(../images/cats-icons.png) -5px 0 no-repeat;}
			.item .info .link:hover {
				color:#7c9944;
				background-position:-5px -18px;}
			.item .info .tags {
				position:absolute;
				bottom:0; left:0;
				color:#9bbe56;}
			.item .info .tags div,
			.item .info .tags a {
				float:left;
				margin-right:5px;
				margin-top:1px;}
			.item .info .tags a {
				color:#4094cf;
				text-decoration:underline;}
			.item .info .tags a h3 {
				font-size:11px;}
			.item .info .tags a:hover {
				color:#7c9944;}
			
			/* Begin: Paging CSS */
		.paging a {
			color:#222;
			font-size:11px;}
		.paging a:hover,
		.paging .numbers a.selected {
			color:#9f038f;}
		
		.paging .prev,
		.paging .next {
			z-index:2;
			position:absolute;
			top:4px;
			width:24px;
			height:23px;
			background:url(../images/paging.png) no-repeat;}
		.paging .prev {	
			left:5px;}
		.paging .prev:hover {
			background-position:left -23px;}
		.paging .next {
			right:5px;
			background-position:-22px top;}	
		.paging .next:hover {
			background-position:-22px -23px;}
		
		.paging .disabled {
			display:none;}
		
		.paging .numbers {
			width:100%;
			text-align:center;
			margin:0 auto;
			display:table;
			line-height:25px;}	
		.paging .numbers a {
			color:#2b74a8;
			padding:0 4px;}
		.paging .numbers a.first,
		.paging .numbers a.last {
			color:#666;}
		.paging .numbers a.first {
			padding-right:15px;}
		.paging .numbers a.last {
			padding-left:15px;}
		.paging .numbers a.selected {
			color:#0d4c79;
			font-size:14px;}
		/* End: Paging CSS */
			
		#right {
			width:300px;}
			
			#searchInput,
			#searchSubmit {
				float:left;}
			#searchInput {
				width:236px;
				height:19px;
				text-indent:5px;
				line-height:19px;
				margin:1px 4px 2px 10px;
				border:1px solid #c2c2c2;
				background:url(../images/searchInput.gif) no-repeat;}
			#searchSubmit {
				border:0;
				width:38px;
				height:21px;
				margin-top:1px;
				cursor:pointer;
				background:url(../images/searchSubmit.gif) no-repeat;}
			#searchSubmit:hover {
				background-position:left -21px;}
				
		#banners {
			border-collapse:collapse;}
		.banner {
			padding:8px 0;
			text-align:center;}

#noresult {
	font-size:11px;}	
#noresult span {
	color:#2b74a8;}
	
	

#searchTagsBlock {
	clear:both;
	float:left;
	margin:20px 0 10px;}
#searchTagsBlock a {
	padding-right:10px;
	line-height:22px;}
#searchTagsBlock a:hover {
	color:#0099CC;
	text-decoration:underline;}