/* 
#f0f0f0 - back
#cc4a15 - orange
#397ec4 - links
*/
html, body, table, td, div, form {margin:0; padding:0; border:0; }
html, body {width:100%; height:100%;}
body, td, div {font-size:10pt;	font-family: Arial; color: #3c3c3c;}
table {border-collapse:collapse;}
img {border:0;}
td {vertical-align:top; }
h1, h2, h3, h4, h5, h6 {font-family:Georgia, serif; font-style:italic;	margin: 10px 0; padding: 0px;}
h1 {font-size: 18pt; color:#cc4a15;}
h2 {font-size: 14pt; color:#000;}
h3,h4,h5 {font-family: Arial; font-size: 10pt; color:#000;}
a:link, a:visited {color:#397ec4;	text-decoration: underline;}
a:hover {color:#cc4a15; text-decoration: none;}
small {font-size:11px;}
hr {margin:5px 30px; height:1px; color:#cc4a15; background:#cc4a15; border:0px;}

/* COMMON */
.bold {font-weight:bold;}
.block {display:block;}
.bord1 {border:4px solid #fff;}
.clear {clear:both;}
.grey {color:#999;}
#hovertip {display:none; position:absolute; width:250px; padding:10px; background:#fff; border:2px solid #a4ac32; opacity:0.7; filter: alpha(opacity = 70);}
.hovertipContent {display: none;}
.htip {display:none;}
.lightgrey {background:#f0f0f0;}
.marg5 {margin:5px 0;}
.marg-bot20 {margin-bottom:20px;}
.nodisplay {display:none;}
/*.png {filter:expression(fixPNG(this))} /*IE6*/
.px14 {font-size:14px}
.px18 {font-size:18px}
.page_navig {margin:20px 0; clear:both;}
.page_navig a, .page_navig a:visited {}
.page_navig span {font-size:14px;}
.red {color:red;}
.rightimg {float:right; margin:0 0 20px 30px;}
.warnText {margin:10px 0px; padding:10px; background:#ff0000; color:#fff;}
.warnText ul {margin-left:20px; font-weight:bold;}


/* STRUCTURE */
#container {width:100%; min-width:970px; width: expression(document.body.clientWidth > 970 ? "100%" : "970px")}
#head_td { height:250px;}
#pref_td { height:150px; background:#b7bf50 url(/images/crazy/bg1.jpg) repeat-x; vertical-align:middle;}
#sub_pref {margin:0 10%; color:#fff; min-width:800px}
#sub_pref .banner_right {float:right; padding:0 0 10px 10px}
#sub_pref h1 {margin:0 0 10px 0; font-family:Georgia, serif; font-style:italic; color:#fff; font-size:18px;}
#left_td {width:30%; min-width:250px; padding:10px 0 30px 0; text-align:center;}
#content_td {padding:20px 30px 50px 20px;}
#content {margin:0 0 20px 0;}
#foot_td { height:60px;}


/* HEADER */
#logo_div {position:absolute; top:10px; left:40px;}
#topmenu {position:absolute; top:25px; left:32%; width:40%; font-size:13px; font-weight:bold; text-align:center;}
#topmenu a {padding-left:10px;}
#phone {position:absolute; top:20px; right:40px; width:200px; font-size:20px; text-align:right; font-weight:bold; font-style:italic;}

#head_table {width:100%; height:100%;}
#ht_left_td {width:18%; background:url(/images/crazy/man1.png) no-repeat center bottom;}
#ht_center_td {text-align:center; vertical-align:bottom; font-family:Georgia, serif; font-style:italic; font-weight:bold;}
#ht_right_td {width:18%; background:url(/images/crazy/man2.png) no-repeat center bottom;}

.stepcarousel{position: relative; overflow: scroll; width: 640px; height: 180px;}
.stepcarousel .belt{position: absolute; left: 0; top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; margin: 10px; width: 210px; text-align:left;}
.panel a:link, .panel a:visited {color:#cc4a15; text-decoration:none;}
.panel a:hover {text-decoration:underline;}
.panel a span {display:block; width:210px; height:20px; overflow:hidden; position:absolute; top:5px; left:0px; font-size:11pt; color:#cc4a15;}
.to_white {position:absolute; top:0px; right:0px; width:80px; height:20px; background:url(/images/crazy/to_white.png) repeat-y;}
.panel a img {margin:30px 10px 10px 10px; border:1px dotted #d1d1d1;}
.pprice {position:absolute; top:130px; left:80px; width:105px; height:29px; background:url(/images/crazy/leib.png) no-repeat; padding-top:6px; text-align:center; color:#000; font-size:14px;}


/* LEFTCOL */
#catmenu {margin:20px auto; width:250px; text-align:left;}
#catmenu h2 {margin:0; padding-bottom:5px; color:#ccc; border-bottom: 1px dotted #d1d1d1;}
.lmenu ul, .lmenu li {margin:0; padding-left:0; list-style:none;}
#catmenu a, #catmenu span {display:block; margin:2px 0px 2px 0;}
#catmenu .active_link {background-color:#f0f0f0;}
#catmenu .active {border-bottom:1px dotted #cc4a15;}
.ulev1 li {padding-top:6px;}
.ulev1 li a, .ulev1 li span {padding:3px 3px 3px 25px; font-size:14px; font-style:italic; font-weight:bold; text-decoration:none; background:url(/images/crazy/sq1.png) no-repeat 3px center; border-bottom:1px solid #fff;}
.ulev1 li a:hover {background:#f0f0f0 url(/images/crazy/sq1.png) no-repeat left center; }
.ulev2 {padding-top:2px; padding-bottom:6px;}
.ulev2 li {padding-top:0;}
.ulev2 li a, .ulev2 li span {padding:3px 3px 3px 30px; font-size:12px; font-weight:normal; background:url(/images/2/sq3.gif) no-repeat 20px center;}
.ulev2 li a:hover {background:#f0f0f0 url(/images/2/sq3.gif) no-repeat 20px center;}

.news_anons {margin:40px auto; width:250px; text-align:left; }
.news_anons h2 {margin:0; padding-bottom:5px; color:#ccc; border-bottom: 1px dotted #d1d1d1;}
.anons_item {padding:10px; background:#f0f0f0;}
.anons_item h3 {margin:0;}
.anons_descr {font-size:11px;}
.anons_date {font-size:11px; color:#999;}

#bnr1 {margin:0 auto; width:250px; text-align:left;}
#bnr2 {margin:10px auto; width:250px; text-align:left;}

/* FOOTER */
#footer {height:80px; margin:5px 20px 10px 20px; border-top:2px solid #d1d1d1;}
#copy {float:left; width:200px; margin:15px 20px 10px 20px;}
#counter {float:left; margin:25px 10px 10px 0;}
#developer {float:right; width:250px; margin:25px 10px 10px 0; font-size:11px; color:#c5c5c5;}
#developer a {color:#c5c5c5; text-decoration:none;}

/* CONTENT */
.photo_div {margin:0 0 15px 0;}
.photo_anons_table {}
.photo_full_table {width:100%;}
.photo_table {border-collapse:separate; border-spacing:10px;}
.photo_table td {padding:5px 10px; border:1px dotted #d1d1d1; font-size:11px;}
.highslide-caption h4 {margin:2px 0;}

.cat_item {clear:both; margin:0 0 20px 0; padding:10px;}
.cat_item img {float:left; margin-right:10px;}
.cat_item .cat_descr {margin-left:140px;}
.cat_item h2 {margin:0 0 10px 140px;}
.cat_price {margin:5px 0; font-weight:bold;}
.cat_price span {font-size:14px; color:#cc4a15;}
.descr {margin:10px 0; font-weight:bold; color:#999;}
.first {}
.second {background:#f0f0f0;}
.orderlink {margin:10px 0; padding:10px 20px; border:1px dotted #d1d1d1; background:#f0f0f0;}

.table1 {}
.table1 th {padding:4px 5px; background-color:#f0f0f0; border:1px solid #d1d1d1;}
.table1 td {padding:3px 5px; background-color:#fff; border:1px solid #d1d1d1;}
.table1 tr {height:20px;}





/* ******** SHOP ******* */
/* catalog */
.product_table {width:100%;}
.product_table td {padding:2px; vertical-align:middle;}
.product_table td.th {width:140px;}
.product_table img {border:1px dotted #D1D1D1;}
.product_table h3 {margin:0 0 3px 0;}
.product_table .descr {font-weight:normal;}
.product_table .stock {color:#cc4a15;}
.product_table .ttd {color:#999;}

/* cart left */
#cart {margin:20px auto 0; width:250px;}
#cartcontent {width:200px; padding:10px;  border:2px dotted #d1d1d1;}
#cartcontent a {display:block; line-height:30px; font-size:12pt;}
#cartcontent a.fullCart {}
#cartinfo {line-height:24px; font-weight:bold;}
.cartinfo_pref {clear:both; display:block; float:left; width:100px;}
#cartinfo .totalquantity, #cartinfo .totalsum, #cartinfo .rub {display:block; float:left; font-weight:bold;}
#cartinfo .rub {margin-left:3px;}
#orderbtn {clear:both; width:149px; margin:0 auto; padding:7px 0 0 0;}
#orderbtn a {margin:0;}
.btn1 {display:block; width:150px; height:32px; line-height:32px !important; border:0; background:url(/images/ui/btn1-sprite.png) no-repeat 0 0; text-align:center; color:#fff !important; font-size:12px !important; font-weight:bold; text-decoration:none !important; cursor:pointer;}
.btn1:hover {background-position:0 -32px}
.btn1.clicked {background-position:0 -64px}

.ok_div {position:absolute; z-index:20; font-size:12px; font-weight:bold;}
.ok_div .ok_close {display:block; position:absolute; z-index:21;  right:27px; top:21px; width:22px; height:23px; background:url(/images/ui/close.gif) no-repeat;}

#cart_table { border-bottom:3px solid #a4ac32;}
#cart_table th {padding:8px; text-align:left;}
#cart_table td {padding:8px; border-bottom:1px solid #a4ac32; vertical-align:middle;}
.th_td {width:200px; text-align:center;}
.name_td a {font-size:11pt; font-weight:bold;}
.sum_td {width:25%; white-space:nowrap;}
.action_td {width:100px; min-width:100px;}

.note {border:1px solid #A4AC32; border-left:none; border-right:none; padding:10px 0; margin-bottom:10px; font-size:11px}

    a.plus1, a.minus1 {display:block; float:left; margin:3px 10px 0 0; width:17px; height:17px;}
    a.plus1 { background:url(/images/ui/plus.gif) no-repeat;}
    a.minus1 { background:url(/images/ui/minus.gif) no-repeat;}
    .deleteitem {float:right;margin:0 0 0 10px; width:22px; height:23px; background:url(/images/ui/delete.gif) no-repeat;}
#subtotal {margin:10px 0; font-size:12pt;}
    #subtotal .totalsum {font-family:Arial; font-size:18pt; font-weight:bold; color:#c82517;}
    #delivCond {margin:0px 0 0 10px; font-size:13px !important; font-weight:bold;}
    #delivCond var { font-size:13px !important; }
    
    #order {}
#orderform td {padding:5px;}
#orderform .input, #orderform .textarea {width:240px; padding:1px; border:1px solid #a4ac32;}
    
    #lbox_table {width:100%; height:160px;}
    #lbox_table .lt {width:32px; height:32px; background: url('/images/ui/c2-lt.png') no-repeat right bottom; }
    #lbox_table .rt {width:32px; height:32px; background: url('/images/ui/c2-rt.png') no-repeat left bottom;}
    #lbox_table .rb {width:32px; height:32px; background: url('/images/ui/c2-rb.png') no-repeat left top;}
    #lbox_table .lb {width:32px; height:32px; background: url('/images/ui/c2-lb.png') no-repeat right top;}
    #lbox_table .t {height:32px; background: url('/images/ui/c2-t.png') repeat-x bottom;}
    #lbox_table .r {width:32px; background: url('/images/ui/c2-r.png') repeat-y left;}
    #lbox_table .b {height:32px; background: url('/images/ui/c2-b.png') repeat-x top;}
    #lbox_table .l {width:32px; background: url('/images/ui/c2-l.png') repeat-y right;}
    #lbox_table .lbox_content {background:#fff; padding:20px 0 20px 0;}
    
    .lbox_content h1 {margin:0 0 15px 20px;}
    .lbox_content .full_bg {width:420px; height:420px;}
