@charset "utf-8";
@import 'reset.css';

body, html {height:100%;}
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100.01%; background:url(../img/bg-body.gif) #000 repeat-x; color:#fff; }
a {color:#BBB; text-decoration:none;}
a:hover {color:#FFF; text-decoration:underline;}
h1 {font-size:24px; color:#fff; margin-bottom:20px;}
h2 {font-size:20px; color:#FC6; margin-bottom:20px;}

#maincontainer {width:1003px; min-height:100%; height:auto; margin:0 auto; background:url(../img/bg-content.gif) repeat-y; position:relative; z-index:100;}
#maincontainer #inner {min-height:500px; height:auto;}
#header {height:272px; background:url(../img/header.jpg) no-repeat; position:relative;}
#header #home {position:absolute; top:17px; right:12px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#39C;}

#footer {height:100px; background:url(../img/bg-bottom.gif) repeat-x #000; position:absolute; left:0; bottom:0; width:100%; overflow:hidden;}
#footer span {display:block; height:100px; background:url(../img/w-left.gif) left top no-repeat;}
#footer span span {background:url(../img/w-right.gif) right top no-repeat;}

#footer div {float:left; margin-top:34px; padding:12px 0 0 0; height:60px; color:#FFF; font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:11px;}
#footer div strong {font-weight:normal; color:#F90;}
#footer .left {margin-left:24px; background:url(../img/botlogo.gif) 0 7px no-repeat; width:207px; padding:20px 0 0 50px;}
#footer .mid {width:307px;}
#footer .right {width:243px;}
#footer .hotlog {width:150px;}

#batar {padding:5px 10px 15px 18px;}
#batar a {font-size:13px; display:block;}
.opened {display:block;}
.closed {display:none;}

#sidebox {float:left; width:250px; padding-bottom:90px;}
#content {margin-left:280px; margin-right:15px; padding-bottom:100px;}
#content p {padding-bottom:15px; text-align:justify; margin-right:20px;}
#items {float:left; width:100%;}
#items .item  {min-height:165px; background:#3C6; background:url(../img/bg-hr.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; float:left; width:100%;}
#items .item .img {width:240px; min-height:150px; margin-right:19px; float:left; overflow:hidden;}
#items .item .text {float:left; width:240px; min-height:150px; overflow:hidden; margin-right:10px; overflow:hidden; font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-bottom:10px;}
#items .item .text p {margin:0; padding:0; text-align:left;}
#items .item .text strong {color:#bebdbd; font-weight:normal;}
#items .item .text h4 {color:#fdd94c; font-weight:normal; font-size:16px; margin-bottom:10px;}
#items .item .article {float:right; height:31px; width:185px; text-align:right; color:#fff; font-size:14px; margin-right:10px; font-family:Tahoma, Geneva, sans-serif;}
#items .item .article strong {color:#bebdbd; font-size:12px;}
#items .item .preview {background:url(../img/bg-preview.jpg) no-repeat; width:81px; height:81px; overflow:hidden; float:right;}
#items .item .video {width:185px; float:right; text-align:right; clear:right;}
#items .item .preview a {margin:4px 0 0 2px; display:block; width:68px; height:68px;}
#items .item .video a {margin:4px 12px 0 2px; display:block;}

#mainmenu {margin:10px 0 0 24px;}
#mainmenu div.item {height:35px; background:url(../img/bg-mnu.gif) repeat-x; margin-bottom:6px; font-size:16px;}
#mainmenu div.item span {height:35px; background:url(../img/bg-mnu-l.gif) no-repeat; display:block;}
#mainmenu div.item span span {height:35px; background:url(../img/bg-mnu-r.gif) no-repeat right top; overflow:hidden;}
#mainmenu div.item span span p {background:url(../img/marker-or.gif) no-repeat 15px 11px; display:block; color:#FFF; padding:5px 0 0 37px; text-decoration:none; cursor:pointer;}
#mainmenu div.item span span p:hover {background:url(../img/marker-gr.gif) no-repeat 15px 11px;}

.clear {clear:both;}
.pagenum li {float:left; margin:0 5px 5px 0; cursor:pointer;}
.pagenum li.active {color:#FC6; cursor:default;}
.page{ float: left;}

#shadow {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001; display:none;}
#shadow div { background:#000; opacity: 0.7; //filter: Alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; left:0; top:0; width:100%; height:100%; position:absolute;}
#moviecontainer {width:360px; height:320px; position:fixed; top:30%; left:40%; padding-top:20px; z-index:1;}
#moviecontainer #flash {width:320px; height:280px;}

.closebtn {position:absolute; right:18px; top:0; width:40px; height:40px; background:url(../img/close.gif) no-repeat; cursor:pointer;}

#basket{background: url(../img/basket.gif) no-repeat; width: 259px; height: 44px; text-align: center; line-height: 44px; position: absolute; right: 0; top: 200px;}
#basket a{ font-weight: bold; text-decoration: none; color: #02416C; font-size: 13px;}
#basket a:hover{ text-decoration: underline;}
#basket span{ color: #02416C; font-weight: bold;}
#bs-order{ float: right; width: 361px; background: url(../img/bs-or.jpg) no-repeat; }
.inbasket{background: url(../img/inorder.png) no-repeat; width: 110px; height: 44px; float: right; cursor: pointer; margin-top: 15px;}
.order{background: url(../img/order.png) no-repeat; width: 110px; height: 44px; float: right; cursor: pointer; margin-top: 15px;}

.delete {cursor:pointer;}
.inp {width:30px;}
.refresh {width:21px; height:22px; background:url(../img/refresh.png) no-repeat; margin-left:18px; cursor:pointer; float:left;}
.inpcont {float:left;}
.delete {width:21px; height:21px; background:url(../img/delete.png) no-repeat; margin-left:18px; cursor:pointer;}

td, th{ 
	border: 1px solid #ffffff; 
	border-collapse: collapse; 
	padding: 5px 5px 5px 5px; 
	vertical-align: middle;
}

th{
	font-weight:bold;
	text-align: center;
}

.noborder td, th{ 
	border: 0px solid #ffffff; 
}