@import url("reset.css");

body {
    background-image: url(../gfx/header_page.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.wrapper {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.search {
    width: 260px;
    height: 30px;
    padding: 2px 2px 6px 2px;
    position: absolute;
    right: 10px;
    top: 215px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 8px;
}

input {
    display: block;
    background: none;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0;
    font-style: italic;
    color: #aaa;
    border-radius: 5px;
}

.search input {
    height: 20px;
    width: 200px;
    color: #000;
    border: 2px solid #0099CC;
}

.search input:focus {
    border: 2px solid #09e;
}

input:focus {
    border: 1px solid #09e;
    box-shadow: 0 0 4px #09d;
    font-style: normal;
    color: #000;
}

.searchbut {
    width: 40px;
    height: 34px;
    float: left;
    cursor: pointer;
    padding-left: 3px;
    background-image: url(../gfx/search.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.menu
{
    width: 960px;
    height: 40px;
    margin-top: 9px;
    float: left;
}

#mainmenu {
    line-height: 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

#mainmenu li {
    display: inline;
    padding-left: 5px;
}

#mainmenu a {
    padding: 5px 13px;
    border: 2px solid;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 5px #fff;
}

#mainmenu a:hover {
    border-color: #FF8D13;
    color: #FF8D13;
    background-color: rgba(255,255,255,0.8);
}

.pagename {
    width: 684px;
    height: 65px;
    float: left;
    margin-top: 140px;
    overflow: hidden;
}

.telephone {
    position: absolute;
    right: 10px;
    width: 265px;
    height: 40px;
    top: 146px;
    overflow: hidden;
}

.telephone p {
    font: 26px/30px "Georgia", Bold, Georgia, Helvetica, sans-serif;
    padding: 5px 10px;
    color: #fff;
    text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
    border-radius: 10px;
    font-family: Arial;
    font-weight: bold; 
    text-align: center;
}

.email {
position: absolute;
right: 10px;
width: 265px;
height: 26px;
top: 187px;
overflow: hidden;
}

.email p{
    font: 18px/22px "Georgia", Bold, Georgia, Helvetica, sans-serif;
    color: #0099cc;
    text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
    border-radius: 10px;
    font-family: Arial;
    font-weight: bold; 
    text-align: center;
}
.email a:hover{
    text-decoration: none;
}

h1 {
    font: 26px/30px "Georgia", Bold, Georgia, Helvetica, sans-serif;
    padding: 5px 10px;
    overflow: hidden;
    color: #fff;
    text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
    border-radius: 10px;
    font-family: Arial;
    font-weight: bold;
}

.red {
    color: #F00;
}

.rightblock {
    float: right;
    width: 222px;
    margin-left: 13px;
}

.content {
    float: left;
    width: 940px;
    min-height: 200px;
    padding: 10px;
}

h3 {
    font: 12px/16px georgia, palatino, sans-serif;
    font-weight: bold;
    color: #0099CC;
    text-decoration: none;
    padding-top: 10px;
}

.cart h3 {
    text-transform: uppercase;
    padding: 0;
}

h4 {
    font: 12px/22px georgia, palatino, sans-serif;
    font-weight: bold;
    color: #0099CC;
    text-decoration: none;
}

h5 {
    font: 12px/22px georgia, palatino, sans-serif;
    color: #0099CC;
    text-decoration: none;
}

h2{
    font: 20px/40px georgia, palatino, sans-serif;
    color: #069;
    text-transform: uppercase;
}

h2.arrow {
    cursor: pointer;
}


.catmenu ul li h2 a {
    font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
}

a {
    color: #0099CC;
    text-decoration: none;
}

a:hover {
    color: #999;
    text-decoration: underline;
}

p {
    font: 12px/18px georgia, palatino, sans-serif;
    margin: 3px 0;
    text-align: justify;
}

.catmenu {
    border: 1px solid #ccc;
}

.catmenu li {
    text-align: left;
    font: 12px/22px georgia, palatino, sans-serif;
    position: relative;
}

.catmenu a {
    display: block;
    color: inherit;
    text-decoration: inherit;
    padding: 5px 10px;
    border: 1px solid #fff;
    font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.catmenu a:hover {
    background-color: #0099CC;
    color: #fff;
    border-color: #FF8D13;
}

.tableitem {
    width: 200px;
    height: 415px;
    padding: 10px;
    float: left;
    text-align: center;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0 11px 11px 0;
    position: relative;
}

.number {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0;
    line-height: 48px;
    text-align: center;
    background-color: #0099CC;
    font-size: 25px;
    border-radius: 24px;
    color: #fff;
    left: 2px;
    top: 2px;
    box-shadow: 0 0 2px #ccc;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
}

.tableitem:hover {
    border-color: #FF8D13;
}

.tableitem:hover .newcost p{
    color: #FF8D13;
}

.tableitem:hover h3 a{
    text-decoration: underline;
}

.img200 {
    width: 200px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
}

.img200 img {
    max-width: 200px;
    max-height: 200px;
}

.itemname {
    height: 75px;
    width: 200px;
    overflow: hidden;
}

.itemname td {
    vertical-align: middle;
    text-align: center;
    height: 75px;
    width: 200px;
}

.itemname h3 {
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1;
}

.itemname a {
    display: block;
}

.newcost p, .oldcost p, .available p{
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #444;
    margin: 0;
}

.newcost p {
    font-size: 25px;
    font-weight: bold;

}

.oldcost p{
    font-size: 18px;
    text-decoration: line-through;
}

.available p {
    font-size: 16px;
    color: #00cc66;
}

.notavailable p {
    color: #F00; 
}

a.button {
    margin-top: 10px;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #ccc;
    font-weight: bold;
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    text-align: center;
}

.tableitem a.button {
    width: 198px;
}

.tableitem:hover a.button{
    border: 1px solid #FF8D13;
    background-color: #0099CC;
    color: #fff;
}

a.button:hover {
    border: 1px solid #FF8D13;
    background-color: #0099CC;
    color: #fff;    
}

a.button:active {
    box-shadow: 1px 1px 0px #000 inset;
    height: 29px;

    padding: 1px 0 0 1px;
}

.tableitem a.button:active {
    width: 197px;
}

.textblock {
    width: 705px;
}

.authform {
    width: 160px;
    height: 100px;
    position: absolute;
    top: 140px;
    overflow: hidden;
    padding: 10px;
    right: 0;
    text-align: right;
}

.authform input {
    height: 15px;
    width: 150px;
    margin-bottom: 3px;
    text-align: right;
    background-color: #fff;
}

.authform a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    padding: 0 10px;
}

.authform div {
    display: block;
    float: left;
    text-align: left;
}

.authform div a{
    font-size: 13px;
    line-height: 15px;
}

.authform a:hover {
    color: #0099CC;
}

.registration {
    width: 705px;
}

.registration h3 {
    line-height: 30px;
    padding-top: 10px;

}

.registration input {
    width: 400px;
    line-height: 20px;
    font-style: normal;
    color: #000;
    display: inline-block;
    margin-right: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.plussem {
    position: relative;
}

.plussem p{
    display: block;
    position: absolute;
    left: 5px;
    top:1px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
}

.plussem input {
    padding-left: 23px;
    width: 382px;
}

.password-strength-bar {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 3px;
}

.register {
    width: 150px;
}

.cart {
    text-align: center;
    border-radius: 5px;
    width: 255px;
    height: 115px;
    position: absolute;
    top: 20px;
    right: 10px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 1px 1px 1px #ddd inset, 1px 1px 1px #fff;
    padding: 5px;
}

.cartinnerblock {
    padding: 0 5px 5px 72px;
    height: 60px;
    background-image: url(../gfx/basket2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.cartfull {
    height: 60px;
    background-image: url(../gfx/basket1.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.cartinnerblock p {
    line-height: 14px;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
}

.cartinnerblock a {
    color: #0099CC;
}
.incart a {
    font: 14px/31px Palatino Linotype, Book Antiqua, Palatino, serif;
    color: #0099CC;
}

.loading {
    background-image: url(../gfx/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

.cartof {
    position: absolute;
    display: block;
    width: 50px;
    top:85px;
    left:13px;
}

.carttable {
    width: 100%;
}

.carttable td, .carttable th{
    padding: 5px;
    border: 1px solid #000;
    vertical-align: middle;
}

.carttable td:nth-child(2) {
    text-align: center;
}

.carttable td:nth-child(3) {
    text-align: right;
}

.carttable td:nth-child(4) {
    text-align: right;
}

.carttable td:nth-child(5) {
    text-align: center;
    width: 70px;
}

.carttable td:nth-child(5) img {
    padding: 0 2px;
}

.carttable {
    border-collapse: collapse;
}

.cartpage p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.orderform {
    padding-right: 30px;
}

.orderform input {
    color: #0A00FF;
    width: 100%;
}

.orderform {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

strong, b {
    font-weight: bold;
}

.photobuyblock {
    height: 420px;
}

.buyblock {
    float: left;
    min-height: 100px;
    padding-left: 15px;
    width: 370px;
}

.buyblock h3 {
    text-align: center;
}

.buyblock .incart {
    text-align: center;
}

.fullseo {
    color: #666;
}

p.err {
    font-size: 14px;
    color: #F00;
}

#shiptype {
    padding: 10px 10px;
    border: 1px solid #000;
    border-radius: 10px;
    width: 665px;
}

#shiptype p {
    line-height: 22px;
}

.orderform #shiptype input {
    width: 15px;
    height: 22px;
    float: left;
    margin: 0 5px;
}

.orderform #shiptype input:focus {
    border: none;
    box-shadow: none;
}

.footer {
    background-color: #212121;
}

.footerblock {
    width: 960px;
    margin: 0 auto;
    height: 100px;
    position: relative;
}

.footerblock ul {
    position: absolute;
    top: 40px;
    left: 0;
}

.footerblock li {
    display: inline;
    padding: 0 10px;
}

.findOnSite {
    float: left;
}

.countinput {
    width: 30px;
    padding: 2px;
    text-align: center;
    margin: 0 auto;
    border-radius: 0;
    color: #000;
}

.countinput:focus {

}

.textblock ul {
    padding-left: 20px;
    list-style-type: disc;
    font: 12px/22px georgia, palatino, sans-serif;
}

.path {
    padding: 5px;
}

#vk_groups {
    padding-top: 20px;
}

.spisoktomov2 a {
    display: inline-block;
    color: inherit;
    text-decoration: inherit;
    padding: 2px 10px;
    margin-left: 10px;
    border: 1px solid #fff;
    font: normal 15px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 640px;
}

.spisoktomov2 a:hover {
    background-color: #0099CC;
    color: #fff;
    border-color: #FF8D13;
}

.spisoktomov2 span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #0099CC;
    font-size: 16px;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0 0 2px #ccc;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
}

.articul {
    line-height: 35px;
    font-family: 'Roboto Condensed', sans-serif;
}

.cartH {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

div.pluso {
  position: absolute;
  right: 300px;
  top: 215px;
}

.schet {
    position: absolute;
    height: 31px;
    overflow: hidden;
    right: 0px;
    top: 30px;
}

.ofdoc {
    font-family: Times New Roman, Times New Roman, Times, serif;
    text-align: justify;
}

.ofdoc ol>li{
    display:block
}

.ofdoc h2 {
    line-height: 25px;
    text-align: center;
    padding: 10px 0;
    font-family: inherit;
}

.ofdoc h3 {
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: inherit;
}

.ofdoc p{
    font-size: 16px;
    line-height: 25px;
    text-indent: 20px;
    text-align: justify;
    font-family: inherit;
}

.shipship {
    overflow: hidden;
}

.cartpage p.shipdesc {
  text-indent: 24px;
  top: -8px;
  position: relative;
  font-size: 14px;
  font-style: italic;
  color: dodgerblue;
}

.slider {
float:left;
width:705px;
height:230px;
position:relative;
padding-bottom:26px;
background:url(/js/ms/gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
float:left;
width:705px;
height:230px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(/js/ms/gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:705px;
height:230px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(/js/ms/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}