﻿HTML {font-size:100.01%;}HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR,DL,DT,DD,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD,HR{padding:0;margin:0;border:none;outline:none;vertical-align:baseline;font-family:inherit;}DFN,I,CITE,VAR,ADDRESS,EM{font-style:normal;}TH,B,H1,H2,H3,H4,H5,H6{font-weight:normal;}TEXTAREA,INPUT,SELECT{padding:0;margin:0;padding-left:5px;font-family:inherit;font-size:14px;border:1px solid #f36e21;color:#000;}
OL,UL {
    list-style:none;
}
TABLE {
    /*border-collapse:collapse;
    border-spacing:20;*/
}
CAPTION,TH,TD {
    /*text-align:left;
vertical-align:top;*/
}
B {
    font-weight: bold;
}
I {
    font-style: italic;
}
INPUT {
    height:1.4em;
}
:focus {
    outline:none;
}
A {
    color:#f36e21;
}
A:hover {
    text-decoration:none;
}
BODY {
    font-family:tahoma;
    font-size:.814em;
    line-height:1.3em;
    color:#5b5959;
}


H2 {
    height:20px;
    position:relative;
    overflow:hidden;
    background:#FFF;
}
#content H2 {
    height:30px;
    margin-bottom:10px;
    background:#FFF url(../i/style/bg_repeats.png) repeat-x 0 -339px;
}
H2 SPAN {
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:transparent url(../i/style/captions.png) no-repeat 0 0;
}
/*	#content H2 SPAN {
                background:transparent url(../i/style/captions.png) no-repeat 0 0;
        }*/
H2.rules SPAN {
    background-position:0 -0px;
}
H2.price SPAN {
    background-position:0 -30px;
}
H2.news SPAN {
    background-position:0 -60px;
}
#content H2.service SPAN {
    background-position:0 -90px;
}
#content H2.contact SPAN {
    background-position:0 -180px;
}
#content H2.archive SPAN {
    background-position:0 -210px;
}
H2.menu {
    display:none;
}
H3 {
    font-size:16px;
    color:#3f3e3e;
    margin-bottom:14px;
    padding-left:18px;
    background:transparent url(../i/style/marker_h3.gif) no-repeat 0 60%;
    font-weight:bold;
}
/* Wrapper
------------------------------------ */
#wrapper {
    float:left; width:100%;
    min-width:990px;/*IE*/
    background:#FFF;
    position:relative;
}

/* Header
------------------------------------ */
#header {
    height:180px;
    margin:0px 0 40px;
    /*?	overflow:hidden;*/
    background:#ff5c00 url(../i/style/bg_head.png) repeat-x 0 0;
    border:1px solid #FFF;
    overflow:hidden;
}
#header .bg-header {
    height:100%;
    background:transparent url(../i/style/bg_head_.png) no-repeat 0 0;
}

/* Logo */
#logo {
    width:620px;
    height:45px;
    position:relative;
    overflow:hidden !important;
    top:60px;
    left:60px;
}
#logo SPAN {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:transparent url(../i/style/logos.png) no-repeat 0 0;
    background-position:-488px 0;
    cursor:pointer;
}
BODY.lab #logo {
    height:46px;
    top:68px;
    left:61px;
}
BODY.lab #logo SPAN {
    background-position:-488px 0;
}
/* Nav */
#header UL.nav {
    width:100%;/*IE*/
    height:40px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    background:#797777 url(../i/style/bg_header_top.png) repeat-x 0 0;
    z-index:1;
}
#header UL.nav LI {
    float:left;
    line-height:11px;
    margin:15px 0 0 22px;
    background:#000 url(../i/style/nav.png) no-repeat 0 0;
    text-indent:-9999px;
    z-index:1;
    display:none;
}
#header UL.nav LI.n-home {
    width:13px;
    margin-left:56px;
}
#header UL.nav LI.n-mail {
    width:15px;
    margin-left:23px;
    background-position:-13px;
}
#header UL.nav LI.n-map {
    width:12px;
    background-position:-28px;
}
#header UL.nav LI A {
    float:left;
    width:100%;
    height:11px;
    display:block;
}

/* Adress */
#header .adr {
    line-height:40px;
    position:absolute;
    top:0;
    right:32px;
    color:#c1c1c1;
    font-size:14px;
    z-index:2;
}

/* Telephone */
#header UL.tel {
    width:263px;
    height:25px;
    position:absolute;
    top:47px;
    right:37px;
    background:transparent url(../i/style/tel.png) no-repeat 0 0;      
    text-indent:-9999px;
    z-index:2;
}
#header UL.tel LI {
    float:left;
}

