@charset "utf-8";
/* CSS Document */
body {background: #f6f6fa url(../gfx/bg-1.jpg) 50% 0 repeat-x; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; color: #666666;}

#container {width: 992px; margin: 0 auto;}
a {outline: none}


#top {height: 77px;}
#top h1 {width: 190px; float: left; margin-top:25px; margin-left: 17px; margin-right: 305px;}
#top h1 a {color: #0096ff; text-decoration: none; font-size: 24px;  }
#top h1 a span {color: #666666;}
#top h1 a em {color: #000;}

#top ul {overflow: hidden;padding-top:25px;}
#top ul li {float: left; margin-right: 25px;}
#top ul li a {text-decoration: none; color: #000; font-size: 16px; }
#top ul li a span {color: #666;}

#content_wrapper {clear: both; background: url(../gfx/content_bg.png) 50% -35px no-repeat; padding: 235px 0 0 0;}

#content {background: url(../gfx/content_top.png) 0 0 no-repeat; padding: 12px 0 0 0;}
#content_middle {background: url(../gfx/content_mid.png) 0 0 repeat-y; padding: 0 18px 0 13px; overflow: hidden;}
#content_bottom {background: url(../gfx/content_bottm.png) 0 bottom no-repeat; padding: 0 0 13px 0;}

#main_content {float: left; width: 702px;}

#slideshow {background: url(../gfx/slideshow_top.png) 0 0 no-repeat; padding: 13px 0 0 0;}
#slideshow_bottom {background: url(../gfx/slideshow_bg.png) 0 bottom no-repeat; padding: 0 0 13px 0; }
#slideshow_middle {border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 0 5px;}
#slideshow_middle h3 { background: url(../gfx/slideshow_heading_bg.png) 0 0 no-repeat; height: 31px; color: #fff; font-size: 20px; padding: 10px 0 0 20px; margin-bottom: 25px;}
#slideshow_middle h3 ul {float: right; overflow: hidden; margin-right: 17px;}
#slideshow_middle h3 ul li {background: url(../gfx/slideshow_controls.png) right 0 no-repeat; height: 19px; width: 19px; float: left; cursor: pointer; margin-left: 5px;}
#slideshow_middle h3 ul li.active_slide {background-position: 0 0!important;}
.single_slide {overflow: hidden;}
#previous {background: url(../gfx/previous.png) 0 0 no-repeat; float: left; width: 51px; height: 51px;  margin: 30px 40px 0 13px}
#next {background: url(../gfx/next.png) 0 0 no-repeat; float: left; width: 51px; height: 51px; margin: 30px 0 0 0;}

.img_section {float: left; width: 150px;}
.name_section {float: left; width: 160px; padding: 30px 0 0 0; }
.name_section a {font-size: 24px; color: #000; text-decoration: none;}
.name_section a em {font-size: 14px; color: #999999;}

.button_section {float: left; padding: 22px 0 0 0; margin-right: 45px;}
.btn {background: url(../gfx/btn.png) 0 0 no-repeat; height: 22px; width: 149px; display: block; color: #666; font-size: 14px; text-decoration: none; text-align: center; padding: 7px 0 0 0;}
.buy_btn {margin-bottom: 6px; font-weight: bold; color: #0188c8;}

.pro_desc {clear: both; font-size: 14px; line-height: 17px; padding: 17px 22px 17px 21px; text-align: justify;}

.heading {background: url(../gfx/heading_bg.png) 20px 0 no-repeat; padding: 3px 0 0 100px; margin-top: 16px; overflow: hidden; height: 48px; margin-bottom: 23px; clear: both;}
.heading h2 {color: #0188c8; font-size: 24px;float:left;}
.heading h3 {color: #010101; font-size: 15px;  clear: both;float: left;}


.article_paging {float: right; }
.previous_article {background: url(../gfx/previous_article.png) 0 0 no-repeat; width: 28px; height: 27px; display: block; float: left;}
.next_article {background: url(../gfx/next_article.png) 0 0 no-repeat; width: 28px; height: 27px; display: block; float: left; margin-left: 9px;}
.article_paging { overflow: hidden; }
.article_paging .btn {float: left; margin-left: 12px;}

.headers_section {float: left; }

#left_side {width: 337px; float: left; margin-right: 14px;}
#right_side {width: 337px; float: left;}
#art_slides li h4 {color: #0188c8; font-size: 18px; border-bottom: 1px solid #cbcbcc; padding-bottom: 9px; margin-bottom: 9px;}

#left_side p {line-height: 16px; margin-bottom: 11px;}
#right_side p {line-height: 16px; margin-bottom: 11px;}
#left_side .btn,#right_side .btn {font-size: 14px!important;}


#sidebar {float: left; width: 254px; margin-left: 5px;}
#sidebar img {text-align: center; margin: 0 auto; display: block; margin-top: 34px;}
.price_container {background: url(../gfx/price_bg.png) 0 0 no-repeat; height: 31px; color: #fff; font-size: 20px; padding: 10px 0 0 18px; margin-top: 19px; margin-bottom: 9px; color: #aae4ff;}
.price_container span {color: #fff; }
#sidebar p {text-align: center; margin-top: 11px; color: #666666; font-size: 11px;}
#sidebar .btn {margin: 0 auto;}


#footer {padding: 23px 0 0 0; margin-bottom: 40px; overflow: hidden;}
#footer h5 {margin-bottom: 30px; width: 210px; float: left; margin-right: 119px;}
#footer h5 a {font-size: 24px; text-decoration: none; color: #21a3fe; margin-bottom: 30px; display: block; margin-left: 18px;}
#footer h5 span {color: #666666;}
#footer h5 a em {color: #000;}
#footer h5 p {text-align: center;}
#footer h5 p a {margin-bottom: 0; font-size: 11px; color: #0188c8; display: inline; text-align: center; margin-left: 0;}

#footer ul li {font-size: 18px; color: #000; float: left; width: 135px; margin-right: 41px;} 
#footer ul li h4 {font-size: 18px; color: #333333; margin-bottom: 20px;}
#footer ul li h4 em {font-size: 14px;}
#footer ul li a {display: block; text-decoration: none; font-size: 14px; color: #3296c5; margin-bottom: 3px; }
.last {margin-right: 0!important;}


/*SUB*/

.header_previous {background: url(../gfx/header_previous.png) 0 0 no-repeat; width: 27px; height: 28px; display:block; float: left;}
.header_next {background: url(../gfx/header_next.png) 0 0 no-repeat; width: 27px; height: 28px; display:block; float: left;}
.sub_pro_header span {float: left; font-weight: bold;}
.sub_pro_header span em {color: #8dd1f1; font-family: 18px; font-weight: normal;}
.sub_pro_header .btn {float: right; margin-right: 9px; margin-top: -4px;}

.sub_pro_desc {font-size: 14px; float: left; width: 450px;}
.sub_pro_desc .small_font {font-size: 12px;}
#sidebar li {background: url(../gfx/bullet.png) 0 7px no-repeat; padding-left: 16px; line-height: 18px; font-size: 12px;}
.sub_pro_desc ul {margin-top: 20px;}
.sub_pro_desc li {background: url(../gfx/bullet.png) 0 7px no-repeat; padding-left: 16px; line-height: 18px; font-size: 12px;}

#sidebar .decide {background: url(../gfx/heading_bg.png) 0 0 no-repeat; height: 51px; padding-left: 79px; font-size: 18px; color: #0188c8; margin-bottom: 30px;}
#sidebar .decide span {color: #010101; font-size: 14px; }
#sidebar ul {padding-left: 22px;}


#sub_articles h3 {color: #000; font-size: 16px;padding-bottom: 10px; margin-top: 15px; border-bottom: 1px solid #cbcbcc; margin-bottom: 5px;}
#sub_articles p {line-height: 16px;}


/*ORDER */

.header_price {float: right!important; margin-right: 23px;}
#order_table {margin-left: 42px;}
#order_table tr {height: 30px; line-height: 30px;}
#order_table tr img {vertical-align: middle;}
.chk_img {width: 153px;}

.quantity .radio {margin-left: 40px; height: auto; width:auto; background: none;}
.quantity input {background: url(../gfx/quantity_bg.png) 0 0 no-repeat; width: 53px; height:27px; border: none; text-align: center; line-height:27px; }
.checkbox {margin-right: 14px;}
.increment { height: 16px; width: 16px; background: url(../gfx/PLUS.png) 0 0 no-repeat; text-indent: -3333em; display: inline-block; vertical-align: middle;}
.decrement { height: 16px; width: 16px; background: url(../gfx/minus.png) 0 0 no-repeat; text-indent: -3333em; display: inline-block; vertical-align: middle; }
.table_price {width: 130px; text-align: right; font-size: 16px; color: #3296c5;}
.inactive .increment, .inactive .decrement {background-position: 0 bottom!important;}
.inactive .table_price {color: #ccc}

.chk_img label em ,.quantity label em {color: #3296c5;}

#order_select {text-align: center!important; margin-top: 5px; margin-bottom:5px;}
#order_select label {width: auto!important; float: none!important; line-height: normal!important; text-align: center!important;}
.question_mark {background: url(http://www.bzykaj.com/gfx/question.png) 0 0 no-repeat; height:16px; width: 16px; text-indent: -3333em; display: inline-block; margin-top: -5px;}

.error_box {background: #106993 url(../gfx/error_bg.png) 16px 11px no-repeat; color: #83cbed; padding: 11px 15px;  width: 613px; margin: 13px auto 11px auto;}
.error_box h3 {color: #fff; font-size: 16px; margin-left: 25px; margin-bottom: 14px;}
.error_box p {background: url(../gfx/p_bullet.png) 0 50% no-repeat; padding-left: 10px; margin-left: 33px; line-height: 18px;}

#sub_under_form label {text-align: right; width: 275px; float: left; margin-right: 5px; color: #666; font-size: 12px; line-height: 28px;}
.form_input {float: left; height: 27px; border: none; background: url(../gfx/inputs_bg.png) 0 0 no-repeat; width: 261px; padding: 0 3px; }
.error .form_input {background-position: 0 bottom;}
#sub_under_form p {clear: both; margin-bottom: 1px;}
#sub_under_form p textarea {background: url(../gfx/area_bg.png) 0 0 no-repeat; height: 120px; width: 261px; border: none; padding:3px;}

#summary {border-top : 1px solid #cbcbcc; padding: 20px 0 0 0; text-align: center; margin-top: 10px;}
#summary span {font-size: 16px; color: #3296c5; font-weight: bold; margin-right: 30px;}
#summary .submit {background: url(../gfx/btn.png) 0 0 no-repeat; border: none; height: 29px; width: 149px; color: #0188c8; font-size: 12px; font-weight: bold;}