/*-Copyright Arctos 2010-*/ /*----- Start "General" -----*/ * { padding: 0; margin: 0; outline: 0; } body { font-size: 12px; line-height: 1.2; font-family: Arial, "Trebuchet MS", sans-serif; color: rgb(173,173,173); background: url(images/bg.gif) repeat 0 0; text-align: left; } a img { border: 0; } a { color: #a0a0a0; text-decoration: underline; } a:hover { text-decoration: none; } .left { float: left; display: inline; } .right { float: right; display: inline; } .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; margin: 0; padding: 0;} .field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; } /*----- End "General" -----*/ .shell { width: 914px; margin: 0 auto; } #page { padding-bottom: 30px; } #header { width: 100%; position: relative; margin-bottom: 0px; } #logo { text-transform: uppercase; } #logo h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 30px; color: #fff; } #logo h1 a { color: #fff; text-decoration: none; } #logo h1 a span { color: #7ab7e2; } #logo .description { font-size: 10px; color: #cfd2d9; } #top-nav { float: right; margin-bottom: 0px; } #top-nav ul { float: left; font-size: 10px; color: #fff; text-transform: uppercase; background: url(images/top-nav-bg.jpg) repeat-x 0 0; } #top-nav ul li { float: left; list-style-type: none; } #top-nav ul li a { float: left; color: #fff; text-decoration: none; padding: 0 10px 0 8px; background: url(images/top-nav-sep.gif) no-repeat right 0; } #top-nav ul li a:hover { text-decoration: underline; } #top-nav ul li.last a { background: none; } #top-nav ul li.home { width: 35px; background: url(images/top-nav-home.gif) no-repeat 0 0; } #top-nav ul li.home p { background: none; width: 67px; height: 15px; line-height: 15px; padding: 0; color: #141414; font-weight: bold; padding-left: 26px; } #logotype {float: left; margin-left: 20px; position: relative; left: 0px; top: 25px; z-index:0} #main-nav { float: right; display: inline; line-height: 32px; background: url(images/main-nav-bg.gif) repeat-x 0 0; } #main-nav .bg-right { background: url(images/main-nav-bg-right.gif) no-repeat right 0; } #main-nav .bg-left { background: url(images/main-nav-bg-left.gif) no-repeat 0 0; padding-left: 32px; width: 676px; } #main-nav ul { height: 32px; font-size: 12px; font-weight:bold; color: #a8a8a8; text-transform: uppercase; text-align: center } #main-nav ul li { width: 84px; float: left; display: inline; list-style-type: none; background: url(images/main-nav-sep.gif) no-repeat right 0; text-align: center } #main-nav ul li a { text-decoration: none; color: #a8a8a8; text-align: center; font-stretch: semi-expanded } #main-nav ul li a:hover { text-decoration: underline; } #sort-nav { line-height: 46px; background: url(images/sort-nav-bg.gif) repeat-x 0 0; } #sort-nav .bg-left { background: url(images/sort-nav-bg-left.gif) no-repeat 0 0; position: relative; height: 46px; } #sort-nav .bg-right { background: url(images/sort-nav-bg-right.gif) no-repeat right 0; position: relative; height: 46px; } #sort-nav ul li { float: left; display: inline; list-style-type: none; height: 46px; } #sort-nav ul li a { float: left; display: inline; font-size: 13px; font-weight: bold; color: #282828; text-decoration: none; padding: 0 19px; } #sort-nav ul li span.sep { float: left; display: inline; width: 2px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/sort-nav-sep.gif); } #sort-nav ul li a:hover { text-decoration: underline; } #sort-nav ul li.active a { color: #fff; text-decoration: none; } #sort-nav ul li.active a:hover { text-decoration: none; } #sort-nav ul li.first-active a { background: url(images/nav-active-first.gif) no-repeat 0 0; } #sort-nav ul li.active span.sep { background-image: url(images/nav-active-sep.gif); } #sort-nav ul li.active { background: url(images/nav-active-bg.gif) repeat-x 0 0; } #main { background: #222222 no-repeat 0 0; padding-top: 10px; } #main-bot { background: #222222 no-repeat 0 bottom; padding: 0 10px 2px 10px; height: 100%; position: relative; } #sidebar { float: left; display: inline; width: 226px; } /*------------------ Content Module------------------------------------*/ #content { float: right; display: inline; width: 657px; } /*----- для IE8 -----*/ #content { float: right\0/; display: inline\0/; width: 657px\0/; margin-top: 25px\0/; } .searchModule { position:absolute; left:0; bottom:0; width:100%; } .searchModuleButton{ text-align:left; width:31px;height:28px; cursor:pointer; border: none; font-weight:bold; font-family:inherit; vertical-align: middle; overflow:hidden; } /*------------------ Search Module & Head of browsepageHeader ------------------------------------*/ /*----- для Opera -----*/ #searchModulePhp { position:relative; height: 24px; width: 657px; margin-bottom: 5px; } /*----- для Firefox -----*/ @-moz-document url-prefix() { #searchModulePhp {position:relative; height: 24px; width: 657px; margin-bottom: 5px;} } @-moz-document url-prefix() { #vmMainPage {margin-top: -15px;} } /*----- для IE8 -----*/ #searchModulePhp {position:relative\0/; height: 0px\0/; width: 657px\0/; margin-bottom: 5px\0/;} #vmMainPage {margin-top: -12px\0/;} /*----- для IE7 -----*/ html>body #searchModulePhp { *position:relative; *height: 0px; *width: 657px; *margin-bottom: 5px; } html>body #vmMainPage { *margin-top: -12px; } /*----- для IE6 -----*/ * html #searchModulePhp { position:relative; height: 0px; width: 657px; margin-bottom: 5px; } * html #vmMainPage { margin-top: -12px; } /*------------------ End of Search Module & Head of browsepageHeader------------------------------------*/ .block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; } .block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; } .block .block-cnt { padding: 10px 10px 10px 9px; } .block .head { background: url(images/block-head.gif) no-repeat 0 0; padding-left: 30px; } .block .head .head-cnt { background: url(images/block-head.gif) no-repeat right 0; line-height: 38px; height: 38px; } .block .head h3 { font-size: 15px; font-weight: bold; color: #262727; } .block .head h1 { font-size: 15px; font-weight: bold; color: #262727; } .block .head .view-all { float: right; display: inline; width: 35px; line-height: 16px; background: url(images/block-head-view-all.gif) no-repeat top center; margin-top: 12px; margin-right: 18px; font-weight:bold} .block .head .view-all { font-size: 10px; text-decoration: none; text-align: center; color: rgb(192,192,192);} .block .head .view-all a { padding-top: 0px; color: rgb(192,192,192);} .block .head .view-all:hover { text-decoration: none; } #content .block { background-image: url(images/content-block-top.gif); background-color: #313131; width: 657px; } #content .block .block-bot { background-image: url(images/content-block-bot.gif); } #sidebar .block { background-image: url(images/sidebar-block-top.gif); background-color: #555553; width: 226px; } #sidebar .block .block-bot { background-image: url(images/sidebar-block-bot.gif); } #bottom_footer div {padding-bottom: 10px; background-image: url(images/sidebar-block-bot.gif) bottom right; } #browsepageHeader {padding-bottom: 10px; background-image: url(images/sidebar-block-bot.gif) bottom right; } #vmMainPage {padding-bottom: 10px; background-image: url(images/sidebar-block-bot.gif) bottom right; } #search .block-cnt { padding: 5px 5px 5px 4px; } #search .fieldplace { float: left; display: inline; width: 170px; height: 22px; background: url(images/search-field.gif) no-repeat 0 0; padding-left: 18px; } #search .fieldplace .field { padding: 3px 6px 4px; width: 158px; border: none; background: none; } #search .button { float: left; display: inline; width: 29px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; } #search .button { background: url(images/search-button.gif) no-repeat 0 0; } #sign .block-cnt { padding: 6px 5px 5px 5px; } #sign .button { display: block; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 29px; } #sign .button { width: 105px; height: 29px; background: url(images/sign-button.gif) no-repeat 0 0; } #sign .button:hover { background-position: 0 bottom; } #sign .button-left { float: left; display: inline; } #sign .button-right { float: right; display: inline; } #sign .center { text-align: center; font-size: 11px; line-height: 16px; margin-top: 4px; } #sign .center a { color: #35cfd9; } #sidebar .articles .article { padding: 8px 7px; background: url(images/sidebar-article-sep.gif) repeat-x 0 bottom; font-size: 11px; color: #a0a0a0; } #sidebar .articles h4 { color: #fff; font-weight: bold; font-size: 12px; } #sidebar .articles h4 a { color: #fff; text-decoration: none; } #sidebar .articles h4 a:hover { color: #ccc; } #sidebar .articles .view-all { font-size: 10px; letter-spacing: 0.5px; line-height: 24px; float: right; display: inline; margin-right: 6px; } #sidebar .image-articles .image { float: left; display: inline; width: 55px; } #sidebar .image-articles .image img { padding: 1px; border: solid 1px #1e1e1e; width: 51px; height: 51px; } #sidebar .image-articles .cnt { float: right; display: inline; width: 150px; } #sidebar .text-articles .article { padding: 8px 10px; font-size: 12px; } #sidebar .text-articles h4 { font-size: 13px; } #content .articles h4 { font-size: 19px; font-weight: bold; color: #ccc; margin: 4px 0 2px; } #content .articles h4 a { text-decoration: none; color: #ccc; } #content .articles h4 a:hover { color: #fff; } #content .col-articles .image img { padding: 1px; border: solid 1px #050505; width: 194px; height: 194px; } #content .col-articles .article { float: left; display: inline; margin: 17px 0 10px 15px; width: 198px; } #content .row-articles .article { padding: 10px 15px 12px 15px; background: url(images/content-article-sep.gif) repeat-x 0 bottom; } #content .row-articles .last-article { background: none; } #content .row-articles .image { float: left; display: inline; width: 194px; } #content .row-articles .image img { width: 194px; } #content .row-articles .cnt { float: right; display: inline; width: 420px; } #content .row-articles h4 { margin-top: 0; line-height: 20px; } #content .row-articles h4 a { color: #e4e4e4; } #slider { width: 638px; height: 350px; position: relative; } #slider .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; } #slider .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; } #slider .buttons span.prev { background: url(images/button-prev.png) no-repeat 0 0; } #slider .buttons span.next { background: url(images/button-next.png) no-repeat 0 0; } #slider .holder { width: 638px; height: 350px; position: relative; overflow: hidden; } #slider .content { height: 350px; width: 100000px; position: absolute; top: 0; left: 0; } #slider .fragment { float: left; display: inline; width: 638px; height: 350px; list-style-type: none; } #slider .fragment .image { position: relative; width: 638px; height: 350px; } #slider .frame { width: 638px; height: 350px; position: absolute; top: 0; left: 0px; z-index: 100; } #slider .frame { font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt { margin-top: 5px; height: 49px; background: url(images/slider-cnt-bg.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; } #slider .fragment .cnt .side-a { float: left; display: inline; width: 150px; } #slider .fragment .cnt .side-b { float: right; display: inline; width: 450px; } #slider .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; } #slider .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; } #slider .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt .rating li .empty-star { background: url(images/empty-star.gif); } #slider .fragment .cnt .rating li .full-star { background: url(images/full-star.gif); } #slider .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; } .counters { width: 500px; float: left; } /*--------------------------- Start of Inner Page----------------------*/ #slider_inner { width: 638px; height: 287px; position: relative; } #slider_inner .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; } #slider_inner .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; } #slider_inner .buttons span.prev { background: url(images/button-prev.png) no-repeat 0 0; } #slider_inner .buttons span.next { background: url(images/button-next.png) no-repeat 0 0; } #slider_inner .holder_inner { width: 638px; height: 287px; position: relative; overflow: hidden; } #slider_inner .content { height: 357px; width: 100000px; position: absolute; top: 0; left: 0; } #slider_inner .fragment { float: left; display: inline; width: 638px; height: 357px; list-style-type: none; } #slider_inner .fragment .image { position: relative; width: 638px; height: 287px; } #slider_inner .frame { width: 638px; height: 287px; position: absolute; top: 0; left: 2px; z-index: 100; background: url(images/slider_inner-image-bg.png) no-repeat 0 0; } #slider_inner .frame { font-size: 0; line-height: 0; text-indent: -4000px; } #slider_inner .fragment .cnt { margin-top: 5px; height: 49px; background: url(images/slider_inner-cnt-bg.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; } #slider_inner .fragment .cnt .side-a { float: left; display: inline; width: 150px; } #slider_inner .fragment .cnt .side-b { float: right; display: inline; width: 450px; } #slider_inner .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; } #slider_inner .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; } #slider_inner .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider_inner .fragment .cnt .rating li .empty-star { background: url(images/empty-star.gif); } #slider_inner .fragment .cnt .rating li .full-star { background: url(images/full-star.gif); } #slider_inner .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; } /*--------------------------- End of Inner Page----------------------*/ #footer .copy { float: right; font-size: 10px; color: #999; text-transform: uppercase; text-align: right; padding: 10px 0; } #footer .copy a{ color: #999; } #footer .navs { background: #2d2d2d url(images/footer-navs-top.gif) no-repeat 0 0; text-align: center; font-size: 10px; text-transform: uppercase; color: #656565; height: 100%; position: relative; padding-top: 5px; margin-bottom: 10px;} #footer .navs .navs-bot { background: url(images/footer-navs-bot.gif) no-repeat 0 bottom; height: 100%; position: relative; padding-bottom: 5px;} #footer .navs ul { margin: 10px 0; } #footer .navs ul li { list-style-type: none; display: inline; padding: 0 6px; } #footer .navs ul li a { color: #656565; text-decoration: none; } #footer .navs ul li a:hover { text-decoration: underline; } #sidebar .articles2 .article2 { padding: 8px 7px; background: url(images/sidebar-article-sep.gif) repeat-x 0 bottom; font-size: 11px; color: #a0a0a0; } #sidebar .articles2 h4 { color: #fff; font-weight: bold; font-size: 12px; margin-bottom: 5px;} #sidebar .articles2 h4 a { color: #F0F0F0; text-decoration: none; } #sidebar .articles2 h4 a:hover { color: #ccc; } #sidebar .articles2 .view-all { font-size: 10px; letter-spacing: 0.5px; line-height: 24px; float: right; display: inline; margin-right: 6px; } #sidebar .image2 {display: block; float: left; } #sidebar .image2 a img { border: solid 1px #1e1e1e; width: 75px; height: 51px; float: left; margin: 0 10px 5px 0} #sidebar .image-articles2 p { clear: both; margin-top: 5px;} /*--------------------------- Newz----------------------*/ .blockMenuText { padding: 20px 20px 15px 0px; } .blockMenuText img {margin: -50px 20px 0px 20px; border: #666 2px solid;} .blockMenuText h2 { display: block; color: #fff; font-weight: bold; font-size: 13px; clear:both; margin-top: 10px;} .blockMenuText h2 a { color: #F0F0F0; text-decoration: none; } .blockMenuText h2 a:hover { color: #ccc; } .blockMenuText p {padding-bottom: 15px;} .newz_date {display: block; margin: 7px 0px 0px 0px; color: #999} a.readon {display: block; margin-bottom: 20px; margin-top: 10px;} .page_nav_newz {text-align: center; margin: 20px 0 10px 0;} .page_number_newz {text-align: center; margin: 0px 0 10px 0;} /*--------------------------- Newz - Single Article----------------------*/ .blockMenuText_SingleArticle { padding: 20px 20px 15px 0px; } .blockMenuText_SingleArticle img {margin: 20px 0px 20px 20px; border: #666 2px solid; text-align: center;} .blockMenuText_SingleArticle p {displaY: block; margin-bottom: 15px; line-height: 1.3;} .blockMenuText_SingleArticle .newz_date {display: block; margin: 0px 0px 20px 0px; color: #999} .review_image {text-align: center;} /*--------------------------- Accordion Menu ----------------------*/ .glossymenu{ margin: 10px 0px 15px 10px; padding: 0; width: 190px; /*width of menu*/ } .glossymenu a.menuitem{ font: 13px Arial, Verdana, Helvetica, sans-serif; color: #838383; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; } .glossymenu a.menuitem:hover { color: #838383} .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 7px 0; padding: 0; } .glossymenu div.submenu ul li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #7AA5CC; text-decoration: none; padding: 2px 0; padding-left: 10px; } .glossymenu div.submenu ul li a:hover{ color: #A9CFF2; } .glossymenu div.submenu ul.level3 li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: rgb(173,173,173); text-decoration: none; padding: 2px 0; margin-left: 20px; } .glossymenu div.submenu ul.level3 li a:hover{ color: #EAEAEA; } .logoz_menu_pic {margin: 4px 7px -1px 0; } .logoz_menu_pic a {color: #999; font-weight: normal;} .logoz_menu_pic a:hover {color: #999; font-weight: normal;} /*--------------------------- Product Page Corrections ---------------------------*/ .imageProductDescription ul { margin-top: 10px; margin-bottom: 10px; } .imageProductDescription ul li { margin-left: 14px; padding-left: 4 px; padding-bottom: 7px; }