/* Navbar
------------------------------------ */
#navbar {
    width:100%;
    height:45px;
    position:absolute;
    top:195px;
    /*	overflow:hidden;*/
    background:#383737 url(../i/style/menu.png) no-repeat 0 0;
    font-size:12px;
}
#navbar UL#menu {/*IE*/
    margin-left:43px;
    padding-right:43px;
    overflow:hidden;
    text-align:center;
    background:#383737 url(../i/style/menu.png) repeat-x 100% -135px;
}
#navbar UL#menu LI {
    float:left;
    height:45px;
    background:#383737 url(../i/style/menu.png) repeat-x 0 -45px;
}
#navbar UL#menu LI A {/*IE*/
    height:33px;
    padding-top:12px;
    margin-right:1px;
    display:block;
    color:#fefefe;
    background:#383737 url(../i/style/menu.png) repeat-x 0 -90px;
}
#navbar UL#menu LI A:hover {
    background-color:#ff5c00;
    background-position:0 -180px;
    text-decoration:underline;
}
BODY#service #navbar UL#menu LI.service A,
BODY#main #navbar UL#menu LI.service A,
BODY#contact #navbar UL#menu LI.contact A,
BODY#profiles #navbar UL#menu LI.profiles A {
    background-position:0 -180px;
    text-decoration:underline;
}
#navbar UL#menu LI.about {
    width:10%;/*IE*/
}
#navbar UL#menu LI.service {
    width:10%;
}
#navbar UL#menu LI.express {
    width:12%;
}
#navbar UL#menu LI.price {
    width:10%;
}
#navbar UL#menu LI.search {
    width:12%;
}
#navbar UL#menu LI.contr_agent {
    width:10%;
}
#navbar UL#menu LI.filezone {
    width:10%;
}
#navbar UL#menu LI.feedback {
    width:10%;
}

#navbar UL#menu LI.how_it_works {
    width:14%;
}
#navbar UL#menu LI.lenses {
    width:10%;
}

/* Content
------------------------------------ */
#content {/*IE*/
    min-height:600px;
    margin:0 43px 16px 43px;
    padding-bottom:29px;
    background:#FFF url(../i/style/bg_content.gif) repeat-x 0 100%;
    overflow:hidden;
}
#content IMG {
    border: thik black double;
}
/* Service */
#content UL.service {
    float:left; width:100%;
    max-width:900px;
}
#content UL.service LI {/*IE*/
    float:left; width:33%;
    margin-top:13px;
    height:186px;
    border-bottom:1px solid #c5c4c4;
}
#content UL.service LI SPAN {
    display:block;
    position:relative;
    top:147px;
    left:2px;
}
#content UL.service LI A {
    width:146px;
    height:183px;
    display:block;
}
#content UL.service LI.compact {
}
#content UL.service LI.compact A {
    background:transparent url(../i/style/service/compact.jpg) no-repeat -146px 0;
}
#content UL.service LI.foto {
}
#content UL.service LI.foto A {
    background:transparent url(../i/style/service/foto.jpg) no-repeat -146px 0;
}
#content UL.service LI.lens {
    width:34%
}
#content UL.service LI.lens A {
    background:transparent url(../i/style/service/lens.jpg) no-repeat -146px 0;
}
#content UL.service LI.flash {
    width:34%
}
#content UL.service LI.flash A {
    background:transparent url(../i/style/service/flash.jpg) no-repeat -146px 0;
}
#content UL.service LI.camera {
}
#content UL.service LI.camera A {
    background:transparent url(../i/style/service/camera.jpg) no-repeat -146px 0;
}
#content UL.service LI.printer {
}
#content UL.service LI.printer A {
    background:transparent url(../i/style/service/printer.jpg) no-repeat -146px 0;
}
#content UL.service LI.proector {
}
#content UL.service LI.proector A {
    background:transparent url(../i/style/service/proector.jpg) no-repeat -146px 0;
}
#content UL.service LI A:hover {
    background-position:0 0;
}

/* Sidebar
------------------------------------ */
#sidebar {/*IE*/
    float:left; width:213px;
    min-height:200px;
    _height:200px;
    margin:0 40px 16px 43px;
    background:#FFF;
}
#sidebar FORM#search {
    display:none;
}
#sidebar FORM#search FIELDSET {
    margin-bottom:45px;
    padding:17px 20px 16px 18px;
    background:#ffdac4;
}
#sidebar FORM#search FIELDSET INPUT {
    width:106px;
}

/* News */
#sidebar DL.news {
    padding:0 4px 12px;
    background:#e9e9e9;
    border:1px solid #d0cece;
}
#sidebar DL.news DT {
    color:#4d4d4d;
    font-weight:bold;
}
#sidebar DL.news DT EM.date {
    padding:6px 0 1px 0;
    display:block;
    font-size:11px;
    border-bottom:1px solid #c5c4c4;
}
#sidebar DL.news DT STRONG.caption {
    margin-bottom:5px;
    display:block;
    font-size:12px;
}
#sidebar DL.news DT STRONG.caption A {
    font-size:12px;
}
#sidebar DL.news DD {
    padding-bottom:8px;
    color:#404040;
    border-bottom:1px solid #c5c4c4;
}
#sidebar DL.news DD P {
}
#sidebar DL.news DD A.more {
    display:none;
}

