@charset "utf-8";
/* CSS Document */
html, body{ padding:0px; margin:0px auto; background: url(../images/top_fon.gif) top repeat-x; color:#82c737; font-family:Verdana, Arial, Tahoma, georgia; font-size:12px;}
/***container***/
#main_container { position:relative; width:995px; margin:0px auto; z-index:1 }

a { color:#74ab38; text-decoration:none; }
a:hover { text-decoration: underline;}

/***header***/
#header { position:relative; width:995px; height:100px; margin:0px auto; }

#logo { float:left; background:url(../images/logo.gif) no-repeat; width:192px; height:21px;}

#top_navigation { float:left; width: 550px; height:21px; color:#fff; margin-top:3px;}
#top_navigation ul { margin-left:25px; }
#top_navigation li {display:inline; list-style:none; margin-left:15px;}
#top_navigation a { text-decoration:none; font-size:14px; color:#FFF}
#top_navigation a:hover { text-decoration: underline; }

#language { float:left; width: 130px; height:15px; color:#fff; font-size:12px; margin-top:3px;}
#language li {display:inline; list-style:none; margin-left:5px; }
#language a { text-decoration:none; font-size:12px; color:#FFF}
#language a:hover { text-decoration: none; }

#sitemap { float:left; width: 100px; height:15px; margin-top:3px;  font-size:12px; color:#fff;}
#sitemap li {display:inline; list-style:none; margin-left:5px;}

/***flash***/
#flash { position:absolute; left:230px; top:170px; z-index:1}

/***main_box***/
#main_box { position:relative; width:995px; margin:0px auto; }
#main_box_index { position:relative; height:550px; width:995px; margin:0px auto;  }

/***navigation***/
#navigation_box_index {position:absolute; margin-left:3px; width:188px; margin-top: 50px;  font-size:16px; color:#fff; z-index:2}
#navigation_box { float:left; margin-left:3px; width:188px; margin-top: 50px;  font-size:16px; color:#fff; z-index:2}
#navigation_menu { float:left; width:188px; min-height:250px; height:auto!important; height:250px; background:#ff4e4e;}
#navigation_top { float:left; width:188px; height:14px; background: url(../images/menu_top.gif) no-repeat bottom;}
#navigation_bottom { float:left;  width:188px; height:13px; background: url(../images/menu_bottom.gif) no-repeat top;}
#navigation_menu li { list-style:url(../images/li.gif); margin:20px 5px 30px 30px; }
#navigation_menu li:hover { list-style:url(../images/hover.gif); }
#navigation_menu a { text-decoration:none; color:#fff; }
a.current { text-decoration: underline; color:#fbb8b8; }
#navigation_menu a:hover { color: #fbb8b8; }

/*** content  ***/
#content-box {position: relative; margin-left:255px;  margin-top: 0px; margin-bottom: -100px; width:707px;  background: #f4f4f4; z-index:2}
#box { position: relative; width:707px; min-height:600px; height:auto!important; height:600px; border-left: 1px solid #82c737; border-right: 1px solid #ff4e4e;  z-index:4}
#text { padding: 10px 30px 30px 30px; }
#text p {text-indent:25px; margin:10px; font:14px Verdana; color:#74ab38; line-height:24px; }
#text h1 { margin: 10px 30px 10px 35px; font: 26px Verdana; color:#ff4e4e ; background:url(../images/h.gif) left center no-repeat; text-indent:20px;}
#text strong { font-weight:bold}
#text em {font-style:italic}
#logo-img img { margin:10px;}
#box-top {position: absolute; top:-10px; left:0px; width:709px; height: 234px; background: url(../images/content_top.gif) top no-repeat ; z-index:3}
#box-bottom {position: absolute; bottom:-70px; right:-35px; width: 783px; height: 235px; z-index:3}
#text ul { margin:5px; padding:0px;}
#text li { margin:5px; font:14px Verdana; color:#74ab38; line-height:24px;}

#box1 { position:absolute; width:290px; margin-top:-30px; margin-left:230px; z-index:2}
#box1_top { float:left; width:293px; height:10px; background: url(../images/box1_top.gif) no-repeat bottom;}
#box1_content { float:left; width:290px; background: #fff; border-left: 1px solid #82c737; border-right: 1px solid #ff4e4e;}
#box1_content p { padding: 15px 25px 15px 35px; line-height:24px; word-spacing:1px; font-size:14px; color:#82c737; }
#box1_content a.header { color:#ff4e4e; font-family: Verdana, Arial, Tahoma, georgia; font-size:18px; margin:30px; border-bottom:1px solid #82c737; text-decoration:none} 
#box1_bottom { float:left; width:293px; height:10px; background: url(../images/box1_bottom.gif) no-repeat top;}
#textbox { display:none;}

#box2 { position:absolute; width:396px; margin-top:0px; margin-left:580px; z-index:2}
#box2_top { float:left; width:397px; height:10px; background: url(../images/box2_top.gif) no-repeat bottom;}
#box2_content { float:left; width:395px; background: #fff; border-left: 1px solid #82c737; border-right: 1px solid #ff4e4e;}
#box2_content p { padding: 15px 25px 15px 35px; line-height:24px; word-spacing:1px; font-size:14px; color:#82c737; }
#box2_content a.header { color:#ff4e4e; font-family: Verdana, Arial, Tahoma, georgia; font-size:23px; margin-left: 30px; border-bottom:1px solid #82c737; text-decoration:none} 
#box2_bottom { float:left; width:397px; height:10px; background: url(../images/box2_bottom.gif) no-repeat top;}

#dog {position: absolute; bottom:-110px; left:-70px; width: 146px; height: 155px; z-index:4}
#crow {position: absolute; bottom:-110px; left:-70px; width: 139px; height: 121px; z-index:4}
#pokemon {position: absolute; bottom:-110px; left: 500px; width: 135px; height: 136px; z-index:4}
#pig {position: absolute; bottom:-120px; left:-80px; width: 183px; height: 132px; z-index:4}
#bear {position: absolute; bottom:-120px; left:-80px; width: 166px; height: 141px; z-index:4}

.alignleft {float:left; margin:0 10px 5px 0;}
.alignright {float:right; margin:0 0 5px 10px;}

/***gallery***/
#gallery { width:341px; height:307px; float:right;}

/***catalogue***/
#left { float:left; width:350px; margin-top:30px;}
#right { float:left; width:295px; margin-top:30px; }
.clear { clear:both; height:0px; display:block;}

#photo { position:relative; width:344px; height:395px; border: 1px solid #DFDFDF; background:#fff; overflow:hidden; }
#photo_right { float:right }
#photo1 { position:relative; width:341px; height:307px; background:#fff; overflow:hidden; }

#catalogue_text { float:left;  margin-top: 10px; width: 645px; }
#catalogue_text p {text-indent:25px; margin:10px; font:14px Verdana; color:#74ab38; line-height:24px; }
#catalogue_text a.header { color:#ff4e4e; font-family: Verdana, Arial, Tahoma, georgia; font-size:20px; margin:30px; border-bottom:1px solid #82c737; text-decoration:none;}

#right_menu { float:left; width:140px; font-size:10px; }
#right_menu ul { margin-left:15px; }
#right_menu li {list-style:none; margin-bottom:25px;}
#right_menu a { text-decoration:none; font-size:13px; color:#7dc232}
#right_menu a.selected_submenu  { text-decoration: underline;}
#right_menu a:hover { text-decoration: underline; }

#right_catalogue { float:left; width:130px; margin-left:15px;}
#right_catalogue_photo_bg { float:left; width:130px; height:180px; margin:0px;border: 1px solid #DFDFDF; background:#fff; }
#right_catalogue_photo { float:left; width:130px; height:180px; text-align:center; margin:0px; overflow:hidden }
#right_catalogue_price { float:left; width:100px; height:30px; margin:5px 5px 3px 5px; } 
#right_catalogue_price p { font-size:11px; margin:0px; text-indent:0px;}
.price { font-size:15px; color:#999; margin:3px; }
.price1 { font-size:16px; color:#ff4e4e; margin:3px; }

#checkbox { float:left; width:10px; height:30px; margin:5px 5px 3px 5px; }

#arrows { width:346px; height:36px; position:absolute; bottom:0px;}
#arrow {float:left; width:130px; height:36px;}
#arrow_left {float:left; width:36px; height:36px; background:url(../images/left.gif) no-repeat; cursor:pointer}
#arrow_right {float:right; width:36px; height:36px; background:url(../images/right.gif) no-repeat; cursor:pointer}
#next {float:left; width:68px; height:11px; text-align:center;}
#next p { font-size:14px; margin-top:3px; text-indent:0px;}

#form { float:left; width:130px; height:20px; font-size:13px; color:#999; border:1px solid #8d8d8d; margin:5px 0px 5px 0px;  }
#form1 { float:left; width:130px; height:15px; font-size:13px; color:#999; border:1px solid #8d8d8d; margin:5px 0px 5px 0px; }
#button { float:left; font-size:13px; color:#f4f4f4; border:1px solid #ff6c6c; background:#ff4e4e; padding:3px; cursor:pointer; border-collapse: separate;border-spacing: 0; -moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px;  z-index:999 ; margin:3px;}
#button:hover { float:left; font-size:13px; color:#fff; border:1px solid #8fc751; background:#7dc232; padding:3px; cursor:pointer; border-collapse: separate;border-spacing: 0; -moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; }

hr { border-top: 1px solid #7dc232;  height:1px;}
#errormsg {font-size:16px; color:#ff4e4e; padding:5px; margin:15px;}

#arrow_back { position:absolute; left:10px; top:0px; width:36px; height:36px; background:url(../images/back.gif) no-repeat; cursor:pointer; z-index:15}

#basket_red { float:left; width:130px; height:20px; margin:5px 0px 5px 0px;}
#basket_red_text  { float:left; width:110px; height:20px;}
#basket_red_text a  { font-size:17px; text-decoration:underline; color:#ff4e4e}
#basket_red_text a:hover  { text-decoration:none; }
#basket_red_img { float:left; width:20px; height:20px; margin-top:1px; background:url(../images/basket_red.gif) no-repeat;}

/***catalogue_navigation***/
#catalogue_navigation { color:#ff4e4e; margin:25px 10px 10px 10px;}
#catalogue_navigation ul { margin-left: -20px;}
#catalogue_navigation li {display:inline; list-style:none; margin:19px;}
#catalogue_navigation a { text-decoration:none; font-size:14px; color:#ff4e4e}
#catalogue_navigation a.selected_submenu  { text-decoration:none; font-size:16px; color:#ff4e4e; border-bottom:1px solid #7dc232}
#catalogue_navigation a:hover { text-decoration: none; border-bottom:1px solid #7dc232 }

/***catalogue_images***/
#catalogue { list-style: none; text-align:center; margin-top:30px;}
#catalogue .image { height:180px; width:130px; border: 1px solid #DFDFDF; background:#fff; overflow:hidden; }
#catalogue li { display: inline; float: left; margin:10px;}
#catalogue a { color:#74ab38; text-decoration:none; }
#catalogue a:hover { text-decoration: underline;}

/***basket***/
#basket {position: absolute; bottom:5px; right: 30px; width: 700px; height: 15px; z-index:4}
#basket_img { float:right; width:20px; height:15px; background:url(../images/basket.gif) no-repeat; }
#basket a { float:right; color:#a8a7a7; font-size:14px; margin:5px; text-decoration:underline;}
#basket a:hover { float:right; text-decoration:none}

#basket_top {position: absolute; top:30px; right: 40px; width: 750px; height: 30px; z-index:4}
#basket_top_img { float:right; width:20px; height:15px; background:url(../images/basket.gif) no-repeat;}
#basket_top a { float:right; color:#a8a7a7; font-size:14px; margin:5px; text-decoration:none; }
#basket_top a:hover { float:right; text-decoration:none}

/***scrollale***/
#arrow_left1 { position:absolute; left:5px; bottom:5px; width:36px; height:36px; background:url(../images/left.gif) no-repeat; cursor:pointer; z-index:3}
#arrow_right1 { position:absolute; right:5px; bottom:5px; width:36px; height:36px; background:url(../images/right.gif) no-repeat; cursor:pointer; z-index:3}

.scrollable{ width:344px; height:395px; position:absolute; bottom:0px; z-index:2; }
.scrollable div.items { height:393px; position:absolute; width:5000px; }
.scrollable div.items div { width:344px; height:390px; float:left; margin:0px; text-align:center; overflow:hidden;} 
.scrollable div.items div a{ display:block; float:left; width:344px; height:390px; padding:0px; margin:0px; }
.scrollable div.items div a img{ border:none; vertical-align: middle;}

/***scrollale1***/
#arrow_left2 { position:absolute; left:5px; bottom:5px; width:36px; height:36px; background:url(../images/left.gif) no-repeat; cursor:pointer; z-index:3}
#arrow_right2 { position:absolute; right:5px; bottom:5px; width:36px; height:36px; background:url(../images/right.gif) no-repeat; cursor:pointer; z-index:3}

.scrollable1{ width:341px; height:307px; position:absolute; bottom:0px; z-index:2; }
.scrollable1 div.items { height:307px; position:absolute; width:5000px;  }
.scrollable1 div.items div { width:341px; height:307px; float:left; margin:0px;} 
.scrollable1 div.items div a{ display:block; float:left; width:341px; height:307px; padding:0px; margin:0px; }
.scrollable1 div.items div a img{ border:none; vertical-align: middle;}

/***footer***/
#footer { position:relative; width:100%; height:228px; background:url(../images/bottom_fon.jpg) no-repeat center bottom ; margin:0px auto;}

#footer_box { position:relative; width:995px; margin:0px auto; }
#footer_content_bg { position:absolute; left:10px; top:10px; width:404px; height:186px; z-index:2 }
#footer_content { position:absolute; left:10px; top:20px; width:338px; height:174px; z-index:3}
#footer_content p { padding:2px 35px 0px 35px; line-height:18px; word-spacing:1px; font-size:15px; color:#82c737;}
#footer_content a.header { color:#ff4e4e; font-family: Verdana, Arial, Tahoma, georgia; font-size:23px; margin:30px; border-bottom:1px solid #82c737; text-decoration:none;}
.phone { font-family: Georgia, Verdana, Arial; font-size:20px; padding-left:10px; color:#ff4e4e;}

#footer_green { position:relative; width:100%; height:21px; background:#82c737; margin:0px auto; }
#footer_green_content { position:relative; width:995px; color:#fff; font-size:10px; margin:0px auto;}
#copyright { position:absolute; width:400px; left:20px; margin-top:4px;}
#webi_logo { position:absolute; right:430px; margin-top:2px; width:16px; height:16px; background:url(../images/webi.gif) no-repeat;}
#webi { position:absolute; width:409px; right:20px; margin-top:4px;}
#webi a { color:#fff; text-decoration:none;}
#webi a:hover { text-decoration:underline;}

/***banner***/
#banner { position:absolute; left:10px; top:-130px; width:250px; height:186px; z-index:2 }

/***Slide***/
.btn-slide { background:url(../images/down.gif) no-repeat; width:37px; height:14px; bottom:10px; right:32px; display:block; position:absolute;}
.btn-slide.act{ background:url(../images/up.gif) no-repeat; width:37px; height:14px; bottom:10px; left:32px; display:block; position:absolute;}