/*
Theme Name: Zoo-Ufa
Theme URI: http://www.nebox.ru/
Description: Тема для скрипта ShopOS и магазина zoo-ufa.ru.
Version: 1.0.0
Author: NeBox
Author URI: http://www.nebox.ru/
*/
* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding:0; margin:0;}

body{background:#f9f9f9;font: 12px/18px Tahoma, Helvetica, "Helvetica Neue", Verdana, sans-serif;height: 100%;color:#636b6d;}
#wrapper {width:985px;margin:0 auto;}
a:link, a:active, a:visited {color:#f27521;text-decoration:underline;}
a:hover {color:#de0f00;}
.clear {clear:both;}
ul, ol {list-style: none;}
img {border: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {clear:both;padding:0 0 4px 0;font-size:22px;color:#f56300;}
h2 {clear:both;margin:15px 0 10px 0;font-size:20px;}
h3 {clear:both;font-weight:normal;font-size:18px;color: #6f9d00;}
h4 {clear:both;margin:10px 0 5px 0;font-weight:bold;font-size:16px;color: #6f9d00;}
h2 a:link, h2 a:active, h2 a:visited {color:#de0f00;text-decoration:underline;}
h2 a:hover {color:#f38840;}

/* Разное
--------------------------------------------------------------------------*/
.sp {width:100%;border-bottom:1px solid #94bb12;display:block;margin:8px 0 8px 0;}
.sp2 {width:100%;border-bottom:1px solid #cdcccc;display:block;margin:3px 0 3px 0;}
.spd {margin:20px;}
.spd2 {margin:10px;}
.spco2 {width:100%;border-bottom:1px solid #dbdbdb;display:block;margin:8px 0 8px 0;}
.cursor {cursor:pointer;}
.box-right {width:252px;float:right;margin:5px 0 0 0;}
.box-left {width:252px;float:left;margin:5px 0 0 0;}
.text-right {text-align:right;}
.box-left2 {width:170px;float:left;margin:5px 0 0 0;}
.box-right2 {width:332px;float:right;margin:5px 0 0 0;}
.sec-code input {width:120px;height:20px;background: #dbdbdb;border:1px solid #a0a0a3;color: #333;line-height:20px;padding:0 3px 0 3px;}
.error {color:#ff1800;}
.next {width:200px;float:right;text-align:right;margin:5px 0 0 0;}
.back {width:200px;float:left;margin:5px 0 0 0;}
.border-left {border-left:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:5px;}
.border-left2 {border-left:1px solid #ccc;padding:5px;}
.border-bottom {border-bottom:1px dotted #ccc;padding:5px;}
.border-right {border-right:1px dotted #ccc;}
.border-top {border-top:1px dotted #ccc;}
.small-font {font-size:11px;}
.checkoutBarCurrent {font-size:14px;color:#94bb12;font-weight: bold;text-align:center;}
.checkoutBarTo {font-size:12px;color:#464748;text-align:center;}
.add-review #review, .contacts-text #message_body {width:440px;height:120px;color:#333;border:1px solid #333;padding:3px;}

/* Шапка
--------------------------------------------------------------------------*/
.header {height:100px;margin:0 0 10px;}
.header h1 {margin:10px 0 0 0;float:left;width:140px;}
.header h1 a {text-decoration:none;display:block;width:213px;height:165px;text-indent: -2000em;background: url(images/zoosfera.gif) no-repeat 0 0;cursor: pointer;}
.header .promo {display:block;margin:10px 0 0 0;width:762px;height:165px;float:right;background: url(images/toppromo.jpg) no-repeat 0 0;}

/* Бар под шапкой
--------------------------------------------------------------------------*/
.top-menu {margin:10px 0 0 0;float:left;width:auto;}
.top-menu .search-block {float:left;width:213px;height:45px;background: url(images/searchbg.gif) no-repeat 0 0;}
.top-menu .search-block .search-form .input {margin:12px 0 0 10px;float:left;width:100px;}
.top-menu .search-block .search-form .submit {margin:8px 10px 0 0;float:right;width:27px;}
div.ajaxQuickFind {width:206px;position: absolute;text-align:left;}
ul.ajaxQuickFind, .top-menu .Requirement {width:200px;position: absolute;border-right:1px solid #b9b5b5;border-bottom:1px solid #b9b5b5;border-left:1px solid #b9b5b5;color:#626262;background:#d5d5d5;padding:0px;margin:36px 0 0 6px;z-index:20;}
ul.ajaxQuickFind li a:link, ul.ajaxQuickFind li a:active, ul.ajaxQuickFind li a:visited {padding:3px;color:#424242;text-decoration:none;}
ul.ajaxQuickFind li a:hover {text-decoration:underline;padding:3px;}

.top-menu .nav {margin:0 0 0 10px;width:762px;height:45px;float:right;}
.top-menu .nav-left {float:left;width:10px;height:45px;background: url(images/main-nav-lbg.gif) no-repeat 0 0;}
.top-menu .nav-center {float:left;width:742px;height:45px;background:#e3e3e3;line-height: 3.7;}
.top-menu .nav-center a {margin:0 8px 0 0;}
.top-menu .nav-right {float:left;width:10px;height:45px;background: url(images/main-nav-rbg.gif) no-repeat 0 0;}


/* Контент
--------------------------------------------------------------------------*/
#middle {width: 100%;height: 1%;margin:10px 0 0 0;float:left;}
#middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}
#container {width: 100%;float: left;overflow: hidden;}
#content {padding: 0 230px 0 230px;}

/* Блоки товаров в ТРИ колонки
--------------------------------------------------------------------------*/
.products-blocks {width:525px;}
.products-blocks .block {padding:5px 3px 5px 3px;float:left;width:168px;text-align:center;background:#f3f3f3;margin:0 1px 1px 0;}
.products-blocks .block .price {float:right;width:auto;font-size:22px;color:#f19900;font-weight:normal;margin:0 0 8px 0;}
.products-blocks .block .name {font-weight:bold;}
.products-blocks .block .name a:link, .products-blocks .block .name a:active, .products-blocks .block .name a:visited {color:#8cb626;text-decoration:underline;}
.products-blocks .block .name a:hover {text-decoration:none;}
.products-blocks .prod-image {display:block;}

/* Блоки в ДВЕ колонки
--------------------------------------------------------------------------*/
.other-blocks {width:525px;}
.other-blocks .block {float:left;width:252px;padding:5px;}
.other-blocks .block .date {background:#a5be54;padding:2px;color:#333;}

/* Формы, регистрация, авторизация....
--------------------------------------------------------------------------*/
.Requirement, .inputRequirement, .alert, .primerpay {color:#d87000;font-size:11px;}
fieldset {border:1px dashed #CCC;padding:0 0 5px 15px;margin-top:15px;margin-bottom:0px;}
legend {letter-spacing: 1px;line-height: 1.1;color:#333;background: #dbdbdb;border: 1px dashed #a0a0a3;padding:3px 4px 3px 4px;font: italic normal normal 12px/14px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;}
.label {width:100%;height:18px;margin-top:2px;margin-right:0px;padding-top:6px;padding-left:6px;float:left;display: block;font-size:12px;}
.textbox {width:100%;float:left;height:22px;margin-top:2px;padding-top:1px;padding-bottom:3px;padding-left:5px;border-left:1px solid #fefefe;}
.textbox input {width:300px;background:#dbdbdb;color:#333;border:1px solid #a0a0a3;}

/* Категории, новинки...
--------------------------------------------------------------------------*/
.featured-page span {float:left;width:525px;display:block;}
.featured-page-img {float:left;width:130px;text-align:center;}
.featured-page-prod {float:left;width:300px;}
.featured-page-cart {float:left;width:95px;text-align:center;}
.featured-page-cart img {margin:5px 0 0 0;}
.featured-page-cart input {background:#ccc;color:#333;border:1px solid #000;text-align:center;}
.cost-strong {background:#ffb966;color:#484747;padding:2px 5px 2px 5px;}
.navigation-on-pages {text-align:center;padding:0 0 10px 0;}
.cat-img {float:left;width:130px;text-align:center;}
.cath2 {float:left;width:350px;}
.cat-desc-text {float:left;width:450px;}
.sort-cat-list {font-size:11px;}

/* Товар
--------------------------------------------------------------------------*/
.product-image {float:left;width:250px;}
.product-info {float:right;width:270px;}
.product-info .product-price {float:left;width:125px;font-size:18px;color:#83a70a;margin:3px 0 0 0;font-weight:bold;}
.product-info .qty {float:left;width:60px;margin:3px 0 0 0;}
.product-info .add-to-cart {float:left;width:85px;}
.product-fields {float:left;width:220px;}
.product-desc {float:left;width:100%;}
.product-desc2 {float:right;width:300px;}
.product-mo-image {float:left;width:auto;border:1px solid #cdcccc;padding:2px;margin:1px;}
/* Отзывы
--------------------------------------------------------------------------*/
.product-review {float:left;width:510px;border-left:3px solid #e0dddd;background:#eee;padding:4px;margin:0 0 10px 3px;}

/* Колонки
--------------------------------------------------------------------------*/
.gray-box h3, .white-box h3, .green-box h3 {margin:0 0 5px 0;}

.gray-box {background: url(images/right-col-gray-tbg.gif) #e7e7e7 no-repeat left top;margin-bottom:5px;}
.gray-box .wrapper {padding:6px;background: url(images/right-col-gray-bbg.gif) no-repeat left bottom;}
.green-box {background: url(images/right-col-green-tbg.gif) #d3e67d no-repeat left top;margin-bottom:5px;}
.green-box .wrapper {padding:6px;background: url(images/right-col-green-bbg.gif) no-repeat left bottom;}
.green-box h3 a {font-size:16px;color:#5c7312;}
.white-box {margin-bottom:5px;}
.white-box .wrapper {padding:6px;}

.login-block  {margin:6px 0 6px 3px;}
.login-block label {float:left;width:60px;margin:0 0 5px 0;}
.login-block span {float:right;width:130px;margin:0 0 5px 0;}

.white-box .content {padding:0 0 0 5px;}

.white-box .block {padding:3px;text-align:center;}
.white-box .block .price {float:right;width:auto;font-size:22px;color:#f19900;font-weight:normal;}
.white-box .block .name {font-weight:bold;}
.white-box .block .name a:link, .white-box .block .name a:active, .white-box .block .name a:visited {color:#8cb626;text-decoration:underline;}
.white-box .block .name a:hover {text-decoration:none;}

.adql {float:left;width:160px;margin:0 0 5px 0;padding:3px;}
.adql input {width:155px;}
.adqr {float:right;width:30px;margin:0 0 5px 0;}

.green-box .empty_cart {text-align:center;background:#fff;padding:4px;width:100px;margin:0 auto;}
.green-box .go-to-cart {text-align:right;padding:2px;width:auto;float:right;margin:5px 0 0 0;}
.green-box .total {padding:2px;width:auto;float:left;margin:5px 0 0 0;background:#fff;}
.green-box .qty2 a:link, .green-box .qty2 a:active, .green-box  .qty2 a:visited, .green-box .go-to-cart a:link, .green-box .go-to-cart a:active, .green-box  .go-to-cart a:visited  {color:#6d6f63;text-decoration:underline;}
.green-box .qty2 a:hover, .green-box .go-to-cart a:hover {text-decoration:none;}
.green-box .qty {float:left;width:25px;}
.green-box .qty2 {float:left;width:170px;font-size:11px;}

.sl {float:left;width: 213px;margin-left: -100%;position:relative;}
/* меню
--------------------------------------------------------------------------*/
#catalog-nav {padding:0;margin:0;width:213px;}
#catalog-nav .wrapper {background: #e9e9e9 url(images/cat-nav-bbg.gif) no-repeat left bottom;margin:0 0 15px 0;overflow:hidden;}
#catalog-nav #main-sections {margin:0;padding:10px 0 10px 6px;display:block;background: url(images/cat-nav-tbg.gif) no-repeat left top;list-style-type:none;}
#catalog-nav #main-sections li a {padding-right: 0px; display: block; padding-left: 59px; font-weight: bold; font-size: 15px; margin-bottom: 5px; padding-bottom: 0px; padding-top: 16px; height: 29px;}
#catalog-nav #main-sections #nav-cats {background: url(images/cat-nav-cats.gif) no-repeat;}
#catalog-nav #main-sections #nav-dogs {background: url(images/cat-nav-dogs.gif) no-repeat;}
#catalog-nav #main-sections #nav-rodents {background: url(images/cat-nav-redents.gif) no-repeat;}
#catalog-nav #main-sections #nav-birds {background: url(images/cat-nav-birds.gif) no-repeat;}
#catalog-nav #main-sections #nav-reptiles {background: url(images/cat-nav-reptiles.gif) no-repeat;}

#catalog-nav #main-sections #nav-horses {background: url(images/cat-nav-horses.jpg) no-repeat;}
#catalog-nav #main-sections #nav-fishes {background: url(images/cat-nav-fishes.jpg) no-repeat;}

#catalog-nav #main-sections ul li a {height:auto;padding:0;}
#catalog-nav #main-sections div {overflow:hidden;height:0px;padding:0;}
#catalog-nav #main-sections ul {margin:0px 0px 15px 19px;width:180px;list-style-type:none;}
#catalog-nav #main-sections ul li {width: 100%;}
#catalog-nav #main-sections ul li a {display:block;padding-left:39px;font-weight:normal;font-size:12px;margin: -1px 0px 5px;text-decoration:underline;}
#catalog-nav #main-sections ul li.active a {}


.sr {float:left;margin-right: -3px;width: 213px;margin-left: -213px;position:relative;}

/* Бестселлеры
--------------------------------------------------------------------------*/
.best-sellers {padding:5px;margin:0;border-top: #ccc 1px dotted;}
.bs-img {float:left;width:64px;}
.bs-name-1 {float:left;width:120px;}
.bs-name-2 {float:left;width:184px;}
.bs-cost {float:right;width:auto;background:#d3e67d;color:#666;padding:2px 4px 2px 4px;}

/* FAQ
--------------------------------------------------------------------------*/
.faq-page {margin:10px 0 20px 0;}
.faq-block {margin:0px 0 15px 0;font-size:11px;}
.faq-page span, .faq-block span {color:#5c7312;}
.faq-page em {font-style: normal;margin:0 0 0 20px;}
.faq-page span, .faq-page strong, .faq-page em, .faq-block span, .faq-block strong, .faq-block em {display:block;}

/* Подвал
--------------------------------------------------------------------------*/
.footer {background: url(images/footert.gif) #e7e7e7 no-repeat left top;margin-bottom:5px;}
.footer .wrapper {padding:6px;background: url(images/footerb.gif) no-repeat left bottom;}
.footer-left {float:left;width:400px;padding:6px 0 0 0;}
.footer-right {float:right;text-align:right;width:400px;}