/* Footer
------------------------------------ */
#footer {
    clear:left;
    height:126px;
    position:relative;
    background:#565656 url(../i/style/bg_repeats.png) repeat-x 0 -173px;
    color:#FFF;
}
#footer DL.contact {
    height:66px;
    padding-top:60px;
    background:transparent url(../i/style/footer.png) no-repeat 100% 100%;
}
#footer DL.contact DT {
    height:38px;
    padding:56px 0 0 276px;
    position:absolute;
    top:-15px;
    left:18px;
    font-size:1.1em;
    /*text-transform:uppercase;*/
    background:transparent url(../i/style/logo_footer.png) no-repeat 0 0;
}
#footer DL.contact DT SPAN {
    font-size:1.11em;
    font-weight:bold;
}
#footer DL.contact DD {
    padding-left:312px;
    font-size:11px;
}

/* newsd
------------------------------------ */
#newsd {
    clear:left;
    height:126px;
    position:relative;
    background:#FF0000 url(../i/style/bg_repeats.png) repeat-x 0 -173px;
    color:#FFF;
}
#newsd DL.contact DT {
    height:38px;
    padding:265px;
    position:absolute;
    top: 0px;
    left:0px;
    background:transparent url(../i/style/logo_footer.png) no-repeat 0 0;
}
#newsd DL.contact DD {/*IE*/
    height:26px;
    padding:0 0 0 200px;
    position:absolute;
    top:0px;
    left:285px;
    background:transparent url(../i/style/captions.png) no-repeat 0 -50px;
}

.info_block{
    background-color: #f6f6f6;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    border: #f36e21 solid 1px;


}

.table {

    background:#e9e9e9;
    border-bottom:1px solid #5a5a5a;
}

#content .table tbody tr:nth-child(odd) {
    background-color:#fcfcfc;
}

TABLE.table TR:last-child {
    border-bottom:1px solid #5a5a5a;
    width:600px;
}
TABLE.table TD,
TABLE.table TH {
    font-size:.85em;
    padding:0 11px;
    color:#3f3e3e;
    border-left:1px solid #FFF;
    vertical-align:middle;
}
TABLE.table TH {
    line-height:1.3em;
    padding:.3em 11px;
    color:#FFF;
    text-transform:none;
    background:#5a5a5a;
    border-bottom:1px solid #FFF;
}
TABLE.table CAPTION {
    padding:0 20px .2em;
    background:transparent url(../i/style/bg_caption.gif) no-repeat 6px .4em;
    font-weight:bold;
    color:#3f3e3e;
}
TABLE.table TR.alt {
    background:#cdcbcb;
}
#shoplist{

}

#shoplist li {
    position: relative;
    border: 1px solid;
    border-color: #F36E21;

    margin: 20px;
    width: 650px;
    height: 220px;
}
#shoplist li img{
    position: absolute;
    left: 0%;
    top: 5%;
    width:200px;

}
#shoplist .price{
    position: absolute;

    font-size: larger;
    top: 20%;
    left: 79%;



}
#shoplist .name {
    position: absolute;
    left: 35%;
    top: 5%;
    font-size: large;

}

#shoplist .available, .coming, non_available{

    font-size:small;
}
#shoplist .overview {
    position: absolute;
    left: 35%;
    top: 30%;
    
    width: 40%;

}

.about_lenses{
    width: 50%;
    border: 3px solid;
    border-color: #F36E21;
    border-color: #FF7C2D;
    margin: 5px;
    padding: 1em;


}
.about_lenses p {
    font-size: medium;
}
.about_lenses h3{
    margin: 0 0 0.5em 0;

}



#lens_details{
    position: relative;
    min-height: 800px;
   
}

#lens_details h3{
    margin: 0.5em 0.5em 0.5em 0em;

}

#lens_details .overview, .specifications {
    
    border: 1px solid;
    border-color: #F36E21;
    
    padding: 0px 5px 5px 5px;
    margin-bottom: 10px;
    width: 400px
  
}

#lens_details .name-price-av{
    padding: 4px;
}

#item_content{
    position: absolute;
    left: 290px;
    top: 0px;
}

#lens_details img{
    position: relative;
    top: 0;
    left:0;
}
#lens_details .name{
    font-size: large;
    color: #F36E21;
}
#lens_details .price{
    font-size: large;
}
#lens_details .available, .coming, .non_available{
    font-size: small;
}
#lens_details {
    font-size: small;
}
#lens_details {
    font-size: small;
}

#images_block{
    width: 260px;
    
}
#images_block img{
    border: 1px solid #F36E21;
    margin: 5px;
}

.available{
    color: green;
}
.non_available{
    color: red;
}
.coming{
    color:#FF7C2D;
}

.categories td{
    font-size: large;
    border: 1px solid;
    border-color: #FF7C2D;
    width: 150px;
    
}
.categories td img{
   margin-left:25px;
   margin-right: 25px;
  
}
.categories td img{
    width: 150px;
    height: 150px;
}
.category_link{
   width: 100%;

   margin-bottom: 10px;
   text-align: center;
}


