@charset "utf-8";
@font-face
{
  font-family: 'Vanta Thin';
  src: url('vanta-thin.eot');
  src: url('vanta-thin.eot#iefix') format('embedded-opentype'),
       url('vanta-thin.woff') format('woff'),
       url('vanta-thin.svg') format('svg'),
       url('vanta-thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*
{
  margin: 0;
  padding: 0;
}
html, body { height: 100%; }
html { background: url("../images/background.jpg") repeat; }
body
{
  font-family: Tahoma, "Trebuchet MS", Arial;
  /*font-family: "Trebuchet MS", Tahoma, Arial;*/
  font-size: 14px;
  color: #ffffff;
  padding: 0 10px;
  background: url("../images/topShadow.jpg") repeat-x;
}
a
{
  text-decoration: underline;
  outline: none;
}
a:link { color: #c91231; }
a:hover { color: #e6c33b !important; }
a:visited { color: #b70404; }
a:visited:hover { color: #e6c33b; }
#wrapper
{
  min-width: 980px;
  max-width: 1440px;
  min-height: 100%;
  _height: 100%;
  margin: 0 auto;
}
/*
* ------------------------------------------------------------------------------
* Header
* ------------------------------------------------------------------------------
*/
a#logo
{
  display: block;
  width: 292px;
  height: 83px;
  text-indent: -2000px;
  margin-left: 3%;
  padding-top: 20px;
  background: url("../images/logo.png") no-repeat bottom;
}
#headerDecoration
{
  position: relative;
  clear: right;
  float: right;
  width: 780px;
  height: 164px;
  margin-top: -240px;
  background: url("../images/headerDecoration.png") no-repeat;
}

#menu
{
  margin-top: 35px;
  background: url("../images/menuDecoration.png") no-repeat center bottom;
}
#menu .inside
{
  margin: 0 50px 0 169px;
  background: url("../images/menuBackground.png") repeat-x;
}
#menu ul
{
  height: 88px;
  margin-left: -169px;
  background: url("../images/menuLeft.png") no-repeat;
}
#menu ul li
{
  display: inline;
  list-style: none;
  font-size: 16px;
  line-height: 48px;
  text-transform: uppercase;
  margin: 0 20px;
}
#menu ul li.selected, #menu ul li a:hover { color: #c91231 !important; }
#menu ul li a
{
  color: #ffffff;
  text-decoration: none;
}

#basket
{
  display: block;
  clear: right;
  float: right;
  width: 151px;
  height: 80px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding-top: 50px;
  margin: 5px 15px 0 0;
  background: url("../images/backetBackground.png") no-repeat;
}
#basket #basket-totalPrice { font-weight: bold; }
/*
* ------------------------------------------------------------------------------
* Other elements & areas
* ------------------------------------------------------------------------------
*/
#sidebar
{
  float: left;
  width: 190px;
  margin-top: 45px;
}
#sidebar>ul
{
  padding-bottom: 6px;
  background: url("../images/dottedLine.png") repeat-x bottom;
}
#sidebar ul li
{
  padding: 6px 0;
  font-size: 17px;
  text-transform: uppercase;
  list-style: none;
  background: url("../images/dottedLine.png") repeat-x top;
}
#sidebar ul li a
{
  color: #ffffff;
  text-decoration: none;
}
#sidebar ul li a.selected, #sidebar ul li a:hover { color: #c91231 !important; }
#sidebar ul ul li
{
  font-size: 15px;
  text-transform: none;
  margin-left: 10px;
  padding: 1px 0;
  background: none;
}
#sidebar ul ul li a
{
  color: #ffffff;
  padding-left: 10px;
  background: url("../images/listMarkers.png") no-repeat left -13px;
}
#sidebar ul ul li a.selected, #sidebar ul ul li a:hover
{
  color: #e6c33b !important;
  text-decoration: underline;
  background-position: left 6px;
}

#center { margin: 45px 0 0 240px; }
#content { margin-left: 40px; }

#shopGroups, #productsList { text-align: center; }
#shopGroups .shopGroup
{
  display: inline-block;
  width: 339px;
  font-size: 16px;
  color: #e6c33b !important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  vertical-align: top;
  padding-left: 30px;
  margin-bottom: 40px;
  background: url("../images/productGroupBackground.png") no-repeat;
}
#shopGroups .shopGroup:hover { background-position: right top; }
#shopGroups .shopGroup img
{
  margin: 17px 0 15px -9px;
  border: none;
}
#shopGroups .shopGroup:hover { color: #c91231 !important; }

#productsList .product
{
  display: inline-block;
  vertical-align: top;
  width: 220px;
  font-size: 16px;
  text-align: center;
  margin: 0 15px 40px;
}
#productsList .product .productImage
{
  color: #e6c33b !important;
  text-decoration: none;
}
.productImage img, img.productImage
{
  border: 3px solid #ffffff;
  border-radius: 50%;
  margin: 5px 0 5px;
  behavior: url("http://zakolki-shop.com.ua/skin/frontend/css/PIE.htc");
}
#productsList .product .extraImage { margin: 0 2px; }
#productsList .product .extraImage img
{
  width: 60px;
  height: 60px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  behavior: url("http://zakolki-shop.com.ua/skin/frontend/css/PIE.htc");
}
#productsList .product img:hover { border-color: #c91231; }
/*#productsList .product .purchase { text-align: left; }*/
#productsList .product p { font-size: 14px; }
.price
{
  font-family: "Book Antiqua";
  font-size: 26px;
}
#productsList .product .toBasketLine
{
  font-size: 12px;
  color: #c91231;
}
#productsList .product .toBasketLine input
{
  width: 30px;
  text-align: center;
}
#productsList .product .toBasket
{
  display: block;
  line-height: 23px;
  float: right;
  font-size: 12px;
  color: #c91231;
  text-decoration: none;
  padding-left: 28px;
  margin: 4px 0 0 10px;
  background: url("../images/basketIcon.png") no-repeat;
}

.pageNavigation { text-align: center; }
.pageNavigation a
{
  color: #ffffff;
  text-decoration: none;
  margin: 0 5px;
}
.pageNavigation a:hover { color: #c91231 !important; }
.pageNavigation .selected
{
  font-size: 20px;
  color: #c91231;
}

table.basket
{
  width: 99%;
  margin-bottom: 30px;
}
table.basket td
{
  text-align: center;
  border-bottom: 1px solid #8b041b;
  padding: 20px 0;
}
table.basket td .title
{
  font-size: 16px;
  color: #e6c33b !important;
  text-decoration: none;
}
table.basket td hr
{
  border: none;
  border-top: 1px solid #8b041b;
  margin: 10px;
}
table.basket td input
{
  width: 30px;
}
table.basket .delete
{
  margin: 5px auto 0;
  padding-left: 20px;
  background: url("../images/delete.png") left bottom no-repeat;
}
.totalBasket .price { color: #ea052c; }
.totalBasket .toBasket
{
  display: block;
  float: right;
  width: 241px;
  height: 40px;
  background: url("../images/order.png") no-repeat;
}
.totalBasket .toBasket:hover { background-position: bottom; }

#order table { margin-left: 190px; }
#order table td.first
{
  text-align: right;
  padding-right: 10px;
}

#order input, textarea
{
  width: 500px;
}
#order input { height: 20px; }
#order button
{
  width: 241px;
  height: 40px;
  cursor: pointer;
  margin-left: 150px;
  margin-top: 40px;
  background: url("../images/order.png") no-repeat;
}

#order button:hover { background-position: bottom left; }

.phone { font-size: 24px; }
.phone .code
{
  font-size: 16px;
  color: #eb052c;
}
#map
{
  float: right;
  width: 434px;
  height: 417px;
  background: url("../../../images/map.png") no-repeat;
}
/*
* ------------------------------------------------------------------------------
* Form elements
* ------------------------------------------------------------------------------
*/
button
{
  font-family: "Trebuchet MS";
  border: none;
  background: none;
+ overflow : visible;
}
input, textarea, select
{
  font-family: Tahoma;
  font-size: 13px;
  color: #000000;
  background-color: #ffe5ea;
  margin: 3px;
  border: 1px solid #adadad;
}
input, select { padding: 2px; }
/* button::-moz-focus-inner
{
  padding: 0;
  border: 0;
} */
/*
* ------------------------------------------------------------------------------
* Miscellaneous
* ------------------------------------------------------------------------------
*/
p { line-height: 21px; }
p.groupDescription
{
  text-indent: 15px;
  margin: 0 10% 30px;
}
#siteOff
{
  position: absolute;
  left: 0;
  right: 0;
  background-color: red;
  outline: 1px solid;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 20px;
}
.tip
{
  font-size: 11px;
  color: gray;
}
h1
{
  font-family: "Vanta Thin";
  font-size: 40px;
  color: #c91231;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 25px;
}
h2
{
  font-family: "Vanta Thin";
  font-size: 20px;
  color: #c91231;
  text-transform: uppercase;
    margin: 25px 0 5px;
}
ul.list { margin: 3px 0 3px 12px; }
ul.list li
{
    list-style-position: inside;
  line-height: 20px;
  padding-left: 12px;
}
ul.helpList a {
    color: #ffffff;
}
/*
* ------------------------------------------------------------------------------
* Footer
* ------------------------------------------------------------------------------
*/
#beforeFooter
{
  clear: both;
  height: 190px;
}
#footer
{
  height: 90px;
  margin-top: -95px;
  background: url("../images/footerDottedLine.png") repeat-x top;
}
#footer .inside
{
  min-width: 980px;
  max-width: 1440px;
  font-size: 16px;
  text-align: right;
  padding-top: 15px;
  margin: 0 auto;
}
#footer .inside #footerContacts
{
  float: left;
  width: 333px;
  height: 123px;
  font-size: 23px;
  text-align: center;
  padding-top: 60px;
  padding-right: 20px;
  margin-top: -103px;
  background: url("../images/footerContactsBackground.png") no-repeat;
}
#footer .inside #footerContacts .phoneCode
{
  font-size: 16px;
  color: #5f020e;
}
#footer .inside #footerContacts .copyright
{
  font-size: 11px;
  line-height: 40px;
  color: #5f020e;
}
#sbsCopyright
{
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  color: #c91231;
  padding: 0 48px 0 10px;
  margin-top: 8px;
  background: url("../images/sbsCopyright.png") right bottom no-repeat;
}
#sbsCopyright:hover
{
  border-bottom: 1px solid #c91231;
  color: #c91231 !important;
}