@font-face {
    font-family: "byekan";
    src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6â€“8 */
        url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/BYekan.ttf') format('truetype');  /* Saf3â€”5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: "bkoodak";
    src: url('../fonts/BKoodakBold.eot?#') format('eot'),  /* IE6â€“8 */
        url('../fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/BKoodakBold.ttf') format('truetype');  /* Saf3â€”5, Chrome4+, FF3.5, Opera 10+ */
}
body{
    padding: 0;
    margin: 0;
    background: url('../Images/bg.jpg') top center #084158 no-repeat scroll;
    height: 1112px;
    max-height: 1112px;
    min-height: 1112px;
    font-size: 11px;
    font-family: tahoma;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
a{
    color: #ccc;
}
a:hover{
    text-decoration: none;
    color: #fff;
}
.breadcrumb a{
    color: #222;
}
.breadcrumb{
    margin: 20px 0 0 0;
}
.wrapper{
    width: 950px;
    margin: 0 auto;
    position:relative;
    top:270px;
}
.menu-inner{
    background: url('../Images/nav.png') top center no-repeat scroll;
    width:950px;
    height: 56px;
}
#main-menu {
    z-index:9999;
    float: right;
    width:690px;
    margin-right: 20px; 
}
#main-menu a {
    display:block;
    padding:7px 0px;
    color:#fff;
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
    font-size:14px;
    background: url('../Images/menu.png') no-repeat top center scroll;
    margin: 0 -6px;
    width:118px;
    text-shadow: 1px 1px 1px #000;
}
#main-menu a:hover {
    color:#000;
    background:url('../Images/menu-hover.png') no-repeat top center;
    text-decoration:none;
    color:#000;
    padding: 10px 0;
    margin-top: -3px;
    text-shadow: 1px 1px 1px #fff;
}
#main-menu ul {
    list-style-type:none;
    padding:10px;
    margin:0;
}
#main-menu li {
    float:right;
    position:relative;
    text-align:center;
}
#main-menu li ul a{
    text-align:right;
    border:0px;
}
.search{
    float: left;
    position: relative;
    top:9px;
    left: 23px;
    width:215px;
}
.search-left{
    position: absolute;
    top: 4px;
    left: 16px;
    background: url('../Images/search-btn.png') 0 0 no-repeat scroll;
    display: block;
    width: 27px;
    height: 27px;
    border: 0;
}
.search-right-bg{
    float: right;
}
input.search-input{
    background: url('../Images/search-input.png') 0 0 no-repeat scroll;
    width: 135px;
    height: 36px;
    border:0;
    padding: 0 25px 0 50px;
    margin: 0;
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
    color: #fff;
}
input.search-input:focus{
    background: url('../Images/search-input-focus.png') 0 0 no-repeat scroll;
    height: 36px;
    border:0;
    box-shadow: none;
    color: #000
}
.page{
    position: relative;
    margin-top: 50px;
}
.page-top{
    background: url('../Images/page-top.png') 0 0 no-repeat scroll;
    width: 950px;
    height: 7px;
}
.page-bot{
    background: url('../Images/page-bot.png') 0 0 no-repeat scroll;
    width: 950px;
    height: 7px;
}
.page-bg{
    background: url('../Images/page-bg.png') 0 0 repeat-y scroll;
    width: 950px;
    display: table;

    position: relative;
}
.page-bg-2{
    background: url('../Images/page-bg.png') 0 0 repeat-y scroll;
    width: 950px;
    height: 520px;
    display: table;
}
.title{
    display: table;
    position: relative;
}
.title-bg{
    background: url('../Images/title-bg.png') 0 0 repeat-x scroll;
    width: 947px;
    height: 44px;
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
    font-size: 16px;
    text-shadow: 1px 1px 1px #fff;
    color: #000;
    line-height: 45px;  
}
.title-bg a{
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
    text-shadow: 1px 1px 1px #fff;
    color: #000;
}
.title-r{
    background: url('../Images/title-r.png') 0 0 no-repeat scroll;
    width: 13px;
    height: 49px;
    position: absolute;
    right: -13px;
    top: 0;
}
.title-l{
    background: url('../Images/title-l.png') 0 0 no-repeat scroll;
    width: 13px;
    height: 49px;
    position: absolute;
    left: -13px;
    top: 0;
}
.last-pro > div {
    float: right;
    margin: 10px 13px;
}
.last-pro{
    display: table;
    width: 900px;
    height: 122px;
    margin: 0 auto;
}
.last-pro-2 > div {
    float: right;
    margin: 10px 9px;
}
.last-pro-2{
    display: table;
    width: 866px;
    height: 122px;
    margin: 0 auto;
}
.zitem {
    width:150px;
    height:114px;  
    border:2px solid #e5bf01;
    border-radius: 5px;
    box-shadow: 0 0 12px inset, 0 0 10px #000;
    margin:5px 5px 5px 0; 
    overflow:hidden;
    position:relative;
    float:left;
}

