﻿html {height: 100%; margin: 0; padding: 0; } 
body {margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, Sans-serif; height: 100%; font-size: 12px}
a, a:active, a:visited {text-decoration: underline; color: #d12100;}
a:hover, a:focus {text-decoration: none; }
a img, a:active img, a:visited img, a:hover img, a:focus img {border: 0;}
h1 {font-size: 18px}
h2 {font-size: 16px}
h3 {font-size: 14px}

#container {width: 1260px}


/* ХЕДЕР */
#header {width: 100%; height: 123px; background: url(../images/top_bg.jpg) repeat-x}
#header #logo {width: 388px; height: 123px; float: left}
#header #center {float: left; width: 640px; height: 123px}
#header #leftblock {padding: 10px 20px 0 0;  height: 123px }
#header #leftblock #cart {text-align: center}
#header #leftblock #phone {font-size: 22px; padding: 10px 0 10px 0; text-align: right}
#header #leftblock #contactme {text-align: right}


/* ЦЕНТРАЛЬНАЯ ЧАСТЬ */
#middle {width: 100%;}
#middle .left {padding: 15px 15px 15px 30px; vertical-align: top; width: 220px}
#middle .center {padding: 15px; vertical-align: top; width: 730px;}
#middle .right {padding: 15px; vertical-align: top}

/* Верхнее меню */
#topmenu {font-size: 14px; padding: 10px 0 30px 0;}
#topmenu SPAN.first {background: none; padding: 0 15px 0 15px}
#topmenu SPAN {background: url(../images/menu_arrow.gif) no-repeat center left; padding: 0 15px 0 15px}
#topmenu a {color: #000000}

/* Форма поиска */
#searchform {margin: 0 0 0 55px;}
#searchform SPAN {font-size: 16px; color: #d12100; padding: 0 20px 0 0;}
#searchform INPUT.textfield {width: 314px}
#searchform DIV.selection {text-align: right; width: 440px; padding: 10px 0 0 0}

/* каталог продукции */
#leftMenu ul {margin: 0 0 20px 0; padding: 0px; font-size: 13px; }
#leftMenu li {margin: 0px; padding: 6px 0 9px 0; background: url(../images/hor_separator.gif) repeat-x  bottom; list-style-type: none;}
#leftMenu li a {color: #000000; text-decoration: none}
#leftMenu li a:hover {text-decoration: underline}
#leftMenu li ul {padding: 0px; margin: 5px 0 5px 20px; font-size: 12px;}
#leftMenu li ul li {background: none; margin: 0px; padding: 3px 0 3px 0; list-style-type: none; line-height: 15px;}
#leftMenu li ul li a {text-decoration: underline; color: #d12100}
#leftMenu li ul li a:hover {text-decoration: none}

/*  Меню справа */
#rightMenu {margin: 0 0 0 5px; padding: 0; font-size: 13px;}
#rightMenu li {margin: 0; padding: 5px 0 0 15px; background: url(../images/menu_arrow.gif) no-repeat center left; list-style-type: none;}
#rightMenu li a {text-decoration: none; color: #000000}
#rightMenu li a:hover {text-decoration: underline}

/* ФУТЕР */
#footer {width: 100%; background: url(../images/footer_bg.jpg) repeat-x; padding: 30px 0 30px 0}
#footer #counter {float: left; padding: 0 30px 0 30px; }
#footer #copyright {float: left; padding: 0 30px 0 30px; }
#footer #atcopyright {padding: 0 30px 0 30px; text-align: right}


/* ЛАБУДА */

.hTitleYellow {background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/h_bg.gif); width: 100%; margin: 0 0 15px 0}
.hTitleYellow .title {font-size: 18px;color: #000000; background-image: url(../images/menu_arrow.gif); background-repeat: repeat-x;	background-position: left bottom;padding: 0 0 8px 0;margin: 14px 0 0 0;	white-space: nowrap;}
.hTitleYellow .w100p {width: 100%}

.hTitleRed {background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/h_bg.gif); width: 100%; margin: 0 0 15px 0}
.hTitleRed .title {font-size: 18px;color: #000000; background-image: url(../images/menu_arrow_red.gif); background-repeat: repeat-x;	background-position: left bottom;padding: 0 0 8px 0;margin: 14px 0 0 0;	white-space: nowrap;}
.hTitleRed .w100p {width: 100%}

.hor_separator {width: 100%; height: 1px; background: url(../images/hor_separator.gif) repeat-x;}
.ver_separator {width: 1px; height: 100%; background: url(../images/ver_separator.gif) repeat-x;}

#mp_specials {margin: 0 0 10px 0; width: 100%}
#mp_specials .td1 {vertical-align: top; padding: 0 20px 0 0; width: 33%; font-size: 11px; background: url(../images/ver_separator.gif) repeat-y right}
#mp_specials .td2 {vertical-align: top; padding: 0 20px 0 20px; width: 33%; font-size: 11px; background: url(../images/ver_separator.gif) repeat-y right}
#mp_specials .td3 {vertical-align: top; padding: 0 0 0 20px; width: 33%; font-size: 11px;}
#mp_specials .photo {border: 1px solid #e5e5e5}
#mp_specials H1 {font-weight: bold; font-size: 12px; padding: 5px 8px 5px 8px; margin: 0}
#mp_specials p {padding: 0; margin: 0}
#mp_specials .orderline {width: 100%; margin: 10px 0 0 0}
#mp_specials .orderline TD.price {font-size: 18px; color: #326003; white-space: nowrap; padding: 0 0 0 5px}
#mp_specials .orderline TD.order {text-align: right;}
#mp_specials .hor_separator {width: 100%; height: 30px; background: url(../images/hor_separator.gif) repeat-x center;}

#goodsTable {margin: 0 0 10px 0; }
#goodsTable .td1 {vertical-align: top; padding: 0 10px 0 0; width: 25%; font-size: 11px; background: url(../images/ver_separator.gif) repeat-y right}
#goodsTable .td2 {vertical-align: top; padding: 0 10px 0 10px; width: 25%; font-size: 11px; background: url(../images/ver_separator.gif) repeat-y right}
#goodsTable .td3 {vertical-align: top; padding: 0 10px 0 10px; width: 25%; font-size: 11px; background: url(../images/ver_separator.gif) repeat-y right}
#goodsTable .td4 {vertical-align: top; padding: 0 0 0 10px; width: 25%; font-size: 11px;}
#goodsTable .photo {border: 1px solid #e5e5e5}
#goodsTable H1 {font-weight: bold; font-size: 12px; padding: 5px 0px 5px 0px; margin: 0}
#goodsTable p {padding: 0; margin: 0}
#goodsTable .orderline {margin: 10px 0 0 0; width: 150px}
#goodsTable .orderline TD.price {font-size: 14px; color: #326003; white-space: nowrap; padding: 0}
#goodsTable .orderline TD.order {text-align: right;}
#goodsTable .hor_separator {width: 100%; height: 30px; background: url(../images/hor_separator.gif) repeat-x center;}

#contact_form {padding: 10px 0 10px 0}
.w100 {width: 100px}
.w200 {width: 200px}
.w300 {width: 300px}
.w400 {width: 400px}
.w400h100 {width: 400px; height: 100px}

#articles {}
#articles .item {padding: 0 0 15px 0}
#articles .item h4 {margin: 0 0 5px 0; padding: 0; font-size: 12px}
#articles .item p {margin: 0 0 3px 0; padding: 0; font-size: 11px; color: #666666}

#pager {text-align: center;}
#pager span {padding: 0 4px 0 4px}

#path {font-size: 11px; color: #666666; margin: -10px 0 15px 0; }
#path a {color: #999999;}
#path a:hover {color: #333333; text-decoration: none; }

#GoodTable {}
#GoodTable TD {vertical-align: top}
#GoodTable TD.right {padding: 0 0 0 20px}
#GoodTable H3 {padding: 0; margin: 0}
#GoodTable #mainimage {border: 1px solid #e5e5e5}
#GoodTable #gallery {}
#GoodTable #gallery IMG {margin: 5px 5px 5px 0; border: 1px solid #e5e5e5}
#GoodTable .orderline {margin: 10px 0 0 0;}
#GoodTable .orderline TD.price {font-size: 18px; color: #326003; white-space: nowrap; padding: 0 30px 0 0}
#GoodTable .orderline TD.betterprice {white-space: nowrap; padding: 0 30px 0 0; vertical-align: middle}
#GoodTable .orderline TD.order {text-align: right;}

#betterprice {padding: 20px}
#betterprice H3 {padding: 0px; margin: 0px;}
#betterprice .sub {font-size: 11px; color: #666666;}
#betterprice .orderline {margin: 20px 0 20px 0;}
#betterprice .orderline TD.price {font-size: 18px; color: #326003; white-space: nowrap; padding: 0 30px 0 0}
#betterprice .orderline TD.order {text-align: right;}

#cartTable { margin: 0 0 30px 0}
#cartTable TD {padding: 5px 15px 5px 15px}
#cartTable TD.articul {font-size: 11px; color: #666666; text-align: right; width: 50px}
#cartTable .total {font-size: 18px; color: #326003; white-space: nowrap; font-weight: bold}
#cartTable .totalint {font-size: 16px; color: #326003; white-space: nowrap;}
#cartTable INPUT {width: 30px}
#cartTable .recount {text-align: right}

.right_block {margin: 0 0 20px 0; color: #333333;}
.right_info_block {margin: 20px 0 20px 0; color: #333333;}

#testimonials {}
#testimonials .item {margin: 0 0 30px 0}
#testimonials .item .date {color: #333333; font-style: italic; }
#testimonials .item .author {color: #d12100;}

#lefttestimonials {}
#lefttestimonials .item {margin: 0 0 20px 0}
#lefttestimonials .item p {padding: 0; margin: 0}
#lefttestimonials .item .author {text-align: right; font-size: 11px; text-decoration: underline}

#Variants {margin-top: 10px}
#Variants TH {text-align: left; }
#Variants TD {border-bottom: 1px solid #dddddd; padding: 3px; vertical-align: middle}
#Variants TD.price {font-size: 16px; color: #326003; white-space: nowrap; padding: 3px 10px 3px 10px}
