﻿html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
body                                {height: 100%; background-color: #fff; font: 12px Arial, Helvetica, sans-serif; color: #404040;}
img, input, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link, a:active                    {color: #00a2ff; cursor: pointer; text-decoration: underline;}
a:hover                             {cursor : pointer; text-decoration: none; color: #a60000;}
a:active, a:focus, img              {outline: 0;}
br.clear                              {clear: both; line-height: 1px; font-size: 1px; height: 1px;}
.floatLeft                          {float: left;}
.floatRight                         {float: right;}
.overHidden                         {overflow: hidden; zoom: 1;}
.silverColor { color: #cacaca !important; }
.redColor { color: #a60000 !important; }
.txtC { text-align: center; }

.wrapper { width: 1000px; margin: 0 auto;}
/* header */
.header { background: url(../img/bg.png) repeat-x 0px 0px; height: 95px;  }
.header .wrapper { position: relative; height: 95px; }

/* logo */
h1.logo { padding-top: 29px; float: left; font-weight: normal;  }
h1.logo a { display: block; position: relative; text-decoration: none !important; color: #808080 !important; padding-left: 45px; font-size: 40px; zoom: 1; float: left;  }
h1.logo a em { font-style: normal; font-size: 9px; font-weight: bold; display: block; position: relative; top: -5px; }
span.logo { display: block; background: url(../img/bg.png) no-repeat -760px -264px; height: 40px; width: 40px; position: absolute; top: 0px; left: 0px; overflow: hidden;  }

/* user bar */
.userBar { position: absolute; top: 0px; right: 0px; height: 15px; }
.userBar li { float: left; }

/* top menu */
.topMenu { background: url(../img/bg.png) repeat-x 0px -95px; height: 35px; }
.topMenu ul { height: 35px; width: 1000px; margin: 0px auto; }
.topMenu li { float: left; }
.topMenu li a { display: block; float: left; height: 35px; padding: 0px 10px; font-size: 14px; color: #666666 !important; line-height: 35px; }
.topMenu li a:hover { background: url(../img/bg.png) no-repeat 0px -210px; color: #404040 !important; }

/* --------------------------------------content---------------------------------------- */
.contentNylon { background: #c5c5c5 url(../img/nylon_bg.jpg) no-repeat top center; padding: 20px 0px 10px 0px;  }
.content { padding: 10px 0px 60px 0px; }

/* --------------------------search bar------------ */
/* view 1 */
.searchBar { height: 70px; margin-bottom: 20px; }
.searchBar span { display: block; background: url(../img/bg.png) no-repeat 0px -251px; height: 70px; width: 680px; position: relative; float: left; }
.searchBar span input { position: absolute; top: 18px; left: 78px; width: 585px; font-size: 30px; color: #49548a; }
/* view 2 */
.searcBar_2 { height: 29px; width: 300px; float: right; background-color: #f2f2f2; padding: 4px 4px 0px 4px; }
.searcBar_2 span { display: block; background: url(../img/bg.png) no-repeat 0px -349px; height: 25px; width: 235px; position: relative; float: left; }
.searcBar_2 span input { position: absolute; top: 7px; left: 20px; width: 210px; font-size: 9px; color: #666666; }
/* view 3 */
.searcBar_3 { height: 34px; background-color: #f2f2f2;}
.searcBar_3 strong { display: block; height: 34px; width: 229px; margin-right: 11px; background: url(../img/bg.png) no-repeat -571px -321px; line-height: 34px; font-size: 14px; text-indent: 10px; color: #fff; float: left; }
.searcBar_3 span { display: block; float: left; background: url(../img/bg.png) no-repeat 0px -323px; height: 25px; width: 445px; position: relative; margin: 4px 5px 4px 0px; }
.searcBar_3 span input { position: absolute; top: 7px; left: 20px; width: 420px; font-size: 9px; color: #666666; }
.searcBar_3 .but_4 { float: left; margin-top: 4px; }

/* ----------------------buttons----------------------- */
.but_1, .but_2 { display: block; background: url(../img/bg.png) no-repeat -448px -321px; height: 15px; width: 60px; line-height: 15px; text-align: center; font-size: 9px; font-weight: bold; text-decoration: none !important; color: #fff !important;  }
.but_1:hover { background-position: -448px -336px; }
.but_2 { width: 61px; background-position: -508px -321px }
.but_2:hover { background-position: -508px -336px; }
.but_3 { display: block; float: right; background: url(../img/bg.png) no-repeat 0px -374px; height: 70px; width: 310px; line-height: 70px; text-align: center; font-size: 30px; font-weight: bold; text-decoration: none !important; color: #fff !important; }
.but_3:hover { background-position: -310px -374px; }
.but_4 { display: block; float: right; background: url(../img/bg.png) no-repeat -685px -253px; height: 25px; width: 60px; line-height: 25px; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none !important; color: #fff !important;  }
.but_4:hover { background-position: -685px -278px; }
.but_5 { display: block; background: url(../img/bg.png) no-repeat -625px -360px; height: 22px; width: 100px; padding-left: 18px; margin-bottom: 10px; line-height: 20px; text-align: left; font-size: 12px; font-weight: bold; color: #000 !important;  }
.but_5:hover { background-position: -625px -382px; color: #d8d8d8 !important; }
.but_6 { display: block; width: 150px; height: 22px; background-color: #0081cc; line-height: 22px; text-decoration: none !important;; text-align: center; text-transform: uppercase; color: #fff !important; font-weight: bold; font-size: 12px; }
.but_6:hover { background-color: #4ca6db; }
.but_7 { display: block; background: url(../img/bg.png) no-repeat -428px -355px; width: 15px; height: 16px; float: left; text-indent: -9999px; margin-right: 10px; }
.but_8 { display: block; background: url(../img/bg.png) no-repeat -453px -355px; width: 15px; height: 16px; float: left; text-indent: -9999px; margin-right: 10px;}

/* title block and color title */
.titleBlock { height: 33px; }
h2 { height: 33px; float: left; position: relative; zoom: 1; font-size: 14px; font-weight: bold; color: #fff; padding: 0px 10px; line-height: 33px; z-index: 5; }
h2 em { display: block; width: 21px; height: 11px; line-height: 1px; font-size: 1px; position: absolute; bottom: -11px; right: 10px; z-index: 5; }

.greenTitle { background-color: #00af2b; }
.greenTitle em { background: url(../img/greenConer.png) no-repeat; }
*html .greenTitle em { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/greenConer.png', sizingmethod='');}

.redTitle { background-color: #a60000; }
.redTitle em { background: url(../img/redConer.png) no-repeat; }
*html .redTitle em { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/redConer.png', sizingmethod='');}

.blackTitle { background-color: #404040 }
.blackTitle em { background: url(../img/blackConer.png) no-repeat; }
*html .blackTitle em { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/blackConer.png', sizingmethod='');}

/* coner block */
.conerBlock { background: #fff url(../img/btmConer_1.png) no-repeat bottom left; padding: 20px 10px 10px 10px; overflow: hidden; zoom: 1; }
.conerBlock .leftSide { float: left; }
.conerBlock .thumbBlock.bigSize { width: 675px;}

/* coner block 2 */
.conerBlock_2 { background: #f2f2f2 url(../img/btmConer_2.png) no-repeat bottom left; padding: 1px 1px 6px 1px; margin-bottom: 20px; }
.conerBlock_2 .conerWrap { background-color: #fff; padding: 20px 9px 0px 9px; zoom: 1; }

/* coner block 3 */
.conerBlock_3 { background: #f0efd3 url(../img/btmConer_3.png) no-repeat bottom left; padding: 1px 1px 6px 1px; margin-bottom: 20px;}
.conerBlock_3 .conerWrap { background-color: #fcfbde; padding: 0px 9px 0px 0px; position: relative; width: 989px;  }
.conerBlock_3 .leftSide { width: 198px; position: relative; float: left; top: -1px; left: -1px; }
.conerBlock_3 .rightSide { float: right; width: 782px; height: 350px; padding-top: 9px; }

/* thumb blocks */
.thumbBlock { overflow: hidden; }
.thumbBlock li { background-color: #f2f2f2; float: left; font-size: 10px; color: #737373; zoom:1; display:block; }
.thumbBlock li h3 { font-size: 14px; font-weight: bold; color: #000; padding: 3px 10px; }
.thumbBlock li p { overflow: hidden; padding: 0px 10px 5px 10px; zoom: 1; }
.ratingBlock { height: 29px; padding: 0px 10px; line-height: 29px; background: url(../img/bg.png) no-repeat; }
.ratingBlock strong { font-size: 10px; color: #000; float: left; padding-right: 10px; }
.rating { float: left; background:  url(../img/bg.png) no-repeat -620px -240px; height: 10px; width: 65px; line-height: 1px; font-size: 1px; margin-top: 10px; }
.rating span { display: block; background:  url(../img/bg.png) no-repeat -686px -240px; height: 10px; line-height: 1px; font-size: 1px; }

.thumbBlock.bigSize li { margin: 0px 15px 15px 0px; width: 210px; }
.thumbBlock.bigSize .ratingBlock { background-position: -359px -210px; width: 190px; }

.thumbBlock.smallSize { margin-left: -10px; _margin-left: -20px; zoom: 1;}
.thumbBlock.smallSize li { margin: 0px 0px 10px 10px; width: 188px; }
.thumbBlock.smallSize .ratingBlock { background-position: -571px -210px; width: 168px; }

/* --------------advertising------------------ */
.topAdv { float: right; margin-top: 25px; }
.leftAdv { float: left; width: 120px; overflow: hidden; }
.rightAdv { float: right; width: 300px; overflow: hidden; }
.rightAdv a, .leftAdv a { display: block; margin-bottom: 10px; text-align: center;}
.contentAdv { display: block; margin-bottom: 20px; text-align: center; }
.advBlock { text-align: center; overflow: hidden; zoom: 1; padding-bottom: 4px; }

/* tab menu and tabs items */
div.tabMenu { height: 33px; }
ul.tabMenu { float: left; }
ul.tabMenu li { float: left; margin-right: 1px; height: 33px; outline: 0; }
ul.tabMenu li a { display: block; float: left; height: 33px; outline: 0; position: relative; padding: 0px 10px; zoom: 1; background-color: #f2f2f2; text-decoration: none !important; color: #a6a6a6 !important; font-size: 14px; font-weight: bold; line-height: 33px;}
ul.tabMenu li a em { display: none; width: 21px; height: 11px; line-height: 1px; font-size: 1px; position: absolute; bottom: -11px; right: 10px; background: url(../img/redConer.png) no-repeat; }
*html ul.tabMenu li a em { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/redConer.png', sizingmethod='');}
ul.tabMenu li a:hover { background-color: #a6a6a6; color: #f2f2f2 !important; }
ul.tabMenu li a.current,
ul.tabMenu li.current a { background-color: #a60000 !important; color: #fff !important; }
ul.tabMenu li a.current em,
ul.tabMenu li.current a em { display: block; }

.tabsContainer{display:none;}

/* pagination */
.pagination { text-align: left; font-size: 14px; font-weight: bold; margin-bottom: 40px;}
.pagination li { display: inline; padding-right: 5px; }
.pagination li a { padding: 2px 6px; text-decoration: none !important; background-color: #404040; color: #fff !important; }
.pagination li a:hover { background-color: #7e00ff; }
.pagination li a.current { background-color: #a60000; }

/* site info */
.sitesInfo { float: right; height: 33px; line-height: 33px; font-size: 9px; padding-right: 10px; }
.sitesInfo em { font-style: normal; color: #a60000; }



/* sites list */
h2.redTitle.siteList { width: 178px; }

ul.siteList { *padding-top: 4px; _padding-top: 0px; background-color: #f2f2f2; padding-bottom: 5px; }
ul.siteList li { height: 41px; text-indent: 10px; background-color: #f2f2f2; line-height: 45px; font-size: 11px; position: relative; *top: -4px; _top: 0px; }
ul.siteList li.first { background-color: #404040; color: #fff; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; }

/* slider */
#slider { position: relative; }
#slider li { width: 782px; height: 350px; position: relative; }
#slider li div { width: 386px; font-size: 11px; }
#slider li div h3 { font-size: 16px; font-weight: bold; padding: 3px 0px; }
#slider li div h3 a { color: #a60000 !important; text-decoration: none; }
#slider li div h3 a:hover { color: #00a2ff !important; text-decoration: underline; }
#slider li div.floatLeft h3, #slider li div.floatLeft p { padding-left: 46px; }
#slider li div.floatRight h3, #slider li div.floatRight p { padding-right: 46px; }

#prevBtn, #nextBtn { display: block; text-indent: -9999px; background: url(../img/bg.png) no-repeat; height: 26px; width: 26px; position: absolute; cursor: pointer; top: 315px;}
#prevBtn { left: 220px; background-position: -774px -236px; }
#nextBtn { background-position: -774px -210px; right: 21px;}
#nextBtn a, #prevBtn a { display: block; width: 26px; height: 26px; }

/* bottom menu */
.btmMenu { text-align: center; padding-bottom: 60px; }
.btmMenu li { display: inline; padding: 0px 10px; font-size: 11px; }

/* -------------------------------footer--------------------------------------- */
.footer { padding-bottom: 30px;  }
div.copyRight { background: url(../img/bg.png) repeat-x 0px -130px; height: 80px; margin-bottom: 30px; }
div.copyRight h1.logo { padding-top: 14px; }
p.copyRight { float: right; padding-right: 10px; font-size: 9px; color: #808080; font-weight: bold; height: 80px; line-height: 80px; }

.footer p.txtC { font-size: 9px; font-weight: bold; line-height: 20px; }

/* movie title */
.movieTitle .leftSide { float: left; width: 665px; }
.movieTitle .rightSide { float: right; width: 310px; }

/* movie block */
.movieBlock .leftSide { padding-left: 15px; width: 640px !important; }

.player { width: 640px; height: 390px; margin-bottom: 10px; }

/* movie info */
.movieInfo .leftSide { padding-left: 0px; width: 512px !important; }
.movieInfo .rightSide { float: right; width: 118px; }
.movieInfo .leftSide li { margin-bottom: 20px; color: #000; }
.movieInfo .leftSide li strong { padding-right: 5px;}

/* rate video */
li.rateVideo { height: 22px; line-height: 22px; }
li.rateVideo strong { float: left; }
div.rateVideo { float: left; color: #fff; height: 22px; line-height: 22px; position: relative; width: 172px; background: url(../img/bg.png) no-repeat -620px -404px;; margin-left: 5px; text-align: center; word-spacing: 6px; }
#rating_foreground { background: url(../img/bg.png) no-repeat -620px -426px; height: 22px; position: absolute; top: 0px; left: 0px;}
span.rateVideo { float: left; padding-left: 10px; }

/* download links */
.downLinks li { height: 31px; line-height: 31px; background-color: #0048ff; border-top: 1px solid #6691ff; text-align: center; color: #fff; }
.downLinks li.first { height: 22px; border: 0px; font-weight: bold; line-height: 22px; background-color: #a60000;  }
.downLinks li.last { border: 0px; height: 5px; line-height: 1px; font-size: 1px; background: url(../img/bg.png) no-repeat -681px -310px; }
.downLinks a { color: #fff !important; }

/* comments */
.comments { padding-left: 15px; background-color: #fff; }
.comments li { padding: 0px 180px 10px 0px; position: relative; zoom: 1; }
.comments h4 { font-size: 14px; font-weight: bold; padding-bottom: 2px; color: #000; }

.replyComment { width: 150px; position: absolute; top: 0px; right: 0px; font-size: 10px; }
.replyComment p { padding-top: 10px; }

/* content columns */
.myAccTitle .leftSide { float: left; width: 120px; }
.myAccTitle .rightSide { float: right; width: 310px; }
.myAccTitle .centerSide { width: 540px; margin-left: 140px; }
.contentBlock .centerSide { width: 540px; margin-left: 130px; }

/* ----- pascal*/
input.f02, .centerSide table td input, .centerSide table td textarea {border:1px solid #404040;}
 