.zitem .caption {
    width:150px;
    height:30px;
    background:#000;
    color:#fff;

    /* fix it at the bottom */
    position:absolute;
    bottom:-1px; /* fix IE issue */
    left:0;

    /* hide it by default */
    display:none;

    /* opacity setting */
    filter:alpha(opacity=70);    /* ie  */
    -moz-opacity:0.7;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.7;    /* for really really old safari */ 
    opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
    text-decoration:none;
    color:#fff;
    font-size:13px;
    text-align: center;
    /* add spacing and make the whole row clickable*/
    padding:5px;
    display:block;
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
}
.zitem img{
    max-width:none !important;
    position:absolute;
    min-width: 150px;
    min-height: 114px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.bot-box{
    display: table;
    margin-top: 10px;
    width: 100%;
}
.bot-box > div{
    float: right;
    width: 310px;
    height: 170px;
}
.box-top{
    background: url('../Images/box-top.png') 0 0 no-repeat scroll;
    width: 312px;
    height: 11px;   
}
.box-bot{
    background: url('../Images/box-bot.png') 0 0 no-repeat scroll;
    width: 312px;
    height: 11px;   
}
.box-bg{
    background: url('../Images/box-bg.png') 0 0 repeat-y scroll;
    width: 286px;
    padding: 0 13px;
    height: 150px;
    color: #fff;
    position: relative;
}
.space{
    margin: 0 9px;
}
.box-title{
    background: url('../Images/box-title.png') 0 0 no-repeat scroll;
    width: 293px;
    height: 36px;   
    margin-right: -5px;
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
    font-size: 16px;
    text-indent: 15px;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    line-height: 36px;
}
.box-title a{
    color: #000;

}
.pad-box{
    width: 293px;
    margin: 0 auto;
    display: table;
}
.more{
    position: absolute;
    bottom: 0;
    left: 17px;
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
}
.btn{
    font-family: koodak, "b koodak", "2 koodak", w_koodak, bkoodak, tahoma, arial;
    font-size: 13px;
    padding: 0 10px;
}
.footer{
    position: relative;
    margin-top: 12px;
}
.copyright a{
    color:#fff;
}
.copyright a:hover{
    color:#ccc;
}
.copyright{
    float: right; 
    color: rgb(255, 255, 255); 
    padding: 0px 11px 0px 0px;
    display:table;
}
.footer-logo{
    float: left; 
    padding-left: 14px; 
    padding-top: 4px;
    display:table;
    width:234px;
    height:32px;
}
.content-box-inside{
    padding: 10px 15px;
    text-align: justify;
    overflow: auto;
    height:410px;
}
#breadcrumb{
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    width: 917px;
}


/* gallery */
.pic-cat-title {
    color: #fff;
    font-family: yekan,BYekan,tahoma,arial;
    font-size: 13px;
    padding-top: 5px;
    text-shadow:0 1px 0 #000;
}
.pic-cat {
    display: table-row;
    font-family: yekan,BYekan,tahoma;
    font-size: 13px;
}
.images-fix {
    border-radius: 5px 5px 5px 5px;
    display: table-cell;
    height: 100px;
    margin-left: 5px;
    text-align: center;
    vertical-align: middle;
    width: 125px;
    box-shadow: 0 0 3px #D6BB6C;
    border: 1px solid #CDA324;
}
.images-fix a img {
    border-radius: 5px 5px 5px 5px;
    margin: 0 auto;
    max-height: 100px;
    max-width: 125px;
}
.pic-no-cat > div {
    float: right;
}
.pic-no-cat-a > div {
    border: 1px solid #CDA324;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #D6BB6C;
    display: table-cell;
    height: 87px;
    margin: 9px;
    text-align: center;
    vertical-align: middle;
    width: 87px;
}
.pic-no-cat-a img {
    border-radius: 5px 5px 5px 5px;
    max-height: 87px;
    max-width: 87px;
}
.pic-no-cat-a {
    padding: 5px;
}
.pic-cat > div {
    float: right;
    margin: 10px 0;
    width: 147px;
}
.pic-cat > div > div {
    float: right;
}
.title-cat {
    color: #fff;
    text-shadow: 1px 1px 0 #000; 
    font-family: yekan,BYekan,tahoma;
    font-size: 18px;
    width: 130px;
}
.des-cat {
    padding: 7px 0;
    width: 130px;
}
.des-cat p {
    margin: 0;
}
.more-cat a img {
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: none;
}
.more-cat {
    width: 130px;
}

