#site{ width:100%; height:100%; min-width:1080px; position:relative; }
#holder{ min-height:100%; }

#content{ width:100%; }
#content .inner{ width:940px; margin:0 auto; position:relative; padding:40px 0; }
#content .main{ float:left; width:540px; }
#content .side{ float:right; width:300px; }
#content .main .inner, #content .side .inner{ width:100%; padding:0; }

/* header */
header{ width:100%; height:100px; background:#054522; }
header .inner{ width:940px; margin:0 auto; position:relative; }
header #logo{ position:absolute; top:16px; left:0; height:70px; }
header #hlp{ position:absolute; top:15px; right:200px; width:118px; height:40px; }

/* navigation */
header nav{ position:absolute; top:70px; right:0; }
header nav li{ float:right; list-style:none; margin:0 0 0 20px; line-height:20px; }
header nav a{ color:#4c9d2a; font-weight:normal; font-size:17px; }
header nav a:hover{ color:#fff; text-decoration:none; }
header nav li.active a, header nav li.active a:hover{ color:#fff; }

header .btn{ position: absolute; top:15px; right:0; }


/* footer */
footer{ width:100%; height:144px; margin-top:-145px; border-top:solid 1px #F4F4F4; }
footer .inner{ width:940px; margin:0 auto; position:relative; }
footer .nav{ position:absolute; top:25px; left:0; width:100%; height:26px; }
footer .nav li{ font-size:13px; float:left; list-style:none; margin:0 5px 0 0; }
footer .nav a{ color:#4c9d2a; }
footer .copyright{ position:absolute; top:60px; left:0; }
footer .copyright p{ font-size:13px; line-height:17px; padding:0; color:#555555; }

footer .social{ position:absolute; top:25px; right:0; }
footer .social li{ float:right; margin:0 0 0 8px; width:18px; height:16px; list-style:none; position:relative; }

footer .smartarts{ position:absolute; width:110px; height:30px; top:65px; right:0; }
footer .smartarts .on{ position:absolute;top:0; left:0; opacity:0; }
footer .smartarts a{ display:block !important; }

/* bgr */
.bgr{ width:100%;background:url(/images/bgr.jpg) top center no-repeat; }
.bgrzz{ background-size:100% 510px; }
.bgr.short{ height:360px; }
 
/* testimonial */
.testimonial{ position:relative; padding:0; width:250px; }
.testimonial .open{ position:absolute; top:-2px; left:-20px; }
.testimonial span{ font-size:13px; color:#555555; }

/* branches nav */
.branches{ position:relative; min-height:600px; }
.branches .switchview i.list{ position:absolute; top:40px; right:0; }
.branches .switchview i.map{ position:absolute; top:40px; right:40px; }
.branches .switchview i{ opacity:0.6; cursor:pointer; }
.branches .switchview i:hover{ opacity:0.8; }
.branches .switchview i.active,.branches .switchview i.active:hover{ opacity:1; }

.branches .view{ overflow:hidden; position:relative; }
.branches .map.view{ }
.branches .map.view .holder{ padding:9px; border:solid 1px #F2F2F2; }
.branches .list.view{ }

/* branches map view */
.branches .gmapholder, .branches .gmapholder .map{ width:920px;height:550px; position:relative; }
.branches .gmapholder .info{ position:absolute; top:10px; right:10px; width:300px; height:530px; background:#fff; }
.branches .gmapholder .close{ position:absolute; top:10px; right:10px; cursor:pointer; }
.branches .gmapholder iframe{ width:300px; height:510px; border:none; overflow:hidden; }

/* branches list view */
.branches .branch{ position:relative; border-top:solid 1px #E6E6E6; padding:20px 0; }
.branches .branch h1{ font-size:23px; line-height:26px; padding:0 0 6px 0; }
.branches .branch h4{ padding:3px 0 0 0; }
.branches .branch p{ clear:both; }
.branches .branch .col{ width:256px; padding:5px; border:solid 1px #E6E6E6; }
.branches .branch .col .mg{ width:256px;height:166px;display:block; }
.branches .branch .img{ margin:0 50px 0 0; }
.branches .branch .times{ border:none; font-size:13px; }
.branches .branch table{ width:100%; margin:0 0 20px 0; }

.welcome ul{ padding:20px 0 0 0; }

/* news panel */
.news-panel{ padding:0 0 20px 0; }
.news-panel h4,.twitter h4{ font-size:11px; line-height:13px; padding:0 0 2px 0; font-weight:normal; }
.news-panel h2{ font-size:19px; line-height:21px; padding:0 0 4px 0; }
.news-panel p{ font-size:13px; line-height:16px; }

/* news list */
.news-list{ padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #ccc; }
.news-list img{ float:left; width:100px; height:100px; }
.news-list .text{ float:right; width:420px; }
.news-list h2{ padding:0 0 2px 0; font-size:18px; }
.news-list h3{ padding:0 0 5px 0; font-size:13px; line-height:14px; }
.news-list p{ padding:0; }

/* chemist info */
.chem-info{ background:#fff; padding:15px; margin-top:-20px; height:460px; width:270px; position:relative; }
.chem-info.short{ height:290px; }
.iframe .chem-info{ margin:0; overflow: scroll; }
.chem-info h2{ font-size:23px; line-height:25px; padding:0 0 3px 0; }
.chem-info p{ font-size:13px; padding: 0 0 5px 0; line-height:18px; }
.chem-info .swap{ border:solid 1px #E5E5E5; padding:5px; width:256px; height:166px; margin:0 0 15px 0; position:relative; }
.chem-info .swap > div{ width:256px; height:166px; position:absolute; z-index:10; top:5px; left:5px; }
.chem-info .swap > div.active{ z-index:20; }
.chem-info .swap .view{ position:absolute; top:-46px; right:-1px; height:45px; width:100px; padding:0; }
.chem-info .swap .view li{ float:right; width:44px; height:44px; padding:0; cursor:pointer; background:#F2F2F2; margin:0 0 0 1px; border:solid 1px #F2F2F2; border-bottom:none; }
.chem-info .swap .view li:hover{ background:#eee; }
.chem-info .swap .view li.active,.chem-info .swap .view li.active:hover{ background:#fff; border:solid 1px #E5E5E5; border-bottom:none; padding-bottom:1px; }
.chem-info .swap .view li i{ top:7px; left:7px; }
.chem-info td{ font-size:13px; }

/* forms */
.form.bgr{ height:560px; background-size:100%; }
.form form{ padding:40px 60px; }
.form form input,.form form select{ height:40px; line-height:40px; font-size:17px; }
.form form input[type=text], .form form textarea, .form form select{ border:solid 1px #e5e5e5; background:#fff; width:520px; padding:0 10px;  }
.form form select{ padding-right:0; }
.form.bgr form input[type=text], .form.bgr form textarea{ border:solid 1px #fff; width:360px; }
.form.bgr form select{ border:solid 1px #fff; width:382px; }
.form form textarea{ height:160px; font-size:17px; line-height:22px; padding-top:9px; }
.form form input.short{ width:180px; }
.form .checkbox{ width:380px; height:40px; }
.form .checkbox input{ width:20px; height:20px; float:left; margin:0 10px 0 0;  }
.form .checkbox label{ float:left; clear:none; } 

.form.thin h2{ padding-top:10px; }
.form.thin form input[type=text]{ width:278px; }
.form.thin form select{ width:298px; }
.form.thin .checkbox{ width:300px; height:40px; }
.form.thin .checkbox label{ float:right; width:265px; }