* {margin: 0; padding: 0}
body {font-family: verdana, arial, sans-serif; font-size: 80%; line-height: 140%; background: #D9C7A4 url(fon.jpg) 50% 0 no-repeat; color: #32393e}
a {color: #9b0000; text-decoration: underline; outline:none}
a:hover {text-decoration: none}
a:active{outline:none;}

h1 {font-size: 24px; font-weight: normal; color: #9b0000; margin-bottom: 1em}
h2 {font-size: 16px; color: #9b0000; font-weight: normal; margin-bottom: 0.5em}
p {margin-bottom: 1em}
small {font-size: 95%}
img {border:0}
div {zoom: 1}
ul {list-style-type: none}

table {border: 0; border-collapse: collapse; width: auto}
table td {vertical-align: top; padding: 0}

#all {margin-left: auto; margin-right: auto; width: 964px}
#header {padding: 24px 0 0 0px;  overflow: hidden;}
#logo {float: left; width: 282px}
#hright {margin-left: 316px}
#centre {background-position: 46px 9px; background-repeat: no-repeat; overflow: hidden;}
#leftside {width: 282px; float: left; padding-top: 230px; overflow: hidden; margin-bottom: 150px}
#content {margin: 475px 50px 0 340px }

#m1 {height: 24px; overflow: hidden; padding-left: 20px; }
#m1 ul li {display: block; float: left; padding-left: 8px;}
#m1 ul li span {display: block; padding-right: 8px;}
#m1 ul li span a {line-height: 24px; padding: 0 10px}
#m1 ul li.active {background: url(m1.png) no-repeat; }
#m1 ul li.active span {background: url(m2.png) top right no-repeat;}
#m1 ul li.active span a {display: block; background: url(b2b.png); font-size: 110%; font-weight: bold; color: #c51111; text-decoration: none}

#m1pic {overflow: hidden;  width: 600px; position: relative; }
#m1pic ul {overflow: hidden; height: 72px; margin: 3px 0 0 22px; }
#m1pic .jcarousel-container ul {margin: 3px 6px 0 6px; }
#m1pic ul li {float: left; width: 112px}
#m1pic ul li a img {border: 1px solid #b37f4d; margin-bottom: 3px; }
#m1pic ul li a:hover img {border-color: #c51111}
#m1pic ul li.active a img {border: 4px solid #c51111}
#m1pic div.b3b {overflow: hidden; height: 70px}

#subm {float: right; margin-right: 62px;  margin-top: 14px;  width: 130px; _margin-right: 36px}
#subm ul {height: 398px; overflow: hidden;}
#subm ul li {margin:0; text-align: center; width: 130px; padding:0; height: 78px; display: block; *height: 75px}
#subm ul li.active {height: 88px; *height: 85px} 
#subm ul li img {border: 4px solid #f1f0ec; display: block; margin-left: auto; margin-right: auto;}
#subm ul li.active img {border: 4px solid #c51111}
#subm ul li a:hover img {border: 4px solid #b37f4d}
#subm ul li.active a:hover img {border: 4px solid #c51111; cursor: default}

.b1b {background: url(b1b.png); padding: 0 20px 0 20px}
.b1c1 {background: url(b1l.png) no-repeat; padding-left: 15px}
.b1c2 {background: url(b1r.png) right top no-repeat;  padding-right: 15px}
.b1c12, .b1c34 {background: url(b1b.png); height: 15px;overflow: hidden}
.b1c4 {background: url(b1l.png) left bottom no-repeat;  padding-left: 15px}
.b1c3 {background: url(b1r.png) right bottom no-repeat;  padding-right: 15px}

.b2b {background: url(b2b.png); padding: 0 20px 0 20px;}
.b2b img {display: block}
.b2c1 {background: url(b2l.png) no-repeat; padding-left: 15px}
.b2c2 {background: url(b2r.png) right top no-repeat;  padding-right: 15px}
.b2c12, .b2c34 {background: url(b2b.png); height: 15px; overflow: hidden}
.b2c4 {background: url(b2l.png) left bottom no-repeat;  padding-left: 15px}
.b2c3 {background: url(b2r.png) right bottom no-repeat;  padding-right: 15px}

.b3b {background: url(b2b.png)}
.b3c1 {background: url(b3l.png) no-repeat; padding-left: 10px}
.b3c2 {background: url(b3r.png) right top no-repeat;  padding-right: 10px}
.b3c12, .b3c34 {background: url(b2b.png); height: 10px; overflow: hidden}
.b3c4 {background: url(b3l.png) left bottom no-repeat;  padding-left: 10px}
.b3c3 {background: url(b3r.png) right bottom no-repeat;  padding-right: 10px}

ul.sizes {overflow: hidden}
ul.sizes li {display: block; line-height: 120%; margin-bottom: 0.5em; background: url(li1.gif) 0 0.5em no-repeat; padding-left: 10px; color: #f0e5be;}
ul.sizes li b {color: #f1f0ec}

.adr {padding: 0 10px 0 25px}
ul.scont {overflow: hidden}
ul.scont li {display: block; line-height: 130%; margin-bottom: 0.5em; background: url(li2.gif) 0 0.5em no-repeat; padding-left: 10px; font-size: 110%}
ul.scont li b {color: #9b0000}

#bottom {height: 100px; clear: both}
#fright {float: right; padding-top: 20px}
#fright img {margin-left: 15px}
#fleft {width: 282px; border-top: 1px solid #E9E3E5; padding: 20px 0 0 0; text-align: right; position: relative; top: -100px}
#fleft p {margin-bottom: 0.8em}

#darken {position:absolute; top:0; left:0; width:100%; height:100%;  display:none; z-index:199; text-align: center}
#darken img {padding-top: 300px}

#content ul {margin: 0  0 1em 1.5em}
#content ul li {display: block; line-height: 120%; margin-bottom: 0.5em; background: url(li2.gif) 0 0.5em no-repeat; padding-left: 10px; }

#leftside table {margin: 8px 0 1em 0}
#leftside table, #leftside td, #leftside th {font-size: 90%; line-height: 120%; background: #D9C7A4; border: 1px solid #E9E3E5;  border-collapse: collapse;  padding: 3px 8px; vertical-align: middle}
#leftside table th, #leftside table tr.th td {text-align: center;  font-weight: bold; color: #9b0000}


.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0;}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}

.jcarousel-list-horizontal li, .jcarousel-item-horizontal {float: left; list-style: none; width: 112px; height: 72px;}
.jcarousel-clip-horizontal {float: left; width: 560px; overflow: hidden}

.jcarousel-next-disabled-horizontal, .jcarousel-next-horizontal {float: right; margin: 26px 5px 0 0;  width: 13px; height: 15px; cursor: pointer; background: transparent url(str.gif) no-repeat; _margin-right:3px}
.jcarousel-next-disabled-horizontal {background-image: url(str_d.gif); cursor: default}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-horizontal {float:left; margin: 26px 0 0 5px;  width: 13px; height: 15px; cursor: pointer; background: transparent url(stl.gif) no-repeat;  _margin-left:3px}
.jcarousel-prev-disabled-horizontal {background-image: url(stl_d.gif); cursor: default}

.jcarousel-container-vertical {padding-top: 7px; }
.jcarousel-clip-vertical {width:  130px; height: 394px; top: -10px;  _top: -14px}
.jcarousel-item-vertical {width: 130px;}
.jcarousel-next-vertical {width: 15px; height: 14px; margin-right: auto; margin-left: auto; cursor: pointer; background: transparent url(stb.gif) no-repeat; position:relative; top: 401px; }
.jcarousel-prev-vertical {width: 15px; height: 14px; margin-right: auto; margin-left: auto; cursor: pointer; background: transparent url(stt.gif) no-repeat;}
#subm div.jcarousel-clip-vertical ul {margin-top:0}