.gallery-content{
    display: table;
    width: 100%;
}
.DivDescription{
    color: #000;
}
.center-body-news-box > img{
    max-width: 885px;
    width: auto;
}
/* end gallery */

/* comment */
span.SpanTitle{
    font-family: yekan,BYekan,tahoma;
    font-size: 18px;
    color: #4C4C4C;
    background: url('../Images/com-bullet.png') right center no-repeat;
    padding-right: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: table;
}
span.SpanTitle-2{
    font-family: yekan,BYekan,tahoma;
    font-size: 18px;
    color: #4C4C4C;
    background: url('../Images/com-bullet.png') right center no-repeat;
    padding-right: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: table;
}

.new-comment > a{
    font-size: 13px;
    color: #000;
}
.com-top{
    background: url('../Images/com-top.png') 0 0 no-repeat;
    width: 464px;
    height: 6px;
}
.com-bot{
    background: url('../Images/com-bot.png') 0 0 no-repeat;
    width: 464px;
    height: 6px;
}
.com-bg{
    background: url('../Images/com-bg.png') 0 0 repeat-y;
    width: 442px;
    color: #fff;
    font-size: 11px;
    padding: 0 11px;
    position: relative;
    text-align:justify;
}
.comment-box{
    width: 464px;
    margin: 15px auto;
}
.news_useridea_form{
    width: 100%;
}
.form{
    width: 410px;
    margin: 0 auto;
}
.form-2{
    width: 319px;
    margin: 0 auto;
}
.form-input{
    margin-top: 0;
}
.form-input input,textarea{
    background: #E2E2E2;
    border: 1px solid #fff;
    border-radius: 5px;
}
.form-input-2 input,textarea{
    background: #E2E2E2;
    border: 1px solid #fff;
    border-radius: 5px;
}
.form >div{
    display: table;
    width: 100%;
}
.form-2 >div{
    display: table;
    width: 100%;
}
.form-com > div{
    float: right;
}
.form-com{
    display: table;
    width: 100%;
}
.form-name{
    line-height:30px;
    margin-left:10px;
    text-align:left;
    width:85px;
    font-size: 11px;
}
.form-input textarea{
    width: 300px;
    background:none repeat scroll 0 0 #E2E2E2;
}
.SubmitBtn{
    background:none repeat scroll 0 0 #E2E2E2;
    border:medium none;
    border-radius:5px 5px 5px 5px;
    color:#222;
    float:left;
    padding:5px 9px;
    font-family: yekan,BYekan,tahoma;
    font-weight: normal;
    font-size: 13px;
}
.SubmitBtn-2{
    background:none repeat scroll 0 0 #ccc;
    border:medium none;
    border-radius:5px 5px 5px 5px;
    color:#000;
    float:left;
    padding:5px 9px;
}
.reply-com{
    width: 441px;
    margin-right: 37px;
    margin-top: -10px;
    margin-bottom: 13px;
}
.reply-top{
    background: url('../Images/top-re-com.png') 0 0 no-repeat;
    width: 441px;
    height: 5px;
}
.reply-bot{
    background: url('../Images/bot-re-com.png') 0 0 no-repeat;
    width: 441px;
    height: 5px;
}
.reply-bg{
    background: url('../Images/bg-re-com.png') 0 0 repeat-y;
    width: 419px;
    padding:0 11px;
    position: relative;
    text-align:justify;
}
.bot-com{
    display: table;
    width: 100%;
}
.rate{
    float: right;
}
.reply{
    float: left;
}
.reply a{
    background: #c9cdcd;
    border-radius: 5px;
    padding: 1px 5px;
    color: #000;
}

/* end comment */
.DivDescription{
    color: #fff!important;
}
Span.SpanDescription{
    color: #fff!important;
}

