/* Main Styles */
* { margin: 0; padding: 0; }
:focus { outline: 0; }
html, body { height:100%; }
body { background: url(../images/bg.gif) repeat-x top left #849850; color: #6a8026; font: normal 15px Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #6a8026; }
a:hover { text-decoration: underline; }
a:active { position: relative; top: 1px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.margin_0 { margin: 0; }
.margin_5 { margin: 0 0 0 5px; }
.margin_6 { margin: 6px 0 0 0; }
.margin_10 { margin: 10px 0 20px 0; }
.margin_15 { margin: 15px 0; }
.margin_17 { margin: 17px 0 0 0; }
.margin_21 { margin: 21px 0 0 0; }
.margin_25 { margin: 25px 40px 0 20px; }
.margin_mlt { margin: 0 0 0 28px; }
.padding_21 { padding: 21px 0 0 0; }
.padding_26 { padding: 26px 0 0 0; }
.padding_29 { padding: 29px 0 0 0; }
.width_100 { width: 100px; }
.width_125 { width: 125px; }
.width_170 { width: 170px; }
.width_180 { width: 180px; }
.width_195 { width: 195px; }
.width_243 { width: 243px; }
.width_270 { width: 270px; }
.width_345 { width: 345px; }
.width_357 { width: 357px; }
.width_380 { width: 380px; }
.width_460 { width: 460px; }
.width_646 { width: 646px; }
.err, .err a { color: #d41a21 }
.item_plus { background: url(../images/item_plus.gif) no-repeat; width: 13px; height: 13px; display: block; float: left; margin: 9px 0 0 10px; }
.item_minus { background: url(../images/item_minus.gif) no-repeat; width: 13px; height: 13px; display: block; float: left; margin: 9px 0 0 10px; }
.ajax_loader { display: block; clear: both; float: left; width: 32px; height: 32px; background: url(../images/ajax-loader.gif) no-repeat; }

/* Back Header and Footer */
.back_header { width: 100%; min-width: 960px; height: 109px; background: url(../images/header.gif) repeat-x top left white; position: absolute; top: 0; }
.back_right { width: 480px; height: 109px; background: url(../images/header_right.gif) repeat-x top right white; float: right; }
.back_left { width: 480px; height: 109px; background: url(../images/header_left.gif) repeat-x top left white; float: left; }

.container { width: 960px; height: auto !important; height: 100%; min-height: 100%; background: url(../images/bg_elegant.gif) repeat-x; margin: 0 auto -88px auto; position: relative; z-index: 10; }
.container_shadow { width: 968px; margin: 0 auto; background: url(../images/bg_bgr.png) repeat-y; }

/* Header */
.header { background: url(../images/header_bgr.png) no-repeat top left; height: 109px; width: 960px; position: relative; z-index: 9; }
.header h1 { width: 112px; height: 72px; text-indent: -9009px; display:block; margin: 16px 0 0 1px; float: left; }
.header h1 a { width: 100%; height: 100%; display: block; background: url(../images/logo.png) no-repeat; cursor: pointer; }
.header h1 a:hover { position: relative; top: 1px;  }
.header h1 a:active { position: relative; top: 2px; }
.header div.hh { width: 358px; float: left; margin: 0; padding: 0; }
.header div i { font-style: normal; clear: both; display: block; float: right; margin: 7px 35px 0 0; width: 244px; font-size: 10px; }
.header h2 { width: 295px; margin: 21px 0 0 50px; font: bold 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #aac367; text-transform: uppercase; float: left; line-height: 20px; }
.header h6 { margin: 10px 0 0 50px; font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #aac367; text-shadow: #95af43 1px 1px 3px; text-transform: uppercase; float: left; line-height: 20px; }
.header .cc { width: 90px; margin: 0 55px 0 0; float: right; }
.header .vi { width: 40px; height: 25px; float: left; background: url(../images/vi.png) no-repeat; margin: 10px 5px 0 0; }
.header .mc { width: 40px; height: 25px; float: left; background: url(../images/mc.png) no-repeat; margin: 10px 0 0 0; }
/* .header h2 { width: 295px; margin: 26px 0 0 63px; font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #aac367; text-transform: uppercase; float: left; } */
.header div { width: 244px; height: 109px; float: left; font-size: 13px; color: #bfdb5e; }
.header div span { font-size: 40px; font-weight: bold; color: #bfdb5e; float: left; vertical-align: top; width: 62px;}
.header div input { width: 200px; padding: 4px; background: #f5faea; border: 1px solid #273802; color: #334301; font: normal 13px Verdana, Arial, Helvetica, sans-serif; float: left; }
.header div input:focus { background: #fffe94; }
.header div input.sbm { width: 34px; height: 26px; border: none; background: url(../images/search.png) no-repeat; float: left; cursor: pointer; }
.header div input.sbm:hover { position: relative; top: 1px; }
.header div input.sbm:active { position: relative; top: 2px; }
.header div a { text-decoration: underline; color: #bfdb5e; margin: 0 0 0 5px; }
.header div a:hover { text-decoration: none; }
.header div img { border: 0; width: 46px; height: 40px; float: left; }
.header div div { height: auto; }
.header div div div { width: 147px; height: 40px; float: left; text-align: left; margin: 7px 0 0 0; }
.header div div div a { width: 100%; height: 100%; display: block; margin: 0; padding: 1px 0 0 0; background: url(../images/cart.png) no-repeat top right; cursor: pointer; }

/* Menu */
.menu { width: 960px; height: 57px; background: url(../images/menu_bgr.gif) repeat-x; margin: -4px 0 0 -14px; }
.menu ul li { float: left; list-style: none; display: block; height: 57px; }
.menu ul li a { font: normal 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #beda5c; height: 37px; display: block; float: left; padding: 16px 23px 0 23px; background: url(../images/menu_a_bgr.gif) no-repeat right; }
.menu ul li a.nob { background: none; }
.menu ul li a:hover { text-decoration: none; background: url(../images/menu_hover_bgr.gif) repeat-x; }
.menu ul li a:active { height: 36px; }
.menu ul li.current { background: #dcf19e; }
.menu ul li.current a, .menu ul li.current a:hover, .menu ul li.current a:active { color: #86a324; background: none; }
.pagination { width: 954px; height: 27px; background: #dcf19e; margin: 0 0 0 -14px; padding: 12px 0 0 6px; }
.pagination div { width: 308px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #bfdb5e; padding: 0 5px;  vertical-align: bottom; }
.pagination div.wide { width: 616px; }
.pagination div.select { margin: -4px 0 0 0; }
.pagination a { text-decoration: underline; padding: 0 8px; }
.pagination a:hover { text-decoration: none; }
.pagination span { margin: 0 8px; color: #334301; }
.pagination b { margin: 0; color: #334301; font-weight: normal; }
.pagination select { border: 1px solid #bfdb5e; padding: 2px; font-size: 12px; width: 135px; background: #ffffff; color: #4a5a16; margin: 0 11px 0 0; }
.pagination .nav { width: 8px; height: 14px; display: inline-block; vertical-align: text-top; }
.pagination .next { background: url(../images/nav_next.gif) no-repeat bottom; }
.pagination .next_ua { background: url(../images/nav_next_ua.gif) no-repeat bottom; }
.pagination .prev { background: url(../images/nav_prev.gif) no-repeat bottom; }
.pagination .prev_ua { background: url(../images/nav_prev_ua.gif) no-repeat bottom; }
.pagination .first { background: url(../images/nav_first.gif) no-repeat bottom; }
.pagination .first_ua { background: url(../images/nav_first_ua.gif) no-repeat bottom; }
.pagination .last { background: url(../images/nav_last.gif) no-repeat bottom; }
.pagination .last_ua { background: url(../images/nav_last_ua.gif) no-repeat bottom; }
.sub_menu { width: 932px; padding: 9px 0; text-align: center; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #bfdb5e; clear: both; line-height: 24px; }
.sub_menu a { text-decoration: underline; margin: 0 10px; }
.sub_menu a:hover { text-decoration: none; }
.sub_menu span { margin: 0 10px; }

/* Content */
.content { width: 946px; padding: 4px 0 21px 14px; overflow: auto; background: url(../images/content_bgr.gif) repeat-x #f2fbe3; }
.content p.nr { font-size: 16px; font-weight: bold; margin: 50px 0; text-align: center; }
.cats { width: 224px; height: 365px; background: url(../images/cats.gif) no-repeat; float: left; margin: 11px 0 0 0; padding-right: 12px; }
.cats h1 { width: 198px; height: 37px; display: block; background: url(../images/cats_h1.gif) no-repeat; margin: 16px 0 7px 13px; }
.cats h1 a { width: 171px; height: 34px; display: block; font: normal 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334301; padding: 3px 0 0 27px; }
.cats h2 { width: 198px; height: 31px; display: block; margin: 0 0 0 13px; border-bottom: 1px solid #eaf4bd; }
.cats h2 a { width: 171px; height: 26px; display: block; font: normal 15px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 0 27px; }
.cats h2 a:hover { background: #f2fbe3; }
.cats img { border: 0; margin: 0 0 0 13px; }
.subs { width: 460px; height: 373px; background: url(../images/subs.gif) no-repeat; float: left; margin: 21px 0 0 0; padding-right: 12px; }
.subs h1 { width: 434px; height: 37px; display: block; background: url(../images/subs_h1.gif) no-repeat; margin: 16px 0 7px 13px; }
.subs h1 a, .content .subs h1 span { width: 407px; height: 34px; display: block; font: normal 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334301; padding: 3px 0 0 27px; }
.subs h2 { width: 210px; height: 134px; display: block; float: left; margin: 13px 1px 0 13px; border-bottom: 1px solid #eaf4bd; }
.subs h2 a { width: 210px; height: 134px; display: block; font: normal 15px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
.subs h2 a:hover { background: #f2fbe3; }
.subs img { display: block; border: 0; border-bottom: 1px solid #eaf4bd; margin: 0 37px 4px 37px; }
.browse { width: 180px; height: 199px; background: url(../images/browse.gif) no-repeat; float: left; margin: 5px 0 0 0; padding-right: 8px; }
.browse img { border: 0; margin: 12px 0 0 13px; border-bottom: 1px solid #eaf4bd; display: block; }
.browse h1 { width: 172px; height: 73px; display: block; margin: 0 0 0 4px; font: normal 13px Verdana, Arial, Helvetica, sans-serif; }
.browse h1 a { width: 142px; height: 63px; display: block; padding: 10px 15px 0 15px; }
.browse h1 a:hover { text-decoration: none; background: #f2fbe3; }
.browse h1 a u:hover { text-decoration: none; }
.side { width: 180px; height: 199px; background: url(../images/browse.gif) no-repeat; float: left; margin: 5px 0 0 0; }
.side img.sd { border: 0; margin: 12px 0 0 13px; border-bottom: 1px solid #eaf4bd; display: block; }
.side h2 { width: 172px; height: 73px; display: block; margin: 0 0 0 4px; font: normal 13px Verdana, Arial, Helvetica, sans-serif; }
.side h2 a { width: 142px; height: 63px; display: block; padding: 10px 15px 0 15px; float: left; }
.side h2 a:hover { text-decoration: none; background: #f2fbe3; }
.side h2 a u:hover { text-decoration: none; }
.main { margin: 27px 14px 27px 13px; overflow: auto; font: normal 13px Verdana, Arial, Helvetica, sans-serif; }
.main h1 { font: normal 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334301; padding: 0 0 16px 0; }
.main h1.rgh { font: normal 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #bfdb5e; padding: 0 0 16px 0; margin: -45px 0 0 10px; position: relative; }
.main h1.art { font: normal 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #bfdb5e; padding: 0 0 16px 0; margin: -5px 0 0 10px; position: relative; }
.main .margin_mlt h1 { width: 320px; height: auto; }
.main p { margin: 16px 0; }
.main ul, .content .main ol { margin: 16px 0 0 0; }
.main ul li, .content .main ol li { margin: 0 0 0 32px; }
.main a, .content .main a:visited { text-decoration: underline; }
.main a:hover { text-decoration: none; }
.main hr { width: 100%; border: 0; height:1px; background: #bfdb5e; display: block; overflow: auto; margin: 0; }
.main img { float: left; display: block; margin: 0 4px 4px 0; border: none; }
.main img.rec { margin: 0 16px 16px 0; border: 1px solid #eaf4bd; }
.main input { width: 51px; padding: 2px; margin: 0 10px; background: #ffffff; border: 1px solid #bfdb5e; color: #4a5a16; font: normal 15px Verdana, Arial, Helvetica, sans-serif; }
.main input:focus { background: #fffe94; }
.main input[disabled=disabled] { background: #eaeaea }
.main input#confirmed { margin: 0 5px 0 0; padding: 0; width: auto; height: auto; vertical-align: text-top; border: none; }
.main h6 { width: 320px; height: 37px; display: block; background: url(../images/basket_h6.gif) no-repeat; margin: 15px 0 0 0; }
.main h6 a, .content .main h6 span { width: 235px; height: 32px; display: block; font: normal 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334301; padding: 5px 0 0 85px; }
.main h6 span { color: #bfdb5e; }
.main .param { height: 15px; min-height: 15px; height: auto !important; width: 320px; border-bottom: 1px solid #eaf4bd; padding: 10px 0; }
.main .param:hover { background: #fff; }
.main .param strong { margin: 0 10px 0 0 }
.main .border_top { border-top: 1px solid #eaf4bd; }
.main form { margin: 50px 0 0 0; }
.main .basket form, .content .main .basket form input { margin: 0; }
.main .basket { border: 1px solid #eaf4bd; border-top: none; padding: 10px; width: 885px; }
.main .basket:hover { background: #fff; }
.main .basket span { font-size: 11px; }
.main a.btn, .content .main a.btn:visited { float: left; display: block; border: 1px solid #eaf4bd; background: #bcca8c; padding: 5px 10px; color: #334301; text-decoration: none; }
.main a.btn:hover { background: #dcf19e; color: #6a8026; text-decoration: none; }
.main div.btn { float: left; display: block; border: 1px solid #eaf4bd; background: #eaeaea; padding: 5px 10px; color: gray; text-decoration: none; }
.main form.inner { margin: 0; width: 440px; }
.main form.inner div { float: left; width: 220px; padding: 0; margin: 10px 0 0 0; }
.main form.inner div input { width: 200px; padding: 4px; background: #ffffff; border: 1px solid #bfdb5e; color: #4a5a16; font: normal 15px Verdana, Arial, Helvetica, sans-serif; float: left; margin: 0; }
.main form.inner div input:focus { background: #fffe94; }
.main form.inner div select { width: 210px; padding: 3px; background: #ffffff; border: 1px solid #bfdb5e; color: #4a5a16; font: normal 15px Verdana, Arial, Helvetica, sans-serif; float: left; margin: 0; }
.main form.inner div select:focus { background: #fffe94; }
.main form.inner div textarea { width: 200px; padding: 4px; background: #ffffff; border: 1px solid #bfdb5e; color: #4a5a16; font: normal 15px Verdana, Arial, Helvetica, sans-serif; float: left; margin: 0; }
.main form.inner div textarea:focus { background: #fffe94; }
.main form.inner span { float: left; clear: both; margin: 7px 0 3px 0; }
input.rd { width: 14px; padding: 0; margin: 0 5px 0 0; vertical-align: text-top; border: none; }
input.rd:focus { background: none; }

/* Dialogs */
#dialog div { float: left; width: 220px; padding: 0 0 0 10px; margin: 10px 0 0 0 }
#dialog div input { width: 200px; padding: 4px; background: #f5faea; border: 1px solid #273802; color: #334301; font: normal 13px Verdana, Arial, Helvetica, sans-serif; float: left; }
#dialog div input:focus { background: #fffe94; }
#dialog span { float: left; clear: both; margin: 10px 0 0 0; }
#dialog div.lnks { float: left; clear: both; margin: 30px 0 0 -5px; width: 100%; }
#dialog div a { margin: 0 5px; }

/* Footer */
.push { height: 88px; }
.footer { height: 88px; width: 100%; min-width: 960px; width: auto !important; margin: 0 auto; position: relative; background: url(../images/footer.gif) repeat-x top left white; z-index: 11; }
.footer div { width: 960px; margin: 0 auto; font-size: 13px; color: #bfdb5e; }
.footer div span { margin: 38px 0 0 0; }
.footer div a { text-decoration: underline; color: #bfdb5e; margin: 0 6px 0 0; }
.footer div a:hover { text-decoration: none; }

/* Lightbox */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative; background-color: #f2fbe3; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Arial, Verdana, Helvetica, sans-serif; background-color: #f2fbe3; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #334301;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 17px; float: right; margin-bottom: 0.7em;}