/* news */ 
.content-left-body{
    width: 67%;
    display: table;
    float: left;
    margin: 0 0 0 14px;
}
.content-inner-left{
    display: table;
    width: 100%;
}
.content-inner-left-top{
    background: url('../Images/content-inner-left-top.png') 0 0 no-repeat;
    width: 605px;
    height: 13px;
}
.content-inner-left-bot{
    background: url('../Images/content-inner-left-bot.png') 0 0 no-repeat;
    width: 605px;
    height: 18px;
    margin-bottom: 10px;
}
.content-inner-left-bg a:hover{
    color: #000;
    text-decoration: none;
}
.content-inner-left-bg{
    background: url('../Images/content-inner-left-center.png') 0 0 repeat-y;
    width: 605px;
    display: table;
    position: relative;
}
.content-box{
    float: right;
    text-align: justify;
    display: table;
    margin-bottom: 23px;
    width: 100%;
}
.des {
    overflow: hidden;
    padding: 0 12px 0 0;
    width: 460px;
    text-align: justify;
}
.des-2 {
    overflow: hidden;
    padding: 0 12px 0 0;
    width: 96%;
    text-align: justify;
}
.title-2{
    background: url('../Images/title-bg.png') 0 0 no-repeat;
    width: 195px;
    height: 36px;
    font-family: yekan,"b yekan","2 yekan",w_yekan,byekan,tahoma,arial;
    font-size: 13px;
    color: #000;
    text-shadow: 1px 1px 0 #ffffff; 
    text-align: left;
    padding: 0 8px;
    position: relative;
    right: -5px;
    top:-7px;
    line-height: 29px;
}
.title a{
    font-family: yekan,"b yekan","2 yekan",w_yekan,byekan,tahoma,arial;
    font-size: 13px;
    color: #000;
    text-shadow: 0px 1px 0 #ffffff; 
    text-align: left;
    line-height: 29px;
}
.more-r{
    background: url('../Images/btn-right.png') 0 0 no-repeat;
    width: 5px;
    height: 22px;
}
.more-l{
    background: url('../Images/btn-left.png') 0 0 no-repeat;
    width: 5px;
    height: 22px;
}
.more-c{
    background: url('../Images/btn-center.png') 0 0 repeat-x;
    height: 22px;
}
.more-c a{
    padding: 0 8px;
    line-height: 18px;
    color:#727272;
}
.more-c a:hover{
    color: #000;
    text-decoration: none;
}
.more{
    position: absolute;
    bottom: 0;
    left: 12px;
    display: block;
    width: 66px;
    height: 22px;
}
.more > div{
    float: right;
}
.content-box-image{
    float: left;
    display: table;
    margin-left: 14px;
}
.content-box-image img{
    width: 106px;
    height: 108px;
    border: 2px solid #000;
    border-radius: 5px;
    display: block;
}
.content-box-image > a{
    display: block;
    width: 106px;
    height: 108px;
}
.pagin li{
    float: right;
    list-style: none;
    margin: 0 2px;
}
.pagin li a{
    background: #e4e4e4;
    border: 1px solid #858585;
    border-radius: 5px;
    padding: 2px 8px;
}
.active > a{
    box-shadow: 0 0 9px #595959 inset;
    border: 1px solid #3F3F3F!important;
}
.pagin li a:hover{
    color:#000;
    text-decoration: none;
}
.pagin{
    display: table;
    margin: 0 auto;
}



.top-icon{
    float: left;
    display: table;
    width: 100px;
}
.top-icon > div{
    float: right;
}
.top-icon-2 {
    display: table;
    float: right;
    padding: 7px 22px;
    width: 100%;
}
.a2a_kit.a2a_default_style{
    display: table;
}
.a2a_kit.a2a_default_style > div{
    float: right;
}
.top-icon-2 > div{
    float: right;
}
.page-title{
    font-family: yekan,"b yekan","2 yekan",w_yekan,byekan,tahoma,arial;
    font-size: 18px;
    text-shadow: 1px 1px 0 #fff;
    color: #4B4B4B;
}
.page-title a{
    font-family: yekan,"b yekan","2 yekan",w_yekan,byekan,tahoma,arial;
    font-size: 18px;
    text-shadow: 1px 1px 0 #fff;
    color: #4B4B4B;
    cursor: pointer;
}
.page-title-in{
    font-family: yekan,"b yekan","2 yekan",w_yekan,byekan,tahoma,arial;
    font-size: 18px;
    text-shadow: 1px 1px 0 #000;
    color: #fff;
    padding: 0 12px;
}
.page-title-in a{
    font-family: yekan,"b yekan","2 yekan",w_yekan,byekan,tahoma,arial;
    font-size: 18px;
    text-shadow: 1px 1px 0 #fff;
    color: #4B4B4B;
    cursor: pointer;
    padding: 0 12px;
}
.des-inside > img{
    padding-right: 10px;
    float: left;
    max-width: 300px;
}
.des-inside{
    padding:0 12px 12px;
}
.info > div{

    background: #007063;
    border-radius: 5px;
    margin: 3px 5px;
    padding: 1px 5px;
}
.info {
    background: url("../Images/info.png") no-repeat scroll center top transparent;
    display: table;
    height: 40px;
    padding: 0 12px;
    width: 95%;
}

/* comment */

span.SpanTitle{
    font-family: yekan,BYekan,tahoma;
    font-size: 18px;
    color: #ccc;
    background: url('../Images/com-bullet.png') right center no-repeat;
    padding-right: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: table;
}
span.SpanTitle-2{
    font-family: yekan,BYekan,tahoma;
    font-size: 18px;
    color: #ccc;
    background: url('../Images/com-bullet.png') right center no-repeat;
    padding-right: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: table;
}

.new-comment > a{
    font-size: 13px;
    color: #000;
}
.com-top{
    background: url('../Images/com-top.png') 0 0 no-repeat;
    width: 464px;
    height: 6px;
}
.com-bot{
    background: url('../Images/com-bot.png') 0 0 no-repeat;
    width: 464px;
    height: 6px;
}
.com-bg{
    background: url('../Images/com-bg.png') 0 0 repeat-y;
    width: 442px;
    color: #fff;
    font-size: 11px;
    padding: 0 11px;
    position: relative;
    text-align:justify;
}
.comment-box{
    width: 464px;
    margin: 15px auto;
}
.news_useridea_form{
    width: 100%;
}
.form{
    width: 410px;
    margin: 0 auto;
}
.form-2{
    width: 319px;
    margin: 0 auto;
}
.form-input{
    margin-top: 0;
}
.form-input input,textarea{
    background: #E2E2E2;
    border: 1px solid #fff;
    border-radius: 5px;
}
.form-input-2 input,textarea{
    background: #E2E2E2;
    border: 1px solid #fff;
    border-radius: 5px;
}
.form >div{
    display: table;
    width: 100%;
}
.form-2 >div{
    display: table;
    width: 100%;
}
.form-com > div{
    float: right;
}
.form-com{
    display: table;
    width: 100%;
}
.form-name{
    line-height:30px;
    margin-left:10px;
    text-align:left;
    width:85px;
    font-size: 11px;
}
.form-input textarea{
    width: 300px;
    background:none repeat scroll 0 0 #E2E2E2;
}
.SubmitBtn{
    background:none repeat scroll 0 0 #E2E2E2;
    border:medium none;
    border-radius:5px 5px 5px 5px;
    color:#222;
    float:left;
    padding:5px 9px;
    font-family: yekan,BYekan,tahoma;
    font-weight: normal;
    font-size: 13px;
}
.SubmitBtn-2{
    background:none repeat scroll 0 0 #ccc;
    border:medium none;
    border-radius:5px 5px 5px 5px;
    color:#000;
    float:left;
    padding:5px 9px;
}
.reply-com{
    width: 441px;
    margin-right: 94px;
    margin-top: -10px;
    margin-bottom: 13px;
}
.reply-top{
    background: url('../Images/top-re-com.png') 0 0 no-repeat;
    width: 441px;
    height: 5px;
}
.reply-bot{
    background: url('../Images/bot-re-com.png') 0 0 no-repeat;
    width: 441px;
    height: 5px;
}
.reply-bg{
    background: url('../Images/bg-re-com.png') 0 0 repeat-y;
    width: 419px;
    padding:0 11px;
    position: relative;
    text-align:justify;
}
.bot-com{
    display: table;
    width: 100%;
}
.rate{
    float: right;
}
.reply{
    float: left;
}
.reply a{
    background: #c9cdcd;
    border-radius: 5px;
    padding: 1px 5px;
    color: #000;
}
/* end comment */
/* end news */ 
.product_image a img {
    height: 100px;
    width: 130px;
    border-radius: 5px;
    border: 3px solid;
}
.product_image div {
    width: 130px;
    float: right;
    margin:7px;
}
.product_image {
    width: 97%;
    display:table;
    padding: 10px;
}
.breadcrumb .active{
    color: #555;
}